/* Ajustes de la segunda propuesta: identidad, animación y redes. */
.catalog-controls{justify-content:flex-start}
.hero-art{background:radial-gradient(ellipse at 30% 20%,#f3e7d3,#d6c3a6 75%)}
.hero-emblem{height:100%;min-height:580px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:36px 30px 92px}
.profile-art{--hair-color:#633b29;line-height:0}
.profile-graphic{width:100%;height:100%;display:block;overflow:visible}
.hero-emblem>.profile-art{height:365px;width:280px;max-width:90%;flex-shrink:1}
.hair-paint{fill:var(--hair-color);transition:fill .7s ease-in-out}
.hero-brand{text-align:center;color:var(--ink);margin-top:15px}
.hero-brand strong{display:block;font:61px/.95 Georgia,serif;letter-spacing:-5px}
.hero-brand>span{display:block;font-size:9px;letter-spacing:6px;margin-top:10px;padding-left:6px}
.hair-colors{position:absolute;bottom:61px;left:50%;transform:translateX(-50%);display:flex;gap:5px}
.hair-colors button{position:relative;width:29px;height:29px;padding:0;border-radius:50%;border:1px solid transparent}
.hair-colors button:after{content:'';position:absolute;inset:6px;border-radius:50%;background:var(--swatch)}
.hair-colors button.selected{border-color:#8f7555}
.art-caption{color:var(--ink);align-items:center;font-size:8px;letter-spacing:1.6px}
#toggle-hair-animation{font-size:9px;letter-spacing:0;padding:8px 0;min-height:34px;display:flex;gap:7px;align-items:center}
#toggle-hair-animation>span{font-size:14px}
.hero-sticker{z-index:2}
.brand-composition{display:flex;align-items:center;justify-content:center;gap:6%;width:100%;padding-bottom:20px}
.brand-composition>.profile-art{width:46%;aspect-ratio:3/4;--hair-color:#291c18}
.essence-logo .brand-composition>img{width:47%;height:auto;max-height:none;object-fit:contain;mix-blend-mode:multiply}
.social-links{text-align:left}
.social-links>p{font-size:10px;color:var(--muted);margin:0 0 8px}
.social-links>div{display:flex;gap:17px;font-size:10px}
.social-links a[href]{border-bottom:1px solid var(--line);padding:3px 0}
.social-links a[href]:hover{color:var(--wine);border-color:var(--wine)}
.social-links a[aria-disabled]{opacity:.55;cursor:default}
.social-links small{font-size:8px;color:var(--muted);display:block;margin-top:8px}
@media(min-width:1600px){.hero-emblem{min-height:650px}.hero-emblem>.profile-art{height:420px;width:320px}.hero-brand strong{font-size:67px}}
@media(max-width:1050px){.hero-emblem{min-height:490px;padding:30px 20px 90px}.hero-emblem>.profile-art{height:300px;width:225px}.hero-brand strong{font-size:52px}.hero-brand>span{font-size:8px}}
@media(max-width:760px){.catalog-controls{align-items:stretch}.hero-emblem{min-height:0;height:430px;padding:20px 15px 87px}.hero-emblem>.profile-art{height:258px;width:193px}.hero-brand{margin-top:8px}.hero-brand strong{font-size:44px;letter-spacing:-3px}.hero-brand>span{font-size:7px;letter-spacing:4px;margin-top:7px}.hair-colors{bottom:52px;gap:3px}.hair-colors button{width:27px;height:27px}.art-caption{bottom:14px;left:15px;right:15px;font-size:7px;letter-spacing:1px}#toggle-hair-animation{font-size:8px;gap:5px}.brand-composition{max-width:300px}.brand-composition>.profile-art{height:215px;max-height:none}.essence-logo .brand-composition>img{max-height:none;width:47%}.essence-logo{padding:25px 24px 35px}.social-links{width:100%;border-top:1px solid var(--line);padding-top:20px}.social-links>p{font-size:10px}.social-links>div{font-size:11px}.social-links small{font-size:8px}footer{padding-bottom:60px}footer>span{padding-top:18px}.hero-sticker{left:-31px}}
@media(max-width:370px){.hero-emblem{height:360px;padding-top:15px;padding-bottom:78px}.hero-emblem>.profile-art{height:209px;width:157px}.hero-brand strong{font-size:38px}.hero-brand>span{font-size:6px}.hero-sticker{height:88px;width:88px;left:-25px}}
@media(prefers-reduced-motion:reduce){.hair-paint{transition:none}}

/* Monograma original recortado mediante presentación, sin alterar sus trazos. */
.monogram-brand{width:47%;color:var(--ink);text-align:center}
.monogram-crop{position:relative;overflow:hidden;width:100%;aspect-ratio:33/28;line-height:0}
.monogram-crop>img{position:absolute;display:block!important;width:190%!important;max-width:none!important;height:auto!important;max-height:none!important;left:-49.24%;top:-21.43%;mix-blend-mode:multiply}
.monogram-brand>span{font:600 11px Georgia,serif;letter-spacing:4px;display:block;padding-left:4px;margin-top:8px;white-space:nowrap}
.wordmark .monogram-crop{width:65px}
.wordmark small{margin-top:3px}
.hero-emblem{padding-top:26px;padding-bottom:90px}
.hero-emblem>.profile-art{height:335px;width:251px}
.hero-brand.monogram-brand{width:112px;margin-top:12px;flex-shrink:0}
.hero-brand.monogram-brand>span{font:600 9px Georgia,serif;letter-spacing:3px;margin-top:5px;padding-left:3px}
.social-dock{position:fixed;right:25px;bottom:25px;z-index:35;display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.social-dock>.whatsapp-float{position:static;right:auto;bottom:auto}
.social-float{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;color:white;box-shadow:0 4px 17px #13261b20;transition:transform .2s}
.social-float svg{width:23px;height:23px}
.instagram-float{background:var(--wine)}
.facebook-float{background:#355c80}
.social-float:hover{transform:translateY(-2px)}
.social-float[aria-disabled]{cursor:default}
@media(min-width:1600px){.hero-emblem>.profile-art{height:390px;width:292px}.hero-brand.monogram-brand{width:120px}}
@media(max-width:1050px){.hero-emblem>.profile-art{height:265px;width:199px}.hero-brand.monogram-brand{width:98px}.hero-brand.monogram-brand>span{font-size:8px;letter-spacing:2px}}
@media(max-width:760px){.hero-emblem{padding-top:20px;padding-bottom:87px}.hero-emblem>.profile-art{height:228px;width:171px}.hero-brand.monogram-brand{width:80px;margin-top:8px}.hero-brand.monogram-brand>span{font-size:7px;letter-spacing:1.8px;padding-left:1.8px;margin-top:5px}.brand-composition>.monogram-brand{width:47%}.brand-composition .monogram-brand>span{font-size:9px;letter-spacing:2.8px;padding-left:2.8px}.social-dock{right:17px;bottom:18px;gap:9px}.social-float{width:51px;height:51px}.social-float svg{width:23px;height:23px}}
@media(max-width:760px){.wordmark .monogram-crop{width:51px}.wordmark small{margin-top:2px}}
@media(max-width:370px){.hero-emblem>.profile-art{height:183px;width:137px}.hero-brand.monogram-brand{width:67px}.hero-brand.monogram-brand>span{font-size:6px;letter-spacing:1.5px}}