/* Barato: petróleo, cobre y marfil. Carga posterior al diseño existente. */
:root{--azul:#a63e24;--azul-2:#87321e;--azul-3:#6c2b1d;--bg:#eee9e1;--ink:#123b40;--gris:#506567;--line:#cdd8d5;--line-2:#bccdca}
body{background:radial-gradient(ellipse at 95% 10%,#bfdbd570,transparent 38%),radial-gradient(ellipse at 0 55%,#eac8ae65,transparent 40%),#eee9e1;color:var(--ink)}
.top{background:#f9f5eef5;border-bottom:1px solid #afc4bf;box-shadow:0 5px 24px #103c420a}
.top .search{background:#e6eeea;border-color:#b9cdca}
#brand-link{position:relative;flex-shrink:0;width:176px;min-height:54px;overflow:hidden;animation:brand-arrive .85s cubic-bezier(.2,.8,.2,1) both}
#brand-link .brand-symbol{display:block;width:176px;height:54px;object-fit:contain;border-radius:0;transform:none;animation:none;filter:none}
#brand-link b{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#brand-link:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,#fff9 49%,transparent 62%);transform:translateX(130%);animation:brand-light 1.2s .35s both;pointer-events:none}
@keyframes brand-arrive{from{opacity:0;transform:translateY(5px) scale(.97)}to{opacity:1;transform:none}}
@keyframes brand-light{from{transform:translateX(-130%)}to{transform:translateX(130%)}}
.hero h1{color:#123e43}.hero h1 span{color:#64736e}.hero p{color:#4b6463}
.cats{background:#dce9e3;border-block:1px solid #c1d6cd;border-radius:18px;padding:8px 10px}.cat.on{background:#123e43;color:#fff;border-color:#123e43}.cat.on .lbl{color:#fff}.cat:hover{background:#c9ded4}
.benef{background:#123e43;color:#f3eee6;border:0;border-radius:18px;padding:3px 8px}.benef div{color:#f3eee6}.benef div span{filter:saturate(.8)}
.sec{border-top:1px solid #b9ccc4;margin-top:20px}.sec h2{color:#123e43}.sec h2 span{color:#61736d}
.card{background:#fffdf7;border-color:#c5d3cc;box-shadow:0 4px 15px #123e4305}.card .foto{background:#e5ece7}.card:hover{border-color:#56847a;box-shadow:0 12px 28px #103c4215}.card .kicker{color:#8c431e}.card .precio{color:#153e43}.btn-s{background:#dde9e2;color:#163f42}.btn-p{background:#a63e24;color:#fff}.card .dto{background:#a63e24}.enlace{color:#90371f}
.detail-modal{background:#faf7f0;color:#163e42}.detail-head{background:#e5eee7}.product-film{background:#e2ece6;border-color:#bed0c5}.film-heading>p,.film-transcript p{color:#425d57}.film-eyebrow{color:#8e3d25}.film-facts dt{color:#48625a}.film-facts>a{color:#184e46}.film-frame{background:#0c282e}.film-frame>img{mix-blend-mode:normal}
.promo-cinema{background:#103b40;color:#f9f4e9;box-shadow:0 18px 45px #123b401b}.promo-scene{background:linear-gradient(120deg,#133e43,#234d4d);grid-template-columns:.8fr 1.4fr;gap:24px;padding:34px 32px 78px}.promo-scene.home{background:linear-gradient(120deg,#193f40,#456157)}
.promo-kicker{color:#e9b98d}.promo-copy h2{font-size:clamp(31px,3.6vw,47px);letter-spacing:-1.7px}.promo-copy p{color:#d4e1dc}.promo-cta{background:#efbb8d;color:#173d3f}.promo-cta:hover{background:#ffd1a8}.promo-architecture{opacity:.15}.promo-visual,.promo-product{mix-blend-mode:normal}
.promo-visual.has-lifestyle{align-self:center;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#112e33;box-shadow:0 18px 40px #061b2e40;transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .5s ease}.has-lifestyle .promo-product{height:100%;transform:none}.has-lifestyle .promo-product img,.has-lifestyle .promo-product video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;mix-blend-mode:normal}.has-lifestyle .promo-plinth{display:none}
.promo-film-start{position:absolute;bottom:12px;right:12px;z-index:2;border:1px solid #fff7;background:#10383bed;color:#fff;padding:10px 16px;border-radius:25px;min-height:44px;cursor:pointer;font:inherit;font-size:12px}.promo-film-start[hidden]{display:none}.promo-controls button{color:#fff4e8;background:#ffffff12;border-color:#ffffff45}.promo-controls [data-promo-pause]{color:#fff4e8}.promo-dots button span{background:#a6c5be}.promo-dots [aria-pressed=true] span{background:#f0bd8e}.promo-cta:focus-visible,.promo-controls button:focus-visible,.promo-film-start:focus-visible{outline:3px solid #ffc78f;outline-offset:3px}
@media(max-width:700px){#brand-link{width:137px;min-height:43px}#brand-link .brand-symbol{width:137px;height:43px}.cats{border-radius:12px}.promo-scene{grid-template-columns:1fr;padding:24px 22px 72px;gap:18px;min-height:565px}.promo-copy h2{font-size:30px;margin:9px 0}.promo-copy h2 br{display:none}.promo-copy p{display:none}.promo-model{margin-top:10px;font-size:11px}.promo-price{display:inline-block;font-size:23px;margin:9px 16px 0 0}.promo-cta{vertical-align:middle;padding:11px 16px}.promo-visual.has-lifestyle{width:100%;align-self:start;border-radius:13px}.promo-kicker{font-size:9px}.promo-controls{bottom:13px}#banners{min-height:597px}.promo-copy{align-self:start}.promo-visual{min-height:0}}
@media(max-width:380px){.promo-scene{padding:20px 16px 72px;min-height:530px}.promo-copy h2{font-size:27px}#banners{min-height:562px}.promo-cta{font-size:10px}.promo-navigation{gap:3px}}
@media(prefers-reduced-motion:reduce){#brand-link,#brand-link:after{animation:none!important}#brand-link:after{display:none}.promo-visual.has-lifestyle{transform:none!important;transition:none!important}}
.promo-visual.has-lifestyle{width:100%;max-width:670px;justify-self:end}.promo-scene{height:490px}
@media(max-width:700px){.promo-scene{height:500px;min-height:500px;grid-template-rows:auto auto;align-content:start;gap:22px}#banners{min-height:532px}.promo-visual.has-lifestyle{justify-self:stretch}.promo-copy h2 br:after{content:' '}}
@media(max-width:380px){.promo-scene{height:480px;min-height:480px}#banners{min-height:512px}}