/* =====================================================================================================
   La Neurona Inquieta · sistema «Cuaderno refinado» (9 oct 2026). Antes: copias/antes-refinado-2026-10-09/
   Idea: la consulta de una psicóloga cálida y precisa que ayuda a ordenar mentes inquietas. Cuaderno como sensibilidad:
   papel, orden, una línea en la que todo se apoya y la neurona como personaje discreto (una vez por pantalla).
   - Escala contenida: la jerarquía nace del peso, el color y el espacio. Portada 62/38 px; títulos 52/34; h2 38/28;
     h3 24/20; cuerpo 18/1,65; lead 21; notas 15-16; listas 22-26; cifras 40 como máximo.
   - Retícula real de 12 columnas (1200 px de contenido, medianil de 24 px); el texto corrido ocupa 7 columnas (≈ 68 caracteres).
   - Espacio en múltiplos de 8; 96 px entre bloques (64 en móvil).
   - Color con función: crema de fondo, azul para texto y botones, verde para enlaces y detalles, coral SOLO para reservar.
     Planos con tonos derivados muy suaves (--plano), sin sombras de tarjeta.
   - Un solo recurso a mano por página: la línea temblorosa donde se apoya la neurona (portada, títulos interiores, Sobre mí)
     Legales: línea recta y sin neurona.
   - Un momento por página como mucho. Nada se mueve solo salvo la neurona.
   ===================================================================================================== */

