/*
 * APALUZ Mezcal — Estilos principales
 * Archivo: apaluz-style.css
 * Ruta WordPress: /wp-content/themes/TU-CHILD-THEME/css/apaluz-style.css
 */

:root{--black:#080c10;--carbon:#0d1117;--coal:#141b24;--copper:#4a8fb5;--copper-light:#7ab3ce;--gold:#a8c8dc;--gold-pale:#d4e8f2;--cream:#e8f4f9;--white:#f0f8ff;--text-muted:#5a7a8a;--text-body:#9ab8c8;--wa:#25d366;--font-d:'Playfair Display',Georgia,serif;--font-b:'Montserrat',sans-serif;--silk:cubic-bezier(.25,.46,.45,.94);--eout:cubic-bezier(0,0,.2,1)}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px}
body{background:var(--black);color:var(--text-body);font-family:var(--font-b);font-weight:300;line-height:1.7;overflow-x:hidden}
img{display:block;width:100%;height:100%;object-fit:cover}
a{text-decoration:none;color:inherit}ul{list-style:none}
.display-2{font-family:var(--font-d);font-size:clamp(2rem,4vw,3.5rem);font-weight:400;line-height:1.1;letter-spacing:-.01em}
.eyebrow{font-family:var(--font-b);font-size:.65rem;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:var(--copper)}
.body-text{font-size:clamp(.9rem,1.5vw,1.05rem);line-height:1.85;color:var(--text-body)}
.line-deco{display:inline-block;width:40px;height:1px;background:var(--copper);vertical-align:middle;margin-right:1rem}
.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 2rem;font-family:var(--font-b);font-size:.7rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;border:1px solid currentColor;cursor:pointer;transition:all .4s var(--silk);position:relative;overflow:hidden;background:transparent}
.btn::before{content:'';position:absolute;inset:0;transform:translateX(-101%);transition:transform .4s var(--silk)}
.btn:hover::before{transform:translateX(0)}.btn span,.btn svg{position:relative;z-index:1}
.btn-lg{padding:1.1rem 2.8rem;font-size:.75rem;letter-spacing:.25em}
.btn-copper{color:var(--copper);border-color:var(--copper)}.btn-copper::before{background:var(--copper)}.btn-copper:hover{color:var(--black)}
.btn-gold{color:var(--gold);border-color:var(--gold)}.btn-gold::before{background:var(--gold)}.btn-gold:hover{color:var(--black)}
.btn-white{color:var(--white);border-color:rgba(168,200,220,.4)}.btn-white::before{background:rgba(168,200,220,.08)}.btn-white:hover{color:var(--white)}
.btn-wa{color:var(--wa);border-color:var(--wa)}.btn-wa::before{background:var(--wa)}.btn-wa:hover{color:var(--black)}
.reveal{opacity:1;transform:none;transition:opacity .9s var(--eout),transform .9s var(--eout)}
.reveal.from-left{transform:none}.reveal.from-right{transform:none}
.reveal.animate-init{opacity:0;transform:translateY(40px)}
.reveal.animate-init.from-left{transform:translateX(-40px)}.reveal.animate-init.from-right{transform:translateX(40px)}
.reveal.visible{opacity:1;transform:translate(0)}
.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.35s}.reveal-delay-4{transition-delay:.5s}
#site-header{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1rem 4vw;display:flex;align-items:center;justify-content:space-between;transition:background .5s var(--silk),padding .4s var(--silk)}
#site-header.scrolled{background:rgba(8,12,16,.96);backdrop-filter:blur(14px);padding:.6rem 4vw;border-bottom:1px solid rgba(74,143,181,.15)}
.logo-link{display:block;height:52px;width:auto;flex-shrink:0;transition:filter .4s var(--silk),transform .4s var(--silk)}
.logo-link img{height:100%;width:auto;object-fit:contain}
.logo-link:hover{filter:drop-shadow(0 0 14px rgba(74,143,181,.75));transform:scale(1.05)}
#site-nav{display:flex;align-items:center;gap:2rem}#site-nav ul{display:flex;gap:1.6rem}
#site-nav a{font-size:.6rem;font-weight:400;letter-spacing:.15em;text-transform:uppercase;color:var(--text-body);transition:color .3s;position:relative;white-space:nowrap}
#site-nav a::after{content:'';position:absolute;bottom:-3px;left:0;width:0;height:1px;background:var(--copper);transition:width .3s var(--silk)}
#site-nav a:hover{color:var(--cream)}#site-nav a:hover::after{width:100%}
.nav-wa{display:flex;align-items:center;gap:.4rem;font-size:.6rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--wa);border:1px solid var(--wa);padding:.5rem 1.1rem;transition:all .3s var(--silk);white-space:nowrap}
.nav-wa:hover{background:var(--wa);color:var(--black)}.nav-wa svg{width:13px;height:13px}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;background:none;border:none}
.hamburger span{width:24px;height:1px;background:var(--gold);transition:all .3s;display:block}
.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(4px,4px)}
.hamburger.active span:nth-child(2){opacity:0}
.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}
.mobile-menu{display:none;position:fixed;inset:0;background:rgba(8,12,16,.98);z-index:999;flex-direction:column;align-items:center;justify-content:center;gap:1.8rem}
.mobile-menu.open{display:flex}.mobile-menu a{font-family:var(--font-d);font-size:1.6rem;color:var(--cream);transition:color .3s}.mobile-menu a:hover{color:var(--copper)}
#inicio{position:relative;height:100vh;min-height:600px;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;padding:0}
.hero-bg{position:absolute;inset:0}.hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(8,12,16,.2) 0%,rgba(8,12,16,.6) 50%,rgba(8,12,16,.88) 100%)}
.hero-content{position:relative;z-index:2;max-width:820px;padding:0 2rem}
.hero-content .eyebrow{margin-bottom:2rem;animation:fadeUp 1s var(--eout) .3s both}
.hero-logo{display:block;max-width:300px;width:60vw;height:auto;margin:0 auto 1.5rem;object-fit:contain;animation:fadeUp 1s var(--eout) .5s both,heroFloat 6s ease-in-out 1.6s infinite;filter:drop-shadow(0 8px 32px rgba(168,200,220,.25))}
@keyframes heroFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
.hero-slogan{font-family:var(--font-d);font-size:clamp(1rem,2.5vw,1.4rem);font-weight:400;font-style:italic;color:var(--gold-pale);letter-spacing:.06em;margin-bottom:.6rem;animation:fadeUp 1s var(--eout) .7s both}
.hero-subtitle{font-size:clamp(.7rem,1.4vw,.85rem);font-weight:300;letter-spacing:.22em;text-transform:uppercase;color:var(--text-body);margin-bottom:3rem;animation:fadeUp 1s var(--eout) .85s both}
.hero-actions{display:flex;gap:1.2rem;justify-content:center;flex-wrap:wrap;animation:fadeUp 1s var(--eout) 1s both}
.hero-scroll{position:absolute;bottom:2.5rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;z-index:2}
.hero-scroll span{font-size:.55rem;letter-spacing:.3em;text-transform:uppercase;color:var(--copper);animation:pulse 2.5s ease-in-out infinite}
.hero-scroll-line{width:1px;height:50px;background:linear-gradient(to bottom,var(--copper),transparent);animation:scrollLine 2s ease-in-out infinite}
@keyframes fadeUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
@keyframes pulse{0%,100%{opacity:.4}50%{opacity:1}}
@keyframes scrollLine{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform:scaleY(1);transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
section{padding:7rem 4vw;position:relative}.container{max-width:1300px;margin:0 auto}
.fw-slider-wrap{position:relative;width:100%;overflow:hidden;background:var(--coal)}
.fw-slider-track{display:flex;transition:transform .8s var(--silk);will-change:transform;align-items:stretch}
.fw-slide{position:relative;flex:0 0 100%;width:100%;height:480px;overflow:hidden;box-sizing:border-box}
.fw-slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .6s var(--silk)}
.fw-slider-wrap:hover .fw-slide.active img{transform:scale(1.04)}
.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:rgba(8,12,16,.6);border:1px solid rgba(74,143,181,.3);color:var(--gold);width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s var(--silk);backdrop-filter:blur(4px)}
.slider-arrow:hover{background:rgba(74,143,181,.25);border-color:var(--copper);color:var(--cream)}.slider-arrow svg{width:18px;height:18px;pointer-events:none}
.slider-prev{left:1.2rem}.slider-next{right:1.2rem}
.slider-dots{position:absolute;bottom:1rem;left:50%;transform:translateX(-50%);display:flex;gap:6px;z-index:10}
.slider-dot{width:5px;height:5px;border-radius:50%;background:rgba(168,200,220,.3);cursor:pointer;transition:background .3s,transform .3s;border:none}
.slider-dot.active{background:var(--gold);transform:scale(1.4)}
#esencia{background:var(--carbon)}.esencia-grid{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center}
.esencia-text .eyebrow{margin-bottom:1.5rem}.esencia-text .display-2{color:var(--cream);margin-bottom:2rem}
.esencia-text .body-text{margin-bottom:1.2rem}.esencia-text .btn{margin-top:2rem}
.esencia-slider-wrap{position:relative;overflow:hidden;border:1px solid rgba(74,143,181,.15)}
#proceso{background:var(--black)}.proceso-header{text-align:center;margin-bottom:5rem}.proceso-header .display-2{color:var(--cream);margin-top:1rem}
.proceso-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-bottom:5rem}
.proceso-step{position:relative;overflow:hidden;height:460px}.proceso-step img{transition:transform 1s var(--silk)}.proceso-step:hover img{transform:scale(1.05)}
.proceso-step-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(8,12,16,.92) 0%,rgba(8,12,16,.15) 60%)}
.proceso-step-content{position:absolute;bottom:0;left:0;right:0;padding:2.2rem}
.proceso-step-num{font-family:var(--font-d);font-size:3.5rem;color:rgba(74,143,181,.12);line-height:1;margin-bottom:.4rem}
.proceso-step-title{font-family:var(--font-d);font-size:1.4rem;color:var(--cream);margin-bottom:.6rem}
.proceso-step-desc{font-size:.82rem;color:var(--text-body);line-height:1.7}
.proceso-videos{display:grid;grid-template-columns:1fr 1fr;gap:3rem}
.video-block h3{font-family:var(--font-d);font-size:1.05rem;color:var(--cream);margin-bottom:.8rem}.video-block .eyebrow{margin-bottom:.5rem}
.video-wrap{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border:1px solid rgba(74,143,181,.12)}
.video-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}
#productos{background:var(--coal)}.productos-header{text-align:center;margin-bottom:5rem}.productos-header .display-2{color:var(--cream);margin-top:1rem}
.producto-categoria{margin-bottom:4rem}
.producto-categoria-title{font-family:var(--font-d);font-size:1.5rem;color:var(--gold);border-bottom:1px solid rgba(74,143,181,.2);padding-bottom:1rem;margin-bottom:2rem}
.producto-categoria-desc{font-size:.82rem;color:var(--text-muted);margin-bottom:1.5rem;font-style:italic}
.producto-sizes-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem}
.producto-size-card{background:var(--carbon);border:1px solid rgba(74,143,181,.1);overflow:hidden;transition:border-color .3s,transform .3s var(--silk);display:flex;flex-direction:column;gap:0}
.producto-img{position:relative;width:100%;height:160px;overflow:hidden;background:var(--coal);flex-shrink:0}
.producto-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--silk)}
.producto-size-card:hover .producto-img img{transform:scale(1.06)}
.producto-img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--coal) 0%,rgba(74,143,181,.08) 100%)}
.producto-img-placeholder svg{width:48px;height:48px;opacity:.18;color:var(--copper)}
.producto-card-body{padding:1.1rem 1.2rem 1.3rem;display:flex;flex-direction:column;gap:.55rem;flex:1}
.producto-size-card:hover{border-color:rgba(74,143,181,.4);transform:translateY(-4px)}
.producto-size-label{font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:var(--copper);display:block;margin-bottom:.1rem}
.producto-size-name{font-family:var(--font-d);font-size:1.05rem;color:var(--cream);line-height:1.3}
.producto-size-price{font-size:1.3rem;font-weight:500;color:var(--gold);margin-top:.2rem;display:block}.producto-size-price sup{font-size:.75rem;font-weight:400}
.producto-size-btn{display:inline-flex;align-items:center;gap:.35rem;font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;color:var(--wa);border:1px solid rgba(37,211,102,.3);padding:.45rem .8rem;transition:all .3s var(--silk);margin-top:auto;align-self:flex-start}
.producto-size-btn:hover{background:var(--wa);color:var(--black);border-color:var(--wa)}.producto-size-btn svg{width:12px;height:12px}
.licor-flavors{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.2rem}
.licor-flavor-tag{font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:var(--copper-light);border:1px solid rgba(122,179,206,.25);padding:.3rem .7rem}
.sal-selector{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}
.sal-btn{font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;border:1px solid rgba(74,143,181,.25);padding:.4rem .9rem;color:var(--text-body);cursor:pointer;transition:all .3s;background:none}
.sal-btn.active,.sal-btn:hover{border-color:var(--copper);color:var(--cream)}
#eventos{background:var(--black);overflow:hidden}.eventos-grid{display:grid;grid-template-columns:1fr 1fr;min-height:560px}
.eventos-img{position:relative;min-height:480px}
.eventos-img::after{content:'';position:absolute;inset:0;background:linear-gradient(to right,transparent 60%,var(--black))}
.eventos-content{display:flex;flex-direction:column;justify-content:center;padding:4rem 3.5rem}
.eventos-content .eyebrow{margin-bottom:1.5rem}.eventos-content .display-2{color:var(--cream);margin-bottom:2rem}.eventos-content .body-text{margin-bottom:1rem}
.eventos-tags{display:flex;flex-wrap:wrap;gap:.7rem;margin:1.5rem 0}
.tag{font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--copper);border:1px solid rgba(74,143,181,.3);padding:.4rem .9rem}
#galeria{background:var(--carbon)}.galeria-header{text-align:center;margin-bottom:4rem}.galeria-header .display-2{color:var(--cream);margin-top:1rem}
.galeria-masonry{columns:3;column-gap:1rem}
.galeria-item{break-inside:avoid;margin-bottom:1rem;overflow:hidden;position:relative}
.galeria-item img{display:block;width:100%;height:auto;transition:transform .8s var(--silk)}.galeria-item:hover img{transform:scale(1.04)}
.galeria-item-overlay{position:absolute;inset:0;background:rgba(8,12,16,0);transition:background .4s}
.galeria-item:hover .galeria-item-overlay{background:rgba(74,143,181,.12)}
.g-r-tall{padding-bottom:145%}.g-r-sq{padding-bottom:100%}.g-r-wide{padding-bottom:70%}.g-r-short{padding-bottom:60%}
.g-ph{position:relative;background:var(--coal);overflow:hidden}.g-ph img{position:absolute;inset:0;width:100%;height:100%}
#recetas{background:var(--black)}.recetas-header{text-align:center;margin-bottom:4rem}.recetas-header .display-2{color:var(--cream);margin-top:1rem}
.recetas-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.receta-card{background:var(--carbon);border:1px solid rgba(74,143,181,.1);overflow:hidden;transition:border-color .3s,transform .4s var(--silk)}
.receta-card:hover{border-color:rgba(74,143,181,.35);transform:translateY(-4px)}.receta-card .video-wrap{padding-bottom:56.25%}
.receta-card-body{padding:1.2rem 1.3rem}.receta-card-title{font-family:var(--font-d);font-size:.95rem;color:var(--cream);line-height:1.4}
#videos-marca{background:var(--coal)}.videos-header{text-align:center;margin-bottom:4rem}.videos-header .display-2{color:var(--cream);margin-top:1rem}
.videos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.video-card{background:var(--carbon);border:1px solid rgba(74,143,181,.1);overflow:hidden;transition:border-color .3s,transform .4s var(--silk)}
.video-card:hover{border-color:rgba(74,143,181,.35);transform:translateY(-4px)}.video-card .video-wrap{padding-bottom:56.25%}
.video-card-body{padding:1.2rem 1.3rem}.video-card-title{font-family:var(--font-d);font-size:1rem;color:var(--cream);line-height:1.4}
.video-card-sub{font-size:.72rem;color:var(--text-muted);letter-spacing:.1em;margin-top:.3rem}
#contacto{background:var(--carbon)}.contacto-inner{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:start}
.contacto-info .eyebrow{margin-bottom:1.5rem}.contacto-info .display-2{color:var(--cream);margin-bottom:2rem}
.contacto-dato{display:flex;gap:1rem;align-items:flex-start;margin-bottom:1.5rem}
.contacto-dato-icon{width:36px;height:36px;border:1px solid rgba(74,143,181,.25);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--copper)}.contacto-dato-icon svg{width:16px;height:16px}
.contacto-dato-label{font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--copper);margin-bottom:.3rem}
.contacto-dato-value{font-size:.9rem;color:var(--text-body);line-height:1.5}
.contacto-dato-value a{transition:color .3s}.contacto-dato-value a:hover{color:var(--cream)}
.contacto-form{display:flex;flex-direction:column;gap:1.2rem}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-field{display:flex;flex-direction:column;gap:.4rem}
.form-field label{font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--copper)}
.form-field input,.form-field select,.form-field textarea{background:var(--coal);border:1px solid rgba(74,143,181,.15);color:var(--cream);font-family:var(--font-b);font-size:.88rem;font-weight:300;padding:.85rem 1rem;outline:none;transition:border-color .3s;width:100%;appearance:none}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--copper)}
.form-field select option{background:var(--coal)}.form-field textarea{resize:vertical;min-height:120px}
.form-note{font-size:.72rem;color:var(--text-muted);line-height:1.6}
#cta-final{position:relative;text-align:center;min-height:480px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:0}
.cta-bg{position:absolute;inset:0}.cta-overlay{position:absolute;inset:0;background:rgba(8,12,16,.82)}
.cta-content{position:relative;z-index:2;padding:5rem 2rem}
.cta-content .eyebrow{margin-bottom:2rem}.cta-content .display-2{color:var(--cream);margin-bottom:1rem}
.cta-content .body-text{max-width:480px;margin:0 auto 3rem}
#site-footer{background:var(--carbon);border-top:1px solid rgba(74,143,181,.1);padding:5rem 4vw 2.5rem}
.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3.5rem;padding-bottom:3.5rem;border-bottom:1px solid rgba(74,143,181,.1)}
.footer-brand-logo{height:60px;width:auto;object-fit:contain;margin-bottom:1.2rem;filter:brightness(.9);transition:filter .3s}
.footer-brand-logo:hover{filter:brightness(1.1) drop-shadow(0 0 8px rgba(74,143,181,.4))}
.footer-brand p{font-size:.82rem;color:var(--text-muted);line-height:1.8;max-width:270px}
.footer-social{display:flex;gap:.8rem;margin-top:1.5rem;flex-wrap:wrap}
.footer-social a{width:36px;height:36px;border:1px solid rgba(74,143,181,.2);display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all .3s}
.footer-social a:hover{border-color:var(--copper);color:var(--copper)}
.footer-col h4{font-family:var(--font-b);font-size:.6rem;font-weight:500;letter-spacing:.25em;text-transform:uppercase;color:var(--copper);margin-bottom:1.5rem}
.footer-col ul li{margin-bottom:.75rem}.footer-col ul li a{font-size:.82rem;color:var(--text-muted);transition:color .3s}.footer-col ul li a:hover{color:var(--cream)}
.footer-contact p{font-size:.82rem;color:var(--text-muted);margin-bottom:.8rem;line-height:1.5}
.footer-contact strong{color:var(--copper);font-weight:400;display:block;font-size:.62rem;letter-spacing:.15em;text-transform:uppercase;margin-bottom:.2rem}
.footer-contact a{transition:color .3s}.footer-contact a:hover{color:var(--cream)}
.footer-catalog-btn{display:inline-flex;align-items:center;gap:.5rem;font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:var(--copper);border:1px solid rgba(74,143,181,.3);padding:.55rem 1rem;transition:all .3s;margin-top:.5rem}
.footer-catalog-btn:hover{background:rgba(74,143,181,.08);border-color:var(--copper)}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:2rem;flex-wrap:wrap;gap:.8rem}
.footer-bottom p{font-size:.7rem;color:var(--text-muted)}
.footer-bottom-links{display:flex;gap:1.8rem;flex-wrap:wrap}.footer-bottom-links a{font-size:.7rem;color:var(--text-muted);transition:color .3s}.footer-bottom-links a:hover{color:var(--copper)}
.footer-garu{font-size:.62rem;color:rgba(74,143,181,.18);letter-spacing:.04em;width:100%;text-align:center;padding-top:.5rem}
.footer-garu a{color:rgba(74,143,181,.38);transition:color .3s}.footer-garu a:hover{color:var(--copper)}
.wa-float{position:fixed;bottom:2rem;right:2rem;z-index:900;width:56px;height:56px;background:var(--wa);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 24px rgba(37,211,102,.3);transition:transform .3s var(--silk),box-shadow .3s}
.wa-float:hover{transform:scale(1.1);box-shadow:0 6px 32px rgba(37,211,102,.5)}.wa-float svg{width:28px;height:28px;fill:white}
@media(max-width:1100px){.esencia-grid{grid-template-columns:1fr;gap:3rem}.proceso-steps{grid-template-columns:1fr}.proceso-step{height:340px}.proceso-videos{grid-template-columns:1fr}.recetas-grid{grid-template-columns:repeat(2,1fr)}.videos-grid{grid-template-columns:repeat(2,1fr)}.eventos-grid{grid-template-columns:1fr}.eventos-img{min-height:340px}.eventos-img::after{background:linear-gradient(to top,var(--black) 0%,transparent 60%)}.contacto-inner{grid-template-columns:1fr;gap:3rem}.footer-top{grid-template-columns:1fr 1fr;gap:2.5rem}.galeria-masonry{columns:2}}
@media(max-width:768px){section{padding:5rem 5vw}#site-nav ul{display:none}.nav-wa{display:none}.hamburger{display:flex}.recetas-grid{grid-template-columns:1fr}.videos-grid{grid-template-columns:1fr}.galeria-masonry{columns:1}.footer-top{grid-template-columns:1fr;gap:2rem}.footer-bottom{flex-direction:column;align-items:flex-start}.form-row{grid-template-columns:1fr}.fw-slide{height:300px}.producto-sizes-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:480px){.producto-sizes-grid{grid-template-columns:repeat(2,1fr)}}

.licores-sabores-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.2rem}
.licor-sabor-card{background:var(--carbon);border:1px solid rgba(74,143,181,.1);overflow:hidden;display:flex;flex-direction:column;transition:border-color .3s,transform .3s var(--silk)}
.licor-sabor-card:hover{border-color:rgba(74,143,181,.4);transform:translateY(-4px)}
.licor-sabor-img{position:relative;width:100%;height:200px;overflow:hidden;background:var(--coal);flex-shrink:0}
.licor-sabor-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .6s var(--silk)}
.licor-sabor-card:hover .licor-sabor-img img{transform:scale(1.06)}
.licor-sabor-badge{position:absolute;bottom:.7rem;left:.8rem;font-family:var(--font-d);font-size:1.1rem;color:var(--cream);background:rgba(8,12,16,.72);backdrop-filter:blur(6px);padding:.3rem .8rem;border-left:2px solid var(--copper)}
.licor-sabor-body{padding:1rem 1.2rem 1.3rem;display:flex;flex-direction:column;gap:.8rem;flex:1}
.licor-sabor-desc{font-size:.78rem;color:var(--text-muted);line-height:1.6;font-style:italic}
.licor-sizes-list{display:flex;flex-direction:column;gap:.35rem}
.licor-size-row{display:flex;align-items:center;gap:.5rem;padding:.3rem 0;border-bottom:1px solid rgba(74,143,181,.07)}
.licor-size-row:last-child{border-bottom:none}
.licor-size-label{font-size:.68rem;letter-spacing:.1em;color:var(--text-body);flex:1}
.licor-size-price{font-size:.9rem;font-weight:500;color:var(--gold);min-width:3rem;text-align:right}
.licor-size-price sup{font-size:.6rem}
.licor-size-btn{display:inline-flex;align-items:center;gap:.3rem;font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;color:var(--wa);border:1px solid rgba(37,211,102,.25);padding:.3rem .6rem;transition:all .3s var(--silk);white-space:nowrap;margin-left:.4rem}
.licor-size-btn:hover{background:var(--wa);color:var(--black);border-color:var(--wa)}
.licor-size-btn svg{width:10px;height:10px}
@media(max-width:768px){.licores-sabores-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.licores-sabores-grid{grid-template-columns:1fr}}

