:root{--navy:#061640;--blue:#0644b7;--cyan:#17d3e3;--pink:#d21b78;--plum:#611065;--gold:#efc65b;--ink:#071434;--paper:#f6f7fb;--white:#fff;--font-display:'Manrope',sans-serif;--font-body:'DM Sans',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:var(--font-body);background:var(--paper);font-size:16px}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}.site-header{height:86px;position:absolute;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;padding:0 clamp(22px,5vw,78px);color:#fff;border-bottom:1px solid rgba(255,255,255,.22);gap:34px}.site-header.solid{position:relative;background:var(--navy)}.brand{display:flex;align-items:center;gap:11px;margin-right:auto}.brand span,.footer-brand span{font:800 3rem/1 var(--font-display);letter-spacing:-.13em;color:var(--gold)}.brand small{font-size:.62rem;text-transform:uppercase;letter-spacing:.22em;opacity:.8}.site-header nav{display:flex;gap:30px}.site-header nav a{font-size:.88rem;font-weight:600;position:relative}.site-header nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-9px;height:2px;background:var(--gold);transition:.25s}.site-header nav a:hover:after,.site-header nav a.current:after{right:0}.header-cta{border:1px solid rgba(255,255,255,.65);padding:12px 18px;font-weight:700;font-size:.85rem}.menu-toggle{display:none;background:none;border:0;color:#fff;width:46px;height:46px}.menu-toggle span{display:block;width:24px;height:2px;background:currentColor;margin:7px auto}
.hero{height:min(900px,100vh);min-height:660px;position:relative;background:var(--navy);overflow:hidden}.slides,.slide{height:100%}.slide{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(4,18,55,.83) 0%,rgba(4,18,55,.2) 50%,rgba(4,18,55,.08) 100%),var(--bg);background-size:cover;background-position:center;opacity:0;transform:scale(1.035);transition:opacity .8s ease,transform 6s ease;display:flex;align-items:center;padding:100px clamp(28px,8vw,130px) 30px}.slide.active{opacity:1;transform:scale(1);z-index:1}.slide.align-right{justify-content:flex-end;background-image:linear-gradient(90deg,rgba(4,18,55,.06),rgba(4,18,55,.15) 47%,rgba(4,18,55,.9)),var(--bg)}.hero-copy{width:min(600px,48vw);color:#fff}.eyebrow,.section-index{text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:700}.hero h1,.hero h2{font:800 clamp(3.2rem,6vw,6.2rem)/.94 var(--font-display);letter-spacing:-.065em;margin:20px 0 25px}.hero p{font-size:clamp(1rem,1.4vw,1.25rem);line-height:1.55;max-width:470px;margin-bottom:34px}.actions{display:flex;align-items:center;gap:28px}.btn{display:inline-flex;min-height:52px;padding:0 26px;align-items:center;justify-content:center;font-weight:700;border:1px solid transparent;transition:.25s}.btn.primary{background:var(--gold);color:var(--navy)}.btn.primary:hover,.btn.gold:hover{transform:translateY(-3px);filter:brightness(1.07)}.btn.gold{background:var(--gold);color:var(--navy)}.text-link{font-weight:700;border-bottom:1px solid currentColor;padding-bottom:4px}.text-link.dark{color:var(--blue)}.slider-controls{position:absolute;z-index:3;left:clamp(28px,8vw,130px);bottom:40px;color:#fff;display:flex;align-items:center;gap:18px}.slider-arrow{width:48px;height:48px;border:1px solid rgba(255,255,255,.5);background:rgba(6,22,64,.28);color:#fff;cursor:pointer;font-size:1.25rem}.slider-count{display:flex;align-items:center;gap:12px;font-style:normal}.slider-count span{display:block;width:70px;height:1px;background:rgba(255,255,255,.5)}.slider-count em{font-style:normal;opacity:.6}
.intro{padding:clamp(80px,10vw,150px) clamp(24px,8vw,130px);display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;background:#fff}.intro h2,.formats h2{font:800 clamp(2.8rem,5vw,5.3rem)/1 var(--font-display);letter-spacing:-.06em;margin:22px 0}.intro p{font-size:1.18rem;line-height:1.75;margin:40px 0 35px;color:#43506c}.duo{display:grid;grid-template-columns:1fr 1fr;min-height:720px}.line-card{position:relative;overflow:hidden;padding:clamp(50px,6vw,95px);color:#fff;display:flex;isolation:isolate}.line-card:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 65%,rgba(255,255,255,.24),transparent 35%);z-index:-1}.line-card.oasis{background:linear-gradient(135deg,#041d68,#04bcd3)}.line-card.pasion{background:linear-gradient(135deg,#4a075e,#e5207a)}.line-copy{position:relative;z-index:2}.line-copy span{font-size:.75rem;letter-spacing:.17em;text-transform:uppercase}.line-copy h2{font:800 clamp(3.2rem,5vw,5.5rem)/.95 var(--font-display);letter-spacing:-.06em;margin:25px 0}.line-copy p{max-width:330px;line-height:1.6}.line-copy b{display:block;margin-top:42px}.line-copy i{font-style:normal;margin-left:8px}.line-card img{position:absolute;width:min(52%,460px);right:-3%;bottom:-6%;filter:drop-shadow(0 20px 20px rgba(0,0,0,.2));transition:.5s}.line-card:hover img{transform:translate(-3%,-3%) rotate(-2deg) scale(1.04)}
.formats{padding:clamp(85px,10vw,155px) clamp(24px,6vw,90px);background:#eef1f8}.formats-heading{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:end;gap:35px;margin-bottom:55px}.formats-heading h2{margin:0}.formats-heading p{line-height:1.6;color:#59637a;margin:0}.format-grid{display:grid;grid-template-columns:1.15fr .85fr 1.15fr;gap:16px}.format-card{min-height:520px;background:#fff;position:relative;padding:38px;overflow:hidden}.format-card span{font-size:.72rem;text-transform:uppercase;letter-spacing:.16em;font-weight:700}.format-card h3{font:800 2.3rem/1.05 var(--font-display);letter-spacing:-.04em;margin:10px 0}.format-card img{position:absolute;max-width:none;object-fit:contain;transition:.45s}.format-card:hover img{transform:translateY(-10px) scale(1.03)}.format-card.liquid img{height:78%;right:1%;bottom:-8%}.format-card.bar-single{background:linear-gradient(150deg,#5d0b63,#d92077);color:#fff}.format-card.bar-single img{width:105%;right:-20%;bottom:-2%}.format-card.bar-pack{background:var(--navy);color:#fff}.format-card.bar-pack img{width:105%;right:-24%;bottom:-2%}.contact-band,.catalog-cta{background:var(--navy);color:#fff;padding:clamp(65px,8vw,110px) clamp(24px,8vw,130px);display:flex;align-items:end;justify-content:space-between;gap:30px}.contact-band h2,.catalog-cta h2{font:800 clamp(2.6rem,5vw,5rem)/1 var(--font-display);letter-spacing:-.06em;margin:18px 0}.contact-band p{font-size:1.1rem;color:#b9c7e5}
footer{background:#030d27;color:#cbd4eb;padding:75px clamp(24px,6vw,90px) 45px;display:grid;grid-template-columns:1.3fr 1fr 1fr .7fr;gap:45px;font-size:.9rem;line-height:1.7}footer h3{color:#fff;font-size:.8rem;text-transform:uppercase;letter-spacing:.15em;margin-top:0}footer a{display:block;margin-bottom:7px}footer .footer-brand p{margin-top:16px}.footer-nav{text-align:right;display:flex;flex-direction:column;justify-content:space-between}.whatsapp{position:fixed;right:22px;bottom:22px;z-index:30;display:flex;align-items:center;background:#fff;padding:6px 6px 6px 18px;border-radius:40px;gap:10px;color:#075e54;font-weight:700;box-shadow:0 10px 35px rgba(0,0,0,.22)}.wa-icon{width:47px;height:47px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;font-size:1.45rem}
.catalog-page{background:#fff}.catalog-hero{padding:100px clamp(24px,8vw,130px) 85px;background:linear-gradient(115deg,#f2f5fb 0 60%,#e9effa 60%);position:relative}.catalog-hero h1{font:800 clamp(4rem,8vw,8rem)/.85 var(--font-display);letter-spacing:-.075em;margin:30px 0}.catalog-hero h1 em{font-style:normal;color:var(--blue)}.catalog-hero p{font-size:1.15rem;line-height:1.7;max-width:600px;color:#556079}.catalog{padding:55px clamp(20px,6vw,90px) 120px}.filters{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:42px;position:sticky;top:12px;z-index:5}.filters button{border:1px solid #c8cfde;background:rgba(255,255,255,.92);padding:12px 20px;cursor:pointer;border-radius:30px;color:#34405b}.filters button.active{background:var(--navy);color:#fff;border-color:var(--navy)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.product-card{border:0;background:#f2f5fa;text-align:left;position:relative;padding:0;cursor:pointer;overflow:hidden;color:var(--ink);min-width:0}.product-card[hidden]{display:none}.product-card:nth-child(4n+2),.product-card:nth-child(4n+3){background:#edf0f6}.product-card .tag{position:absolute;z-index:2;left:22px;top:22px;background:#fff;padding:8px 13px;text-transform:uppercase;font-size:.65rem;letter-spacing:.13em;font-weight:700}.product-card.oasis .tag{color:var(--blue)}.product-card.pasion .tag{color:var(--pink)}.product-image{height:390px;display:grid;place-items:center;padding:38px 26px 5px}.product-image img{width:100%;height:100%;object-fit:contain;transition:.5s}.product-card:hover .product-image img{transform:scale(1.045) translateY(-5px)}.product-copy{padding:26px 27px 30px;background:#fff;border-top:1px solid #e1e5ed}.product-copy small{text-transform:uppercase;letter-spacing:.13em;color:#737c91}.product-copy h2{font:700 1.45rem var(--font-display);margin:8px 0 18px}.product-copy span{font-size:.85rem;font-weight:700;color:var(--blue)}.product-modal{width:min(1120px,92vw);border:0;padding:0;background:#fff;box-shadow:0 30px 100px rgba(0,0,0,.35);overflow:visible}.product-modal::backdrop{background:rgba(2,10,31,.83);backdrop-filter:blur(5px)}.product-modal[open]{display:grid;grid-template-columns:1.1fr .9fr}.modal-close{position:absolute;right:13px;top:10px;width:45px;height:45px;border:0;background:#fff;font-size:2rem;z-index:4;cursor:pointer}.modal-visual{background:#eef1f7;height:650px;padding:35px;display:grid;place-items:center}.modal-visual img{width:100%;height:100%;object-fit:contain}.modal-info{padding:70px 55px;display:flex;flex-direction:column;justify-content:center}.modal-info h2{font:800 clamp(2.4rem,4vw,4.2rem)/1 var(--font-display);letter-spacing:-.055em;margin:22px 0}.modal-info>p{line-height:1.7;color:#59637a}.modal-info dl{margin:25px 0 35px}.modal-info dl div{display:grid;grid-template-columns:115px 1fr;border-top:1px solid #dce1eb;padding:14px 0}.modal-info dt{font-weight:700}.modal-info dd{margin:0;color:#59637a}.modal-info .btn{align-self:flex-start}
@media(max-width:960px){.site-header{height:74px;padding:0 22px}.header-cta,.site-header nav{display:none}.menu-toggle{display:block}.site-header nav.open{display:flex;position:absolute;top:74px;left:0;right:0;background:var(--navy);flex-direction:column;padding:28px}.hero{height:790px}.slide,.slide.align-right{align-items:flex-end;justify-content:flex-start;padding:100px 24px 125px;background-position:center;background-image:linear-gradient(0deg,rgba(4,18,55,.92) 0%,rgba(4,18,55,.12) 65%),var(--bg)}.hero-copy{width:100%;max-width:610px}.hero h1,.hero h2{font-size:clamp(3.1rem,11vw,5rem)}.slider-controls{left:24px;bottom:38px}.intro{grid-template-columns:1fr}.intro p{margin-top:0}.duo{grid-template-columns:1fr}.line-card{min-height:620px}.formats-heading{grid-template-columns:1fr}.format-grid{grid-template-columns:1fr 1fr}.format-card:first-child{grid-column:1/-1}.product-grid{grid-template-columns:1fr 1fr}footer{grid-template-columns:1fr 1fr}.footer-nav{text-align:left}.product-modal[open]{grid-template-columns:1fr}.modal-visual{height:45vh;min-height:330px}.modal-info{padding:35px}.product-modal{max-height:92vh;overflow:auto}}
@media(max-width:600px){.brand small{display:none}.brand span{font-size:2.6rem}.hero{min-height:690px;height:84vh}.hero p{font-size:1rem}.actions{align-items:flex-start;flex-direction:column;gap:18px}.slider-count span{width:38px}.intro,.formats{padding-left:20px;padding-right:20px}.intro h2,.formats h2{font-size:2.75rem}.duo .line-card{min-height:560px;padding:45px 24px}.line-copy h2{font-size:3.3rem}.line-card img{width:62%;right:-8%}.format-grid{grid-template-columns:1fr}.format-card,.format-card:first-child{grid-column:auto;min-height:430px}.contact-band,.catalog-cta{align-items:flex-start;flex-direction:column}.contact-band h2,.catalog-cta h2{font-size:2.8rem}footer{grid-template-columns:1fr}.footer-nav{gap:25px}.whatsapp>span:first-child{display:none}.whatsapp{padding:5px}.catalog-hero{padding:70px 20px}.catalog-hero h1{font-size:4rem}.catalog{padding:35px 14px 90px}.filters{overflow-x:auto;flex-wrap:nowrap;padding:6px 0;top:0}.filters button{white-space:nowrap}.product-grid{grid-template-columns:1fr}.product-image{height:360px}.product-modal{width:96vw}.modal-info{padding:32px 24px}.modal-info dl div{grid-template-columns:95px 1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.wa-icon{background:#fff;overflow:hidden}.wa-icon img{width:100%;height:100%;object-fit:cover}
.brand>img{width:58px;height:58px;border-radius:50%;object-fit:cover;background:#fff}.footer-brand>img{width:92px;height:92px;border-radius:50%;object-fit:cover;background:#fff}.footer-brand p{max-width:220px}
.slide{background-image:none!important;isolation:isolate;overflow:hidden}.slide-bg{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;z-index:0}.slide:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(4,18,55,.83) 0%,rgba(4,18,55,.2) 50%,rgba(4,18,55,.08) 100%);pointer-events:none}.slide.align-right:after{background:linear-gradient(90deg,rgba(4,18,55,.06),rgba(4,18,55,.15) 47%,rgba(4,18,55,.9))}.slide .hero-copy{position:relative;z-index:2}
@media(max-width:960px){.slide:after,.slide.align-right:after{background:linear-gradient(0deg,rgba(4,18,55,.92) 0%,rgba(4,18,55,.12) 65%)}}

/* V4: separación segura entre textos e imágenes */
@media(min-width:961px){
  .slide .hero-copy{width:min(36vw,500px);padding:34px 36px;background:rgba(4,18,55,.78);backdrop-filter:blur(7px);border-left:3px solid var(--gold)}
  .slide.align-right .hero-copy{margin-left:auto}
  .hero h1,.hero h2{font-size:clamp(2.8rem,4.5vw,4.8rem)}
}
.line-card{align-items:flex-start}.line-card .line-copy{width:47%;max-width:390px}.line-card>img{width:46%;max-width:440px;max-height:78%;right:3%;bottom:3%;object-fit:contain}
.format-card{display:flex;flex-direction:column}.format-card>img,.format-card.liquid>img,.format-card.bar-single>img,.format-card.bar-pack>img{position:relative;width:100%;height:350px;max-width:100%;right:auto;bottom:auto;margin:auto 0 0;object-fit:contain;transform:none}.format-card:hover>img{transform:translateY(-7px) scale(1.015)}
.product-modal{max-height:92vh}.modal-info{justify-content:flex-start;overflow-y:auto}.modal-info dl div[hidden]{display:none}.modal-info dd{line-height:1.55}
@media(max-width:960px){
  .slide,.slide.align-right{display:block;padding:0;background:#061640!important}
  .slide-bg{top:0;height:52%;object-position:center}
  .slide:after,.slide.align-right:after{height:52%;bottom:auto;background:linear-gradient(0deg,rgba(4,18,55,.35),transparent 55%)}
  .slide .hero-copy{position:absolute;left:0;right:0;bottom:0;width:100%;max-width:none;height:48%;padding:30px 24px 74px;background:var(--navy);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
  .hero h1,.hero h2{font-size:clamp(2.55rem,9vw,4.2rem);margin:12px 0 15px}.hero p{margin:0 0 20px;line-height:1.4}.slider-controls{bottom:16px}
}
@media(max-width:600px){
  .line-card{display:flex;flex-direction:column;min-height:auto!important;padding-bottom:20px!important}.line-card .line-copy{width:100%;max-width:none}.line-card>img{position:relative;width:86%;height:260px;max-width:none;max-height:none;right:auto;bottom:auto;margin:20px auto 0;object-fit:contain}.line-card:hover>img{transform:none}
  .format-card{min-height:500px}.format-card>img,.format-card.liquid>img,.format-card.bar-single>img,.format-card.bar-pack>img{height:330px}
  .slide .hero-copy{padding-top:22px}.hero .eyebrow{font-size:.65rem}.hero h1,.hero h2{font-size:2.45rem}.hero .actions{flex-direction:row;align-items:center;gap:16px}.hero .btn{min-height:46px;padding:0 18px}.hero .text-link{font-size:.85rem}
}

/* V5: hero sin cajas y tarjetas editoriales con ambiente */
@media(min-width:961px){
  .slide .hero-copy{width:min(40vw,560px);padding:0;background:transparent;backdrop-filter:none;border-left:0;text-shadow:0 3px 22px rgba(1,10,34,.72)}
  .slide.align-right .hero-copy{text-align:left}
  .slide .btn,.slide .text-link{text-shadow:none}
}
.line-card .line-copy{width:40%;max-width:360px}
.line-card>img{width:57%;max-width:560px;max-height:90%;right:1.5%;bottom:0}
.format-grid{gap:20px}
.format-card,.format-card.liquid,.format-card.bar-single,.format-card.bar-pack{display:block;min-height:610px;padding:0;background:#061640;color:#fff;isolation:isolate}
.format-card:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(3,12,36,.78) 0%,rgba(3,12,36,.04) 42%,rgba(3,12,36,.7) 100%);pointer-events:none}
.format-card>.format-scene,.format-card.liquid>.format-scene,.format-card.bar-single>.format-scene,.format-card.bar-pack>.format-scene{position:absolute;inset:0;width:100%;height:100%;margin:0;object-fit:cover;transform:none}
.format-copy{position:relative;z-index:3;padding:34px 34px 0}
.format-copy h3{font-size:2.6rem}.format-copy b{display:block;margin-top:16px;font-size:.82rem}
.format-card>.format-product,.format-card.liquid>.format-product,.format-card.bar-single>.format-product,.format-card.bar-pack>.format-product{position:absolute;z-index:2;left:50%;right:auto;bottom:15px;width:88%;height:66%;max-width:none;margin:0;object-fit:contain;transform:translateX(-50%);filter:drop-shadow(0 20px 22px rgba(0,0,0,.35))}
.format-card:hover>.format-product{transform:translateX(-50%) translateY(-8px) scale(1.025)}
.format-card:hover>.format-scene{transform:scale(1.025)}
.format-card>.format-product{filter:drop-shadow(0 18px 14px rgba(0,0,0,.42));mix-blend-mode:normal}
.format-card.bar-single>.format-product.soap-unit{width:78%;height:48%;bottom:4%;object-fit:contain;filter:drop-shadow(0 18px 12px rgba(31,3,24,.52))}
.format-card.bar-single:after{background:linear-gradient(180deg,rgba(39,5,31,.74) 0%,rgba(45,4,34,.03) 46%,rgba(39,5,31,.42) 100%)}
@media(max-width:960px){
  .line-card .line-copy{width:42%}.line-card>img{width:55%;max-width:540px;max-height:88%}
  .format-card,.format-card.liquid,.format-card.bar-single,.format-card.bar-pack{min-height:580px}
}
@media(max-width:600px){
  .line-card .line-copy{width:100%}.line-card>img{width:96%;height:330px;margin-top:10px}
  .format-card,.format-card.liquid,.format-card.bar-single,.format-card.bar-pack{min-height:560px}
  .format-card>.format-product,.format-card.liquid>.format-product,.format-card.bar-single>.format-product,.format-card.bar-pack>.format-product{width:92%;height:62%;bottom:12px}
  .format-copy{padding:28px 25px 0}.format-copy h3{font-size:2.35rem}
  .format-card.bar-single>.format-product.soap-unit{width:86%;height:47%;bottom:5%}
}

/* V7: universos Oasis y Pasión sin fotografías de producto */
.duo{min-height:780px;background:#020b22}
.line-card{min-height:780px;padding:0;display:flex;align-items:flex-end;background:#061640!important}
.line-card:after{z-index:1;background:linear-gradient(180deg,rgba(2,10,31,.03) 25%,rgba(2,10,31,.2) 52%,rgba(2,10,31,.95) 100%)}
.line-card>.line-scene{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;right:auto;bottom:auto;filter:none;transition:transform .8s ease}
.line-card:hover>.line-scene{transform:scale(1.035)}
.line-card .line-copy{width:100%;max-width:600px;padding:70px clamp(28px,6vw,92px);z-index:2}
.line-copy h2{font-size:clamp(3.5rem,5.4vw,5.8rem)}
.line-copy p{max-width:390px;font-size:1.05rem}
@media(max-width:960px){.line-card,.duo{min-height:auto}.line-card{min-height:680px}.line-card .line-copy{width:100%;max-width:620px}}
@media(max-width:600px){.duo .line-card{min-height:590px!important;padding:0!important}.line-card>.line-scene{position:absolute;width:100%;height:100%;margin:0}.line-card .line-copy{padding:42px 24px}.line-copy h2{font-size:3.25rem}.line-copy p{font-size:1rem}}

/* V8: productos en universos y categorías ambientales */
.line-card>.line-product{position:absolute;z-index:2;right:2%;left:auto;bottom:2%;width:46%;height:72%;max-width:520px;max-height:none;object-fit:contain;filter:drop-shadow(0 24px 22px rgba(0,0,0,.35));transition:transform .55s ease}
.line-card:hover>.line-product{transform:translateY(-8px) scale(1.025)}
.line-card .line-copy{max-width:52%;padding-right:20px}
.format-card,.format-card.liquid,.format-card.bar-single,.format-card.bar-pack{display:flex;align-items:flex-end}
.format-card:after{background:linear-gradient(180deg,rgba(3,12,36,.04) 25%,rgba(3,12,36,.18) 52%,rgba(3,12,36,.94) 100%)}
.format-copy{margin-top:auto;width:100%;padding:42px 36px;position:relative;z-index:3}
.format-copy p{max-width:330px;margin:12px 0 20px;line-height:1.55;color:rgba(255,255,255,.82)}
.format-copy b{margin-top:0}
@media(max-width:960px){.line-card .line-copy{max-width:54%}.line-card>.line-product{width:48%;height:68%;right:0}}
@media(max-width:600px){.line-card .line-copy{max-width:100%;padding:38px 24px}.line-card>.line-product{position:absolute;width:62%;height:45%;right:2%;top:5%;bottom:auto;margin:0}.line-card:after{background:linear-gradient(180deg,rgba(2,10,31,.04) 28%,rgba(2,10,31,.3) 54%,rgba(2,10,31,.97) 82%)}.format-copy{padding:34px 25px}.format-copy p{font-size:.95rem}}

/* V9: continuidad visual con los banners */
.line-card>.line-product{width:40%;height:58%;right:7%;bottom:10%}
.line-card:after{background:linear-gradient(180deg,rgba(2,10,31,.02) 30%,rgba(2,10,31,.12) 52%,rgba(2,10,31,.94) 100%)}
.format-card:after{background:linear-gradient(180deg,rgba(3,12,36,.02) 30%,rgba(3,12,36,.16) 52%,rgba(3,12,36,.95) 100%)}
@media(max-width:960px){.line-card>.line-product{width:43%;height:55%;right:5%;bottom:12%}}
@media(max-width:600px){.line-card>.line-product{width:58%;height:42%;right:4%;top:9%;bottom:auto}.line-card:after{background:linear-gradient(180deg,rgba(2,10,31,.02) 26%,rgba(2,10,31,.28) 55%,rgba(2,10,31,.97) 84%)}}

/* V10: composición editorial horizontal */
.duo{display:flex;flex-direction:column;gap:3px;min-height:auto;padding:3px;background:#071434}
.duo .line-card{width:100%;min-height:520px;align-items:center}
.duo .line-card:after{background:linear-gradient(90deg,rgba(2,10,31,.94) 0%,rgba(2,10,31,.68) 36%,rgba(2,10,31,.08) 68%)}
.duo .line-card .line-copy{width:46%;max-width:620px;padding:65px clamp(34px,7vw,118px);z-index:3}
.duo .line-card>.line-scene{object-position:center 57%}
.duo .line-card>.line-product{width:31%;height:76%;right:13%;bottom:3%}
.duo .line-card.pasion:after{background:linear-gradient(270deg,rgba(28,2,35,.95) 0%,rgba(28,2,35,.68) 36%,rgba(28,2,35,.08) 68%)}
.duo .line-card.pasion .line-copy{margin-left:auto;text-align:left}
.duo .line-card.pasion>.line-product{right:auto;left:13%}
.formats{background:#06122f}
.formats-heading{color:#fff}.formats-heading p{color:#bdc9e3}
.format-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:520px 360px;gap:4px}
.format-card,.format-card.liquid,.format-card.bar-single,.format-card.bar-pack{min-height:0;height:auto}
.format-card.bar-pack{grid-column:1/-1}
.format-card.bar-pack>.format-scene{object-position:center 57%}
.format-card.bar-pack .format-copy{width:48%;padding-left:clamp(30px,6vw,90px)}
.format-card.bar-pack:after{background:linear-gradient(90deg,rgba(3,12,36,.94) 0%,rgba(3,12,36,.35) 55%,rgba(3,12,36,.05) 100%)}
.format-copy{padding:38px 40px}.format-copy h3{font-size:2.35rem}.format-copy p{margin:8px 0 15px}
@media(max-width:960px){
  .duo .line-card{min-height:500px}.duo .line-card .line-copy{width:52%;padding:50px 35px}.duo .line-card>.line-product{width:38%;height:70%;right:7%}.duo .line-card.pasion>.line-product{left:7%}
  .format-grid{grid-template-rows:500px 330px}.format-card.bar-pack .format-copy{width:58%}
}
@media(max-width:600px){
  .duo{gap:2px;padding:2px}.duo .line-card{min-height:620px!important;align-items:flex-end}.duo .line-card:after,.duo .line-card.pasion:after{background:linear-gradient(180deg,rgba(2,10,31,.02) 20%,rgba(2,10,31,.28) 46%,rgba(2,10,31,.97) 76%)}
  .duo .line-card .line-copy,.duo .line-card.pasion .line-copy{width:100%;max-width:none;margin:0;padding:38px 24px;text-align:left}.duo .line-card>.line-product,.duo .line-card.pasion>.line-product{width:58%;height:43%;left:auto;right:5%;top:7%;bottom:auto}
  .format-grid{display:flex;flex-direction:column;gap:3px}.format-card,.format-card.liquid,.format-card.bar-single,.format-card.bar-pack{min-height:500px}.format-card.bar-pack .format-copy{width:100%;padding:34px 25px}.format-card.bar-pack:after{background:linear-gradient(180deg,rgba(3,12,36,.03) 24%,rgba(3,12,36,.2) 50%,rgba(3,12,36,.96) 100%)}
}

/* V11: secciones interiores con patrón de banner */
.duo{display:block;padding:0;background:#04102d}
.duo .line-card{height:clamp(540px,56vw,720px);min-height:0;width:100%;display:flex;align-items:center}
.duo .line-card .line-copy{width:min(42%,580px);max-width:none;padding:70px clamp(35px,8vw,135px);margin:0}
.duo .line-card>.line-scene{object-position:center}
.duo .line-card>.line-product{width:31%;height:70%;right:10%;left:auto;bottom:4%;top:auto}
.duo .line-card.pasion .line-copy{width:min(42%,580px);margin-left:auto;padding-left:30px;padding-right:clamp(35px,8vw,135px)}
.duo .line-card.pasion>.line-product{left:10%;right:auto}
.duo .line-card:after{background:linear-gradient(90deg,rgba(2,10,31,.92) 0%,rgba(2,10,31,.55) 38%,transparent 62%)}
.duo .line-card.pasion:after{background:linear-gradient(270deg,rgba(2,10,31,.92) 0%,rgba(2,10,31,.55) 38%,transparent 62%)}
.formats{padding-left:0;padding-right:0;background:#06122f}
.formats-heading{padding-left:clamp(24px,8vw,130px);padding-right:clamp(24px,8vw,130px)}
.format-grid{display:flex;flex-direction:column;gap:3px}
.format-card,.format-card.liquid,.format-card.bar-single,.format-card.bar-pack{display:flex;width:100%;height:clamp(340px,32vw,470px);min-height:0;align-items:center}
.format-card>.format-scene,.format-card.liquid>.format-scene,.format-card.bar-single>.format-scene,.format-card.bar-pack>.format-scene{object-position:center}
.format-card:after,.format-card.bar-pack:after{background:linear-gradient(90deg,rgba(3,12,36,.96) 0%,rgba(3,12,36,.74) 36%,rgba(3,12,36,.08) 62%,transparent 100%)}
.format-card .format-copy,.format-card.bar-pack .format-copy{width:min(46%,590px);margin:0;padding:48px clamp(32px,8vw,130px);position:relative;z-index:3}
.format-copy h3{font-size:clamp(2.45rem,4vw,4.2rem)}
.format-copy p{font-size:1rem;max-width:390px}
@media(max-width:960px){
  .duo .line-card{height:560px}.duo .line-card .line-copy,.duo .line-card.pasion .line-copy{width:48%;padding-left:36px;padding-right:36px}.duo .line-card>.line-product{width:37%;height:66%;right:6%}.duo .line-card.pasion>.line-product{left:6%}
  .format-card,.format-card.liquid,.format-card.bar-single,.format-card.bar-pack{height:400px}.format-card .format-copy,.format-card.bar-pack .format-copy{width:55%;padding:40px 35px}
}

/* V12: Presentaciones en formato vertical */
.format-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-template-rows:none;
  gap:4px;
  padding:0 clamp(20px,4vw,64px);
}
.format-card,.format-card.liquid,.format-card.bar-single,.format-card.bar-pack{
  grid-column:auto;
  width:auto;
  height:clamp(560px,52vw,720px);
  min-height:560px;
  display:flex;
  align-items:flex-end;
}
.format-card>.format-scene,.format-card.liquid>.format-scene,.format-card.bar-single>.format-scene,.format-card.bar-pack>.format-scene{
  object-position:center;
}

/* V33: mantiene cada fotografía dentro del recuadro de su ficha */
.product-image{overflow:hidden}
@media(min-width:1200px){
  .product-card:hover .product-image img{transform:scale(1.015) translateY(-2px)}
}

/* V30 — catálogo: tarjetas alineadas y filtrado sin residuos */
.product-grid{align-items:stretch;grid-auto-flow:row}
.product-card{display:flex;flex-direction:column;height:100%}
.product-card[hidden]{display:none!important}
.product-card .product-image{flex:0 0 390px;height:390px}
.product-card .product-copy{display:flex;flex:1;min-height:184px;flex-direction:column;align-items:flex-start}
.product-card .product-copy h2{margin-bottom:12px}
.product-card .product-copy>span:last-child{margin-top:auto;padding-top:18px}
@media(max-width:600px){
  .product-card .product-image{flex-basis:360px;height:360px}
  .product-card .product-copy{min-height:174px}
}

/* V34: catálogo responsivo para monitores de alta resolución */
.catalog{width:100%;max-width:1800px;margin-inline:auto}
.product-card .product-image{
  position:relative;
  padding:0;
  overflow:hidden;
  contain:paint;
}
.product-card .product-image img{
  position:absolute;
  inset:24px;
  width:calc(100% - 48px);
  height:calc(100% - 48px);
  max-width:calc(100% - 48px);
  max-height:calc(100% - 48px);
  object-fit:contain;
  object-position:center;
}
@media(min-width:1600px){
  .product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
  .product-card .product-image{flex-basis:360px;height:360px}
  .product-card:hover .product-image img{transform:scale(1.01)}
}
@media(max-width:600px){
  .product-card .product-image img{
    inset:20px;
    width:calc(100% - 40px);
    height:calc(100% - 40px);
    max-width:calc(100% - 40px);
    max-height:calc(100% - 40px);
  }
}

/* V17: encabezado de Presentaciones centrado */
.formats-heading{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  max-width:820px;
  margin:0 auto 58px;
  padding-left:24px;
  padding-right:24px;
  text-align:center;
  gap:16px;
}
.formats-heading h2{margin:0}
.formats-heading p{max-width:620px;margin:0 auto}
@media(max-width:600px){
  .formats-heading{margin-bottom:40px;padding-left:20px;padding-right:20px;gap:13px}
}

/* V18: textos centrados dentro de las imágenes de Presentaciones */
.formats-heading{
  display:grid;
  grid-template-columns:1fr 2fr 1fr;
  align-items:end;
  max-width:none;
  margin:0 0 55px;
  padding-left:clamp(24px,8vw,130px);
  padding-right:clamp(24px,8vw,130px);
  text-align:left;
  gap:35px;
}
.formats-heading p{max-width:none;margin:0}
.format-card,.format-card.liquid,.format-card.bar-single,.format-card.bar-pack{
  align-items:center;
  justify-content:center;
}
.format-card .format-copy,.format-card.bar-pack .format-copy{
  width:100%;
  max-width:430px;
  margin:0 auto;
  padding:36px 28px;
  text-align:center;
  text-shadow:0 2px 18px rgba(1,8,25,.8);
}
.format-copy p{max-width:360px;margin:10px auto 18px}
.format-card:after,.format-card.bar-pack:after{
  background:linear-gradient(180deg,rgba(3,12,36,.12) 0%,rgba(3,12,36,.42) 42%,rgba(3,12,36,.62) 62%,rgba(3,12,36,.32) 100%);
}
@media(max-width:960px){
  .formats-heading{grid-template-columns:1fr;text-align:left;gap:18px}
  .format-card .format-copy,.format-card.bar-pack .format-copy{width:100%;max-width:430px;padding:34px 25px}
}
@media(max-width:600px){
  .formats-heading{margin-bottom:40px;padding-left:20px;padding-right:20px;gap:15px}
}

/* V19: contraste y legibilidad en las tarjetas de Presentaciones */
.format-card:after,.format-card.bar-pack:after{
  background:rgba(3,12,36,.2);
}
.format-card .format-copy,.format-card.bar-pack .format-copy{
  width:calc(100% - 44px);
  max-width:440px;
  padding:28px 26px 30px;
  background:linear-gradient(135deg,rgba(3,12,36,.84),rgba(8,25,62,.72));
  border:1px solid rgba(255,255,255,.2);
  box-shadow:0 18px 45px rgba(0,0,0,.25);
  backdrop-filter:blur(9px);
  -webkit-backdrop-filter:blur(9px);
  text-align:center;
  text-shadow:0 2px 8px rgba(0,0,0,.75);
}
.format-card .format-copy>span{
  display:block;
  font-size:.78rem;
  line-height:1.35;
  letter-spacing:.15em;
}
.format-card .format-copy h3{
  margin:9px 0 12px;
  font-size:clamp(2.35rem,3.4vw,3.55rem);
  line-height:1.02;
}
.format-card .format-copy p{
  max-width:350px;
  margin:0 auto 18px;
  font-size:1rem;
  line-height:1.55;
  color:#fff;
}
.format-card .format-copy b{
  display:inline-block;
  font-size:.9rem;
  line-height:1.4;
  color:#fff;
}
@media(max-width:960px){
  .format-card .format-copy,.format-card.bar-pack .format-copy{width:calc(100% - 36px);padding:27px 23px 29px}
}
@media(max-width:600px){
  .format-card .format-copy,.format-card.bar-pack .format-copy{width:calc(100% - 32px);padding:26px 20px 28px}
  .format-card .format-copy h3{font-size:clamp(2.3rem,11vw,3.35rem)}
  .format-card .format-copy p{font-size:1rem}
}

/* V20: texto legible sin recuadro sobre las fotografías */
.format-card,.format-card.liquid,.format-card.bar-single,.format-card.bar-pack{
  align-items:flex-end;
  justify-content:center;
}
.format-card:after,.format-card.bar-pack:after{
  background:linear-gradient(180deg,transparent 35%,rgba(3,12,36,.08) 48%,rgba(3,12,36,.58) 72%,rgba(3,12,36,.96) 100%);
}
.format-card .format-copy,.format-card.bar-pack .format-copy{
  width:100%;
  max-width:none;
  margin:0;
  padding:38px 28px 46px;
  background:none;
  border:0;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  text-align:center;
  text-shadow:0 3px 12px rgba(0,0,0,.95),0 1px 3px rgba(0,0,0,1);
}
.format-card .format-copy p{max-width:360px;margin:0 auto 17px;color:#fff}
@media(max-width:600px){
  .format-card .format-copy,.format-card.bar-pack .format-copy{width:100%;padding:34px 22px 40px}
}

/* V21: contenido de Presentaciones anclado al borde inferior */
.format-card .format-copy,.format-card.bar-pack .format-copy{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  margin:0;
  padding:34px 28px 25px;
}
.format-card:after,.format-card.bar-pack:after{
  background:linear-gradient(180deg,transparent 42%,rgba(3,12,36,.12) 57%,rgba(3,12,36,.7) 78%,rgba(3,12,36,.98) 100%);
}
@media(max-width:600px){
  .format-card .format-copy,.format-card.bar-pack .format-copy{padding:30px 22px 22px}
}

/* V22: composición de productos en la cabecera del catálogo */
.catalog-hero{
  display:grid;
  grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr);
  align-items:center;
  gap:clamp(25px,4vw,70px);
  min-height:540px;
  overflow:hidden;
}
.catalog-hero-copy{position:relative;z-index:2}
.catalog-hero-art{
  position:relative;
  width:100%;
  height:430px;
  align-self:center;
}
.catalog-hero-art:before{
  content:"";
  position:absolute;
  inset:5% 2% 2%;
  border-radius:50%;
  background:radial-gradient(circle at 35% 46%,rgba(34,183,220,.25),transparent 45%),radial-gradient(circle at 72% 48%,rgba(222,65,151,.2),transparent 43%);
  filter:blur(8px);
}
.catalog-hero-art img{
  position:absolute;
  display:block;
  object-fit:contain;
  filter:drop-shadow(0 22px 20px rgba(5,19,54,.16));
}
.catalog-pack{width:58%;height:55%;bottom:2%}
.catalog-pack-oasis{left:-3%;z-index:1;transform:rotate(-4deg)}
.catalog-pack-pasion{right:-3%;z-index:1;transform:rotate(4deg)}
.catalog-bottle{width:33%;height:76%;bottom:13%;z-index:2}
.catalog-bottle-oasis{left:24%;transform:rotate(-2deg)}
.catalog-bottle-pasion{right:19%;transform:rotate(2deg)}
@media(max-width:960px){
  .catalog-hero{grid-template-columns:minmax(0,1fr) minmax(300px,.7fr);gap:20px}
  .catalog-hero-art{height:390px}
  .catalog-bottle{width:36%}
}
@media(max-width:700px){
  .catalog-hero{grid-template-columns:1fr;padding-bottom:35px}
  .catalog-hero-art{height:310px;margin-top:4px}
  .catalog-pack{width:56%;height:52%}
  .catalog-bottle{width:31%;height:78%;bottom:8%}
  .catalog-bottle-oasis{left:26%}
  .catalog-bottle-pasion{right:20%}
}

/* V23: productos apoyados sobre una plataforma real */
.catalog-hero-art{
  height:440px;
  overflow:hidden;
  border-radius:2px;
}
.catalog-hero-art:before{display:none}
.catalog-hero-art .catalog-stage{
  position:absolute;
  inset:0;
  z-index:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  filter:none;
}
.catalog-hero-art .catalog-pack,.catalog-hero-art .catalog-bottle{
  filter:drop-shadow(0 14px 9px rgba(4,16,43,.28));
}
.catalog-hero-art .catalog-pack{
  width:50%;
  height:43%;
  bottom:8%;
  z-index:1;
}
.catalog-hero-art .catalog-pack-oasis{left:3%;transform:none}
.catalog-hero-art .catalog-pack-pasion{right:3%;transform:none}
.catalog-hero-art .catalog-bottle{
  width:30%;
  height:62%;
  bottom:13%;
  z-index:2;
}
.catalog-hero-art .catalog-bottle-oasis{left:25%;transform:none}
.catalog-hero-art .catalog-bottle-pasion{right:20%;transform:none}
@media(max-width:960px){
  .catalog-hero-art{height:400px}
  .catalog-hero-art .catalog-pack{width:54%;height:41%;bottom:8%}
  .catalog-hero-art .catalog-bottle{width:31%;height:59%;bottom:13%}
}
@media(max-width:700px){
  .catalog-hero-art{height:330px}
  .catalog-hero-art .catalog-pack{width:52%;height:42%;bottom:7%}
  .catalog-hero-art .catalog-bottle{width:30%;height:60%;bottom:12%}
}

/* V24: banner gráfico del catálogo sin productos */
.catalog-hero-art.catalog-hero-design{
  height:430px;
  overflow:hidden;
  background:#edf3f8;
}
.catalog-hero-art .catalog-design{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  filter:none;
}
@media(max-width:960px){
  .catalog-hero-art.catalog-hero-design{height:390px}
}
@media(max-width:700px){
  .catalog-hero-art.catalog-hero-design{height:300px}
}

/* V25: banner editorial integrado a sangre */
.catalog-hero{
  grid-template-columns:minmax(0,58%) minmax(420px,42%);
  gap:0;
  min-height:560px;
  padding:0;
  background:#f2f5fb;
}
.catalog-hero-copy{
  padding:95px clamp(38px,7vw,118px) 85px;
}
.catalog-hero-art.catalog-hero-design{
  align-self:stretch;
  width:100%;
  height:auto;
  min-height:560px;
  border-radius:0;
  clip-path:polygon(17% 0,100% 0,100% 100%,0 100%);
}
.catalog-hero-art .catalog-design{
  object-position:center 54%;
  transform:scale(1.015);
}
@media(max-width:960px){
  .catalog-hero{grid-template-columns:minmax(0,56%) minmax(340px,44%)}
  .catalog-hero-copy{padding:80px 28px 75px}
  .catalog-hero-art.catalog-hero-design{height:auto;min-height:520px}
}
@media(max-width:700px){
  .catalog-hero{display:grid;grid-template-columns:1fr;min-height:0;padding:70px 20px 0}
  .catalog-hero-copy{padding:0 0 42px}
  .catalog-hero-art.catalog-hero-design{
    width:calc(100% + 40px);
    height:280px;
    min-height:280px;
    margin-left:-20px;
    clip-path:none;
  }
  .catalog-hero-art .catalog-design{object-position:center 55%;transform:none}
}

/* V27: color del catálogo y bloque de cajas autoexhibibles */
.catalog-hero h1 em{color:#08758a}
.product-copy .auto-display{
  display:block;
  width:max-content;
  margin:-8px 0 17px;
  padding:6px 9px;
  color:#075f70;
  background:#e4f5f7;
  font-size:.68rem;
  font-weight:700;
  letter-spacing:.09em;
}
.display-ready{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);
  min-height:690px;
  background:#071433;
  color:#fff;
  overflow:hidden;
}
.display-ready-visual{
  position:relative;
  min-height:690px;
  background:radial-gradient(circle at 35% 45%,rgba(18,178,211,.24),transparent 34%),radial-gradient(circle at 70% 62%,rgba(221,57,142,.2),transparent 32%),linear-gradient(145deg,#061535,#0a214b);
}
.display-ready-visual:after{
  content:"";
  position:absolute;
  left:9%;
  right:5%;
  bottom:11%;
  height:15%;
  border-radius:50%;
  background:rgba(1,8,25,.48);
  filter:blur(25px);
}
.display-box{
  position:absolute;
  z-index:2;
  width:70%;
  height:68%;
  object-fit:contain;
  filter:drop-shadow(0 28px 25px rgba(0,0,0,.32));
}
.display-box.oasis-box{left:1%;top:9%;transform:rotate(-3deg)}
.display-box.pasion-box{right:-1%;bottom:2%;transform:rotate(3deg)}
.display-ready-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:80px clamp(35px,7vw,110px) 80px clamp(35px,5vw,80px);
}
.display-ready-copy h2{
  margin:20px 0 27px;
  font:800 clamp(3.6rem,6vw,6.8rem)/.88 var(--font-display);
  letter-spacing:-.065em;
}
.display-ready-copy h2 em{font-style:normal;color:#58c9d7}
.display-ready-copy>p{max-width:560px;margin:0 0 25px;color:#c6d2ea;font-size:1.08rem;line-height:1.7}
.display-ready-copy ul{margin:0 0 32px;padding:0;list-style:none}
.display-ready-copy li{position:relative;padding:11px 0 11px 25px;border-top:1px solid rgba(255,255,255,.14);color:#eef3ff}
.display-ready-copy li:before{content:"";position:absolute;left:0;top:20px;width:8px;height:8px;border-radius:50%;background:#e6519b}
.display-ready-copy .text-link{align-self:flex-start;color:#fff}
@media(max-width:960px){
  .display-ready{grid-template-columns:1fr 1fr;min-height:620px}
  .display-ready-visual{min-height:620px}
  .display-ready-copy{padding:60px 34px}
}
@media(max-width:700px){
  .display-ready{grid-template-columns:1fr}
  .display-ready-visual{min-height:500px}
  .display-box{width:72%;height:65%}
  .display-ready-copy{padding:62px 24px 72px}
}

/* V28: cajas alineadas y título con separación segura */
.display-ready-visual{
  min-height:690px;
  background:#071433;
}
.display-ready-visual:after{display:none}
.display-showcase{
  width:100%;
  height:100%;
  min-height:690px;
  object-fit:contain;
  object-position:center;
}
.display-ready-copy h2{
  line-height:.96;
}
.display-ready-copy h2 span,.display-ready-copy h2 em{
  display:block;
}
.display-ready-copy h2 em{
  margin-top:.13em;
  line-height:1.02;
}
@media(max-width:960px){
  .display-ready-visual,.display-showcase{min-height:620px}
  .display-ready-copy h2{font-size:clamp(3.2rem,6.5vw,5.4rem)}
}
@media(max-width:700px){
  .display-ready-visual,.display-showcase{min-height:440px;height:440px}
  .display-showcase{object-position:center}
  .display-ready-copy h2{font-size:clamp(3.25rem,15vw,4.8rem)}
}
.format-card:after,.format-card.bar-pack:after{
  background:linear-gradient(180deg,rgba(3,12,36,.02) 24%,rgba(3,12,36,.18) 50%,rgba(3,12,36,.97) 100%);
}
.format-card .format-copy,.format-card.bar-pack .format-copy{
  width:100%;
  margin:0;
  padding:40px 34px;
}
.format-copy h3{font-size:clamp(2.25rem,3.2vw,3.5rem)}
@media(max-width:960px){
  .format-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none}
  .format-card,.format-card.liquid,.format-card.bar-single,.format-card.bar-pack{height:600px;min-height:600px}
  .format-card.bar-pack{grid-column:1/-1;width:calc(50% - 2px);justify-self:center}
}
@media(max-width:600px){
  .format-grid{display:grid;grid-template-columns:1fr;grid-template-rows:none;padding:0}
  .format-card,.format-card.liquid,.format-card.bar-single,.format-card.bar-pack{grid-column:auto;width:100%;height:560px;min-height:560px}
  .format-card .format-copy,.format-card.bar-pack .format-copy{padding:34px 25px}
}
@media(max-width:600px){
  .duo .line-card{height:680px!important;min-height:0!important;align-items:flex-end}.duo .line-card:after,.duo .line-card.pasion:after{background:linear-gradient(180deg,rgba(2,10,31,.02) 18%,rgba(2,10,31,.24) 48%,rgba(2,10,31,.98) 76%)}.duo .line-card .line-copy,.duo .line-card.pasion .line-copy{width:100%;padding:40px 24px;margin:0}.duo .line-card>.line-product,.duo .line-card.pasion>.line-product{width:58%;height:43%;left:auto;right:5%;top:8%;bottom:auto}
  .format-card,.format-card.liquid,.format-card.bar-single,.format-card.bar-pack{height:540px;align-items:flex-end}.format-card:after,.format-card.bar-pack:after{background:linear-gradient(180deg,rgba(3,12,36,.03) 22%,rgba(3,12,36,.22) 50%,rgba(3,12,36,.98) 76%)}.format-card .format-copy,.format-card.bar-pack .format-copy{width:100%;padding:36px 24px}
}

/* V13: Universo Oasis y Pasión en formato vertical */
.duo{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:4px;
  padding:4px;
  background:#04102d;
}
.duo .line-card{
  width:100%;
  height:clamp(680px,68vw,880px);
  min-height:680px;
  display:flex;
  align-items:flex-start;
}
.duo .line-card>.line-scene{object-position:center}
.duo .line-card:after,.duo .line-card.pasion:after{
  background:linear-gradient(180deg,rgba(2,10,31,.92) 0%,rgba(2,10,31,.52) 28%,rgba(2,10,31,.05) 54%,rgba(2,10,31,.18) 100%);
}
.duo .line-card .line-copy,.duo .line-card.pasion .line-copy{
  width:100%;
  max-width:560px;
  margin:0;
  padding:52px clamp(30px,5vw,72px);
  position:relative;
  z-index:3;
  text-align:left;
}
.duo .line-card>.line-product,.duo .line-card.pasion>.line-product{
  width:47%;
  height:54%;
  left:auto;
  right:8%;
  top:auto;
  bottom:3%;
  z-index:2;
}
@media(max-width:960px){
  .duo .line-card{height:720px;min-height:720px}
  .duo .line-card .line-copy,.duo .line-card.pasion .line-copy{width:100%;padding:44px 32px}
  .duo .line-card>.line-product,.duo .line-card.pasion>.line-product{width:56%;height:48%;right:5%;bottom:4%}
}
@media(max-width:600px){
  .duo{display:grid;grid-template-columns:1fr;gap:3px;padding:3px}
  .duo .line-card{height:720px!important;min-height:720px!important;align-items:flex-start}
  .duo .line-card:after,.duo .line-card.pasion:after{background:linear-gradient(180deg,rgba(2,10,31,.92) 0%,rgba(2,10,31,.5) 28%,rgba(2,10,31,.04) 55%,rgba(2,10,31,.2) 100%)}
  .duo .line-card .line-copy,.duo .line-card.pasion .line-copy{width:100%;padding:40px 25px;margin:0}
  .duo .line-card>.line-product,.duo .line-card.pasion>.line-product{width:58%;height:48%;left:auto;right:4%;top:auto;bottom:3%}
}

/* V14: producto integrado dentro de la imagen de cada universo */
.duo .line-card:after,.duo .line-card.pasion:after{
  background:linear-gradient(180deg,rgba(2,10,31,.88) 0%,rgba(2,10,31,.5) 25%,rgba(2,10,31,.04) 50%,transparent 72%);
}
.duo .line-card>.line-scene{object-position:center}
@media(max-width:600px){
  .duo .line-card:after,.duo .line-card.pasion:after{background:linear-gradient(180deg,rgba(2,10,31,.9) 0%,rgba(2,10,31,.48) 27%,rgba(2,10,31,.04) 51%,transparent 72%)}
}

/* V15: Presentaciones con lenguaje visual natural de la sección 01 */
.format-card:after,.format-card.bar-pack:after{
  background:linear-gradient(180deg,transparent 38%,rgba(3,12,36,.16) 57%,rgba(3,12,36,.97) 100%);
}
.format-card>.format-scene,.format-card.liquid>.format-scene,.format-card.bar-single>.format-scene,.format-card.bar-pack>.format-scene{
  object-position:center;
}