/* Identidad tipográfica y hero de fotografía a todo el ancho. */
:root{--heading:"Arial Black","Segoe UI",Arial,Helvetica,sans-serif}
h1,h2,h3,.product-title h3,.benefit h3{font-family:var(--heading);font-weight:800;letter-spacing:-.045em}
h1 em,h2 em{font-style:normal;font-weight:inherit}
.placeholder-name{font-family:var(--heading);font-weight:800;font-style:normal;letter-spacing:-.06em}
.placeholder-name>span{font-style:normal}
.more-button{justify-content:center;font-weight:700}
.button{font-weight:700;padding:16px 25px}
body{max-width:none}
.hero{display:block;isolation:isolate;min-height:740px;background:#362c29;color:#fff}
.hero-photo{position:absolute;inset:0;height:auto;z-index:-2}
.hero-photo>img{object-position:center top;filter:saturate(.82)}
.hero-photo:after{inset:0;background:linear-gradient(90deg,rgba(25,18,23,.87) 0%,rgba(25,18,23,.68) 32%,rgba(25,18,23,.18) 65%,rgba(25,18,23,.06) 100%)}
.hero-copy{position:relative;min-height:740px;width:55%;padding:70px 0 70px 5.5%;justify-content:center;align-items:flex-start}
.hero h1{font-size:clamp(52px,5.4vw,88px);line-height:1.02;letter-spacing:-.065em}
.hero h1 em{color:#ecd3e0}
.hero .eyebrow{color:#f6e6ed;font-size:11px;letter-spacing:2.5px}
.hero-description{color:#fff8f4;max-width:380px;font-size:15px;line-height:1.8;margin:27px 0 30px}
.hero .button{background:#f8f1ec;border-color:#f8f1ec;color:#4a283a}
.hero .button:hover{background:#ead3df;border-color:#ead3df}
.hero .text-link{color:white;border-color:#e7d5dd;font-size:12px}
.hero-detail{color:#fff6f1;border-color:#ffffff4d;max-width:380px;font-size:11px;margin-top:34px}
.hero-photo figcaption{left:auto;right:5.5%;bottom:25px;text-align:right;display:block}
.hero-photo figcaption span:first-child{display:block;margin-bottom:4px}
.hero-index{display:none}
@media(min-width:1600px){.hero,.hero-copy{min-height:810px}}
@media(max-width:1100px){.hero-copy{width:62%;padding-left:5.5%}.hero h1{font-size:64px}.hero,.hero-copy{min-height:710px}.hero-photo>img{object-position:60% top}.section-heading h2{font-size:40px}.product-title h3{font-size:25px}}
@media(max-width:700px){.hero{min-height:820px;display:flex;justify-content:flex-end}.hero-copy{width:100%;min-height:820px;padding:350px 6% 38px;justify-content:flex-end}.hero-photo{height:100%;flex-shrink:1}.hero-photo>img{object-position:65% top}.hero-photo:after{background:linear-gradient(180deg,rgba(25,18,23,.05) 0%,rgba(25,18,23,.08) 25%,rgba(25,18,23,.7) 48%,rgba(25,18,23,.96) 100%)}.hero h1{font-size:clamp(43px,11.4vw,62px);line-height:1.04}.hero .eyebrow{font-size:9px;margin-bottom:15px}.hero-description{font-size:13px;margin:19px 0 23px;max-width:340px}.hero-actions{gap:20px}.hero .button{padding:14px 19px;font-size:12px}.hero .text-link{font-size:11px}.hero-detail{font-size:10px;margin-top:25px}.hero-photo figcaption{display:none}.section-heading h2{font-size:34px}.wellness h2{font-size:35px}.contact h2{font-size:31px}.product-title h3{font-size:23px}.benefit h3{font-size:19px}.placeholder-name{font-size:42px}.eboost .placeholder-name{font-size:29px}}

/* Más espacio para el producto; desplazamiento de foto sin dejar bordes vacíos. */
.hero-photo>img{top:-54px;height:calc(100% + 54px)}