/* ── Unified Product Card ── */
.pcard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.2rem}
.pcard-grid-wide{grid-template-columns:minmax(280px,420px)}
.pcard{background:var(--carbon);border:1px solid rgba(74,143,181,.12);overflow:hidden;display:flex;flex-direction:column;transition:border-color .3s,transform .35s var(--silk)}
.pcard:hover{border-color:rgba(74,143,181,.45);transform:translateY(-5px)}
.pcard-img{position:relative;width:100%;height:200px;overflow:hidden;background:var(--coal);flex-shrink:0}
.pcard-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .7s var(--silk)}
.pcard:hover .pcard-img img{transform:scale(1.06)}
.pcard-badge{position:absolute;bottom:.7rem;left:.8rem;font-family:var(--font-d);font-size:1rem;color:var(--cream);background:rgba(8,12,16,.75);backdrop-filter:blur(6px);padding:.25rem .75rem;border-left:2px solid var(--copper)}
.pcard-body{padding:1.1rem 1.2rem 1.4rem;display:flex;flex-direction:column;gap:.6rem;flex:1}
.pcard-sub{font-size:.62rem;letter-spacing:.15em;text-transform:uppercase;color:var(--copper)}
.pcard-title{font-family:var(--font-d);font-size:1.15rem;color:var(--cream);line-height:1.25}
.pcard-select-wrap{position:relative}
.pcard-select{width:100%;background:var(--coal);border:1px solid rgba(74,143,181,.2);color:var(--cream);font-family:var(--font-b);font-size:.8rem;font-weight:300;padding:.6rem 2rem .6rem .8rem;outline:none;cursor:pointer;appearance:none;transition:border-color .3s}
.pcard-select:focus,.pcard-select:hover{border-color:var(--copper)}
.pcard-select-arrow{position:absolute;right:.7rem;top:50%;transform:translateY(-50%);color:var(--copper);pointer-events:none;font-size:.9rem}
.pcard-price-row{display:flex;align-items:center;gap:.8rem;margin-top:auto;padding-top:.4rem}
.pcard-price{font-size:1.5rem;font-weight:500;color:var(--gold);flex-shrink:0}
.pcard-price sup{font-size:.8rem;font-weight:400}
.pcard-wa-btn{display:inline-flex;align-items:center;gap:.4rem;font-size:.62rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--wa);border:1px solid rgba(37,211,102,.3);padding:.55rem 1rem;transition:all .3s var(--silk);white-space:nowrap;flex:1;justify-content:center}
.pcard-wa-btn:hover{background:var(--wa);color:var(--black);border-color:var(--wa)}
.pcard-wa-btn svg{flex-shrink:0}
@media(max-width:768px){
  .pcard-grid{grid-template-columns:repeat(2,1fr)}
  .pcard-grid-wide{grid-template-columns:1fr}
}
@media(max-width:480px){.pcard-grid{grid-template-columns:1fr}}