/* ▼▼▼ INICIO 13. MEET THE TRICHOLOGIST—/meet-the-trichologist/· prefijo .mt- ▼▼▼ *//* ===== MEET THE TRICHOLOGIST — HELPERS ===== */.mt-wrap{ max-width:1080px; margin:0 auto; }.mt-wrap-sm{ max-width:760px; margin:0 auto; }/* CTA / RING (anillo que gira) */.mt-cta{ display:inline-flex; align-items:center; gap:14px; background:#FFFFFF; color:#0A0A0A; text-decoration:none; padding:15px 28px 15px 16px; border-radius:60px; font-size:15px; font-weight:600; transition:transform .3s ease; }.mt-cta:hover{ transform:translateY(-2px); color:#0A0A0A; }.mt-cta-dark{ background:#0A0A0A; color:#FFFFFF; }.mt-cta-dark:hover{ color:#FFFFFF; }.mt-ring{ position:relative; width:34px; height:34px; flex:0 0 34px; display:inline-block; }.mt-ring-base{ position:absolute; inset:0; border-radius:50%; border:1px solid rgba(10,10,10,.2); }.mt-ring-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:mtScan 3s linear infinite; animation:mtScan 3s linear infinite; }.mt-ring-core{ position:absolute; top:50%; left:50%; width:4px; height:4px; margin:-2px 0 0 -2px; border-radius:50%; background:#0A0A0A; }/* variante clara del anillo (sobre botón oscuro) */.mt-cta-dark .mt-ring-base{ border-color:rgba(255,255,255,.25); }.mt-cta-dark .mt-ring-sweep{ background:conic-gradient(from 0deg, rgba(255,255,255,0) 0deg, rgba(255,255,255,0) 270deg, rgba(255,255,255,.5) 350deg, #FFFFFF 360deg); }.mt-cta-dark .mt-ring-core{ background:#FFFFFF; }@-webkit-keyframes mtScan{ to{ -webkit-transform:rotate(360deg); transform:rotate(360deg);} }@keyframes mtScan{ to{ -webkit-transform:rotate(360deg); transform:rotate(360deg);} }/* SECTION HEAD */.mt-sec-head{ max-width:720px; margin:0 auto 44px; text-align:center; font-family:'Albert Sans',sans-serif; }.mt-sec-kicker{ font-size:13px; letter-spacing:.28em; text-transform:uppercase; color:#999999; }.mt-sec-h2{ font-size:clamp(26px,3.6vw,40px); font-weight:600; letter-spacing:-.01em; margin:14px 0 0; color:#0A0A0A; }.mt-sec-h2.mt-light{ color:#FFFFFF; }.mt-sec-rule{ width:40px; height:3px; background:#0A0A0A; margin:22px auto 0; }.mt-sec-rule.mt-light{ background:#FFFFFF; }.mt-sec-lead{ font-size:16px; line-height:1.65; color:#6B6B6B; margin:18px auto 0; max-width:620px; }.mt-sec-lead.mt-light{ color:#E5E5E5; }.mt-sec-lead a{ color:#0A0A0A; text-decoration:underline; text-underline-offset:3px; font-weight:500; }/* HERO (réplica del actual, en HTML) */.mt-hero2{ background:#FFFFFF; padding:80px 24px 70px; text-align:center; font-family:'Albert Sans',sans-serif; }.mt-hero2-inner{ max-width:760px; margin:0 auto; }.mt-hero2-photo{ width:150px; height:150px; border-radius:50%; object-fit:cover; margin:0 auto 28px; display:block; border:1px solid #E5E5E5; }.mt-hero2-kicker{ font-size:13px; letter-spacing:.3em; text-transform:uppercase; color:#999999; margin-bottom:16px; }.mt-hero2-h1{ font-size:clamp(30px,4.6vw,48px); font-weight:600; line-height:1.1; letter-spacing:-.015em; color:#0A0A0A; margin:0 0 22px; }.mt-hero2-intro{ font-size:16px; line-height:1.7; color:#6B6B6B; max-width:640px; margin:0 auto; }/* TRAINING */.mt-train{ background:#FFFFFF; padding:90px 24px; font-family:'Albert Sans',sans-serif; }.mt-train-grid{ display:grid; grid-template-columns:1fr 1fr; gap:22px; max-width:920px; margin:0 auto; }.mt-train-card{ border:1px solid #E5E5E5; border-radius:14px; padding:34px 32px; }.mt-train-card h3{ font-size:18px; font-weight:600; margin:0 0 12px; letter-spacing:-.005em; color:#0A0A0A; }.mt-train-card p{ font-size:14px; line-height:1.65; color:#6B6B6B; margin:0; }.mt-train-foot{ text-align:center; max-width:640px; margin:36px auto 0; font-size:15px; line-height:1.7; color:#6B6B6B; }/* ROLE */.mt-role{ background:#FAFAFA; padding:90px 24px; font-family:'Albert Sans',sans-serif; }.mt-role-list{ max-width:820px; margin:0 auto; display:grid; grid-template-columns:1fr 1fr; gap:16px; }.mt-role-item{ background:#FFFFFF; border:1px solid #E5E5E5; border-radius:12px; padding:24px 26px; font-size:15px; line-height:1.55; color:#333333; }.mt-role-item b{ color:#0A0A0A; font-weight:600; }.mt-role-item a{ color:#0A0A0A; text-decoration:underline; }/* PHILOSOPHY */.mt-phil{ background:#0A0A0A; color:#FFFFFF; padding:96px 24px; font-family:'Albert Sans',sans-serif; }.mt-phil-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; max-width:1020px; margin:0 auto; }.mt-phil-card{ border:1px solid #242424; border-radius:14px; padding:34px 30px; background:#0E0E0E; }.mt-phil-num{ font-size:13px; letter-spacing:.2em; color:#999999; }.mt-phil-card h3{ font-size:18px; font-weight:600; color:#FFFFFF; margin:14px 0 12px; letter-spacing:-.005em; }.mt-phil-card p{ font-size:14px; line-height:1.65; color:#999999; margin:0; }/* LAB (imagen de fondo B/N) */.mt-lab{ position:relative; padding:110px 24px; color:#FFFFFF; overflow:hidden; font-family:'Albert Sans',sans-serif; }.mt-lab img.mt-lab-bg{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:grayscale(100%) contrast(1.05) brightness(.55); z-index:0; }.mt-lab-ov{ position:absolute; inset:0; background:linear-gradient(90deg, rgba(10,10,10,.92), rgba(10,10,10,.78)); z-index:1; }.mt-lab-inner{ position:relative; z-index:2; max-width:720px; margin:0 auto; text-align:center; }.mt-lab-inner p{ font-size:16px; line-height:1.75; color:#E5E5E5; margin:22px 0 24px; }.mt-lab-inner a.mt-link{ color:#FFFFFF; text-decoration:underline; text-underline-offset:4px; font-weight:500; }/* EDUCATION */.mt-edu{ background:#FFFFFF; padding:90px 24px; font-family:'Albert Sans',sans-serif; }/* FINAL CTA */.mt-final{ background:#FAFAFA; padding:96px 24px; text-align:center; font-family:'Albert Sans',sans-serif; }.mt-final h2{ font-size:clamp(26px,3.6vw,40px); font-weight:600; margin:14px 0 16px; letter-spacing:-.01em; color:#0A0A0A; }.mt-final p{ font-size:16px; line-height:1.65; color:#6B6B6B; max-width:560px; margin:0 auto 32px; }.mt-final .mt-sec-kicker{ color:#999999; }.mt-final-alt{ font-size:14px; color:#6B6B6B; margin:22px 0 0; }.mt-final-alt a{ color:#0A0A0A; text-decoration:underline; text-underline-offset:3px; }/* RESPONSIVE */@media(max-width:860px){.mt-train-grid,.mt-role-list,.mt-phil-grid{ grid-template-columns:1fr; }}/* ▲▲▲ FIN 13. MEET THE TRICHOLOGIST ▲▲▲ */