/* ---------- 1. Tipografías (alojadas en assets/fuentes/; licencia SIL OFL) ---------- */
/* Las cuatro, precargadas en src/plantilla.html (Lora normal y cursiva, Nunito 400 y 700), van con font-display:optional: no se cambian después de pintar */
@font-face{font-family:Lora;font-style:normal;font-weight:700;font-display:optional;src:url(fuentes/lora-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:Lora;font-style:italic;font-weight:700;font-display:optional;src:url(fuentes/lora-latin-700-italic.woff2) format("woff2")}
@font-face{font-family:Nunito;font-style:normal;font-weight:400;font-display:optional;src:url(fuentes/nunito-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:Nunito;font-style:normal;font-weight:700;font-display:optional;src:url(fuentes/nunito-latin-700-normal.woff2) format("woff2")}

/* Tipografías de respaldo ajustadas a las medidas de Lora y Nunito (9 oct 2026): mientras llegan las de la marca se
   pinta con Georgia y Arial escaladas a la misma anchura y alto de línea, así el cambio de letra no mueve el texto (CLS).
   size-adjust = anchura media medida en Chrome con los textos reales de la web (Lora/Georgia, Nunito/Arial); ascent/descent = métricas de la fuente
   (Lora 1006/274, Nunito 1011/353 por 1000) divididas entre size-adjust; sin interlineado extra. */
@font-face{font-family:"Lora respaldo";font-style:normal;font-weight:700;src:local("Georgia Bold"),local("Georgia-Bold");size-adjust:92.14%;ascent-override:109.18%;descent-override:29.74%;line-gap-override:0%}
@font-face{font-family:"Lora respaldo";font-style:italic;font-weight:700;src:local("Georgia Bold Italic"),local("Georgia-BoldItalic");size-adjust:86.62%;ascent-override:116.14%;descent-override:31.63%;line-gap-override:0%}
@font-face{font-family:"Nunito respaldo";font-style:normal;font-weight:400;src:local("Arial"),local("ArialMT");size-adjust:99.48%;ascent-override:101.63%;descent-override:35.48%;line-gap-override:0%}
@font-face{font-family:"Nunito respaldo";font-style:normal;font-weight:700;src:local("Arial Bold"),local("Arial-BoldMT");size-adjust:96.56%;ascent-override:104.70%;descent-override:36.56%;line-gap-override:0%}
/* ---------- 2. Variables ---------- */
:root{
 /* colores de la guía de marca y tonos derivados (sin colores nuevos) */
 --az:#043850;--ve:#147275;--co:#FD9984;--cr:#FAF7EF;
 --co-h:#FC8B75;--az-h:#0A4A66;--mu:#3A5868;--bd:rgba(16,74,70,.14);--bd2:rgba(16,74,70,.28);
 --plano:var(--cr);--ve-s:var(--cr);--relleno:var(--ve);--papel:var(--cr);--ar:var(--cr);--plano-h:var(--cr);
 /* escala tipográfica (ordenador → móvil) */
 --t-h1p:clamp(36px,calc(30px + 1.95vw),58px);
 --t-h1:clamp(30px,calc(26px + 1.53vw),48px);
 --t-h2:clamp(24px,calc(22px + .84vw),34px);
 --t-h3:clamp(20px,calc(18.5px + .38vw),24px);
 --t-ind:clamp(22px,calc(20px + .42vw),26px);
 --t-cifra:clamp(32px,calc(27px + .9vw),40px);
 --t-l:clamp(20px,calc(19px + .14vw),21px);
 --t-b:18px;--t-s:16px;--t-xs:15px;
 /* espacio: múltiplos de 8 */
 --s1:8px;--s2:16px;--s3:24px;--s4:32px;--s5:48px;--s6:64px;--s7:96px;
 --blq:clamp(64px,calc(24px + 5vw),96px);
 /* retícula */
 --ancho:1200px;--gap:clamp(16px,1.7vw,24px);--gut:clamp(20px,4vw,56px);--rejilla:repeat(12,minmax(0,1fr));
 --r-img:16px;--r-ctl:12px;--r-sup:18px;--sup:#FFFDF9;--borde-sup:1px solid rgba(4,56,80,.08);--sombra-sup:0 1px 2px rgba(16,74,70,.04),0 12px 32px -20px rgba(16,74,70,.22);--sombra:0 14px 30px -20px rgba(16,74,70,.45);--sombra-h:0 18px 36px -20px rgba(16,74,70,.55);--linea:2px solid var(--az);--fino:1px solid var(--bd);
 --eo:cubic-bezier(.23,1,.32,1);--eio:cubic-bezier(.77,0,.175,1);
 /* el único trazo a mano (la línea donde se apoya la neurona) */
 --trazo:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 14' preserveAspectRatio='none'%3E%3Cpath d='M1 8 C 90 4 180 10 300 7 S 520 3 640 8 S 860 11 999 6' fill='none' stroke='%23043850' stroke-width='2.5' stroke-linecap='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
 --recta:linear-gradient(var(--az),var(--az)) center/100% 2px no-repeat;
 --neu:url(neurona-sola-mini.png);--neu-w:image-set(url(neurona-sola-mini.webp) type("image/webp"),url(neurona-sola-mini.png) type("image/png"));
 box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)
}

/* ---------- 3. Base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{scroll-padding-top:96px;-webkit-text-size-adjust:100%;scrollbar-gutter:stable}
/* (scrollbar-gutter: el hueco de la barra de desplazamiento siempre reservado; si la barra aparece a mitad de carga, nada se estrecha ni salta) */
/* clip (no hidden): las líneas a todo el ancho no crean desplazamiento lateral y la cabecera sigue fija */
html,body{overflow-x:clip}
body{margin:0;background:var(--cr);color:var(--az);font:var(--t-b)/1.7 Nunito,"Nunito respaldo",Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-kerning:normal}
h1,h2,h3{margin:0;font-family:Lora,"Lora respaldo",Georgia,serif;font-weight:700;text-wrap:balance;hyphens:manual}
h1{font-size:var(--t-h1);line-height:1.12;letter-spacing:-.016em}
h2{font-size:var(--t-h2);line-height:1.2;letter-spacing:-.012em}
h3{font-size:var(--t-h3);line-height:1.3;letter-spacing:-.005em}
li,dd,figcaption{text-wrap:pretty}
h4,b,strong{font-weight:700}
p{margin:0 0 var(--s2);text-wrap:pretty}
/* línea de lectura: 31em ≈ 70-74 caracteres en Nunito */
main p{max-width:31em}
main p,main li,main dd{hyphens:manual}
.fcr,.cfz,.cred,.smc,.note,.sub{text-wrap:balance}
.fcr a,.cav a,.qf a{white-space:nowrap}
q{quotes:"«" "»" "“" "”"}
img,video{max-width:100%}
a{color:var(--ve);text-decoration-thickness:1px;text-underline-offset:.22em;text-decoration-color:rgba(20,114,117,.5);transition:text-decoration-color .16s ease,color .16s ease}
@media(hover:hover) and (pointer:fine){a:hover{text-decoration-color:currentColor;text-decoration-thickness:2px}}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--ve);outline-offset:3px;border-radius:3px;box-shadow:0 0 0 5px rgba(20,114,117,.16)}
a,button,summary,label,[role=tab]{touch-action:manipulation;-webkit-tap-highlight-color:rgba(16,74,70,.1)}
em{font-style:italic}
.w{max-width:calc(var(--ancho) + 2*var(--gut));margin:0 auto;padding-left:var(--gut);padding-right:var(--gut)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip{position:absolute;left:12px;top:-80px;z-index:60;min-height:44px;display:inline-flex;align-items:center;padding:0 16px;border-radius:8px;background:var(--relleno);color:var(--cr);font-weight:700;text-decoration:none}
.skip:focus{top:12px}
h1:focus,h2:focus,.qc h2:focus,.agh h2:focus,.asp-ti h2:focus{outline:0;box-shadow:none}
.pg{display:none;scroll-margin-top:100vh}.pg.on{display:block}
[hidden]{display:none!important}
#qst,.vx-d,.vx-pv,.info span{font-variant-numeric:tabular-nums}
@keyframes fade{from{opacity:0}}
@keyframes st{from{opacity:0;transform:translateX(var(--dx,0px))}}
@keyframes ruTick{from{transform:translateY(-70%);opacity:0}}
@keyframes ruFin{from{transform:translateY(-18%) scale(.97);opacity:.4}}

/* ---------- 4. Piezas comunes ---------- */
/* la palabra clave del título: solo Lora cursiva, sin rotulador (el coral es solo para reservar) */
em.rotu{font-style:italic}
/* la firma de la marca (tres puntos, recurso de la guía): solo en el pie */
.dots{display:none}
footer .dots{display:inline-flex;gap:6px}footer .dots i{width:8px;height:8px;border-radius:50%;background:var(--co)}
footer .dots i:nth-child(2){background:var(--ve)}footer .dots i:nth-child(3){background:var(--az)}
/* botones: azul por defecto; coral solo los que llevan a reservar (data-agenda, «Elegir mi hora» y la cabecera) */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 28px;border:0;border-radius:12px;background:none;color:var(--az);font:700 17px/1.2 Nunito,"Nunito respaldo",Arial,sans-serif;letter-spacing:.005em;text-align:center;text-decoration:none;cursor:pointer;box-shadow:inset 0 0 0 1.5px var(--az);transition:transform .16s var(--eo),background-color .16s ease,box-shadow .16s ease}
@media(hover:hover) and (pointer:fine){.btn:hover{background:var(--ve-s);box-shadow:inset 0 0 0 1.5px var(--az),0 8px 18px -12px rgba(16,74,70,.4)}}
.btn:active{transform:translateY(1px)}
.btn[data-agenda],.rvb{background:var(--co);color:var(--az);box-shadow:inset 0 -2px 0 rgba(16,74,70,.16)}
@media(hover:hover) and (pointer:fine){.btn[data-agenda]:hover,.rvb:hover,#nav a.rs:hover,.rsm:hover{background:var(--co-h);box-shadow:inset 0 -2px 0 rgba(16,74,70,.16),0 8px 18px -12px rgba(16,74,70,.5)}}
.btn.o{background:none;color:var(--az);box-shadow:inset 0 0 0 1.5px var(--az)}
.btn.o:active{box-shadow:inset 0 0 0 1.5px var(--az)}
@media(hover:hover) and (pointer:fine){.btn.o:hover{background:var(--ve-s)}}
/* enlaces sueltos: zona táctil de 44 px sin mover el texto */
.lnk{font-weight:700}
p>.lnk:only-child,.hq .lnk,.ver .lnk,.trc .lnk,.trel .lnk,.qtl .lnk,.tgr .lnk,.smc .lnk{display:inline-block;padding:11px 0;margin:-11px 0}
.qb{display:inline-flex;align-items:center;min-height:44px;padding:0;margin-top:var(--s1);background:none;border:0;color:var(--ve);font:700 16px Nunito,"Nunito respaldo",Arial,sans-serif;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.22em;cursor:pointer}
.sub{font-size:var(--t-l);line-height:1.55;color:var(--az);max-width:31em;margin:0 0 var(--s4)}
.note{font-size:var(--t-s);line-height:1.6;color:var(--mu);max-width:27em}
/* marcador de contenido que falta: se ve a propósito para que no se publique sin rellenar */
.fx{background:#fde3dc;color:var(--az);border:1.5px dashed #e0735c;border-radius:4px;padding:0 6px;font:700 .82em/1.6 Nunito,"Nunito respaldo",Arial,sans-serif;font-style:normal;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.ph .fx{display:inline-block;margin:6px}
/* firma profesional: nombre y, debajo, habilitación y colegiada; un filete fino la separa de lo anterior */
.cfz{margin:0;width:fit-content;padding:14px 20px;background:var(--sup);border:var(--borde-sup);border-radius:16px;box-shadow:var(--sombra-sup);font-size:var(--t-xs);line-height:1.5;color:var(--mu);max-width:34em}
.cfz-n{display:block;font-size:17px;color:var(--az);margin-bottom:2px}
.cfz-s:first-of-type{display:none}
.cred{margin:var(--s2) 0 0;font-size:var(--t-b);line-height:1.6;color:var(--mu)}
.cred-h{font-weight:700;color:var(--az)}.cred-c{color:var(--az)}
.ver{margin:var(--s2) 0 0}
.ver a::after{content:"";display:inline-block;width:13px;height:13px;margin-left:6px;vertical-align:-1px;background:currentColor;
 -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 4h6v6M20 4l-9 9'/%3E%3Cpath d='M18 14v4a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4'/%3E%3C/svg%3E") center/contain no-repeat;
 mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 4h6v6M20 4l-9 9'/%3E%3Cpath d='M18 14v4a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4'/%3E%3C/svg%3E") center/contain no-repeat}
/* avisos: texto con una línea verde a la izquierda, sin cajas de color */
.cav,.qa{margin:0 0 var(--s3);padding:2px 0 2px var(--s2);border-left:2px solid var(--ve);background:none;font-weight:700;color:var(--az)}
/* formularios */
textarea,input{width:100%;min-height:52px;padding:12px 16px;border:1.5px solid var(--bd2);border-radius:8px;background:var(--papel);color:var(--az);font:inherit}
input[aria-invalid=true],textarea[aria-invalid=true]{border-color:#c0583f;border-width:2px}
label{display:block;margin:var(--s2) 0 6px;font-size:16px;font-weight:700}
/* listas de enlaces (índices): Lora 22-26 px, flecha fina cerca del texto */
.tlk ul,.tln{list-style:none;margin:0;padding:0;border-top:var(--linea)}
.tln{padding:6px 28px;background:var(--sup);border:var(--borde-sup);border-radius:var(--r-sup);box-shadow:var(--sombra-sup)}
.tln>li:last-child{border-bottom:0}
.tlk li,.tln li{border-bottom:var(--fino)}
.tlk a,.tln a{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);min-height:64px;margin:0 -12px;padding:12px 16px 12px 12px;border-radius:var(--r-img);background:linear-gradient(var(--plano),var(--plano)) no-repeat 0 0/0% 100%;transition:background-size .28s var(--eo),color .16s ease;color:var(--az);text-decoration:none;font:700 var(--t-ind)/1.25 Lora,"Lora respaldo",Georgia,serif}
.tlk a::after,.tln a::after{content:"";flex:none;width:9px;height:9px;margin-right:6px;border:solid var(--ve);border-width:2px 2px 0 0;transform:rotate(45deg);transition:transform .15s var(--eo)}
@media(hover:hover) and (pointer:fine){.tlk a:hover,.tln a:hover{color:var(--ve);background-size:100% 100%}.tlk a:hover::after,.tln a:hover::after{transform:translateX(4px) rotate(45deg)}}

/* ---------- 5. Cabecera y menú ---------- */
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:rgba(250,247,239,.96);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:var(--fino)}
header .w{display:flex;align-items:center;gap:var(--s2);min-height:72px}
header .w>a:first-child{display:inline-flex;align-items:center;min-height:48px;margin-right:auto}
.lg{height:44px;width:auto;display:block}
#nav{display:flex;align-items:center;gap:0}
#nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;color:var(--az);font-weight:700;font-size:16px;white-space:nowrap;text-decoration:none}
#nav a.on{text-decoration:underline;text-decoration-color:var(--ve);text-decoration-thickness:2px;text-underline-offset:9px}
@media(hover:hover) and (pointer:fine){#nav a:not(.rs):hover{color:var(--ve)}}
#nav a.rs,.rsm{background:var(--co);color:var(--az);border-radius:var(--r-ctl);box-shadow:inset 0 -2px 0 rgba(16,74,70,.16);text-decoration:none;transition:transform .16s var(--eo),background-color .16s ease,box-shadow .16s ease}
#nav a.rs{padding:0 18px;margin-left:var(--s1)}
#nav a.rs:active,.rsm:active{transform:translateY(1px)}

#nav a.rs.on{text-decoration:none}
.mnu,.rsm{display:none}
.mnu{min-height:44px;padding:0 16px;border:1.5px solid var(--az);border-radius:8px;background:none;color:var(--az);font:700 16px Nunito,"Nunito respaldo",Arial,sans-serif;cursor:pointer}
.mnu[aria-expanded=true]{background:none;color:var(--az);box-shadow:inset 0 0 0 1px var(--az)}
.rsm{min-height:44px;padding:0 16px;font-weight:700;font-size:16px;align-items:center}
/* modo calma */
.cal{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-left:var(--s1);padding:0 10px;background:none;border:0;border-radius:8px;color:var(--mu);font:700 15px Nunito,"Nunito respaldo",Arial,sans-serif;cursor:pointer;white-space:nowrap}
.cal-s{position:relative;flex:none;width:30px;height:18px;border-radius:999px;background:rgba(20,114,117,.28);transition:background-color .15s ease}
.cal-s::after{content:"";position:absolute;left:2px;top:2px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(16,74,70,.25);transition:transform .18s var(--eo)}
.cal[aria-pressed=true]{color:var(--ve)}.cal[aria-pressed=true] .cal-s{background:var(--ve)}.cal[aria-pressed=true] .cal-s::after{transform:translateX(12px)}
.cal-e{display:none}
@media(hover:hover) and (pointer:fine){.cal:hover{color:var(--az)}}
.asm{display:none}
@media(max-width:1120px){
 .mnu,.rsm{display:inline-flex;align-items:center}
 #nav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:0;padding:var(--s1) var(--gut) var(--s3);background:var(--cr);border-bottom:var(--linea);max-height:calc(100svh - 72px);overflow:auto}
 header.op #nav{display:flex}
 #nav a{min-height:52px;padding:0 2px;font-size:18px;border-bottom:var(--fino)}
 #nav a.on{text-decoration:none;color:var(--ve);box-shadow:inset 3px 0 0 var(--ve);padding-left:14px}
 #nav a.rs{display:none}
 .cal{order:-1;margin:0;padding:0 2px;min-height:52px;font-size:18px;color:var(--az);border-bottom:var(--fino);border-radius:0;justify-content:flex-start}
 .cal-e{display:inline;font-weight:400;color:var(--mu);margin-left:-6px}
 .asm{display:flex;align-items:center;gap:10px;min-height:52px;padding:0 2px;background:none;border:0;border-bottom:var(--fino);color:var(--az);font:700 18px Nunito,"Nunito respaldo",Arial,sans-serif;text-align:left;cursor:pointer}
 .asm-n{width:30px;flex:none}.asm-n img{display:block;width:100%;height:auto}
}
@media(max-width:560px){header .w{min-height:64px;gap:8px}.lg{height:40px}.rsm,.mnu{padding:0 12px;font-size:15px}.mnu{border-width:1px}}

/* ---------- 6. Estructura y retícula ---------- */
main.w{padding-bottom:var(--blq)}
main .pg>section+section{border-top:var(--fino)}
/* la línea fina queda en medio del aire entre bloques, no pegada al de arriba */
main .pg>section:has(+section){padding-bottom:calc(var(--blq) * .625)}
main .pg>section+section{padding-top:calc(var(--blq) * .625)}
main section{padding-top:var(--blq)}
main>.pg>section:first-child,main>.pg>.hero{padding-top:var(--s5)}
.migas+.pg>section:first-child{padding-top:var(--s3)}
/* contenedores con retícula de 12 columnas; por defecto cada pieza ocupa la columna de lectura (7 columnas) */
.hero,#primera,.ipq,.trust.trc,.igs,.pcx,.tpg,#terapias>section,#sobre-mi>section,.smp li,.smf2 li,#reservar>section,.rv,.ctc,.tpg>section.sx{display:grid;grid-template-columns:var(--rejilla);column-gap:var(--gap);align-content:start}
:is(#primera,.igs,#terapias>section,.tpg>section.sx,#reservar>section)>*{grid-column:1/span 7;min-width:0}
main section>h2,.trc h2,.smt h2,.smv-h h2{margin:0 0 var(--s3)}
:is(main .pg>section>h2,.trc h2,.smt h2,.smv-h h2,.ipq h2,.tpg>section>h2):not(.lgp h2)::before{content:"";display:block;width:34px;height:8px;margin:0 0 var(--s2);background:radial-gradient(circle at 4px 4px,var(--co) 3.2px,transparent 3.8px),radial-gradient(circle at 17px 4px,var(--ve) 3.2px,transparent 3.8px),radial-gradient(circle at 30px 4px,var(--az) 3.2px,transparent 3.8px)}
section>.note{margin-top:var(--s3)}
/* el título de cada página interior se apoya en la línea a mano, con la neurona pequeña al final de la última palabra */
main h1{position:relative;--pb:16px;padding:0 64px var(--pb) 0;margin:0 0 var(--s4)}
main h1::before{content:"";position:absolute;left:-100vw;right:-100vw;bottom:-7px;height:14px;background:var(--trazo) no-repeat center/100% 100%;pointer-events:none}
main h1::after{content:"";display:inline-block;--n:clamp(44px,calc(36px + 1.4vw),56px);width:var(--n);height:var(--n);margin:calc(-1 * var(--n)) calc(-1 * var(--n) - .15em) 0 .15em;vertical-align:baseline;position:relative;top:calc(.2em + var(--pb) + var(--n) * .165);background:var(--neu) no-repeat center/contain;background-image:var(--neu-w);pointer-events:none}
/* donde ya hay otra neurona (portada, reserva, test) o la foto ocupa ese lugar (Sobre mí), sin línea ni neurona en el título */
main :is(.hero,#reservar,#empezar,#sobre-mi) h1{padding:0}
main :is(.hero,#reservar,#empezar,#sobre-mi) h1::before,main :is(.hero,#reservar,#empezar,#sobre-mi) h1::after{display:none}
/* legales: línea recta y sin neurona */
:not(#p404)>.lgp h1::before{background:var(--recta);height:2px;bottom:-1px}
:not(#p404)>.lgp h1{padding-right:0}:not(#p404)>.lgp h1::after{display:none}
/* migas de pan */
.migas{padding-top:var(--s3);font-size:15px;color:var(--mu)}
.migas ol{list-style:none;display:flex;flex-wrap:wrap;align-items:center;margin:0;padding:0}
.migas li{display:flex;align-items:center}
.migas li+li::before{content:"›" / "";margin:0 6px;color:var(--ve)}
.migas a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;color:var(--mu);font-weight:700;text-decoration-color:rgba(58,88,104,.4)}
.migas [aria-current]{color:var(--az)}
/* plano de cierre: tono derivado muy suave a todo el ancho, sin desplazamiento lateral */
/* (sin planos de color: un solo fondo crema; las secciones se separan con espacio y una línea fina) */

/* ---------- 7. Portada ---------- */
/* cabecera (9-10 oct 2026, versión B): texto, acción y firma a la izquierda; Chiara y su neurona, de pie sobre la misma
   línea a mano, a la derecha. Sobre crema: el fondo de la foto es el mismo crema y se funde sin rectángulo */
.hero.hb{--s:clamp(150px,calc(70px + 12vw),250px);position:relative;padding-top:var(--s6)}
.hbt{grid-column:1/span 6;grid-row:1;align-self:center;padding-bottom:var(--s6);min-width:0}
.hero h1{font-size:var(--t-h1p);line-height:1.06;letter-spacing:-.018em;margin:0 0 var(--s3)}
.hero h1 span{display:inline}
.hbt p.l{font-size:var(--t-l);line-height:1.55;margin:0 0 var(--s4);max-width:31em}
.hbt>p:has(.btn){margin:0 0 var(--s5)}
/* botón principal de la portada (cabecera y primera consulta): 56 px de alto */
.hbt .btn,.pca .btn{min-height:56px;padding:0 32px;font-size:17px;border-radius:var(--r-ctl)}
.hbt .cfz{max-width:30em}
.hbt .cfz-n{font-size:18px}
/* la neurona 3D, grande y protagonista, apoyada en la línea a mano (la red se recorta por debajo de la línea) */
.hero.hb{--s:clamp(220px,calc(80px + 28vw),480px)}
.hbf{grid-column:7/span 6;grid-row:1;align-self:end;position:relative;display:flex;justify-content:center;align-items:flex-end}
.hbf .hn{position:relative;flex:none;margin:0 0 calc(var(--s) * -.2914 - 7px);clip-path:inset(-60% -60% calc(var(--s) * .2914 - 2px) -60%)}
.hn .d3{width:var(--s)}
.hn .d3 .fb{inset:18.86%;width:62.28%;height:62.28%}
/* la red no se corta en seco por arriba: se funde con el crema (la neurona no cambia) */
.hbf .hn canvas{-webkit-mask-image:linear-gradient(transparent,#000 14%),linear-gradient(to right,transparent,#000 12%,#000 88%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(transparent,#000 14%),linear-gradient(to right,transparent,#000 12%,#000 88%,transparent);mask-composite:intersect}
.hl{grid-column:1/-1;grid-row:2;height:14px;width:100vw;justify-self:center;margin:0;background:var(--trazo) no-repeat center/100% 100%}
/* «Hola, soy Chiara»: presentación cercana; la foto 4:5 pequeña, fundida con el crema, junto al texto y las credenciales */
.trust.trc.hola{align-items:center;border-bottom:0}
.hola .fmar{grid-column:2/span 3;grid-row:1;width:100%;max-width:270px;justify-self:end}
.hola .foto{background:var(--cr);border-radius:var(--r-img);box-shadow:var(--sombra)}
.hola .foto img{mix-blend-mode:normal}
.hola .trx{grid-column:6/span 6;grid-row:1;padding:0;min-width:0}
.hola h2{margin:0 0 var(--s2)}
.hola .cred{margin:0}
.hola .ver{margin:var(--s3) 0 0}
.hola .trx>p:last-of-type{margin:var(--s1) 0 0}
.hola .vx-in{margin:var(--s4) 0 0;max-width:none}
.vx-in .vx-f{display:grid;grid-template-columns:180px minmax(0,1fr);column-gap:var(--s3);align-items:end}
.vx-in .vx-p{grid-column:1;grid-row:1/span 2;max-width:180px!important}
.vx-in figcaption,.vx-in .vx-tr{grid-column:2;margin:0}
.vx-in .vx-tr{align-self:start;margin-top:var(--s2)}
/* la foto (en Sobre mí) y su marco */
.fmar{position:relative;width:100%;max-width:440px;line-height:0}
.foto{width:100%;aspect-ratio:4/5;overflow:hidden;background:none;border-radius:var(--r-img) var(--r-img) 0 0}
.foto img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 100%;mix-blend-mode:multiply}
.foto.ph{display:flex;align-items:center;justify-content:center;padding:var(--s2);line-height:1.5;color:var(--mu);font-size:14px;text-align:center}
.asoma{position:absolute;right:10%;top:0;width:24%;transform:translateY(-84%);pointer-events:none}
.asoma img{display:block;width:100%;height:auto}
.fmar:has(.foto:not(.ph)) .asoma{display:none}
.trc .ver{margin-top:var(--s3)}
/* primera consulta: cuatro pasos en fila sobre una misma línea (es una secuencia) y los datos en un plano */
#primera>h2{grid-column:1/span 7}
.steps{grid-column:1/-1!important;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 var(--gap);margin:var(--s2) 0 0;padding:0;counter-reset:p}
.steps li{counter-increment:p;padding-top:var(--s2);border-top:var(--linea)}
.steps li::before{content:counter(p);display:block;font:700 22px/1 Lora,"Lora respaldo",Georgia,serif;color:var(--ve);margin-bottom:var(--s2)}
.steps h3{font-size:20px;line-height:1.3;margin:0 0 var(--s1)}
.steps p{margin:0;font-size:17px;line-height:1.6;color:var(--mu);max-width:24em}
.pcx{grid-column:1/-1!important;margin-top:var(--s5);padding:0;background:none;border:0;border-radius:0;align-items:end;row-gap:var(--s3)}
.pcd{grid-column:1/-1;min-width:0}
.pcd .note{margin:var(--s3) 0 0;padding-left:4px;max-width:46em}
@media(max-width:760px){.pca{align-items:stretch;margin-top:var(--s3);padding-top:var(--s3)}.pca>p{width:100%}.pcd{grid-template-columns:minmax(0,1fr)}.pcd .info{grid-row:auto;margin-bottom:var(--s2)}.pcd .note{grid-column:1}}
.pca{grid-column:1/-1;min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:var(--s4)}
.info{display:flex;flex-wrap:wrap;gap:var(--s3) var(--s5);margin:0 0 var(--s2)}
.info>div{min-width:0}
.info b{display:block;font-size:var(--t-xs);font-weight:400;color:var(--mu)}
.info span{display:block;margin-top:2px;font-size:var(--t-b);font-weight:700;line-height:1.4;max-width:22em}
.info .i-duracion span,.info .i-precio span{font:700 var(--t-cifra)/1.1 Lora,"Lora respaldo",Georgia,serif;margin-top:4px}
.info .i-precio span .fx,.info .i-cancelacion span .fx{font-size:15px}
.pse{margin:0 0 var(--s1)}
/* datos de la primera consulta: «etiqueta: valor», una fila cada uno, el mismo formato en todas las páginas y en el asistente */
.dcs{margin:0;padding:6px 28px;background:var(--sup);border:var(--borde-sup);border-radius:var(--r-sup);box-shadow:var(--sombra-sup);font-size:17px;line-height:1.5}
.dcs>div{display:grid;grid-template-columns:22px minmax(0,11.5em) minmax(0,1fr);column-gap:14px;align-items:baseline;padding:14px 0;border-bottom:var(--fino)}
.dcs>div:last-child{border-bottom:0}
.dcs>div::before{content:"";width:20px;height:20px;align-self:center;background:var(--ve);-webkit-mask:var(--ico) center/contain no-repeat;mask:var(--ico) center/contain no-repeat}
.dcs>div:nth-child(1){--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E")}
.dcs>div:nth-child(2){--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12a8 8 0 0 1 13.7-5.7L20 8.5'/%3E%3Cpath d='M20 4v4.5h-4.5'/%3E%3Cpath d='M20 12a8 8 0 0 1-13.7 5.7L4 15.5'/%3E%3Cpath d='M4 20v-4.5h4.5'/%3E%3C/svg%3E")}
.dcs>div:nth-child(3){--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9V6.5A1.5 1.5 0 0 1 4.5 5h15A1.5 1.5 0 0 1 21 6.5V9a3 3 0 0 0 0 6v2.5a1.5 1.5 0 0 1-1.5 1.5h-15A1.5 1.5 0 0 1 3 17.5V15a3 3 0 0 0 0-6z'/%3E%3Cpath d='M14 5v14' stroke-dasharray='2 2.2'/%3E%3C/svg%3E")}
.dcs>div:nth-child(4){--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='6.5' width='12.5' height='11' rx='2'/%3E%3Cpath d='M15.5 10.5 21 7.5v9l-5.5-3'/%3E%3C/svg%3E")}
.dcs>div:nth-child(5){--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='15' rx='2'/%3E%3Cpath d='M3.5 9.5h17M8 3v4M16 3v4M10 13l4 4M14 13l-4 4'/%3E%3C/svg%3E")}
.dcs>div:nth-child(6){--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='6' width='18' height='12.5' rx='2'/%3E%3Cpath d='M3 10h18M7 14.5h3'/%3E%3C/svg%3E")}
.dcs dt{display:block;font-weight:700;color:var(--az)}
.dcs dt::after{content:":"}
.dcs dd{display:block;margin:0;color:var(--az)}
.fq>.dcs,.asp-a .dcs{margin:0 0 var(--s3);padding:0;background:none;border:0;border-radius:0;box-shadow:none}
.asp-a .dcs>div{grid-template-columns:20px minmax(0,1fr);row-gap:2px}.asp-a .dcs dd{grid-column:2}
.asp-a .dcs{font-size:17px}
.pca p{margin:0}.pca .hq{margin-top:var(--s3);font-size:var(--t-s)}
.hq{font-size:var(--t-b)}
/* primera consulta: franja verde suave a todo el ancho, con la ficha de datos en papel */
#primera.franja{margin-top:0}


/* ¿Para quién es?: cinco tarjetas cálidas (plano suave, Lora, la flecha fina abajo); al pasar el ratón se elevan un poco */
.ipq .tlk{display:contents}
.ipq h2{grid-column:1/-1;margin:0 0 var(--s3)}
.ipq ul{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--gap);border:0}
.ipq li{border:0}
.ipq .tlk a{margin:0;height:100%;min-height:120px;flex-direction:row;align-items:flex-end;justify-content:space-between;gap:var(--s2);padding:var(--s3);background:var(--sup);border:var(--borde-sup);border-radius:var(--r-sup);box-shadow:var(--sombra-sup);text-wrap:balance;font:700 22px/1.25 Lora,"Lora respaldo",Georgia,serif;transition:transform .22s var(--eo),box-shadow .22s ease,background-color .22s ease,color .16s ease}
.ipq .tlk a::after{margin:0 2px 8px 0}

@media(hover:hover) and (pointer:fine){.ipq .tlk a:hover{transform:translateY(-2px);border-color:var(--bd2);box-shadow:var(--sombra)}}
.ipq .tlk a:active{transform:translateY(-1px)}
/* Instagram */
.igs .sub{margin-bottom:var(--s3)}
.igs .igw,.igs .igm,.igs .igf{grid-column:1/-1}
.igw{position:relative}
.igctl{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin:0 0 var(--s2)}
.igsolo .igbt{visibility:hidden}
.igbt{position:relative;width:44px;height:44px;border:1.5px solid var(--az);border-radius:50%;background:none;color:var(--az);cursor:pointer;transition:background-color .15s ease,color .15s ease}
.igbt::after{content:"";position:absolute;left:50%;top:50%;width:9px;height:9px;border:solid currentColor;border-width:0 2px 2px 0;transform:translate(-65%,-50%) rotate(-45deg)}
.igp::after{transform:translate(-35%,-50%) rotate(135deg)}
@media(hover:hover) and (pointer:fine){.igbt:not(:disabled):hover{background:var(--ve-s)}}
.igbt:disabled{opacity:.3;cursor:default}
.igt{display:flex;gap:var(--gap);margin:0;padding:4px 4px var(--s2);list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--bd2) transparent}
.igi{position:relative;flex:0 0 calc((100% - 3*var(--gap))/4);scroll-snap-align:start;min-width:0}
.igi a{display:block;height:100%;color:var(--az);text-decoration:none}
.igi img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;background:var(--plano)}
.igx{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;padding:12px 0;font-size:15px;line-height:1.45;color:var(--mu)}
.igf{max-width:300px;border:1.5px dashed #e0735c;border-radius:var(--r-img);overflow:hidden;background:var(--papel)}
.igfc{aspect-ratio:4/5;background:#fde3dc}
.igf p{margin:0;padding:12px 14px;font-size:14px}
.igm{margin:var(--s2) 0 0}

/* ---------- 8. Terapias ---------- */
/* cabecera y «Puede que te pase» comparten retícula: texto en 7 columnas a la izquierda, el vídeo en 4 a la derecha */
.pg.on.tpg{display:grid;row-gap:0}
.tpg>section{grid-column:1/-1;min-width:0}
.tpg>.tph,.tpg>.tph+section{display:contents}
.tph>h1{grid-column:1/-1;margin-bottom:var(--s4)}
.tph>*:not(h1):not(.tvx),.tph+section>*{grid-column:1/span 7;min-width:0}
.tph>.sub{margin:0 0 var(--s3)}
.tph>p:has(.btn){margin:0 0 var(--s4)}
.tph>.cfz{margin:0}
.tph>.tvx{grid-column:9/span 4;grid-row:2/span 7;align-self:start;margin:0}
.tph>.tvx .vt .vx-p{max-width:240px}
.tph+section>.vrel{margin:var(--s3) 0 0}
.tph+section>h2{margin:var(--s6) 0 var(--s3)}
.tph+section>.note{margin:var(--s2) 0 0}
.tpg:not(:has(.tvx .vx-p))>.tph>.tvx{display:none}
.tpg:is(:not(:has(.tvx .vx-p)),:has(.tvx.vf-x))>.tph>.cfz{grid-column:9/span 4;grid-row:2/span 2;align-self:center}

/* «Puede que te pase»: una lista serena, una frase por fila */
.tps{list-style:none;margin:0;padding:0;border-top:var(--linea)}
.tps li{padding:var(--s2) 0;border-bottom:var(--fino);font:700 var(--t-ind)/1.35 Lora,"Lora respaldo",Georgia,serif;color:var(--az)}
/* «Cómo empezamos»: tres pasos en vertical, número y frase */
.steps.s3{grid-template-columns:minmax(0,1fr);max-width:none;gap:0;margin-top:0;border-top:var(--linea)}
.tpg .steps.s3{grid-column:1/span 7!important;max-width:44em}
.steps.s3 li{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:baseline;padding:var(--s2) 0;border-top:0;border-bottom:var(--fino)}
.steps.s3 li::before{margin:0}
.steps.s3 p{font-size:var(--t-b);color:var(--az);max-width:none}
/* TDAH · «Prueba algo hoy»: el bloque con título al margen (4 + 8 columnas) */
/* cierre: «Antes de reservar» en un plano suave, preguntas en 8 columnas */
:is(.tpg,#terapias)>section.sx{margin-top:0;padding:calc(var(--blq) * .75) 0 var(--blq);border-top:var(--fino)}
:is(.tpg,#terapias)>section.sx>*{grid-column:1/span 8}
.trel{margin:var(--s3) 0 0;font-size:var(--t-s);color:var(--mu)}
main.w:has(.tpg,#terapias){padding-bottom:0}
/* índice de terapias */
#terapias>section:first-child>.tln{grid-column:1/span 8}
#terapias>section:first-child>.cfz{grid-column:9/span 4;grid-row:3;align-self:start;margin:0}

#terapias>section:first-child>.tln{grid-row:3}
#terapias>section:first-child>.tgr{grid-column:9/span 4;grid-row:3;align-self:end;margin:0}
.tgr{margin-top:var(--s3)}

/* ---------- 9. Preguntas frecuentes ---------- */
#faq,.tfq{margin:0 0 var(--s4);padding:4px 28px;background:var(--sup);border:var(--borde-sup);border-radius:var(--r-sup);box-shadow:var(--sombra-sup)}
:is(#faq,.tfq)>.fq:last-child,#faq>.fq:last-of-type:not(:has(~.fq)){border-bottom:0}
.fq{border-bottom:var(--fino)}
.fq>summary{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);min-height:64px;padding:12px 0;cursor:pointer;list-style:none;font:700 19px/1.4 Nunito,"Nunito respaldo",Arial,sans-serif;transition:color .15s ease}
.fq>summary::-webkit-details-marker{display:none}
.fq>summary::after{content:"";flex:none;width:16px;height:16px;background:linear-gradient(var(--ve),var(--ve)) center/100% 2px no-repeat,linear-gradient(var(--ve),var(--ve)) center/2px 100% no-repeat;transition:transform .2s var(--eo)}
.fq[open]>summary::after{transform:rotate(45deg)}
@media(hover:hover) and (pointer:fine){.fq>summary:hover{color:var(--ve)}}
.fq{interpolate-size:allow-keywords}
.fq::details-content{block-size:0;overflow:hidden;transition:block-size .2s var(--eo),content-visibility .2s allow-discrete}
.fq[open]::details-content{block-size:auto}
.fq>p{margin:0 0 var(--s4);max-width:31em;color:var(--mu);animation:fade .18s ease-out}
.fqm{border:0}.fqm>summary{display:inline-flex;align-items:center;min-height:48px;cursor:pointer;color:var(--ve);font-weight:700;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.22em;list-style:none}
.fqm>summary::-webkit-details-marker{display:none}

/* ---------- 10. Sobre mí ---------- */
/* cabecera: texto en 7 columnas; la foto (protagonista) en 5, apoyada en la línea a mano que cruza la ventana */
#sobre-mi>.smh{position:relative;align-items:end;padding-top:var(--s5);padding-bottom:0!important}
#sobre-mi>.smh+section{border-top:0}
.smh::after{content:"";position:absolute;left:calc(50% - 50vw);right:calc(50% - 50vw);bottom:-7px;height:14px;background:var(--trazo) no-repeat center/100% 100%;pointer-events:none}
.smh-t{grid-column:1/span 7;padding-bottom:var(--s6);min-width:0}
#sobre-mi h1{margin:0 0 var(--s3)}
.smk{display:none}
.sml{font-size:var(--t-l);line-height:1.55;max-width:31em;margin:0 0 var(--s4)}
.smc{margin:0 0 var(--s4);padding:var(--s2) 0;border-top:var(--fino);border-bottom:var(--fino);font-size:var(--t-s);line-height:1.75;color:var(--mu);max-width:36em}
.smc b{color:var(--az)}
.smb{margin:0}
.smh-f{grid-column:9/span 4;position:relative;width:100%;line-height:0}
.smh-f .foto{background:var(--cr);border-radius:var(--r-img) var(--r-img) 0 0;box-shadow:var(--sombra);aspect-ratio:17/25}
.smh-f .foto img{max-height:none;mix-blend-mode:normal;object-position:20% 100%}
/* cómo trabajo: introducción en la columna de lectura; tres ideas en filas (título 4 columnas, texto 7) */
.smw>*{grid-column:1/span 7;min-width:0}
.smt .sub{margin:0;max-width:34em}
.smw .smp{grid-column:1/-1;list-style:none;margin:var(--s4) 0 0;padding:4px 28px;background:var(--sup);border:var(--borde-sup);border-radius:var(--r-sup);box-shadow:var(--sombra-sup)}
.smp li:last-child{border-bottom:0}
.smp li{padding:var(--s3) 0;border-bottom:var(--fino)}
.smp h3{grid-column:1/span 4;font-size:21px;margin:0}
.smp p{grid-column:5/span 7;margin:0;color:var(--mu)}
.smw .ses{max-width:31em;margin-top:var(--s4)}
.smw .note{margin-top:var(--s3)}
/* en qué trabajamos: el bloque con título al margen (4 + 8 columnas) y los temas en una línea tipográfica de 24 px */
#sobre-mi>.smd:has(.smtm)>.smt{grid-column:1/-1}
#sobre-mi>.smd:has(.smtm)>div:not(.smt){grid-column:1/span 9}
.smtm{margin:0;font:700 var(--t-ind)/1.6 Lora,"Lora respaldo",Georgia,serif}
.smtm i{font-style:normal;white-space:nowrap}
.smtm span{color:var(--ve)}
.smd .note{margin-top:var(--s2)}
/* conóceme en vídeo: el vídeo en 4 columnas, el texto en 6 */
#sobre-mi>.smv>*{grid-column:1/-1}
/* «Conóceme en vídeo»: los vídeos en dos columnas iguales, cada uno con el fotograma (200 px) y su pie al lado, con el mismo ritmo */
.smv-b{display:grid;grid-template-columns:var(--rejilla);column-gap:var(--gap);row-gap:var(--s4);align-items:start}
.smv-h{grid-column:1/-1;padding-top:0}.smv-h h2{margin:0}
.smv-b>.vx{grid-column:span 6;min-width:0}
.smv-b .vx-f{display:grid;grid-template-columns:200px minmax(0,1fr);column-gap:var(--s3);align-items:end}
.smv-b .vx-p{grid-column:1;grid-row:1/span 2}
#sobre-mi .smv-b .vx-lo.vt .vx-p{width:200px;max-width:100%}
.smv-b figcaption,.smv-b .vx-tr{grid-column:2;margin:0;min-width:0}
.smv-b .vx-tr{align-self:start;margin-top:var(--s2)}
.smv-b .vx-t{font:700 20px/1.3 Lora,"Lora respaldo",Georgia,serif;margin:0 0 var(--s1)}

#vg:not(:empty){margin-top:var(--s6)}
.vcat{padding:0;margin-top:var(--s5)}.vcat h3{font:700 17px/1.3 Nunito,"Nunito respaldo",Arial,sans-serif;color:var(--ve);margin:0 0 var(--s2)}
.vgr{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--s4) var(--gap);align-items:start}
/* formación: filas de definición (título 5 columnas, detalle 7) */
#sobre-mi>.smd:not(:has(.smtm))>*{grid-column:1/-1}
.smf2{list-style:none;margin:0;padding:4px 28px;background:var(--sup);border:var(--borde-sup);border-radius:var(--r-sup);box-shadow:var(--sombra-sup)}
.smf2 li:last-child{border-bottom:0}
.smf2 li{padding:var(--s3) 0;border-bottom:var(--fino);align-items:baseline}
.smf2 b{grid-column:1/span 5;font:700 19px/1.4 Lora,"Lora respaldo",Georgia,serif}
.smf2 span{grid-column:6/span 7;font-size:var(--t-s);color:var(--mu)}
.smd>div>p:last-child{margin-top:var(--s3)}
/* cierre en un plano suave */
#sobre-mi>.smz{padding:var(--blq) 0 var(--blq);align-items:start}
.smz h2{grid-column:1/span 7;margin:0 0 var(--s2)}
.smz p{grid-column:1/span 7;margin:0 0 var(--s2);color:var(--mu)}
.smz p:last-child{margin:0}
main.w:has(#sobre-mi){padding-bottom:0}

/* ---------- 11. Reservar ---------- */
/* título y frase en la columna de lectura; debajo, la neurona (6 columnas) y la acción a su lado (6 columnas) */
#reservar>section{padding-top:var(--s5)}
#reservar h1{grid-column:1/span 8;margin:0 0 var(--s2)}
#reservar .sub{margin:0}
.rvw{grid-column:1/-1!important;position:relative;margin:var(--s2) 0 var(--s3)}
.rv{position:relative;align-items:center}
.rv .d3{grid-column:1/span 6;position:relative;width:100%;max-width:440px;margin:0 auto;cursor:default}
.rv canvas{-webkit-mask-image:radial-gradient(closest-side,#000 64%,transparent);mask-image:radial-gradient(closest-side,#000 64%,transparent)}
.rv .d3 .fb{transition:transform .9s var(--eio)}
.rvc{position:relative;z-index:1;grid-column:7/span 6;padding:0;text-align:left;transition:opacity .2s ease,transform .2s var(--eo),visibility 0s}
.rvw.op .rvc{opacity:0;transform:translateY(8px);visibility:hidden;transition:opacity .15s ease,transform .15s var(--eo),visibility 0s .15s}
.rvb{min-height:56px;padding:0 40px;font-size:18px;margin:0}
.rvm{font-size:var(--t-b);font-weight:700;margin:var(--s3) 0 4px;max-width:32em}
.rvc .note{margin:0;max-width:34em}
.rvc .cfz{margin-top:var(--s4);max-width:34em}
@media(min-width:900px){.rv .d3{margin-bottom:-6%}}
.agp{position:absolute;top:0;right:0;bottom:0;width:min(600px,52%);display:flex;flex-direction:column;background:#fff;border:var(--fino);border-bottom:var(--linea);border-radius:var(--r-img);box-shadow:0 24px 48px -32px rgba(16,74,70,.35);overflow:hidden;opacity:0;transform:translateX(24px);visibility:hidden;transition:opacity .18s ease,transform .18s var(--eo),visibility 0s .18s}
.rvw.op .agp{opacity:1;transform:none;visibility:visible;transition:opacity .3s ease .55s,transform .45s var(--eo) .55s,visibility 0s}
.agh{display:flex;align-items:center;gap:var(--s2);padding:10px 12px 10px 22px;border-bottom:var(--fino)}
.agh h2{font-size:22px;margin:0 auto 0 0}
.agh .lnk{display:inline-flex;align-items:center;min-height:44px;font-size:15px}
.agc{min-height:44px;padding:0 16px;border:1.5px solid var(--az);border-radius:8px;background:none;color:var(--az);font:700 15px Nunito,"Nunito respaldo",Arial,sans-serif;cursor:pointer}
@media(hover:hover) and (pointer:fine){.agc:hover{background:var(--ve-s)}}
.agt{margin:0;padding:12px 22px 0;color:var(--mu)}.agt:empty{display:none}
.agp iframe{flex:1;display:block;width:100%;min-height:0;border:0;background:#fff}
.rvw.op .rv{min-height:560px}
.rvv{max-width:560px;margin:0 0 var(--s5)}
#reservar .dcs{margin:0 0 var(--s2)}
@media(max-width:899px){
 .rv .d3{grid-column:1/-1;max-width:260px;margin-bottom:-14%}
 .rvc{grid-column:1/-1;margin-top:var(--s2)}
 .rvw.op .rv{min-height:0}
 .agh{gap:10px;padding:8px 8px 8px 16px}.agh h2{font-size:20px;white-space:nowrap}
 .agp{position:static;width:auto;height:max(600px,calc(100svh - 110px));margin-top:var(--s2);display:none;transform:none}
 .rvw.op .agp{display:flex;animation:fade .3s ease}
}

/* ---------- 12. Test «¿Por dónde empiezo?» ---------- */
#empezar h1{font-size:var(--t-h1);margin:0 0 var(--s3)}
#empezar .sub{max-width:44ch}
.qz{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,5vw,80px);align-items:start;margin-top:var(--s3)}
.qn{position:sticky;top:120px}
.qn .d3{width:100%;cursor:default}
.qn canvas{-webkit-mask-image:radial-gradient(closest-side,#000 70%,transparent);mask-image:radial-gradient(closest-side,#000 70%,transparent)}
.qn .d3 .fb{inset:12%;width:76%;height:76%}
.qc{border-top:var(--linea);padding:var(--s3) 0 0}
.qp{display:flex;align-items:center;gap:var(--s2)}
.bar{flex:1;height:6px;background:var(--bd);border-radius:6px;overflow:hidden}
.bar div{height:100%;background:var(--ve);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--eo)}
#qst{font-size:15px;color:var(--mu);white-space:nowrap;min-width:6em;text-align:right}
.st{display:none}.st.on{display:block;animation:st .2s var(--eo)}
.qc h2{font-size:clamp(30px,3.4vw,48px);line-height:1.08;margin:var(--s4) 0 var(--s3)}
.qc h2+.fx{display:inline-block;margin:-8px 0 var(--s2)}
.qo{display:grid;gap:0;border-top:var(--fino)}
.qo button{display:flex;align-items:center;gap:var(--s2);width:100%;min-height:64px;padding:14px 16px 14px 4px;border:0;border-bottom:var(--fino);background:none;color:var(--az);font:700 clamp(18px,1.4vw,21px)/1.3 Nunito,"Nunito respaldo",Arial,sans-serif;text-align:left;cursor:pointer;transition:background-color .15s ease,color .15s ease}
.qo button::before{content:"";flex:none;width:18px;height:18px;border-radius:50%;border:2px solid var(--ve);transition:background-color .15s ease,border-color .15s ease}
@media(hover:hover) and (pointer:fine){.qo button:hover{background:var(--ve-s)}}
.qo button[aria-pressed=true]{background:var(--relleno);color:var(--cr);padding-left:16px}
.qo button[aria-pressed=true]::before{background:var(--co);border-color:var(--co)}
.qm{color:var(--ve);font-weight:700;margin:0 0 var(--s1)}
.qr p{margin:0 0 var(--s2)}.qr .note{margin-top:var(--s1)}
.qr .act{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s1) var(--s4);margin:var(--s3) 0 var(--s1)}
.qr .act .btn{margin:0}
.qr .act .lnk{display:inline-flex;align-items:center;min-height:44px}
.qtl{margin:var(--s1) 0 var(--s2);font-size:var(--t-b)}
.qf{margin:var(--s5) 0 var(--s1);font-weight:700;font-size:var(--t-b)}
.qf a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}

/* ajustes del test a la escala refinada (la composición propia del test llega en la fase de las 16 páginas) */
#empezar h1{margin:0 0 var(--s2)}
#empezar .sub{max-width:34em}
.qn .d3{max-width:320px}
.qn{padding-top:var(--s2)}
.qc{padding:var(--s4);background:var(--sup);border:var(--borde-sup);border-radius:var(--r-sup);box-shadow:var(--sombra-sup)}
.qc h2{font-size:var(--t-h2);line-height:1.15}
.qo button{min-height:60px;font:700 18px/1.35 Nunito,"Nunito respaldo",Arial,sans-serif}
.qo button[aria-pressed=true]::before{background:var(--cr);border-color:var(--cr)}

/* ---------- 14. Contacto ---------- */
.ctc>*{grid-column:1/span 7;min-width:0}
.ctc>h1{grid-column:1/-1}
.cav{max-width:38em;font-size:var(--t-b)}
.cav a,.qf a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;margin:-8px -6px}
.cbx{display:contents}
.cac{grid-column:1/span 7;display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2);margin-top:var(--s2)}
.cac .btn{margin:0}
.cac p{margin:0}
.cqr{grid-column:9/span 4;grid-row:2/span 4;align-self:start;display:flex;flex-direction:column;align-items:flex-start;gap:var(--s2);padding:var(--s3);background:var(--sup);border:var(--borde-sup);border-radius:var(--r-sup);box-shadow:var(--sombra-sup)}
.cqr img{display:block;width:160px;height:160px;background:#fff;padding:8px}
.cqr p{margin:0;font-size:var(--t-xs);line-height:1.5;color:var(--mu)}
.cdl{display:flex;flex-wrap:wrap;gap:var(--s3) var(--s6);margin:var(--s5) 0 0;padding-top:var(--s3);border-top:var(--fino)}
.cdl dt{font-size:var(--t-xs);color:var(--mu)}.cdl dd{margin:2px 0 0;font-size:var(--t-b);font-weight:700}
.cdl a{display:inline-flex;align-items:center;min-height:44px;color:var(--az)}

/* ---------- 15. Páginas legales y 404 ---------- */
.lgp{display:grid;grid-template-columns:var(--rejilla);column-gap:var(--gap)}
.lgp>*{grid-column:1/span 8;min-width:0}
.lga{margin:0 0 var(--s2);color:var(--mu);font-size:var(--t-s)}
.lgp h2{font-size:24px;line-height:1.3;margin:var(--s5) 0 var(--s2)}
.lgd{margin:0;padding:4px 24px;background:var(--sup);border:var(--borde-sup);border-radius:var(--r-sup);box-shadow:var(--sombra-sup)}
.lgd>div:last-child{border-bottom:0}
.lgd div{display:grid;grid-template-columns:minmax(0,11em) minmax(0,1fr);gap:4px var(--s3);padding:12px 0;border-bottom:var(--fino)}
.lgd dt{font-weight:700;font-size:var(--t-s)}.lgd dd{margin:0;overflow-wrap:anywhere}
.lgd a{font-weight:700}
.lgu{padding-left:1.1em;margin:0}.lgu li{margin:0;padding:6px 0}.lgu li::marker{color:var(--ve)}
.ses{max-width:31em}.ses p{margin:0 0 var(--s2)}
#p404 .sub{max-width:34em}
#p404 p:last-child{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2) var(--s4)}
#p404 .lnk{display:inline-flex;align-items:center;min-height:52px}
#p404 .btn{margin:0}

/* ---------- 16. Vídeos ---------- */
.vx-f{margin:0}
.vx-p{position:relative;aspect-ratio:16/9;border-radius:var(--r-img);overflow:hidden;background:var(--ve-s);border-bottom:var(--linea)}
.vt .vx-p{aspect-ratio:9/16;max-width:340px}
.vx-p iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.vx-b{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:none;cursor:pointer;color:inherit}
.vx-b:focus-visible{outline:0;box-shadow:inset 0 0 0 4px var(--co)}
.vx-c{position:absolute;inset:0}.vx-c img{width:100%;height:100%;object-fit:cover;display:block}
.vx-c.sin{background:var(--ar)}
.vx-pl,.vx-go{position:absolute;left:50%;top:50%;width:76px;height:76px;margin:-38px 0 0 -38px;border:0;border-radius:50%;background:var(--co);box-shadow:0 3px 0 var(--az);cursor:pointer;transition:transform .14s var(--eo),background-color .15s ease}
.vx-pl::after,.vx-go::after{content:"";position:absolute;left:30px;top:22px;border-left:24px solid var(--az);border-top:16px solid transparent;border-bottom:16px solid transparent}
@media(hover:hover) and (pointer:fine){.vx-b:hover .vx-pl,.vx-go:hover{background:var(--co-h)}}
.vx-b:active .vx-pl,.vx-go:active{transform:scale(.96)}
.vx-p video:focus,.vx-p video:focus-within{outline:3px solid var(--cr);outline-offset:-6px;box-shadow:inset 0 0 0 6px var(--ve)}
.vx-go:focus-visible{outline:3px solid var(--cr);box-shadow:0 0 0 6px var(--az)}
.vx-d{position:absolute;right:12px;bottom:12px;padding:3px 10px;border-radius:999px;background:#fff;color:var(--az);font:700 14px/1.4 Nunito,"Nunito respaldo",Arial,sans-serif}
.vx-f figcaption{margin-top:var(--s2);max-width:56ch}
.vx-t{display:block;font:700 20px/1.3 Lora,"Lora respaldo",Georgia,serif;color:var(--az)}
.vx-de{display:block;margin-top:4px;color:var(--mu);font-size:16px}
.vx-m{display:block;margin-top:6px;color:var(--mu);font-size:15px}
.vx-tr{margin-top:var(--s2);border-top:var(--fino);border-bottom:var(--fino)}
.vx-tr summary{display:flex;align-items:center;min-height:48px;cursor:pointer;color:var(--ve);font-weight:700;font-size:16px;list-style:none}
.vx-tr summary::-webkit-details-marker{display:none}
.vx-tr p{margin:0 0 var(--s2);color:var(--mu);font-size:16px}
.vx-fx{margin:8px 0 0;font-size:14px}
.vx-h{border:1.5px dashed #e0735c;border-radius:6px;overflow:hidden;background:var(--papel)}
.vx-hc{aspect-ratio:16/9;background:#fde3dc}.vx-h p{margin:0;padding:12px 14px;font-size:14px}
/* vídeo propio (archivo en la web), vertical: nunca ocupa toda la pantalla en ordenador */
.vx-lo .vx-p video{position:absolute;inset:0;width:100%;height:100%;display:block;background:var(--ve-s);object-fit:cover}
.vx-lo.vt .vx-p{width:min(340px,100%);max-width:100%}
/* hueco «Próximamente»: intencionado y sobrio, nunca un reproductor roto */
.vx-px{max-width:480px}.vx-px.vt{max-width:300px}
.vx-px .vx-p{background:var(--ar);cursor:default}
.vx-f .vx-pt{position:absolute;left:20px;top:18px;margin:0;color:var(--ve);font:700 16px/1.3 Nunito,"Nunito respaldo",Arial,sans-serif}
.vt.vx-f .vx-pt{left:50%;transform:translateX(-50%);white-space:nowrap}
.vx-px .vx-t{margin:var(--s2) 0 0}
.vx-pv{margin:4px 0 0;font-size:15px;color:var(--mu)}
.vx-in{margin:var(--s3) 0;max-width:460px}
.edb{position:fixed;left:16px;bottom:16px;z-index:50;max-width:calc(100% - 32px);padding:10px 14px;border-radius:10px;background:var(--relleno);color:var(--cr);font-size:14px}
.edb a{color:var(--co);font-weight:700;margin-left:6px}

/* ---------- 17. Neurona 3D (todas las escenas) ---------- */
.d3{position:relative;width:min(460px,100%);aspect-ratio:1/1;margin:auto;touch-action:pan-y;cursor:grab}
.d3 canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .4s ease}
.d3 canvas.in{opacity:1}
/* la neurona en imagen se ve desde el principio; cuando el 3D está listo, aparece encima y la imagen se funde */
.d3 .fb{position:absolute;inset:10%;width:80%;height:80%;object-fit:contain;transition:opacity .4s ease}
.d3 canvas.in~.fb,.d3 canvas.in~picture .fb{opacity:0}
.d3:focus-visible{outline:3px solid var(--ve);outline-offset:4px;border-radius:16px}

/* ajustes de vídeo a la escala refinada: botón de reproducir azul (el coral es solo para reservar) */
.vx-p{border-radius:var(--r-img);border-bottom:0}
/* 10. sombra suave bajo el fotograma de los vídeos publicados y título a 20 px */
.vx-f:not(.vx-px) .vx-p{box-shadow:var(--sombra);transition:transform .2s var(--eo),box-shadow .2s ease}
@media(hover:hover) and (pointer:fine){.vx-f:not(.vx-px):hover .vx-p{transform:scale(1.02);box-shadow:var(--sombra-h)}html.calma .vx-f:hover .vx-p{transform:none}}
.vx-pl,.vx-go{width:64px;height:64px;margin:-32px 0 0 -32px;background:#fff;box-shadow:0 0 0 1.5px var(--az),0 8px 20px -10px rgba(16,74,70,.5)}
.vx-pl::after,.vx-go::after{left:25px;top:19px;border-left:20px solid var(--az);border-top:13px solid transparent;border-bottom:13px solid transparent}
@media(hover:hover) and (pointer:fine){.vx-b:hover .vx-pl,.vx-go:hover{background:var(--ve-s)}}
.vx-t{font-size:20px}
.vt .vx-p{max-width:300px}
.vx-lo.vt .vx-p{width:min(300px,100%)}
.vx-px .vx-p{background:none;border:var(--fino);border-bottom:var(--linea)}

/* ---------- 18. Pie ---------- */
footer{padding:var(--s6) 0 var(--s4);border-top:var(--fino);font-size:var(--t-xs);line-height:1.6;color:var(--mu);background:var(--cr)}
.fg{display:grid;grid-template-columns:var(--rejilla);column-gap:var(--gap);row-gap:var(--s3);align-items:start}
footer .flg{grid-column:1/span 2}
footer .flg img{display:block;height:72px;width:auto}
footer .flg .dots{margin-top:var(--s2)}
.fg>div:not(.flg){grid-column:3/span 6}
/* aviso de crisis: lo primero y destacado; los teléfonos, con zona táctil de 44 × 44 px */
.fcr{margin:0 0 var(--s2);padding-left:var(--s2);border-left:2px solid var(--ve);font:700 18px/1.5 Nunito,"Nunito respaldo",Arial,sans-serif;color:var(--az)}
.fcr a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;margin:-8px -4px;color:var(--az);text-decoration-color:var(--az)}
.fcp{margin:0;max-width:44em}
.ftc{grid-column:10/span 3;display:flex;flex-direction:column;align-items:flex-start;margin:0}
.ftc a{display:inline-flex;align-items:center;min-height:44px;font-weight:700}
footer .lk{display:flex;flex-wrap:wrap;gap:0 var(--s4);margin:var(--s4) 0 0;padding-top:var(--s1);border-top:var(--fino)}
footer .lk a{display:inline-flex;align-items:center;min-height:44px;color:var(--mu);text-decoration-color:rgba(58,88,104,.4)}
.ftc:empty{display:none}

/* ---------- 19. Asistente «¿Te ayudo?» ---------- */
.ast{position:fixed;right:0;top:50%;z-index:8;display:flex;flex-direction:column;align-items:center;padding:16px 15px 14px;border:0;border-radius:12px 0 0 12px;background:var(--relleno);color:var(--cr);cursor:pointer;transform:translateY(-50%);box-shadow:-2px 4px 12px rgba(16,74,70,.14);transition:transform .16s var(--eo)}
.ast-n{position:absolute;left:50%;bottom:calc(100% - 8px);width:54px;transform:translateX(-58%);pointer-events:none}
.ast-n img{display:block;width:100%;height:auto}
.ast-t{writing-mode:vertical-rl;transform:rotate(180deg);font:700 15px/1 Nunito,"Nunito respaldo",Arial,sans-serif;white-space:nowrap}
@media(hover:hover) and (pointer:fine){.ast:hover{transform:translate(-3px,-50%)}}
.ast:active{transform:translate(0,-50%) scale(.97)}
.ast:focus-visible{outline:3px solid var(--co);outline-offset:3px}
header.op~.ast{visibility:hidden}
.aso{position:fixed;inset:0;top:var(--hdh,0px);z-index:45;background:rgba(16,74,70,.28);opacity:0;transition:opacity .2s ease}
.aso.on{opacity:1}
.asp{position:fixed;top:var(--hdh,0px);right:0;bottom:0;z-index:46;width:min(400px,100vw);background:var(--cr);border-radius:16px 0 0 0;overflow:hidden;box-shadow:-12px 0 40px rgba(16,74,70,.18);transform:translateX(102%);transition:transform .2s var(--eo)}
.asp.on{transform:none;transition:transform .3s cubic-bezier(.32,.72,0,1)}
.asp-c{display:flex;flex-direction:column;height:100%}
.asp-hd{position:relative;display:flex;align-items:flex-end;gap:14px;padding:12px 20px 0 14px;background:var(--ve-s);border-bottom:var(--linea)}
.d3.asd3{flex:none;width:104px;height:104px;aspect-ratio:auto;margin:0;cursor:default;touch-action:auto}
.d3.asd3 .fb{inset:auto;top:36.7%;left:13.9%;width:72.2%;height:72.2%}
.asp-ti{flex:1;min-width:0;padding:0 72px 14px 0}
.asp-ti h2{font-size:26px;margin:0 0 4px}
.asp-pr{margin:0;font-size:14px;line-height:1.45;color:var(--az)}
.asp-x{position:absolute;top:12px;right:14px;min-height:44px;padding:0 14px;border:1.5px solid var(--az);border-radius:10px;background:var(--cr);color:var(--az);font:700 15px Nunito,"Nunito respaldo",Arial,sans-serif;cursor:pointer}
@media(hover:hover) and (pointer:fine){.asp-x:hover{background:var(--ve-s)}}
.asp-b{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:var(--s2) 20px var(--s3)}
.asp-s{display:inline;margin:0;font-size:17px}
.asp-g{margin:var(--s3) 0 4px;font:700 15px/1.3 Nunito,"Nunito respaldo",Arial,sans-serif;color:var(--ve)}
.asp-l{list-style:none;margin:0;padding:0;border-top:var(--fino)}
.asp-l li{border-bottom:var(--fino)}
.asp-qb{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:10px 2px;background:none;border:0;color:var(--az);font:700 17px/1.3 Nunito,"Nunito respaldo",Arial,sans-serif;text-align:left;cursor:pointer}
@media(hover:hover) and (pointer:fine){.asp-qb:hover{color:var(--ve)}}
.asp-ch{flex:none;width:9px;height:9px;border:solid var(--ve);border-width:0 2px 2px 0;transform:rotate(45deg) translate(-2px,-2px);transition:transform .18s var(--eo)}
.asp-qb[aria-expanded=true] .asp-ch{transform:rotate(-135deg) translate(-2px,-2px)}
.asp-a{padding:0 2px var(--s2)}
.asp-a p{margin:0 0 8px;font-size:16px;line-height:1.55;color:var(--mu)}.asp-a p:last-child{margin:0}
.asp-w{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:var(--s3)}
.asp-w .asp-e{flex:1 1 200px;margin:0}
.asp-w .asp-hr{flex-basis:100%}
.asp-ft{flex:none;width:56px;height:56px;border-radius:50%;object-fit:cover;background:var(--cr);box-shadow:0 0 0 2px var(--cr),0 0 0 3.5px var(--az)}
.asp-hr{margin:10px 0 0;font-size:15px;color:var(--mu)}
.asp-hr .asp-m{display:inline-flex;align-items:center;min-height:44px}
.asp-av{padding:12px 20px calc(14px + env(safe-area-inset-bottom,0px));background:none;border-top:var(--fino);font-size:14px;line-height:1.45}
.asp-av p{margin:0 0 4px}.asp-av p:last-child{margin:0}
.asp-av a{font-weight:700;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;margin:-10px 0}
html.asis-ab{overflow:hidden}
@media(max-width:1100px){html.con-asis main.w,html.con-asis footer .w{padding-right:max(var(--gut),56px)}}

html.rv-on main section.rv-x{opacity:0;transform:translateY(12px)}
html.rv-on main section{transition:opacity .2s ease-out,transform .2s var(--eo)}
html.calma main section.rv-x{opacity:1;transform:none}

/* ---------- 20. Modo calma y «reducir movimiento» ---------- */
html.calma *,html.calma *::before,html.calma *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html.calma .d3 canvas{display:none!important}
html.calma .fq::details-content{transition:none!important}
html.calma .d3 .fb{opacity:1!important}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}
 .btn:active,#nav a.rs:active,.rsm:active,.pz:active,.vx-go:active,.ast:active{transform:none}
 .st.on{animation:fade .2s ease}
 .fq::details-content{transition:none!important}
}

/* ajustes del asistente: sin la neurona asomada en la pestaña (la neurona, una vez por pantalla) */
.ast-n{display:none}
.ast{min-width:44px;padding:16px 14px;border-radius:8px 0 0 8px}
.asp-hd{border-bottom:var(--linea)}

/* ---------- 21. Tableta ---------- */
@media(max-width:999px){
 .steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:var(--s4)}
 .tpg>.tph>.tvx{grid-column:1/-1;grid-row:auto;margin-top:var(--s5)}
 .tpg>.tph>*,.tpg>.tph+section>*{grid-column:1/-1!important;grid-row:auto!important}
 .ipq ul{grid-template-columns:repeat(2,minmax(0,1fr))}
 .hbt{grid-column:1/span 7}.hbf{grid-column:8/span 5}
 .hola .fmar{grid-column:1/span 4}.hola .trx{grid-column:6/span 7}
 .pcd,.pca{grid-column:2/span 10}
 .smh-t{grid-column:1/span 7}.smh-f{grid-column:8/span 5}
 .smp h3{grid-column:1/-1;margin-bottom:4px}.smp p{grid-column:1/-1}
 #sobre-mi>.smd:has(.smtm)>*{grid-column:1/-1!important}#sobre-mi>.smd:has(.smtm)>.smt{margin-bottom:var(--s2)}
 .smf2 b,.smf2 span{grid-column:1/-1}
 .smz h2,.smz p{grid-column:1/-1}.smz h2{margin-bottom:var(--s3)}
 .qz{grid-template-columns:1fr}.qn{position:static}.qn .d3{width:min(220px,50vw);margin:0 auto}
 .cqr{grid-column:1/-1;grid-row:auto;margin-top:var(--s4);flex-direction:row;align-items:center}
 .fg>div:not(.flg){grid-column:3/span 10}.ftc{grid-column:3/span 10;flex-direction:row;flex-wrap:wrap;gap:0 var(--s4)}
}

/* ---------- 22. Móvil: una columna ---------- */
@media(max-width:760px){
 :root{--rejilla:minmax(0,1fr)}
 :where(.hero,#primera,.ipq,.trust.trc,.igs,.pcx,.tpg,#terapias>section,#sobre-mi>section,.smp li,.smf2 li,#reservar>section,.rv,.ctc,.tpg>section,.smv-b,.fg)>*{grid-column:1/-1!important;grid-row:auto!important}
 :where(.tpg>.tph,.tpg>.tph+section,.smv-b)>*{grid-column:1/-1!important;grid-row:auto!important}
 /* portada: titular, acción y firma; debajo la neurona sobre la línea; la foto, en el bloque siguiente */
 .hero.hb{--s:clamp(230px,66vw,270px);padding-top:var(--s4)}
 .hbt{grid-column:1/-1!important;grid-row:1!important;padding-bottom:0}
 .hbt .cfz .cfz-s:nth-of-type(2){display:block;height:0;overflow:hidden}
 .hbf{margin-top:calc(var(--s) * -.2)}
 .hbf{grid-column:1/-1!important;grid-row:2!important}
 .hl{grid-row:3!important}
 .hola .fmar{max-width:210px;justify-self:center;margin-bottom:var(--s3)}
 .vx-in .vx-f{display:block}.vx-in .vx-p{max-width:200px!important;margin:0 auto var(--s2)}
 .ipq ul{grid-template-columns:1fr}
 .ipq .tlk a{min-height:0;flex-direction:row;align-items:center}
 .tgr .btn,#reservar .rvb,.hbt .btn,.pca .btn,.tph .btn,.smb .btn,.rvb,.tpg .sx .btn,.smz .btn{width:100%}
 .steps{grid-template-columns:minmax(0,1fr);row-gap:0;border-top:var(--linea)}
 .steps li{display:grid;grid-template-columns:40px minmax(0,1fr);padding:var(--s2) 0;border-top:0;border-bottom:var(--fino)}
 .steps li::before{grid-row:1/3;margin:0}
 .pcx{padding:0}
 .fmar{max-width:300px}
 .smh-f{max-width:320px;margin-top:var(--s3)}.smh-t{padding-bottom:0}
 .smv-b .vx-f{grid-template-columns:150px minmax(0,1fr);column-gap:var(--s2)}#sobre-mi .smv-b .vx-lo.vt .vx-p{width:150px}
 main h1{padding-right:52px}
 .tph>h1{margin-bottom:var(--s3)}
 .ast{display:none}
 html.con-asis main.w,html.con-asis footer .w{padding-right:var(--gut)}
 .asp{top:auto;left:0;width:100%;border-radius:16px 16px 0 0;max-height:calc(100dvh - var(--hdh,0px) - 8px);transform:translateY(102%)}
 .asp-c{height:auto;max-height:calc(100dvh - var(--hdh,0px) - 8px)}
 .d3.asd3{width:92px;height:92px}
 .qn .d3{width:min(130px,34vw);margin:-8px auto -4px}
 .qa{font-size:16px}
 .igi{flex-basis:78%}
 footer .flg{display:flex;align-items:center;gap:var(--s2)}footer .flg img{height:56px}footer .flg .dots{margin:0}
 .ftc{flex-direction:column}
 .lgd div{grid-template-columns:1fr}
 .cqr,.cqr:not([hidden]){display:none}
 .cac .btn{width:100%}
}
/* ficha de datos en pantallas estrechas: etiqueta arriba y valor debajo, junto al icono */
@media(max-width:640px){
 .dcs{padding:4px 20px}
 .dcs>div{grid-template-columns:20px minmax(0,1fr);row-gap:2px;align-items:start}
 .dcs>div::before{grid-row:1;align-self:start;margin-top:3px}
 .dcs dd{grid-column:2}
}
.lgp :is(p,.note){max-width:40em}

/* ---------- Coordinación con la familia y el colegio (16 oct 2026): portada, Sobre mí, niños y adolescentes, familias y TDAH ---------- */
/* mismo tratamiento que las demás piezas en blanco suave: tres tarjetas iguales, título y frase */
.coo{display:grid;grid-template-columns:var(--rejilla);column-gap:var(--gap);align-content:start}
.coo>*{grid-column:1/span 8;min-width:0}
.coo>.sub{margin:0;max-width:40em}
.coo>.coo-l{grid-column:1/-1}
.coo-l{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap);margin:var(--s4) 0 0;padding:0}
.coo-l li{padding:var(--s3);background:var(--sup);border:var(--borde-sup);border-radius:var(--r-sup);box-shadow:var(--sombra-sup)}
.coo-l b{display:block;margin:0 0 var(--s1);font:700 20px/1.3 Lora,"Lora respaldo",Georgia,serif;color:var(--az)}
.coo-l span{display:block;font-size:17px;line-height:1.6;color:var(--mu)}
.coo>.coo-n{margin-top:var(--s3)}
@media(max-width:760px){.coo>*{grid-column:1/-1}.coo-l{grid-template-columns:minmax(0,1fr);gap:var(--s2);margin-top:var(--s3)}}

/* ---------- Selector de idioma ES / EN (16 oct 2026): en la cabecera (ordenador) y dentro del menú (móvil) ---------- */
/* discreto: el idioma actual en azul, el otro en gris y enlazado; zonas táctiles de 44 px */
.lng{display:inline-flex;align-items:center;margin-left:var(--s1);font:700 15px/1 Nunito,"Nunito respaldo",Arial,sans-serif;color:var(--mu);letter-spacing:.04em}
.lng-a,#nav .lng a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 4px;font-size:15px}
.lng-a{color:var(--az);text-decoration:underline;text-decoration-color:var(--ve);text-decoration-thickness:2px;text-underline-offset:6px}
#nav .lng a{color:var(--mu);text-decoration:none;border:0;box-shadow:none;transition:color .15s ease}
@media(hover:hover) and (pointer:fine){#nav .lng a:hover{color:var(--ve)}}
.lng-s{padding:0 1px;color:var(--bd2)}
@media(max-width:1120px){
 .lng{order:-1;margin:0;min-height:52px;border-bottom:var(--fino);font-size:18px}
 .lng-a,#nav .lng a{min-width:44px;min-height:52px;padding:0 2px;font-size:18px}
 .lng>:first-child{justify-content:flex-start}
}

/* ---------- Instagram con Jotform (16 oct 2026): un aviso y un botón secundario; el feed se carga al pulsar, dentro de una pieza en blanco suave ---------- */
.igs .igj{grid-column:1/-1}
.igj-n{margin:0 0 var(--s2);max-width:40em;font-size:var(--t-s);color:var(--mu)}
.igj-a{margin:0}.igj-a .btn{margin:0}
.igj-e{margin:var(--s1) 0 0;font-size:var(--t-s);color:var(--mu)}.igj-e:empty{display:none}
.igj-w{width:100%;max-width:960px;margin:var(--s3) 0 0;padding:var(--s3);background:var(--sup);border:var(--borde-sup);border-radius:var(--r-sup);box-shadow:var(--sombra-sup);overflow:hidden}
.igj-w[hidden]{display:none}
.igj-w:focus{outline:0}
.igj.on+.igm{margin-top:var(--s2)}
@media(max-width:760px){.igj-w{padding:var(--s2)}.igj-a .btn{width:100%}}

/* ---------- Detalles de estilo (16 oct 2026, inspiración brilance.es, dentro de las reglas fijas) ---------- */
/* pasos numerados 01-04, con la cifra pequeña y en mayúsculas espaciadas, y más aire entre secciones */
.steps li::before{content:counter(p,decimal-leading-zero);font:700 14px/1 Nunito,"Nunito respaldo",Arial,sans-serif;letter-spacing:.14em;color:var(--ve);margin-bottom:var(--s2)}
.steps.s3 li::before{font-size:14px}
:root{--blq:clamp(72px,calc(28px + 5.6vw),112px)}
@media (max-width:760px){:root{--blq:64px}}
/* títulos de tarjetas y pasos con un poco más de presencia y texto de apoyo más cómodo */
.steps h3{font-size:21px}
.steps p{line-height:1.65}
@media (prefers-reduced-motion:no-preference){html:not(.calma) .steps li{transition:border-color .2s ease}html:not(.calma) .steps li:hover{border-top-color:var(--ve)}}
/* etiqueta pequeña sobre el título de sección y franja estática de datos bajo la portada */
.eb-off{margin:0 0 var(--s2);font:700 13px/1 Nunito,"Nunito respaldo",Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--ve)}
.eb+h2::before{display:none}
.bnf{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s1) var(--s5);margin:0;padding:var(--s3) 0;border-bottom:var(--fino);font:700 15px/1.4 Nunito,"Nunito respaldo",Arial,sans-serif;color:var(--az)}
.bnf li{display:flex;align-items:center;gap:10px}
.bnf li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--co)}
@media (max-width:760px){.bnf{flex-direction:column;align-items:flex-start;gap:var(--s1)}}

/* ---------- Estilo «brilance» (16 oct 2026, pedido por Chiara: igual que brilance.es). Colores, tipografías y neurona de la marca ---------- */
/* portada centrada a pantalla completa: titular grande, frase, botón en píldora y la neurona apoyada en la línea */
.hero.hb{min-height:calc(100svh - 72px);align-content:space-between;padding-top:var(--s6);--s:clamp(200px,calc(60px + 24vw),420px)}
.hbt{grid-column:1/-1;grid-row:1;text-align:center;padding-bottom:var(--s5);display:flex;flex-direction:column;align-items:center}
.hero h1{font-size:clamp(44px,calc(24px + 4.6vw),88px);line-height:1.02;letter-spacing:-.025em;max-width:13em;margin:0 0 var(--s3)}
.hbt p.l{max-width:34em;margin-left:auto;margin-right:auto;font-size:clamp(18px,1.4vw,21px)}
.hbt .btn,.pca .btn,.rsm,#nav a.rs{border-radius:999px}
.hbt .btn{padding:0 40px}
.hbt .cfz{margin:0 auto}
.hbf{grid-column:1/-1;grid-row:2}
.hl{grid-row:3}
/* títulos de sección centrados y más grandes, con el mismo aire */
main .pg>section>h2,.trc h2,.ipq h2,.eb{text-align:center}
main .pg>section>h2,.ipq h2{font-size:clamp(32px,calc(22px + 2.6vw),56px);line-height:1.08;letter-spacing:-.02em}
.eb+h2,.eb{margin-left:auto;margin-right:auto}
.eb+h2{max-width:20em}
:is(main .pg>section>h2)::before{margin-left:auto;margin-right:auto}
/* franja de datos más amplia, centrada */
.bnf{padding:var(--s4) 0;border-top:0}
/* bandas alternas: crema, blanco suave y arena (sin azules) */
#primera{background:var(--sup);box-shadow:0 0 0 100vmax var(--sup);clip-path:inset(0 -100vmax);padding-bottom:var(--blq)}
.franja.coo,.coo{background:#F1EBDD;box-shadow:0 0 0 100vmax #F1EBDD;clip-path:inset(0 -100vmax);padding-bottom:var(--blq)}
@media (max-width:760px){.hero.hb{min-height:calc(100svh - 64px);padding-top:var(--s5)}.hero h1{font-size:clamp(40px,12vw,56px)}}
/* ajuste: que la neurona entre en el primer pantallazo */
@media (min-width:761px){
.hero.hb{padding-top:var(--s5);--s:clamp(190px,calc(40px + 17vw),330px)}
.hero h1{font-size:clamp(44px,calc(20px + 3.6vw),72px);margin-bottom:var(--s2)}
.hbt{padding-bottom:var(--s3)}
.hbt p.l{margin-bottom:var(--s3)}
.hbt>p:has(.btn){margin-bottom:var(--s3)}
.hbt .cfz{background:none;border:0;box-shadow:none;padding:0}
.hbt .cfz-n{font-size:16px}
}
@media (min-width:761px){.hero.hb{min-height:0;align-content:start;--s:clamp(240px,21vw,320px)}.hbf{margin-top:var(--s2)}}
/* títulos y etiquetas centrados en todo el ancho; «Hola, soy Chiara» a la izquierda junto a su foto */
:is(#primera,.coo,.igs,.ipq,.tpg>section,#terapias>section)>:is(h2,.eb){grid-column:1/-1!important;justify-self:center;text-align:center}
:is(main .pg>section>.eb+h2,.ipq .eb+h2)::before{display:none!important}
.trc h2{text-align:left}
.trc h2{font-size:var(--t-h2)}
.ipq .eb{display:block;width:100%}
:is(.igs,.coo)>*:not(.coo-l,ul,ol){text-align:center;margin-left:auto;margin-right:auto;justify-self:center}
.igs{justify-items:center}.igs>*{grid-column:1/-1!important}
.igs .dots{justify-self:center}
.igs :is(.btn,a.btn){margin:0 auto}
.coo>p{max-width:40em}
.ipq .eb{text-align:center!important;margin-left:0}.ipq .eb+h2{margin-left:auto;margin-right:auto;text-align:center}

/* ---------- Cabecera con logo centrado y portada clara a todo el ancho (sin fondos oscuros, decisión de Chiara 16 oct 2026) ---------- */
@media(min-width:1121px){
 header .w{position:relative}
 header .w>a:first-child{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;z-index:2}
 .lg{height:52px}
 #nav{display:contents}
 #nav>a:not(.rs){order:1}
 #nav>.cal,#nav>.lng,#nav>a.rs{order:3}
 #nav>a:not(.rs):last-of-type{margin-right:auto}
 .cal{margin-left:auto}
}
.hero.hb{background:#F1EBDD;box-shadow:0 0 0 100vmax #F1EBDD;clip-path:inset(0 -100vmax)}
.hl{background:none;border-top:2px solid var(--az);height:0}
.bnf{background:#F1EBDD;box-shadow:0 0 0 100vmax #F1EBDD;clip-path:inset(0 -100vmax);border-bottom:0}
.bnf{border:0!important;box-shadow:0 0 0 100vmax #F1EBDD}@media(min-width:1121px){.cal{margin-right:var(--s2)}#nav>.cal{margin-left:auto}}
html,body{overflow-x:clip}
.tpg .tps,.tpg .steps.s3,.tpg .tfq,.tpg .sx>*:not(h2,.eb){margin-left:auto;margin-right:auto}
.tpg .steps.s3{grid-column:1/-1!important;width:min(100%,44em)}
.tpg .tps{grid-column:1/-1!important;width:min(100%,44em)}
.tpg .sx>*:not(h2,.eb){grid-column:1/-1!important;width:min(100%,44em)}
main .pg>section>h2::before,.ipq h2::before,.igs h2::before{margin:0 auto var(--s2)!important}
.tpg .sx p,.tpg .sx .sr{text-align:center}

/* ---------- Pulido (skills emil-design-eng y web-design-guidelines, 16 oct 2026) ---------- */
:root{--ease-out:cubic-bezier(.23,1,.32,1)}
/* táctil: sin zoom por doble toque y sin destello gris al pulsar */
a,button,summary,.btn{touch-action:manipulation;-webkit-tap-highlight-color:rgba(20,114,117,.14)}
/* respuesta al pulsar: botones principales y secundarios se hunden un poco, con curva fuerte (solo transform) */
.btn,#nav a.rs,.rsm{transition:transform .16s var(--ease-out),box-shadow .16s ease,background-color .16s ease}
.btn:active,#nav a.rs:active,.rsm:active{transform:scale(.97)}
/* las anclas no quedan bajo la cabecera fija */
[id]{scroll-margin-top:88px}
/* títulos equilibrados y párrafos sin viudas */
h1,h2,h3{text-wrap:balance}
p,li{text-wrap:pretty}
/* menú móvil: el desplazamiento no se pasa a la página */
#nav{overscroll-behavior:contain}
@media (prefers-reduced-motion:reduce){.btn:active,#nav a.rs:active,.rsm:active{transform:none}}
:root{--t-h1:clamp(34px,calc(20px + 2.9vw),62px)}

/* =====================================================================================
   REDISEÑO «WOW» (16 oct 2026, pedido por Chiara; permiso total). Marca intacta: colores, tipografías y neurona.
   Idea: la mente inquieta en movimiento. Titular enorme a la izquierda, la neurona 3D gigante a la derecha rodeada de
   luz de la marca, cinta de temas, frase que se enciende al desplazar, pasos como tarjetas con cifras de contorno,
   mosaico de colores suaves y la foto en arco.
   ===================================================================================== */
:root{--coral-s:#FFE4DC;--verde-s:#DCEDEA;--arena-s:#F1EBDD}
/* ---- portada ---- */
.hero.hb{background:none;box-shadow:none;clip-path:inset(-200px -100vmax);isolation:isolate;position:relative;min-height:calc(100svh - 72px);align-content:center;padding:var(--s5) 0}
.hero.hb::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:-100vmax;right:-100vmax;background:radial-gradient(46% 62% at 76% 52%,rgba(253,153,132,.34),transparent 72%),radial-gradient(34% 46% at 96% 6%,rgba(20,114,117,.2),transparent 70%),radial-gradient(30% 40% at 4% 100%,rgba(253,153,132,.18),transparent 70%)}
.hl{display:none}
@media(min-width:900px){
 .hbt{grid-column:1/span 7;grid-row:1;align-items:flex-start;text-align:left;padding:0;position:relative;z-index:2}
 .hero h1{font-size:clamp(56px,7.4vw,124px);line-height:.95;letter-spacing:-.035em;max-width:none;margin:0 0 var(--s4)}
 .hero h1 span{display:block}
 .hbt p.l{margin:0 0 var(--s4);max-width:26em;font-size:clamp(19px,1.5vw,23px);text-align:left}
 .hbt>p:has(.btn){margin:0 0 var(--s4)}
 .hbt .cfz{margin:0}
 .hbf{grid-column:6/-1;grid-row:1;margin:0 -7vw 0 0;align-self:center;justify-content:center;z-index:1}
 .hbf .hn{clip-path:none;margin:0}
 .hero.hb{--s:min(54vw,82vh,820px)}
}
@media(max-width:899px){
 .hero.hb{min-height:0;padding:var(--s5) 0 0}
 .hbt{text-align:center;align-items:center}
 .hero h1{font-size:clamp(46px,14vw,72px);line-height:.98;letter-spacing:-.03em}
 .hero h1 span{display:block}
 .hero.hb{--s:min(112vw,520px)}
 .hbf{margin:0 -6vw}
 .hbf .hn{clip-path:none;margin:0}
}
/* ---- cinta de temas ---- */
.mq{overflow:hidden;border-block:var(--fino);background:var(--sup);padding:var(--s3) 0;position:relative;left:50%;width:100vw;margin-left:-50vw}
.mq-t{display:flex;width:max-content}
.mq ul{display:flex;flex:none;list-style:none;margin:0;padding:0}
.mq li{font:700 clamp(22px,2.4vw,34px)/1 Lora,"Lora respaldo",Georgia,serif;color:var(--az);padding:0 var(--s4);white-space:nowrap;display:flex;align-items:center;gap:var(--s4)}
.mq li::after{content:"";width:12px;height:12px;border-radius:50%;background:var(--co)}
.mq li:nth-child(3n+2)::after{background:var(--ve)}.mq li:nth-child(3n)::after{background:var(--az)}
@media (prefers-reduced-motion:no-preference){html:not(.calma) .mq-t{animation:mq 55s linear infinite}html:not(.calma) .mq:hover .mq-t{animation-play-state:paused}}
@keyframes mq{to{transform:translateX(-50%)}}
/* ---- frase que se enciende al desplazar ---- */
.mf{padding:calc(var(--blq) * 1.3) 0!important;display:block!important}
.mf-t{font:700 clamp(34px,5.6vw,92px)/1.04 Lora,"Lora respaldo",Georgia,serif;letter-spacing:-.03em;text-align:center;max-width:15em;margin:0 auto;color:var(--az)}
.mf-t span{display:block}
@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){html:not(.calma) .mf-t span{opacity:.16;animation:mfin linear both;animation-timeline:view();animation-range:entry 15% cover 45%}}}
@keyframes mfin{to{opacity:1}}
/* ---- pasos: tarjetas con cifras de contorno ---- */
.steps{gap:var(--s3)!important}
.steps li{background:var(--sup);border:var(--borde-sup)!important;border-radius:24px;padding:var(--s4) var(--s3) var(--s4)!important;box-shadow:var(--sombra-sup);transition:transform .25s var(--ease-out),box-shadow .25s ease}
.steps li::before{font:700 88px/.9 Lora,"Lora respaldo",Georgia,serif!important;letter-spacing:-.02em!important;color:transparent!important;-webkit-text-stroke:1.5px var(--co);margin-bottom:var(--s3)!important}
.steps li:nth-child(even)::before{-webkit-text-stroke-color:var(--ve)}
@media(hover:hover) and (pointer:fine){.steps li:hover{transform:translateY(-6px);box-shadow:var(--sombra)}}
.steps.s3 li{border-radius:0;box-shadow:none;background:none;padding:var(--s2) 0!important;border:0!important;border-bottom:var(--fino)!important}
.steps.s3 li::before{font:700 15px/1 Nunito,Arial,sans-serif!important;-webkit-text-stroke:0;color:var(--ve)!important}
/* ---- ¿Para quién es?: mosaico de colores suaves ---- */
.ipq .tlk ul{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--s2)}
.ipq .tlk li{grid-column:span 2}
.ipq .tlk li:nth-child(n+4){grid-column:span 3}
.ipq .tlk a{min-height:150px;border-radius:24px;border:0;padding:var(--s3);align-items:flex-end;font-size:clamp(24px,2.2vw,32px);transition:transform .25s var(--ease-out),box-shadow .25s ease}
.ipq .tlk li:nth-child(1) a{background:var(--coral-s)}
.ipq .tlk li:nth-child(2) a{background:var(--verde-s)}
.ipq .tlk li:nth-child(3) a{background:var(--arena-s)}
.ipq .tlk li:nth-child(4) a{background:var(--verde-s)}
.ipq .tlk li:nth-child(5) a{background:var(--coral-s)}
@media(hover:hover) and (pointer:fine){.ipq .tlk a:hover{transform:translateY(-6px) rotate(-.4deg);box-shadow:var(--sombra)}}
@media(max-width:760px){.ipq .tlk ul{grid-template-columns:minmax(0,1fr)}.ipq .tlk li,.ipq .tlk li:nth-child(n+4){grid-column:auto}.ipq .tlk a{min-height:96px}}
/* ---- foto en arco ---- */
.hola .foto{border-radius:999px 999px 28px 28px;overflow:hidden;box-shadow:0 30px 60px -30px rgba(16,74,70,.45)}
.hola .fmar{position:relative}
.hola .fmar::before{content:"";position:absolute;inset:6% -8% -4% 10%;border-radius:999px 999px 28px 28px;background:var(--coral-s);z-index:-1}
.hola .fmar{max-width:360px}
.trc.hola h2{font-size:clamp(34px,4.2vw,60px);line-height:1.04;letter-spacing:-.025em}
@media(max-width:899px){.hbt{padding-bottom:0}.hbf{margin-top:-14vw}}

/* ---- páginas interiores: luz de marca, red decorativa y titular grande ---- */
main{position:relative;isolation:isolate}
main:not(:has(#inicio))::before{content:"";position:absolute;z-index:-1;top:0;height:760px;left:-100vmax;right:-100vmax;background:radial-gradient(40% 60% at 82% 28%,rgba(253,153,132,.30),transparent 72%),radial-gradient(30% 45% at 98% 4%,rgba(20,114,117,.16),transparent 70%),radial-gradient(28% 40% at 2% 70%,rgba(253,153,132,.14),transparent 70%)}
main:not(:has(#inicio))::after{content:"";position:absolute;z-index:-1;top:40px;right:-2vw;width:min(46vw,620px);aspect-ratio:600/520;background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 520'><g stroke='%23147275' stroke-opacity='.35' stroke-width='1.4'><line x1='60' y1='120' x2='170' y2='60'/><line x1='60' y1='120' x2='120' y2='260'/><line x1='170' y1='60' x2='300' y2='110'/><line x1='300' y1='110' x2='430' y2='50'/><line x1='300' y1='110' x2='250' y2='230'/><line x1='430' y1='50' x2='540' y2='150'/><line x1='120' y1='260' x2='250' y2='230'/><line x1='120' y1='260' x2='80' y2='400'/><line x1='250' y1='230' x2='380' y2='270'/><line x1='380' y1='270' x2='500' y2='330'/><line x1='500' y1='330' x2='470' y2='470'/><line x1='80' y1='400' x2='210' y2='420'/><line x1='210' y1='420' x2='350' y2='440'/><line x1='350' y1='440' x2='470' y2='470'/></g><g fill-opacity='.9'><circle cx='60' cy='120' r='9' fill='%23FD9984'/><circle cx='170' cy='60' r='6' fill='%23147275'/><circle cx='300' cy='110' r='12' fill='%23043850'/><circle cx='430' cy='50' r='7' fill='%23FD9984'/><circle cx='540' cy='150' r='9' fill='%23147275'/><circle cx='120' cy='260' r='6' fill='%23043850'/><circle cx='250' cy='230' r='12' fill='%23FD9984'/><circle cx='380' cy='270' r='7' fill='%23147275'/><circle cx='500' cy='330' r='9' fill='%23043850'/><circle cx='80' cy='400' r='6' fill='%23FD9984'/><circle cx='210' cy='420' r='12' fill='%23147275'/><circle cx='350' cy='440' r='7' fill='%23043850'/><circle cx='470' cy='470' r='9' fill='%23FD9984'/></g></svg>") no-repeat center/contain;opacity:.55;pointer-events:none}
@media(max-width:899px){main:not(:has(#inicio))::after{width:70vw;opacity:.3;top:20px}}
main :is(.tpg,#terapias,#sobre-mi,#reservar,#contacto) h1,main:not(:has(#inicio)) h1{font-size:clamp(42px,5.6vw,92px);line-height:.98;letter-spacing:-.034em}
/* ---- un solo momento orquestrado al cargar la portada y entradas al desplazar (solo transform y opacity) ---- */
@media (prefers-reduced-motion:no-preference){
 html:not(.calma) .hero h1 span{display:block;animation:rise .9s var(--ease-out) both}
 html:not(.calma) .hero h1 span:nth-child(2){animation-delay:.12s}
 html:not(.calma) .hero h1 span:nth-child(3){animation-delay:.24s}
 html:not(.calma) .hbt p.l{animation:rise .9s var(--ease-out) .38s both}
 html:not(.calma) .hbt>p:has(.btn){animation:rise .9s var(--ease-out) .5s both}
 html:not(.calma) .hbf{animation:rise 1.1s var(--ease-out) .2s both}
}
@keyframes rise{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){
 html:not(.calma) .steps li,html:not(.calma) .ipq .tlk li,html:not(.calma) .coo-l>*{animation:rise linear both;animation-timeline:view();animation-range:entry 0% entry 55%}
 html:not(.calma) .hbf .hn{animation:drift linear both;animation-timeline:scroll(root);animation-range:0 100vh}
}}
@keyframes drift{to{transform:translateY(9vh) scale(1.07)}}
main h1{--pb:30px}
#sobre-mi .foto{border-radius:999px 999px 28px 28px;overflow:hidden}
/* frase central más contenida y con acción de reserva */
.mf{padding:calc(var(--blq) * .7) 0!important}
.mf-t{font-size:clamp(26px,3vw,42px);line-height:1.18;letter-spacing:-.02em;max-width:22em}
.mf-c{text-align:center;margin:var(--s4) 0 0}
.mf{display:flex!important;flex-direction:column;align-items:center}.mf-c{width:auto}
.igj-w{min-height:420px}.igj.on .igj-n{margin-bottom:var(--s2)}
.igj-w[hidden]{display:none}
/* índice de terapias: mosaico de colores como en el Inicio */
#terapias>section:first-child>.tln{grid-column:1/-1!important;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--s2);padding:0;background:none;border:0;box-shadow:none;border-radius:0}
.tln li{grid-column:span 2;border:0}
.tln li:nth-child(n+4){grid-column:span 3}
.tln a{min-height:150px;margin:0;padding:var(--s3);align-items:flex-end;border-radius:24px;font:700 clamp(24px,2.4vw,34px)/1.1 Lora,"Lora respaldo",Georgia,serif;background:var(--coral-s);transition:transform .25s var(--ease-out),box-shadow .25s ease}
.tln li:nth-child(2) a,.tln li:nth-child(4) a{background:var(--verde-s)}
.tln li:nth-child(3) a{background:var(--arena-s)}
@media(hover:hover) and (pointer:fine){.tln a:hover{transform:translateY(-6px) rotate(-.4deg);box-shadow:var(--sombra);background-size:100% 100%}}
@media(max-width:760px){#terapias>section:first-child>.tln{grid-template-columns:minmax(0,1fr)}.tln li,.tln li:nth-child(n+4){grid-column:auto}.tln a{min-height:96px}}
/* Sobre mí: títulos mayores y temas como píldoras de colores */
.smt h2,.smv-h h2{font-size:clamp(32px,3.6vw,54px);line-height:1.04;letter-spacing:-.025em}
.smtm{display:flex;flex-wrap:wrap;gap:var(--s2);font:700 clamp(18px,1.6vw,22px)/1.2 Nunito,Arial,sans-serif;margin:0}
.smtm i{font-style:normal;padding:14px 26px;border-radius:999px;background:var(--coral-s);color:var(--az)}
.smtm i:nth-of-type(3n+2){background:var(--verde-s)}.smtm i:nth-of-type(3n){background:var(--arena-s)}
.smtm span[aria-hidden]{display:none}
@media(hover:hover) and (pointer:fine){.smtm i{transition:transform .2s var(--ease-out)}.smtm i:hover{transform:translateY(-3px)}}
#terapias>section:first-child>.tgr{grid-column:1/-1!important;grid-row:auto!important;justify-self:center;margin:var(--s4) 0 0}
#terapias>section:first-child>.cfz{grid-column:1/-1!important;grid-row:auto!important;justify-self:start;margin:0 0 var(--s4);position:static}
#sobre-mi .coo>*:not(.coo-l,.dots){text-align:left;margin-left:0;margin-right:0;justify-self:start}
#sobre-mi .coo>h2{grid-column:1/span 9!important}
#terapias>section:first-child>.tln{grid-row:auto!important;order:5}#terapias>section:first-child>.tgr{order:6}

/* ---- aviso de cookies ---- */
#ckb{position:fixed;left:var(--s2);right:var(--s2);bottom:var(--s2);z-index:60;max-width:760px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2) var(--s3);padding:var(--s3);background:var(--sup);border:var(--borde-sup);border-radius:var(--r-sup);box-shadow:0 20px 50px -18px rgba(16,74,70,.45)}
#ckb p{flex:1 1 320px;margin:0;font-size:16px;line-height:1.5;color:var(--az)}
#ckb div{display:flex;gap:var(--s1);flex:none}
#ckb .btn{min-height:48px;padding:0 24px}
@media(min-width:900px){#ckb{left:auto;right:var(--s3);bottom:var(--s3);margin:0}}
@media(max-width:560px){#ckb div{width:100%}#ckb .btn{flex:1}}
footer .ck-cfg{display:inline-flex;align-items:center;min-height:44px;padding:0;background:none;border:0;font:inherit;color:var(--mu);text-decoration:underline;text-decoration-color:rgba(58,88,104,.4);cursor:pointer}
footer .ck-cfg:hover{color:var(--ve)}

/* ---- precios y bonos ---- */
.prs{display:block!important}
.prs>h2{text-align:center}
.pr{max-width:980px;margin:0 auto}
.pr-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--s3);margin:0 auto}
.pr-c{position:relative;display:flex;flex-direction:column;gap:var(--s1);padding:var(--s4);background:var(--sup);border:var(--borde-sup);border-radius:28px;box-shadow:var(--sombra-sup);text-align:left;transition:transform .25s var(--ease-out),box-shadow .25s ease}
.pr-c h3{margin:0;font-size:22px}
.pr-n{margin:var(--s2) 0 0;font:700 clamp(44px,5vw,68px)/1 Lora,"Lora respaldo",Georgia,serif;letter-spacing:-.03em;color:var(--az)}
.pr-s{margin:0;color:var(--mu);font-size:17px}
.pr-c.dst{background:var(--coral-s);border-color:transparent}
.pr-c.dst::after{content:"";position:absolute;top:var(--s3);right:var(--s3);width:14px;height:14px;border-radius:50%;background:var(--co);box-shadow:-22px 0 0 var(--ve),-44px 0 0 var(--az)}
.pr-t{text-align:center;margin:var(--s5) 0 var(--s3);font-size:26px}
.pr-m .pr-c:nth-child(2){background:var(--verde-s);border-color:transparent}
.pr-p{text-align:center;margin:var(--s4) 0 0}
@media(hover:hover) and (pointer:fine){.pr-c:hover{transform:translateY(-6px);box-shadow:var(--sombra)}}
.prs>*{grid-column:1/-1!important;margin-left:auto;margin-right:auto}
.prs{display:flex!important;flex-direction:column;align-items:center}
.prs .pr{width:100%}
#ckb .btn:not(.o){background:var(--co);color:var(--az);box-shadow:inset 0 -2px 0 rgba(16,74,70,.16)}
.pr-i{text-align:center;max-width:36em;margin:calc(var(--s2) * -1) auto var(--s3);color:var(--mu)}
.pr-m{grid-template-columns:repeat(4,minmax(0,1fr))}
.pr-m .pr-c{padding:var(--s3)}
.pr-m .pr-n{font-size:clamp(32px,3.2vw,44px)}
.pr-m .pr-c:nth-child(2){background:var(--verde-s)}
.pr-m .pr-c:nth-child(3){background:var(--arena-s)}
.pr-m .pr-c:nth-child(4){background:var(--coral-s)}
.pr-m .pr-c:nth-child(n){border-color:transparent}
.pr:has(.pr-m){max-width:1200px}
@media(max-width:1000px){.pr-m{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.pr-m{grid-template-columns:minmax(0,1fr)}}

/* ===== MÓVIL (17 oct 2026): cookies compactas, pasos sin solape, precios en 2 columnas ===== */
@media(max-width:700px){
 #ckb{left:10px;right:10px;bottom:10px;padding:14px;gap:10px;border-radius:20px}
 #ckb p{flex-basis:100%;font-size:14px;line-height:1.4}
 #ckb div{width:100%}
 #ckb .btn{min-height:42px;padding:0 14px;font-size:15px}
 .steps li{display:block!important;padding:var(--s3)!important}
 .steps li::before{font-size:52px!important;line-height:1!important;margin-bottom:var(--s2)!important}
 .steps li::before{grid-row:auto}
 .pr-m{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:var(--s1)}
 .pr-m .pr-c{padding:var(--s2)}
 .pr-m .pr-c h3{font-size:17px}
 .pr-m .pr-n{font-size:30px}
 .pr-m .pr-s{font-size:14px;line-height:1.35}
 .pr-c{padding:var(--s3);border-radius:22px}
 .igj-b,.igj-w .btn{width:100%;padding:0 16px}
 .hero.hb{padding-top:var(--s4)}
 .mf-t{font-size:clamp(24px,7vw,32px)}
}
@media(max-width:380px){.pr-m{grid-template-columns:minmax(0,1fr)!important}}

/* ===== Subrayado tipo resaltador en la palabra clave del titular (17 oct 2026) ===== */
em.rotu{position:relative;display:inline;padding:0 .08em;background:linear-gradient(100deg,rgba(253,153,132,0) 0,rgba(253,153,132,.55) 4%,rgba(253,153,132,.42) 96%,rgba(253,153,132,0) 100%) 0 78%/100% .34em no-repeat;-webkit-box-decoration-break:clone;box-decoration-break:clone}
@media (prefers-reduced-motion:no-preference){html:not(.calma) em.rotu{animation:ulr 1s var(--ease-out) .45s both}}
@keyframes ulr{from{background-size:0 .34em}to{background-size:100% .34em}}

/* ===== Terapia en grupo: tarjetas y lista de espera (17 oct 2026) ===== */
.gp-g{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:var(--s3)}
.gp{display:flex;flex-direction:column;gap:var(--s2);padding:var(--s4);background:var(--sup);border:var(--borde-sup);border-radius:28px;box-shadow:var(--sombra-sup)}
.gp:nth-child(5n+1){background:var(--coral-s);border-color:transparent}.gp:nth-child(5n+2){background:var(--verde-s);border-color:transparent}.gp:nth-child(5n+3){background:var(--arena-s);border-color:transparent}.gp:nth-child(5n+4){background:var(--coral-s);border-color:transparent}
.gp h3{margin:0;font-size:21px}.gp p{margin:0}.gp p:last-child{margin-top:auto;padding-top:var(--s2)}
.lw form{display:grid;gap:var(--s2);max-width:560px}.lw form p{margin:0}
.lw label{display:block;margin:0 0 6px;font-weight:700;color:var(--az)}
.lw select{width:100%;min-height:52px;padding:12px 16px;border:1.5px solid var(--bd2);border-radius:8px;background:var(--papel);color:var(--az);font:inherit}
.lw-ck label{display:flex;gap:12px;align-items:flex-start;font-weight:400}.lw-ck input{width:22px;min-height:22px;margin-top:3px;flex:none}
.lw-st{min-height:1.5em;font-weight:700;color:var(--ve)}

.lw-ck label span{flex:1;min-width:0}

/* ===== TALLERES (17 oct 2026) ===== */
.tk-pill{display:inline-block;padding:6px 14px;border-radius:999px;background:var(--coral-s);color:var(--az);font-weight:800;font-size:13px;letter-spacing:.06em;text-transform:uppercase}
.tk-prox{position:relative;overflow:hidden;text-align:center;padding:clamp(32px,5vw,64px) var(--s4)!important;border-radius:36px;background:radial-gradient(120% 140% at 15% 0,#FFE4DC 0,#F6F0E4 45%,#DCEDEA 100%);border:var(--borde-sup)}
.tk-prox:before,.tk-prox:after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.tk-prox:before{width:240px;height:240px;right:-70px;top:-90px;background:rgba(253,153,132,.28)}
.tk-prox:after{width:180px;height:180px;left:-60px;bottom:-80px;background:rgba(20,114,117,.16)}
.tk-prox>*{position:relative}.tk-prox h2{margin:14px auto 10px;max-width:22ch}.tk-prox p{max-width:52ch;margin:0 auto}
.tk-g{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:var(--s3);counter-reset:tk}
.tk{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:var(--s2);padding:var(--s4);border-radius:28px;background:var(--sup);border:var(--borde-sup);box-shadow:var(--sombra-sup);transition:transform .35s var(--ease-out),box-shadow .35s var(--ease-out)}
.tk:nth-child(4n+1){background:var(--coral-s);border-color:transparent}.tk:nth-child(4n+2){background:var(--verde-s);border-color:transparent}.tk:nth-child(4n+3){background:var(--arena-s);border-color:transparent}.tk:nth-child(4n+4){background:#FFF4E2;border-color:transparent}
.tk-n{position:absolute;right:16px;top:-6px;font-family:Lora,serif;font-weight:700;font-size:96px;line-height:1;color:transparent;-webkit-text-stroke:1.5px rgba(4,56,80,.18);pointer-events:none}
.tk-tag{align-self:flex-start;padding:4px 12px;border-radius:999px;background:rgba(255,255,255,.7);font-weight:800;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--az)}
.tk h3{margin:0;font-size:23px;max-width:14ch;position:relative}.tk p{margin:0}.tk-m{font-size:14px;opacity:.8}.tk p:last-child{margin-top:auto;padding-top:var(--s2)}
@media(hover:hover){.tk:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(4,56,80,.14)}}
.tkb{padding:clamp(28px,4vw,56px) 0!important}
.tkb-i{position:relative;overflow:hidden;padding:clamp(28px,5vw,56px);border-radius:36px;background:linear-gradient(120deg,#FFE4DC 0,#F6F0E4 50%,#DCEDEA 100%);border:var(--borde-sup)}
.tkb-i:before{content:"";position:absolute;width:260px;height:260px;right:-80px;top:-100px;border-radius:50%;background:rgba(253,153,132,.3)}
.tkb-i>*{position:relative}.tkb-i h2{margin:12px 0 8px}.tkb-i p{max-width:54ch}
@media(max-width:700px){.tk-n{font-size:72px}.tk h3{max-width:none}}
@media(prefers-reduced-motion:reduce){.tk{transition:none}}
.tpg .tk-pill{display:inline-block;width:auto;max-width:100%}
.tpg section.tk-prox{position:relative;overflow:hidden;text-align:center;padding:clamp(32px,5vw,64px) var(--s4);margin-block:var(--s5);border-radius:36px;background:radial-gradient(120% 140% at 15% 0,#FFE4DC 0,#F6F0E4 45%,#DCEDEA 100%);border:var(--borde-sup)}
.tpg section.tkb .tkb-i{position:relative}
.tkh{padding-top:clamp(28px,4vw,56px)}
.tk-g{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.tpg section.tk-prox{display:block!important}
.tpg .tk-pill,.tkb .tk-pill{display:inline-block!important;width:auto!important}

/* ---------- CÓMO AYUDO v2 (17 oct 2026): tarjetas con explicación y un color por motivo de consulta ---------- */
#terapias>section:first-child>.tln{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:var(--s2)}
#terapias .tln li,#terapias .tln li:nth-child(n+4){grid-column:span 1!important}
#terapias .tln li.tln-h{grid-column:1/-1!important;margin-top:var(--s2);font:700 13px/1 Nunito,"Nunito respaldo",Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--mu)}
#terapias .tln li.tln-h:first-child{margin-top:0}
#terapias .tln a{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:var(--s1);min-height:220px;padding:var(--s3);border-radius:24px;position:relative;border:1px solid transparent;font:inherit}
#terapias .tln a::after{position:absolute;right:20px;bottom:20px;margin:0}
#terapias .tln .tt{display:block;font:700 clamp(22px,1.9vw,27px)/1.15 Lora,"Lora respaldo",Georgia,serif;color:var(--az);padding-right:24px}
#terapias .tln .td{display:block;font:400 16px/1.5 Nunito,"Nunito respaldo",Arial,sans-serif;color:var(--mu);padding-bottom:var(--s3)}
#terapias .tln li.p a{background:var(--sup);border-color:var(--bd)}
#terapias .tln li.c-tdah a{background:#FFE4DC;box-shadow:inset 0 6px 0 #FD9984}
#terapias .tln li.c-tea a{background:#DCEDEA;box-shadow:inset 0 6px 0 #147275}
#terapias .tln li.c-aacc a{background:#DDE8F4;box-shadow:inset 0 6px 0 #4F86C0}
#terapias .tln li.c-grp a{background:#F8EBBE;box-shadow:inset 0 6px 0 #D9A92B}
#terapias .tln li.c-tdah a::after{border-color:#C9573F}#terapias .tln li.c-aacc a::after{border-color:#2F5F94}#terapias .tln li.c-grp a::after{border-color:#9A7210}
@media(hover:hover) and (pointer:fine){#terapias .tln a:hover{transform:translateY(-6px);box-shadow:var(--sombra)}
#terapias .tln li.c-tdah a:hover{box-shadow:inset 0 6px 0 #FD9984,var(--sombra)}#terapias .tln li.c-tea a:hover{box-shadow:inset 0 6px 0 #147275,var(--sombra)}#terapias .tln li.c-aacc a:hover{box-shadow:inset 0 6px 0 #4F86C0,var(--sombra)}#terapias .tln li.c-grp a:hover{box-shadow:inset 0 6px 0 #D9A92B,var(--sombra)}}
@media(max-width:1000px){#terapias>section:first-child>.tln{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:640px){#terapias>section:first-child>.tln{grid-template-columns:minmax(0,1fr)!important}#terapias .tln a{min-height:0}}

/* ¿Para quién es? (17 oct 2026): siete tarjetas, TDAH, TEA y altas capacidades con su color de Cómo ayudo */
@media(min-width:1001px){.ipq .tlk ul{grid-template-columns:repeat(4,minmax(0,1fr))}.ipq .tlk li,.ipq .tlk li:nth-child(n+4){grid-column:span 1}}
@media(min-width:761px) and (max-width:1000px){.ipq .tlk ul{grid-template-columns:repeat(2,minmax(0,1fr))}.ipq .tlk li,.ipq .tlk li:nth-child(n+4){grid-column:span 1}}
.ipq .tlk li.x-tdah a{background:#FFE4DC}.ipq .tlk li.x-tea a{background:#DCEDEA}.ipq .tlk li.x-aacc a{background:#DDE8F4}
#terapias .tln li{display:flex}#terapias .tln li a{flex:1;width:100%}
.ipq .tlk li:nth-child(-n+4) a{background:var(--sup);border:1px solid var(--bd)}

/* ---------- PRECIOS v2 (17 oct 2026): sesión suelta en una franja y planes en tarjetas compactas ---------- */
.pr,.pr:has(.pr-pl){max-width:1100px}
.pr-one{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);max-width:540px;margin:var(--s3) auto 0;padding:var(--s2) var(--s4);background:var(--coral-s);border-radius:20px}
.pr-one h3{margin:0;font-size:20px}.pr-one p{margin:2px 0 0;color:var(--mu);font-size:16px}
.pr-one .pr-n{margin:0;font-size:40px;color:var(--az)}
.pr .pr-t{margin:var(--s5) 0 var(--s1);font-size:clamp(22px,2vw,28px)}
.pr .pr-i{margin:0 auto var(--s4);max-width:34em;font-size:16px}
.pr-pl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.pr-card{height:100%;display:flex;flex-direction:column;align-items:center;gap:var(--s2);padding:22px 14px 20px;background:var(--sup);border:1px solid var(--bd);border-radius:18px;text-align:center;box-shadow:none;transition:transform .2s var(--ease-out),box-shadow .2s ease,border-color .2s ease}
.pr-card h3{margin:0;font:700 17px/1.25 Nunito,"Nunito respaldo",Arial,sans-serif;color:var(--ve);letter-spacing:.01em}
.pr-l,.pr-r{display:flex;flex-direction:column;align-items:center;gap:6px}
.pr-dots{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;max-width:120px;margin:2px 0}
.pr-dots i{width:8px;height:8px;border-radius:50%;background:var(--co)}
.pr-card .pr-s{margin:0;font-size:15px;font-weight:700;color:var(--az)}
.pr-card .pr-n{margin:0;font-size:36px;line-height:1.05}
.pr-card .pr-u{margin:0;font-size:14px;color:var(--mu)}
.pr-card .pr-a{margin:4px 0 0;padding:3px 10px;border-radius:999px;background:var(--verde-s);color:#0F5F62;font-size:13px;font-weight:700}
@media(hover:hover) and (pointer:fine){.pr-card:hover{transform:translateY(-3px);border-color:var(--bd2);box-shadow:var(--sombra)}}
@media(max-width:1000px){.pr-pl{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.pr-pl{grid-template-columns:minmax(0,1fr);gap:10px}
 .pr-card{flex-direction:row;justify-content:space-between;align-items:center;text-align:left;padding:14px 18px;gap:var(--s2)}
 .pr-l{align-items:flex-start}.pr-r{align-items:flex-end;text-align:right}.pr-dots{justify-content:flex-start;max-width:none}
 .pr-card .pr-n{font-size:30px}.pr-one{padding:var(--s2) var(--s3)}.pr-one .pr-n{font-size:34px}}
.pr-card .pr-a{white-space:nowrap}
@media(max-width:380px){.pr-card .pr-a{font-size:12px;padding:3px 8px}}

/* Reservar: bloque para pacientes que ya vienen (17 oct 2026) */
.rvp{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);flex-wrap:wrap;max-width:860px;margin:var(--s5) auto 0;padding:var(--s3) var(--s4);background:var(--sup);border:1px solid var(--bd);border-radius:20px}
.rvp h2{margin:0 0 4px;font-size:clamp(20px,1.8vw,24px)}.rvp h2::before{display:none!important}
.rvp p{margin:0;color:var(--mu);font-size:16px;max-width:34em}
.rvp .rvp-b{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap}
@media(max-width:700px){.rvp{padding:var(--s3)}.rvp .rvp-b{width:100%}.rvp .btn{width:100%}}

/* Reservar: dos entradas claras, primera consulta y ya soy paciente (17 oct 2026) */
.rvq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3);max-width:860px;margin:var(--s4) auto var(--s5)}
.rvq-c{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s1);padding:var(--s3) var(--s4);border-radius:22px;border:1px solid var(--bd);background:var(--sup)}
.rvq-n{background:var(--coral-s);border-color:transparent}
.rvq-c h2{margin:0;font-size:clamp(21px,1.9vw,26px)}.rvq-c h2::before{display:none!important}
.rvq-c p{margin:0 0 var(--s2);color:var(--mu);font-size:16px;flex:1}
.rvq-b{align-self:stretch}
.rvq-n .rvq-b{background:var(--co);color:var(--az);box-shadow:inset 0 -2px 0 rgba(16,74,70,.16)}
.rvq-c:target,.rvq:target{scroll-margin-top:96px}
@media(max-width:700px){.rvq{grid-template-columns:minmax(0,1fr);gap:var(--s2)}}
.hbt-pac{margin:var(--s2) 0 var(--s4);font-size:16px;color:var(--mu)}
@media(min-width:1121px){#nav a.pac{display:none}}
#nav a.pac{font-weight:700}

/* BLOG */
.blog-l{list-style:none;margin:0;padding:0;display:grid;gap:var(--s3);max-width:46em}
.blog-l li{display:flex;flex-direction:column;gap:4px;padding:var(--s3) 0;border-top:1px solid var(--hair,#E6DFD0)}
.blog-l li:first-child{border-top:0}
.blog-l b{font-family:var(--fd,Lora,Georgia,serif);font-size:1.15em}
.blog-l span{color:var(--mu)}
.tpg .trel{list-style:none;margin:var(--s2) 0 0;padding:0;display:grid;gap:8px}