:root{--bg:#03080e;--panel:#07111b;--panel2:#0b1723;--yellow:#ffd400;--red:#ff132a;--green:#00c853;--white:#fff;--muted:#aeb9c5;--line:#ffffff18;--shadow:0 18px 55px #0009}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 20% 20%,#10202d 0,#050b12 28%,#02070c 70%);color:#fff;font-family:Montserrat,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.topbar{position:sticky;top:0;z-index:1000;min-height:86px;display:flex;align-items:center;gap:28px;padding:0 7%;background:linear-gradient(180deg,#08131fef,#06101aed);backdrop-filter:blur(18px);border-bottom:1px solid #ffffff16;border-radius:0 0 34px 34px;box-shadow:0 12px 30px #0007}.brand{width:92px;height:82px;display:grid;place-items:center;flex:0 0 auto;background:transparent!important;overflow:visible}.brand img{width:86px;height:86px;object-fit:contain;display:block;filter:drop-shadow(0 8px 12px #0009)}.nav{display:flex;align-items:center;justify-content:center;gap:12px;flex:1}.nav a{display:flex;align-items:center;gap:9px;padding:12px 15px;border-radius:28px;font-weight:700;font-size:13px;color:#eaf0f5;transition:.25s}.nav a:hover,.nav a.active{background:linear-gradient(135deg,#ff1d2f,#e60016);box-shadow:0 9px 26px #ff132a33;transform:translateY(-1px)}.socials,.footer-social{display:flex;align-items:center;gap:10px}.socials a,.footer-social a,.search-btn{width:41px;height:41px;border-radius:50%;display:grid;place-items:center;border:0;color:#fff;font-size:19px;cursor:pointer;transition:.25s}.socials a:hover,.footer-social a:hover,.search-btn:hover{transform:translateY(-3px) scale(1.04)}.instagram{background:radial-gradient(circle at 30% 110%,#ffd600 0 18%,#ff7a00 25%,#ff0169 50%,#d300c5 75%,#7638fa 100%)}.facebook{background:#1877f2}.whatsapp{background:#00c853}.search-btn{background:#fff;color:#0b131c}.menu-toggle{display:none;background:none;color:#fff;border:0;font-size:25px}.hero{position:relative;min-height:650px;display:flex;align-items:center;padding:75px 7% 140px;overflow:hidden}.hero-media{position:absolute;inset:0;background:url('https://drive.google.com/thumbnail?id=1AlHNfybZt28-UJ2tW4IYjRYN8lfsdYec&sz=w2200') center/cover no-repeat;transform:scale(1.03);filter:saturate(1.15) contrast(1.06)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#02060cea 0%,#02060ccf 31%,#03101b7a 58%,#06101a42 100%)}.hero-glow{position:absolute;border-radius:50%;filter:blur(70px);opacity:.38;pointer-events:none}.glow-a{width:380px;height:380px;background:#ffd400;left:-150px;bottom:-180px}.glow-b{width:320px;height:320px;background:#ff132a;right:-150px;top:80px}.hero-content{position:relative;z-index:3;width:min(620px,56%)}.eyebrow{display:inline-block;padding:8px 18px;border:2px solid var(--red);border-radius:20px;font-weight:800;font-style:italic;letter-spacing:.8px}.hero h1{margin:14px 0 4px;font:700 78px/.9 Oswald,sans-serif;letter-spacing:1px;text-shadow:0 8px 18px #000}.hero h1 span{display:block;color:var(--yellow)}.hero h1 strong{display:block;color:var(--red)}.hero h2{font-size:25px;margin:10px 0}.hero h2 em{color:var(--yellow)}.hero p{font-size:16px;line-height:1.65;max-width:590px}.hero p b{color:var(--yellow)}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}.btn{display:inline-flex;align-items:center;gap:11px;padding:15px 22px;border-radius:28px;font-weight:800;font-size:14px;transition:.25s}.btn:hover{transform:translateY(-3px);box-shadow:0 13px 25px #0008}.btn-whatsapp{background:linear-gradient(135deg,#08da61,#00b94c)}.btn-outline{border:1.5px solid #fff;background:#07111b66;backdrop-filter:blur(8px)}.hero-logo{position:absolute;z-index:4;left:68%;top:20%;transform:translate(-50%,-50%);width:min(370px,29vw);display:grid;place-items:center;background:transparent!important;isolation:isolate;filter:drop-shadow(0 18px 26px #000c)}.hero-logo::before{content:"";position:absolute;z-index:-1;width:72%;height:20%;left:14%;bottom:-2%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(255,214,0,.28) 0%,rgba(255,174,0,.12) 40%,rgba(255,174,0,0) 76%);filter:blur(10px);transform:perspective(220px) rotateX(66deg);animation:logoGroundGlow 4.8s ease-in-out infinite}.hero-logo img{width:100%;height:auto;object-fit:contain;background:transparent!important;filter:drop-shadow(0 0 4px rgba(255,235,70,.38)) drop-shadow(0 14px 18px rgba(0,0,0,.68));animation:floatLogo 4.8s ease-in-out infinite;will-change:transform,filter}@keyframes floatLogo{0%,100%{transform:translateY(0) rotate(-1deg) scale(1);filter:drop-shadow(0 0 4px rgba(255,235,70,.38)) drop-shadow(0 14px 18px rgba(0,0,0,.68))}50%{transform:translateY(-10px) rotate(.5deg) scale(1.008);filter:drop-shadow(0 0 6px rgba(255,235,70,.46)) drop-shadow(0 18px 22px rgba(0,0,0,.72))}}@keyframes logoGroundGlow{0%,100%{opacity:.72;transform:perspective(220px) rotateX(66deg) scale(.94)}50%{opacity:1;transform:perspective(220px) rotateX(66deg) scale(1.06)}}.benefits{position:relative;z-index:6;margin:-72px 7% 0;display:grid;grid-template-columns:repeat(4,1fr);background:linear-gradient(135deg,rgba(255,255,255,.24),rgba(255,255,255,.10));color:#fff;border:1px solid rgba(255,255,255,.32);border-radius:28px;box-shadow:0 18px 50px #0007,inset 0 1px 0 rgba(255,255,255,.36);overflow:hidden;backdrop-filter:blur(24px) saturate(165%);-webkit-backdrop-filter:blur(24px) saturate(165%)}.benefits article{display:flex;align-items:center;gap:13px;padding:20px 18px;border-right:1px solid rgba(255,255,255,.20)}.benefits article:last-child{border-right:0}.benefit-icon{width:52px;height:52px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;font-size:22px;color:#fff}.benefit-icon.red{background:var(--red)}.benefit-icon.yellow{background:var(--yellow);color:#111}.benefits h3{margin:0 0 3px;font-size:14px}.benefits p{margin:0;color:rgba(255,255,255,.72);font-size:10px}.section{padding:95px 7%}.section-heading span,.gallery-head span{color:var(--yellow);font-weight:900;font-size:12px;letter-spacing:1.8px}.section-heading h2,.gallery-head h2{font-size:46px;margin:5px 0 8px}.section-heading p,.gallery-head p{color:var(--muted);margin:0;max-width:700px}.promotions{background:radial-gradient(circle at 50% 0,#0e2132 0,#06111b 47%,#040b12 100%)}.promo-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;margin-top:35px}.promo-image-card{position:relative;min-height:420px;border-radius:26px;overflow:hidden;border:1px solid #ffd40070;box-shadow:var(--shadow);transform-style:preserve-3d;transition:transform .16s ease,box-shadow .3s}.promo-image-card img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.media-shine{position:absolute;inset:-50%;background:linear-gradient(115deg,transparent 40%,#ffffff35 50%,transparent 60%);transform:translateX(-100%) rotate(10deg);transition:.8s}.promo-image-card:hover .media-shine{transform:translateX(100%) rotate(10deg)}.media-caption{position:absolute;left:24px;bottom:24px;padding:13px 17px;border-radius:16px;background:#02080dcc;backdrop-filter:blur(12px);border:1px solid #ffffff20}.media-caption span{display:block;color:var(--yellow);font-size:10px;font-weight:900}.media-caption strong{font-size:18px}.order-card{border-radius:26px;background:linear-gradient(160deg,#064a2d,#012815);border:1px solid #16df72;box-shadow:0 18px 50px #00c85322;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:34px}.wa-orbit{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;border:2px solid #fff;background:#00c853;font-size:42px;box-shadow:0 0 0 12px #00c8531f,0 0 40px #00c85380;animation:pulse 2s infinite}@keyframes pulse{50%{box-shadow:0 0 0 18px #00c85308,0 0 55px #00c85399}}.order-card h3{font-size:22px}.order-card h3 span{color:#69ff9e}.order-card p{color:#b8d8c6}.order-card a{margin-top:12px;background:#00d85a;padding:14px 20px;border-radius:25px;font-weight:900;width:100%}.products{background:#03090f}.product-grid{display:grid;grid-template-columns:1.2fr 1.2fr .75fr .75fr;gap:20px;margin-top:35px}.product-media,.category-panel{position:relative;min-height:360px;border-radius:24px;overflow:hidden;border:1px solid #ffffff18;background:#0a1521;box-shadow:0 16px 40px #0008;transition:.25s}.product-media img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.product-media:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#02070dda 0,transparent 60%)}.product-info{position:absolute;z-index:2;bottom:20px;left:20px;right:20px}.product-info span{color:var(--yellow);font-size:10px;font-weight:900}.product-info h3{margin:4px 0 6px;font-size:20px}.product-info p{margin:0;color:#d3dae2;font-size:12px}.category-panel{padding:30px;display:flex;flex-direction:column;justify-content:flex-end;background:radial-gradient(circle at top right,#1b3245,#091520 50%,#050d14 100%)}.category-panel:hover,.product-media:hover{transform:translateY(-8px);border-color:#ffd40080;box-shadow:0 22px 50px #000,0 0 28px #ffd40010}.cat-icon{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;background:var(--yellow);color:#111;font-size:27px;margin-bottom:auto}.category-panel h3{font-size:24px;margin:15px 0 7px}.category-panel p{color:#aeb9c5;font-size:12px}.gallery-section{padding:90px 7%;background:linear-gradient(180deg,#07121c,#03080e)}.gallery-stage{position:relative;margin-top:36px;height:460px;perspective:1200px}.gallery-track{height:100%;display:flex;align-items:center;justify-content:center;position:relative}.gallery-card{position:absolute;width:min(720px,68vw);height:390px;border-radius:26px;overflow:hidden;border:1px solid #ffffff22;box-shadow:0 25px 60px #000b;opacity:0;transform:translateX(0) scale(.8);transition:.55s cubic-bezier(.2,.7,.2,1);pointer-events:none}.gallery-card img{width:100%;height:100%;object-fit:cover}.gallery-card.active{opacity:1;transform:translateX(0) scale(1);z-index:3;pointer-events:auto;border-color:#ffd400a0}.gallery-card.prev{opacity:.42;transform:translateX(-43%) scale(.78) rotateY(15deg);z-index:1}.gallery-card.next{opacity:.42;transform:translateX(43%) scale(.78) rotateY(-15deg);z-index:1}.gallery-arrow{position:absolute;z-index:8;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:1px solid #ffffff40;background:#07111bd8;color:#fff;font-size:18px;cursor:pointer;backdrop-filter:blur(10px)}.gallery-arrow:hover{background:var(--yellow);color:#111}.gallery-arrow.left{left:0}.gallery-arrow.right{right:0}.gallery-dots{display:flex;justify-content:center;gap:9px;margin-top:4px}.gallery-dots button{width:9px;height:9px;border:0;border-radius:50%;background:#667382;padding:0;cursor:pointer}.gallery-dots button.active{background:var(--yellow);transform:scale(1.25)}.location{display:grid;grid-template-columns:.85fr 1.15fr;gap:35px;align-items:center;background:#06111b}.location-copy h2{font-size:46px;margin:14px 0}.location-copy p{color:#bdc7d1;line-height:1.8}.contact-lines{display:flex;flex-direction:column;gap:10px;margin:24px 0}.contact-lines a{font-weight:700;color:#eaf1f6}.contact-lines i{width:24px;color:var(--yellow)}.map-card{height:430px;border-radius:26px;overflow:hidden;border:1px solid #ffffff1f;box-shadow:var(--shadow)}.map-card iframe{width:100%;height:100%;border:0}footer{position:relative;display:grid;grid-template-columns:.7fr 1fr 1.4fr 1.1fr 1fr;gap:26px;align-items:center;padding:34px 7% 62px;background:#020810;border-top:1px solid var(--line)}.footer-brand img{width:86px;height:86px;object-fit:contain;filter:drop-shadow(0 8px 10px #0009)}.footer-col{display:flex;flex-direction:column;gap:7px;border-left:1px solid #ffffff1b;padding-left:24px}.footer-col small{color:#d8e0e7}.footer-col strong{font-size:12px}.footer-col a{font-size:11px;color:#42b8ff}.footer-social a{width:41px;height:41px;font-size:19px;box-shadow:0 8px 18px #0007}.footer-social .instagram{box-shadow:0 8px 22px #ff006955}.footer-social .facebook{box-shadow:0 8px 22px #1877f255}.footer-social .whatsapp{box-shadow:0 8px 22px #00c85355}.footer-slogan{font-family:cursive;color:var(--yellow);font-size:23px;transform:rotate(-5deg);text-align:center}.copyright{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);font-size:10px;color:#c7d0d8}.floating-whatsapp{position:fixed;right:22px;bottom:18px;z-index:900;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:var(--green);font-size:31px;box-shadow:0 8px 24px #0009;border:4px solid #fff}.floating-whatsapp span{position:absolute;right:52px;bottom:1px;background:#0baa49;color:#fff;font-size:9px;border-radius:12px;padding:5px 10px;white-space:nowrap}.search-modal{position:fixed;inset:0;background:#000d;z-index:2000;display:none;place-items:center;padding:20px}.search-modal.open{display:grid}.search-box{position:relative;width:min(560px,92vw);background:#0c1825;border:1px solid #ffffff24;border-radius:20px;padding:28px;box-shadow:0 30px 80px #000}.search-box button{position:absolute;right:18px;top:12px;border:0;background:none;color:#fff;font-size:28px;cursor:pointer}.search-box input{width:100%;padding:15px 18px;border-radius:12px;border:1px solid #ffffff28;background:#07111b;color:#fff}.search-box p{color:#a8b2bd;font-size:13px}.reveal{opacity:0;transform:translateY(24px);transition:.65s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1180px){.topbar{padding:0 3%}.nav a span{display:none}.product-grid{grid-template-columns:1fr 1fr}.category-panel{min-height:230px}.hero-logo{left:68%;top:21%;right:auto;width:29vw}footer{grid-template-columns:repeat(3,1fr)}.footer-slogan{display:none}}
@media(max-width:820px){.topbar{min-height:76px;border-radius:0}.brand{width:66px;height:66px}.brand img{width:66px;height:66px}.menu-toggle{display:block;margin-left:auto}.nav{position:absolute;top:76px;left:0;right:0;display:none;flex-direction:column;background:#07111bf7;padding:16px;border-bottom:1px solid #ffffff22}.nav.open{display:flex}.nav a{width:100%;justify-content:center}.nav a span{display:inline}.socials{display:none}.hero{min-height:650px;padding:60px 6% 165px}.hero-content{width:100%}.hero h1{font-size:60px}.hero h2{font-size:20px}.hero-logo{left:auto;right:5%;top:auto;bottom:100px;transform:none;width:140px}.benefits{grid-template-columns:repeat(2,1fr);margin:-45px 4% 0}.benefits article:nth-child(2){border-right:0}.benefits article:nth-child(-n+2){border-bottom:1px solid #d8dde3}.promo-layout{grid-template-columns:1fr}.promo-image-card{min-height:330px}.product-grid{grid-template-columns:1fr 1fr}.gallery-card{width:78vw;height:330px}.location{grid-template-columns:1fr;padding:55px 5%}footer{grid-template-columns:1fr 1fr}.copyright{position:static;grid-column:1/-1;transform:none;text-align:center}.footer-col{border-left:0;padding-left:0}}
@media(max-width:520px){.hero h1{font-size:49px}.hero p{font-size:13px}.hero-logo{width:115px}.benefits{grid-template-columns:1fr}.benefits article{border-right:0!important;border-bottom:1px solid #d8dde3}.section,.gallery-section{padding:58px 5%}.section-heading h2,.gallery-head h2{font-size:34px}.product-grid{grid-template-columns:1fr}.product-media{min-height:320px}.category-panel{min-height:210px}.gallery-stage{height:360px}.gallery-card{height:280px;width:84vw}.gallery-card.prev{transform:translateX(-35%) scale(.72)}.gallery-card.next{transform:translateX(35%) scale(.72)}.location-copy h2{font-size:36px}footer{grid-template-columns:1fr;text-align:center}.footer-brand{display:flex;justify-content:center}.footer-social{justify-content:center}.floating-whatsapp span{display:none}}
/* ===== MEDIA GOOGLE DRIVE: sin recortes + actualización rápida ===== */
.promo-media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;align-items:stretch}
.promo-image-card{min-height:0;aspect-ratio:4/5;background:linear-gradient(145deg,#07111b,#02070c);display:grid;place-items:center;padding:12px}
.promo-image-card img{position:relative;inset:auto;width:100%;height:100%;object-fit:contain;object-position:center;display:block;border-radius:18px;background:#02070c}
.product-media{min-height:0;aspect-ratio:4/5;display:grid;place-items:center;padding:12px;background:linear-gradient(145deg,#0a1521,#03080e)}
.product-media img{position:relative;inset:auto;width:100%;height:100%;object-fit:contain;object-position:center;display:block;border-radius:16px;background:#02070c}
.product-media:after{display:none}
.product-info{display:none}
.gallery-card{background:#02070c;padding:12px}
.gallery-card img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;border-radius:18px;background:#02070c}
.media-loading{position:relative;overflow:hidden}
.media-loading:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#ffffff12,transparent);animation:mediaLoad 1.15s linear infinite;z-index:5;pointer-events:none}
@keyframes mediaLoad{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
@media(max-width:1180px){.promo-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.promo-media-grid{grid-template-columns:1fr}.promo-image-card,.product-media{aspect-ratio:4/5}.gallery-card{padding:8px}}

/* ===== PROMOCIONES TIPO CARTA / COMPACTAS ===== */
.promotions{padding-top:72px;padding-bottom:72px}
.promo-layout{grid-template-columns:minmax(0,1fr) 285px;gap:18px;align-items:stretch;margin-top:26px}
.promo-media-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  align-items:stretch;
}
.promo-image-card{
  position:relative;
  min-height:0!important;
  height:265px;
  aspect-ratio:auto!important;
  border-radius:20px;
  overflow:hidden;
  padding:9px;
  background:linear-gradient(145deg,rgba(18,27,37,.96),rgba(3,8,14,.98));
  border:1px solid rgba(255,212,0,.72);
  box-shadow:0 12px 30px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.04) inset,0 0 20px rgba(255,212,0,.08);
  transform-style:preserve-3d;
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease;
}
.promo-image-card::after{
  content:"PROMO";
  position:absolute;
  top:13px;
  left:13px;
  z-index:3;
  padding:6px 10px;
  border-radius:999px;
  background:linear-gradient(135deg,#ff2339,#d90017);
  color:#fff;
  font-size:9px;
  line-height:1;
  font-weight:900;
  letter-spacing:.9px;
  box-shadow:0 7px 18px rgba(255,19,42,.28);
}
.promo-image-card img{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  display:block;
  border-radius:14px;
  background:radial-gradient(circle at 50% 45%,#142536 0,#07111b 54%,#02070c 100%);
  transition:transform .35s ease,filter .35s ease;
}
.promo-image-card:hover{
  transform:translateY(-7px) scale(1.015)!important;
  border-color:#ffd400;
  box-shadow:0 20px 42px rgba(0,0,0,.68),0 0 28px rgba(255,212,0,.17);
}
.promo-image-card:hover img{transform:scale(1.025);filter:saturate(1.06) contrast(1.02)}
.promo-image-card .media-shine{pointer-events:none;z-index:4}
.order-card{min-height:265px;padding:24px;border-radius:20px}
.order-card .wa-orbit{width:66px;height:66px;font-size:34px}
.order-card h3{font-size:19px;margin:16px 0 7px}
.order-card p{font-size:12px;margin:0 0 10px}
.order-card a{font-size:12px;padding:12px 16px}

/* Productos también quedan como cartas visuales y sin recorte */
.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.product-media{height:285px;min-height:0!important;aspect-ratio:auto!important;padding:9px;border-radius:20px;border-color:rgba(255,212,0,.38)}
.product-media img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;border-radius:14px;background:radial-gradient(circle at 50% 45%,#142536 0,#07111b 55%,#02070c 100%)}
.category-panel{min-height:285px;border-radius:20px;padding:24px}

@media(max-width:1180px){
  .promo-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .promo-layout{grid-template-columns:minmax(0,1fr) 260px}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:820px){
  .promotions{padding-top:58px;padding-bottom:58px}
  .promo-layout{grid-template-columns:1fr}
  .promo-media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .promo-image-card{height:240px}
  .order-card{min-height:220px}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .product-media{height:260px}
}
@media(max-width:560px){
  .promo-media-grid{grid-template-columns:1fr}
  .promo-image-card{height:310px;max-width:430px;width:100%;margin:0 auto}
  .product-grid{grid-template-columns:1fr}
  .product-media{height:320px}
}
