/* ▼▼▼ INICIO 2. HAIR CLINIC—/hair-clinic/· prefijos .sim- .sh- .sa- ▼▼▼ *//* ===== HERO ===== */.sim-hero{ position:relative; background:#0A0A0A; color:#FFFFFF; min-height:90vh; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:80px 24px; font-family:'Albert Sans',sans-serif; overflow:hidden; }.sim-hero-inner{ position:relative; z-index:2; max-width:760px; }.sh-bg{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:grayscale(100%) contrast(1.05) brightness(.85); z-index:0; }.sh-overlay{ position:absolute; inset:0; background:linear-gradient(180deg, rgba(10,10,10,.74) 0%, rgba(10,10,10,.86) 100%); z-index:1; }.sh-kicker{ display:inline-block; font-size:13px; letter-spacing:.32em; text-transform:uppercase; color:#999999; margin-bottom:28px; opacity:0; animation:shrise .9s ease .1s forwards; }.sh-title{ font-size:clamp(34px,6vw,68px); font-weight:600; line-height:1.08; letter-spacing:-.01em; color:#FFFFFF; margin:0 0 26px; opacity:0; animation:shrise .9s ease .25s forwards; }.sh-sub{ font-size:clamp(15px,2.2vw,19px); line-height:1.6; color:#999999; max-width:560px; margin:0 auto 44px; opacity:0; animation:shrise .9s ease .4s forwards; }.sh-cta{ display:inline-flex; align-items:center; gap:16px; background:#FFFFFF; color:#0A0A0A; text-decoration:none; padding:16px 30px 16px 18px; border-radius:60px; font-size:16px; font-weight:600; letter-spacing:.02em; transition:transform .3s ease, box-shadow .3s ease; opacity:0; animation:shrise .9s ease .55s forwards; }.sh-cta:hover{ transform:translateY(-2px); box-shadow:0 14px 40px rgba(255,255,255,.16); color:#0A0A0A; }.sh-trust{ font-size:13px; color:#6B6B6B; margin-top:26px; letter-spacing:.04em; opacity:0; animation:shrise .9s ease .7s forwards; }.sh-scroll{ position:absolute; bottom:28px; left:50%; transform:translateX(-50%); font-size:11px; letter-spacing:.28em; text-transform:uppercase; color:#6B6B6B; z-index:2; animation:shbreath 2.6s ease-in-out infinite; }@keyframes shrise{ from{ opacity:0; transform:translateY(18px); } to{ opacity:1; transform:translateY(0); } }@keyframes shbreath{ 0%,100%{ opacity:.4; } 50%{ opacity:1; } }/* ===== SECCIÓN ADVISOR ===== */.sim-advisor-sec{ background:#FFFFFF; padding:90px 24px; font-family:'Albert Sans',sans-serif; scroll-margin-top:80px; }.sa-inner{ max-width:760px; margin:0 auto; text-align:center; }.sa-id{ display:flex; justify-content:center; align-items:center; gap:16px; margin-bottom:40px; }.sa-id-label{ display:flex; flex-direction:column; text-align:left; }.sa-name{ font-size:15px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:#0A0A0A; }.sa-sub{ font-size:12px; color:#6B6B6B; margin-top:3px; }.sa-title{ font-size:clamp(28px,4vw,42px); font-weight:600; line-height:1.12; letter-spacing:-.01em; color:#0A0A0A; margin:0 0 18px; }.sa-lead{ font-size:clamp(15px,2vw,18px); line-height:1.6; color:#6B6B6B; max-width:580px; margin:0 auto 44px; }.sa-bot{ max-width:680px; margin:0 auto; text-align:left; }.sa-trust{ font-size:13px; color:#999999; margin-top:28px; letter-spacing:.04em; }/* ===== ANILLO HERO ===== */.sh-ring{ position:relative; width:38px; height:38px; flex:0 0 38px; display:inline-block; }.shr-base{ position:absolute; inset:0; border-radius:50%; border:1px solid rgba(10,10,10,.2); }.shr-sweep{ position:absolute; inset:0; border-radius:50%; background:conic-gradient(from 0deg, rgba(10,10,10,0) 0deg, rgba(10,10,10,0) 270deg, rgba(10,10,10,.5) 350deg, #0A0A0A 360deg); -webkit-mask:radial-gradient(circle, transparent 42%, #000 43%); mask:radial-gradient(circle, transparent 42%, #000 43%); -webkit-animation:shscan 3s linear infinite; animation:shscan 3s linear infinite; }.shr-core{ position:absolute; top:50%; left:50%; width:4px; height:4px; margin:-2px 0 0 -2px; border-radius:50%; background:#0A0A0A; }/* ===== ANILLO ADVISOR ===== */.sa-ring{ position:relative; width:52px; height:52px; flex:0 0 52px; display:inline-block; }.sar-base{ position:absolute; inset:0; border-radius:50%; border:1px solid #E5E5E5; }.sar-base::after{ content:""; position:absolute; inset:7px; border-radius:50%; border:1px solid #E5E5E5; }.sar-sweep{ position:absolute; inset:0; border-radius:50%; background:conic-gradient(from 0deg, rgba(10,10,10,0) 0deg, rgba(10,10,10,0) 270deg, rgba(10,10,10,.55) 350deg, #0A0A0A 360deg); -webkit-mask:radial-gradient(circle, transparent 40%, #000 41%); mask:radial-gradient(circle, transparent 40%, #000 41%); -webkit-animation:saScan 3.2s linear infinite; animation:saScan 3.2s linear infinite; }.sar-core{ position:absolute; top:50%; left:50%; width:5px; height:5px; margin:-2.5px 0 0 -2.5px; border-radius:50%; background:#0A0A0A; }/* ===== KEYFRAMES ANILLOS ===== */@-webkit-keyframes shscan{ to{ -webkit-transform:rotate(360deg); transform:rotate(360deg); } }@keyframes shscan{ to{ -webkit-transform:rotate(360deg); transform:rotate(360deg); } }@-webkit-keyframes saScan{ to{ -webkit-transform:rotate(360deg); transform:rotate(360deg); } }@keyframes saScan{ to{ -webkit-transform:rotate(360deg); transform:rotate(360deg); } }/* ===== FADE INTRO ADVISOR ===== */.sa-fade-sentence{ opacity:0; transition:opacity .6s ease; }.sa-fade-sentence.sa-in{ opacity:1; }/* ===== HERO CHIPS / TÍTULOS ===== */.hero-chip-title{ font-size:1em; margin:0; }/* ===== REVEALS AL SCROLL ===== */.sim-reveal{ opacity:0; transform:translateY(28px); transition:opacity .8s ease, transform .8s ease; will-change:opacity, transform; }.sim-reveal.sim-visible{ opacity:1; transform:translateY(0); }/* ===== BANDA DE CONTADORES ===== */.sim-stats{ background:#0A0A0A; color:#FFFFFF; padding:80px 24px; font-family:'Albert Sans',sans-serif; }.sim-stats-inner{ max-width:980px; margin:0 auto; display:flex; justify-content:center; gap:20px; flex-wrap:wrap; }.sim-stat{ flex:1 1 240px; text-align:center; padding:20px; }.sim-stat-num{ font-size:clamp(40px,6vw,64px); font-weight:600; line-height:1; letter-spacing:-.02em; color:#FFFFFF; }.sim-stat-label{ font-size:13px; letter-spacing:.14em; text-transform:uppercase; color:#999999; margin-top:14px; }.sim-stat + .sim-stat{ border-left:1px solid #2A2A2A; }/* ===== THE PROCESS ===== */.sim-process{ background:#0A0A0A; color:#FFFFFF; padding:100px 24px; font-family:'Albert Sans',sans-serif; }.sim-process-head{ text-align:center; margin-bottom:70px; }.sim-process-kicker{ font-size:13px; letter-spacing:.28em; text-transform:uppercase; color:#999999; }.sim-process-title{ font-size:clamp(28px,4vw,42px); font-weight:600; color:#FFFFFF; margin:14px 0 0; letter-spacing:-.01em; }.sim-process-rule{ width:40px; height:3px; background:#FFFFFF; margin:22px auto 0; }.sim-steps{ position:relative; max-width:1040px; margin:0 auto; display:flex; gap:24px; flex-wrap:wrap; }.sim-steps::before{ content:""; position:absolute; top:46px; left:16%; right:16%; height:1px; background:#2A2A2A; z-index:0; }.sim-step{ position:relative; z-index:1; flex:1 1 260px; text-align:center; padding:0 16px; transition:transform .35s ease; }.sim-step:hover{ transform:translateY(-8px); }.sim-step-num{ font-size:clamp(58px,7vw,92px); font-weight:700; line-height:.9; color:transparent; -webkit-text-stroke:1px #3A3A3A; transition:-webkit-text-stroke .35s ease, color .35s ease; }.sim-step:hover .sim-step-num{ color:#FFFFFF; -webkit-text-stroke:1px #FFFFFF; }.sim-step-tag{ font-size:11px; letter-spacing:.24em; text-transform:uppercase; color:#6B6B6B; margin-top:6px; }.sim-step-title{ font-size:22px; font-weight:600; color:#FFFFFF; margin:20px 0 14px; }.sim-step-desc{ font-size:14px; line-height:1.6; color:#999999; }.sim-step-rule{ width:24px; height:1px; background:#3A3A3A; margin:22px auto; }.sim-step-time{ font-size:15px; font-weight:600; font-style:italic; color:#E5E5E5; }/* ===== THE SCIENCE (imagen de fondo) ===== */.sim-science{ position:relative; padding:120px 24px; font-family:'Albert Sans',sans-serif; color:#FFFFFF; overflow:hidden; }.sim-science-bg{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:grayscale(100%) contrast(1.05) brightness(.7); z-index:0; }.sim-science-overlay{ position:absolute; inset:0; background:linear-gradient(90deg, rgba(10,10,10,.92) 0%, rgba(10,10,10,.82) 50%, rgba(10,10,10,.7) 100%); z-index:1; }.sim-science-inner{ position:relative; z-index:2; max-width:760px; margin:0 auto; }.sim-science-kicker{ font-size:13px; letter-spacing:.28em; text-transform:uppercase; color:#999999; text-align:center; }.sim-science-h2{ font-size:clamp(28px,4vw,42px); font-weight:600; color:#FFFFFF; margin:14px 0 0; text-align:center; letter-spacing:-.01em; }.sim-science-rule{ width:40px; height:3px; background:#FFFFFF; margin:22px auto 50px; }.sim-science-h3{ font-size:clamp(20px,2.6vw,28px); font-weight:600; color:#FFFFFF; margin:0 0 18px; }.sim-science-p{ font-size:15px; line-height:1.7; color:#E5E5E5; margin:0 0 22px; }.sim-science-label{ font-size:12px; letter-spacing:.18em; text-transform:uppercase; color:#999999; margin:0 0 12px; }.sim-science-list{ list-style:none; padding:0; margin:0 0 24px; }.sim-science-list li{ font-size:15px; color:#E5E5E5; padding:7px 0; border-bottom:1px solid #2A2A2A; }.sim-science-note{ font-size:14px; line-height:1.6; font-style:italic; color:#999999; margin:0 0 22px; }.sim-science-link{ color:#FFFFFF; text-decoration:underline; text-underline-offset:4px; font-weight:500; }/* ===== RESPONSIVE ===== */@media(max-width:760px){.sim-hero{ min-height:86vh; padding:60px 20px; }.sh-cta{ padding:14px 24px 14px 16px; font-size:15px; }.sim-advisor-sec{ padding:64px 18px; }.sa-id{ margin-bottom:32px; }.sim-stat + .sim-stat{ border-left:none; border-top:1px solid #2A2A2A; }.sim-stats{ padding:56px 20px; }.sim-process{ padding:70px 20px; }.sim-steps::before{ display:none; }.sim-step{ margin-bottom:40px; }.sim-science{ padding:80px 20px; }.sim-science-overlay{ background:linear-gradient(180deg, rgba(10,10,10,.9), rgba(10,10,10,.85)); }}/* ▲▲▲ FIN 2. HAIR CLINIC ▲▲▲ */