/* Custom CSS *//* ════════════════════════════════════════════════════════════════ SIMONE TRICHOLOGY — HOJA DE ESTILOS GLOBAL, ORGANIZADA POR PÁGINA ──────────────────────────────────────────────────────────────── Pega TODO este archivo en: Appearance → Customize → Custom CSS (sustituye al CSS actual; este es el mismo contenido, solo ordenado). CÓMO USARLO: · Cada página tiene su bloque, delimitado por▼▼▼ INICIOy▲▲▲ FIN. · Para editar una página, busca su título (p.ej. "HOME"). · Cada página usa un PREFIJO de clase propio (.hm-, .bx-, .au-…), así que sus estilos no se pisan entre sí. · El bloque GLOBALES afecta a varias páginas: tócalo con cuidado. ÍNDICE 1.GLOBALES / COMUNES 2.HAIR CLINIC ........... .sim- .sh- .sa- 3.HOME .................. .hm- 4.HAIR TREATMENTS ....... #ht-page 5.BIO-EXOSOMAL / TFD .... .bx- 6.RECOMMENDED THERAPIES . .rt- 7.ABOUT US ............. .au- 8.BECOME A DISTRIBUTOR .. .ds- 9.CONTACT US ........... .cu- 10. FAQs HUB ............. .fq- 11. OUR LATEST ........... .ol- 12. OUR LATEST (claim) ... .ol-claim 13. MEET THE TRICHOLOGIST.mt- ════════════════════════════════════════════════════════════════ *//* ▼▼▼ BLOQUE DE AUTOR (reutilizable en artículos) · .au-box ▼▼▼ */.au-box{max-width:1180px;margin:0 auto;padding:0 32px 80px;font-family:'Albert Sans',sans-serif;}.au-card{display:flex;gap:28px;align-items:flex-start;background:#FBFBFA;border:1px solid #E7E7E4;border-radius:18px;padding:32px 34px;}.au-photo{flex:0 0 96px;width:96px;height:96px;border-radius:50%;object-fit:cover;object-position:center top;filter:grayscale(100%);border:1px solid #E0E0DC;}.au-content{min-width:0;}.au-label{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#9A9A9A;margin:0 0 8px;}.au-name{font-size:20px;font-weight:600;letter-spacing:-.01em;margin:0 0 10px;color:#0A0A0A;}.au-bio{font-size:14px;line-height:1.7;color:#555;margin:0 0 14px;}.au-link{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#0A0A0A;text-decoration:none;border-bottom:1px solid #d8d8d4;padding-bottom:3px;transition:border-color .25s;}.au-link:hover{border-color:#0A0A0A;}@media(max-width:620px){.au-card{flex-direction:column;gap:18px;align-items:center;text-align:center;padding:28px 22px;}.au-photo{flex:0 0 84px;width:84px;height:84px;}}/* ▲▲▲ FIN BLOQUE DE AUTOR ▲▲▲ *//* ▼▼▼ INICIO 1. GLOBALES / COMUNES—(afecta a varias páginas — no borrar) ▼▼▼ *//* --- Ocultar popup "Simone Care" en páginas con bot embebido --- *//* page-id-2853 = Hair Clinic · 103061 / 103152 = otras con advisor embebido */body.page-id-2853 #mwai-chatbot-simone-care,body.page-id-104524 #mwai-chatbot-simone-care,body.page-id-104610 #mwai-chatbot-simone-care,body.page-id-104636 #mwai-chatbot-simone-care,body.page-id-103061 #mwai-chatbot-simone-care,body.page-id-104524 #mwai-chatbot-simone-care,body.page-id-103152 #mwai-chatbot-simone-care {display: none !important;visibility: hidden !important;opacity: 0 !important;pointer-events: none !important;}/* --- Enlaces dentro de artículos del blog --- */.single-post .entry-content a,.single-post .post-content a,.blog-single a.post-link,article .entry-content a {font-weight: 700;text-decoration: underline;color: inherit;}/* --- Helpers compartidos (botones / anillo blanco / serif puntual) --- *//* Fraunces: se carga desde loader.php (wp_enqueue_style), un @import a mitad de hoja es ignorado por el navegador */.serif{ font-family:'Fraunces',serif !important; font-style:italic; font-weight:400; }.q-serif{ font-family:'Fraunces',serif; font-style:italic; }.btn-w{ display:inline-flex; align-items:center; gap:14px; background:#FFF; color:#0A0A0A !important; text-decoration:none; padding:15px 28px 15px 16px; border-radius:60px; font-weight:600; transition:transform .3s,box-shadow .3s; }.btn-w:hover{ transform:translateY(-2px); box-shadow:0 14px 40px rgba(255,255,255,.16); }.btn-ghost{ display:inline-flex; align-items:center; gap:8px; color:#FFF !important; text-decoration:none; padding:15px 18px; opacity:.85; }.btn-ghost:hover{ opacity:1; }.btn-ghost-line{ display:inline-flex; align-items:center; gap:8px; color:#FFF !important; text-decoration:none; padding:13px 24px; border:1px solid #2f2f2f; border-radius:60px; }.sring{ position:relative; width:48px; height:48px; flex:0 0 48px; display:inline-block; vertical-align:middle; }.sring .b{ position:absolute; inset:0; border-radius:50%; border:1px solid #2f2f2f; }.sring .b::after{ content:""; position:absolute; inset:7px; border-radius:50%; border:1px solid #2f2f2f; }.sring .s{ position:absolute; inset:0; border-radius:50%; background:conic-gradient(from 0deg,rgba(255,255,255,0) 0deg,rgba(255,255,255,0) 270deg,rgba(255,255,255,.5) 350deg,#FFF 360deg); -webkit-mask:radial-gradient(circle,transparent 40%,#000 41%); mask:radial-gradient(circle,transparent 40%,#000 41%); animation:saScan 3.2s linear infinite; }.sring .c{ position:absolute; top:50%; left:50%; width:5px; height:5px; margin:-2.5px 0 0 -2.5px; border-radius:50%; background:#FFF; }.h-hero-sub{ font-size:clamp(15px,2vw,19px) !important; font-weight:400 !important; line-height:1.6 !important; color:#999 !important; max-width:560px; margin:0 auto !important; text-transform:none !important; letter-spacing:normal !important; }/* ▲▲▲ FIN 1. GLOBALES / COMUNES ▲▲▲ */