/* Cambios puntuales sobre la composición acordada */
header>nav,header>nav.open{gap:20px}header>nav a{font-size:15px;font-weight:600;letter-spacing:.01em;padding:13px 0}header>nav a[aria-current=page]{border-bottom-width:2px}.floating{display:flex;align-items:center;gap:9px;font:14px Arial,sans-serif}.whatsapp-icon{width:22px;height:22px;flex:none;fill:currentColor}.hc-real-trio{display:none}.hc-photo.montage>img{height:auto;background:transparent;aspect-ratio:5/4;object-fit:cover}.hc-product{grid-template-columns:34% minmax(0,1fr);gap:40px}.hc-product .product-montage svg{width:100%;height:auto;display:block}.hc-icons{max-width:650px;gap:14px;margin:25px auto 35px;grid-template-columns:repeat(8,minmax(0,1fr))}.hc-icons svg{width:100%;height:auto}.hc-hero{gap:35px}.haircare-page{padding-top:45px}.hc-intro{margin-top:35px}.hc-product h2{font-size:34px}.hc-essence img{width:120px}.hc-essence{grid-template-columns:150px minmax(0,1fr) 120px}.hc-product .eyebrow{font-size:11px}
@media(max-width:1200px) and (min-width:901px){header>nav,header>nav.open{gap:13px}header>nav a{font-size:14px}}
@media(max-width:900px){header>nav,header>nav.open{gap:9px 21px}header>nav a{font-size:14px}.hc-hero{grid-template-columns:1fr}.hc-photo.montage{max-width:600px;width:100%;margin:auto}.hc-essence{grid-template-columns:1fr 120px}.hc-essence>.eyebrow{grid-column:1/-1}.hc-product{gap:25px}}
@media(max-width:620px){header>nav a{font-size:14px;padding:10px 0}.hc-product{grid-template-columns:1fr;gap:20px}.hc-product .product-montage{width:100%;max-width:380px;margin:auto}.hc-icons{max-width:360px;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 18px}.hc-icons svg{max-width:65px;justify-self:center}.hc-essence{grid-template-columns:1fr}.hc-hero h1{font-size:clamp(38px,12vw,53px)}.hc-product h2{font-size:30px}.floating{right:14px;bottom:14px;padding:12px 16px}.hc-essence img{width:100px}footer{padding-bottom:90px}}
@media(max-width:360px){.hc-icons{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.hc-icons svg{max-width:58px}header>nav,header>nav.open{gap:6px 14px}header>nav a{font-size:13px}}

.hc-product .product-montage{background:#f3ede4;display:flex;justify-content:center;align-items:center;height:340px;overflow:hidden}.hc-product .product-montage svg{height:340px;width:100%;max-width:100%}

/* Cada imagen individual queda limitada a su propio envase */
.hc-product .product-montage svg{overflow:hidden;display:block}.floating{white-space:nowrap}
@media(max-width:360px){.floating{font-size:12px;padding:11px 13px}}