/*
Theme Name: GeneratePress EMS
Template: generatepress
Description: Tema hijo mínimo de Espacio Mas Salud. Aporta fuentes y colores de la marca, encabezado, pie, barra de WhatsApp y medición. Las secciones de las páginas se arman con bloques de GenerateBlocks y se editan desde el editor.
Version: 0.9.8
Requires at least: 6.7
Requires PHP: 7.4
Text Domain: generatepress-ems
*/

/* ---------- Fuentes del kit, alojadas en el tema ---------- */
@font-face{font-family:'DM Serif Display';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/DMSerifDisplay-normal-400.woff2') format('woff2')}
@font-face{font-family:'DM Serif Display';font-style:italic;font-weight:400;font-display:swap;src:url('fonts/DMSerifDisplay-italic-400.woff2') format('woff2')}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:300 600;font-display:swap;src:url('fonts/Montserrat-variable.woff2') format('woff2')}

/* ---------- Tokens (kit de marca, paleta web reducida) ---------- */
:root{
  /* Paleta definitiva (opción C, 19/10): salvia + ciruela. Botones en ciruela; detalles en salvia profundo; cierre en salvia claro.
     --ems-verde es el salvia profundo (5,5:1 sobre papel). El verde oliva original era #506d02 y el ciruela provisorio #4c3a5e. */
  --ems-verde:#5e6c43;
  --ems-verde-osc:#4b5735;
  --ems-ciruela:#4c3a5e;
  --ems-ciruela-osc:#3a2c48;
  --ems-salvia-claro:#c9d3b0;
  --ems-crema:#f6fae1;
  --ems-blanco:#ffffff;
  --ems-papel:#fbfcf4;
  --ems-tinta2:rgba(76,58,94,.84);
  --ems-hilo:rgba(76,58,94,.18);
  --ems-verde-claro:#dfe6cc;
  --ems-pend-bg:#fbefcf;
  --ems-pend-txt:#6b4700;
  --ems-f-tit:"DM Serif Display", Georgia, "Times New Roman", serif;
  --ems-f-txt:"Montserrat", "Helvetica Neue", Arial, sans-serif;
  --ems-max:1120px;
  --ems-gutter:clamp(20px,5vw,64px);
  --ems-sec:clamp(64px,9vw,112px);
}

/* ---------- Base ---------- */
body{background:var(--ems-papel);color:var(--ems-ciruela);font:400 17px/1.75 var(--ems-f-txt);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:var(--ems-f-tit);font-weight:400;color:var(--ems-ciruela);letter-spacing:-.01em;text-wrap:balance;margin:0}
p{margin:0}
a{color:var(--ems-verde);text-underline-offset:.2em}
a:hover{color:var(--ems-ciruela)}
:focus-visible{outline:2px solid var(--ems-verde);outline-offset:3px}
strong,b{font-weight:600}
img{max-width:100%;height:auto}
@media (max-width:768px){body{font-size:18px}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
html{scroll-behavior:smooth;scroll-padding-top:24px}

/* GeneratePress: lienzo a ancho completo, sin título ni márgenes en las páginas */
.site.grid-container,.site-content{max-width:none;padding:0}
.separate-containers .inside-article,.one-container .site-content,.inside-article{padding:0;background:transparent}
.site-main{margin:0!important}
.entry-content{margin:0}
.entry-content > *{margin-block:0}
.main-navigation,.site-header{display:none}
.site-footer{background:transparent;padding:0}

/* ---------- Piezas reutilizables ---------- */
.ems-in{max-width:var(--ems-max);margin-inline:auto;padding-inline:var(--ems-gutter)}
.ems-lbl{font:500 .75rem/1.4 var(--ems-f-txt);letter-spacing:.2em;text-transform:uppercase;color:var(--ems-verde)}
.ems-tinta2{color:var(--ems-tinta2)}
.ems-h2{font-size:clamp(2.1rem,4.4vw,3.4rem);line-height:1.05}
.ems-lead{font-size:1.12rem;color:var(--ems-tinta2);max-width:44ch}
.ems-micro{font-size:.88rem;color:var(--ems-tinta2)}
.ems-btn{white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:16px 26px;background:var(--ems-ciruela);color:#fff;text-decoration:none;font:500 .82rem/1 var(--ems-f-txt);letter-spacing:.14em;text-transform:uppercase;border-radius:2px;border:0}
.ems-btn:hover,.ems-btn:focus-visible{background:var(--ems-ciruela-osc);color:#fff}
.ems-btn--claro{background:var(--ems-crema);color:var(--ems-ciruela)}
.ems-btn--claro:hover,.ems-btn--claro:focus-visible{background:#fff;color:var(--ems-ciruela)}
.ems-link{display:inline-flex;align-items:center;min-height:44px;color:var(--ems-ciruela);text-decoration:none;font:500 .82rem/1.4 var(--ems-f-txt);letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid currentColor}
.ems-link::after{content:"\00a0→"}
.ems-link{width:fit-content}
.ems-doc .ems-link{color:var(--ems-crema)}
.ems-doc .ems-link:hover{color:var(--ems-verde-claro)}
.ems-link:hover{color:var(--ems-verde)}
.ems-actions{display:flex;flex-wrap:wrap;gap:16px 30px;align-items:center}
/* Marca visible para contenido pendiente de validación: se quita borrando el bloque */
.ems-pend{display:inline-block;font:500 .78rem/1.45 var(--ems-f-txt);letter-spacing:0;text-transform:none;color:var(--ems-pend-txt);background:var(--ems-pend-bg);border-radius:3px;padding:4px 9px;width:fit-content}

/* ---------- Encabezado ---------- */
.ems-header{background:var(--ems-papel);border-bottom:1px solid var(--ems-hilo);position:relative;z-index:20}
.ems-header .ems-in{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:18px}
.ems-header .ems-logo{display:flex;align-items:center;min-height:44px}
.ems-header .ems-logo img{height:46px;width:auto;display:block}
.ems-nav ul{display:flex;gap:24px;list-style:none;margin:0;padding:0}
.ems-nav a{display:inline-block;white-space:nowrap;padding-block:16px;color:var(--ems-ciruela);text-decoration:none;font:500 .75rem/1 var(--ems-f-txt);letter-spacing:.16em;text-transform:uppercase}
.ems-nav a:hover{color:var(--ems-verde)}
.ems-header .ems-turnos{font:500 .75rem/1 var(--ems-f-txt);letter-spacing:.16em;text-transform:uppercase;color:var(--ems-verde);text-decoration:none;border:1px solid var(--ems-verde);padding:16px 18px;border-radius:2px}
.ems-header .ems-turnos:hover{background:var(--ems-verde);color:#fff}
.ems-menu-btn{display:none;background:none;border:1px solid var(--ems-hilo);border-radius:2px;font:500 .75rem var(--ems-f-txt);letter-spacing:.18em;text-transform:uppercase;color:var(--ems-ciruela);min-height:44px;padding:0 14px;cursor:pointer}
@media (max-width:1180px){
  .ems-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--ems-papel);border-bottom:1px solid var(--ems-hilo);padding:8px var(--ems-gutter) 20px}
  .ems-nav.is-open{display:block}
  .ems-nav ul{flex-direction:column;gap:0}
  .ems-nav a{display:block;padding-block:14px;font-size:.82rem}
  .ems-menu-btn{display:block;margin-left:auto}
}
@media (max-width:900px){
  .ems-header .ems-turnos{display:none}
  .ems-header .ems-logo img{height:38px}
}

/* ---------- Hero ---------- */
.ems-hero{padding-top:clamp(28px,5vw,56px)}
.ems-hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,5vw,72px);align-items:end}
.ems-hero-txt{display:grid;gap:26px;align-content:end;padding-bottom:clamp(28px,5vw,64px)}
.ems-hero h1{font-size:clamp(2.4rem,4.1vw,3.9rem);line-height:1.04;hyphens:none}
.ems-hero h1 em{font-style:italic;color:var(--ems-verde)}
.ems-hero-txt .ems-actions{margin-top:10px}
.ems-hero-fig{margin:0;position:relative;align-self:stretch}
.ems-hero-fig img{width:100%;height:100%;max-height:640px;aspect-ratio:4/5;object-fit:cover;object-position:center top;display:block}
.ems-cap{position:absolute;left:-1px;bottom:28px;background:var(--ems-papel);padding:14px 22px 14px 0;margin:0;display:grid;gap:6px}
.ems-cap-name{font:400 1.3rem/1.2 var(--ems-f-tit);color:var(--ems-ciruela)}
.ems-cap-sub{font:500 .72rem/1.4 var(--ems-f-txt);letter-spacing:.16em;text-transform:uppercase;color:var(--ems-verde)}
@media (max-width:900px){
  .ems-hero-grid{grid-template-columns:minmax(0,1fr);gap:0}
  .ems-hero-txt{gap:20px;padding-bottom:36px}
  .ems-hero-txt .ems-actions .ems-btn{width:100%}
  .ems-hero-fig{margin-inline:calc(-1 * var(--ems-gutter))}
  .ems-hero-fig img{max-height:420px;aspect-ratio:4/3;object-position:center 32%}
  .ems-cap{left:var(--ems-gutter);bottom:20px;padding-left:14px}
}

/* ---------- Franja de credenciales (debajo del hero) ---------- */
.ems-cred-strip{border-top:1px solid var(--ems-hilo);background:var(--ems-blanco)}
.ems-cred-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.ems-cred-item{padding:22px 24px 22px 0;font:500 .78rem/1.5 var(--ems-f-txt);letter-spacing:.12em;text-transform:uppercase;color:var(--ems-ciruela);display:flex;align-items:center;gap:14px}
.ems-cred-item:not(:first-child){padding-left:24px;border-left:1px solid var(--ems-hilo)}
.ems-cred-item strong{flex:none;font:400 1.7rem/1 var(--ems-f-tit);letter-spacing:0;text-transform:none;color:var(--ems-verde)}
@media (max-width:900px){.ems-cred-grid{grid-template-columns:minmax(0,1fr)}.ems-cred-item,.ems-cred-item:not(:first-child){padding:16px 0;border-left:0}.ems-cred-item:not(:first-child){border-top:1px solid var(--ems-hilo)}}

/* ---------- ¿Te pasa algo de esto? ---------- */
.ems-dolores{background:var(--ems-crema);padding-block:var(--ems-sec)}
.ems-dolores-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:0;border-bottom:1px solid var(--ems-hilo)}
.ems-dolor{position:relative;margin:0;padding:20px 32px 20px 44px;border-top:1px solid var(--ems-hilo);font:400 1.3rem/1.35 var(--ems-f-tit);color:var(--ems-ciruela)}
.ems-dolor::before{content:"\2713";position:absolute;left:0;top:21px;width:28px;height:28px;border-radius:50%;background:var(--ems-verde);color:#fff;font:600 .85rem/28px var(--ems-f-txt);text-align:center}
.ems-dolores-cierre{margin-top:40px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 40px}
.ems-dolores-cierre p{font-size:1.12rem;max-width:46ch}
@media (min-width:901px){.ems-dolor:nth-child(2n){padding-left:76px}.ems-dolor:nth-child(2n)::before{left:32px}}
@media (max-width:900px){.ems-dolores-list{grid-template-columns:minmax(0,1fr)}.ems-dolor{font-size:1.2rem;padding:16px 0 16px 44px}.ems-dolor::before{top:17px}.ems-dolores-cierre .ems-btn{width:100%}}

/* ---------- ¿Por qué un médico? ---------- */
.ems-porque{background:var(--ems-blanco);padding-block:var(--ems-sec)}
.ems-porque-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:32px 72px;align-items:start}
.ems-porque-head{display:grid;gap:16px;align-content:start}
.ems-porque-list{list-style:none;margin:0;padding:0;border-bottom:1px solid var(--ems-hilo)}
.ems-porque-item{margin:0;padding:20px 0;border-top:1px solid var(--ems-hilo);color:var(--ems-tinta2)}
.ems-porque-item strong{display:block;font:400 1.35rem/1.3 var(--ems-f-tit);color:var(--ems-ciruela);margin-bottom:4px}
@media (max-width:900px){.ems-porque-grid{grid-template-columns:minmax(0,1fr)}}

/* ---------- Con qué terapias trabaja ---------- */
.ems-terapias{padding-block:var(--ems-sec)}
.ems-ter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,3vw,32px)}
.ems-ter{border-top:2px solid var(--ems-verde);padding-top:20px;display:grid;gap:10px;align-content:start}
.ems-ter h3{font-size:clamp(1.5rem,2.2vw,1.85rem);line-height:1.15}
.ems-ter-foot{margin-top:36px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px}
@media (max-width:900px){.ems-ter-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.ems-ter-foot .ems-btn{width:100%}}
@media (max-width:480px){.ems-ter-grid{grid-template-columns:minmax(0,1fr)}}

/* ---------- Qué te llevás de la primera consulta ---------- */
.ems-valor{background:var(--ems-blanco);padding-block:var(--ems-sec)}
.ems-valor-list{border-bottom:1px solid var(--ems-hilo)}
.ems-valor-item{display:grid;grid-template-columns:72px minmax(0,1fr) minmax(0,1.3fr);gap:8px 32px;align-items:start;padding:28px 0;border-top:1px solid var(--ems-hilo)}
.ems-valor-item h3{font-size:1.55rem;line-height:1.2}
.ems-valor-txt{display:grid;gap:10px}
@media (max-width:900px){.ems-valor-item{grid-template-columns:48px minmax(0,1fr)}.ems-valor-txt{grid-column:2}}

/* ---------- Frase de pacientes ---------- */
.ems-recon{background:var(--ems-crema);padding-block:clamp(64px,10vw,120px)}
.ems-recon-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(24px,6vw,80px);align-items:end}
.ems-recon-quote{display:grid;gap:22px}
.ems-cita{font:400 clamp(1.9rem,4.2vw,3.2rem)/1.15 var(--ems-f-tit);color:var(--ems-ciruela)}
.ems-recon-txt{display:grid;gap:16px;max-width:42ch}
@media (max-width:900px){.ems-recon-grid{grid-template-columns:minmax(0,1fr)}}

/* ---------- Motivos de consulta ---------- */
.ems-motivos{background:var(--ems-blanco);padding-block:var(--ems-sec)}
.ems-sec-head{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:20px 40px;align-items:end;margin-bottom:44px}
.ems-sec-head > div{display:grid;gap:16px}
.ems-mgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--ems-hilo)}
.ems-motivo{display:grid;gap:10px;align-content:start;padding:28px 28px 32px 0;border-bottom:1px solid var(--ems-hilo)}
.ems-motivo:not(:nth-child(3n+1)){padding-left:28px;border-left:1px solid var(--ems-hilo)}
.ems-motivo h3{font-size:1.45rem;line-height:1.2}
@media (max-width:900px){
  .ems-sec-head{grid-template-columns:minmax(0,1fr)}
  .ems-mgrid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .ems-motivo,.ems-motivo:not(:nth-child(3n+1)){padding:24px 20px 26px 0;border-left:0}
  .ems-motivo:nth-child(2n){padding-left:20px;border-left:1px solid var(--ems-hilo)}
}
@media (max-width:560px){
  .ems-mgrid{grid-template-columns:minmax(0,1fr)}
  .ems-motivo,.ems-motivo:nth-child(2n){padding:22px 0;border-left:0}
}

/* ---------- Enfoque: cuatro pilares ---------- */
.ems-enfoque{padding-block:var(--ems-sec)}
.ems-enfoque-head{display:grid;gap:16px;max-width:760px}
.ems-pilares{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,3vw,40px);margin-top:48px}
.ems-pilar{border-top:1px solid var(--ems-ciruela);padding-top:20px;display:grid;gap:10px;align-content:start}
.ems-pilar h3{font-size:1.5rem;line-height:1.15}
.ems-pilar h3 em{color:var(--ems-verde)}
@media (max-width:900px){.ems-pilares{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media (max-width:560px){.ems-pilares{grid-template-columns:minmax(0,1fr)}}

/* ---------- Primera consulta ---------- */
.ems-proc{background:var(--ems-blanco);padding-block:var(--ems-sec)}
.ems-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,4vw,48px)}
.ems-step{border-top:1px solid var(--ems-ciruela);padding-top:22px;display:grid;gap:12px;align-content:start}
.ems-n{font:500 .9rem var(--ems-f-txt);letter-spacing:.2em;color:var(--ems-verde)}
.ems-step h2,.ems-step h3{font-size:1.6rem;line-height:1.15}
.ems-proc-cta{margin-top:48px;padding-top:32px;border-top:1px solid var(--ems-hilo);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px}
.ems-proc-cta .ems-cita-sm{font:400 1.5rem/1.3 var(--ems-f-tit)}
@media (max-width:900px){.ems-steps{grid-template-columns:minmax(0,1fr)}.ems-proc-cta .ems-btn{width:100%}}

.ems-valor .ems-proc-cta{border-top:0;margin-top:32px;padding-top:0}
.ems-hero-txt .ems-micro{margin-top:-8px}

/* ---------- Experiencias (patrón; se agrega a la página cuando haya testimonios con consentimiento) ---------- */
.ems-exp{background:var(--ems-blanco);padding-block:var(--ems-sec)}
.ems-quotes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,4vw,48px)}
.ems-quote{border-top:1px solid var(--ems-hilo);padding-top:24px;margin:0;display:grid;gap:16px;align-content:start}
.ems-quote-txt{font:400 1.4rem/1.35 var(--ems-f-tit)}
.ems-quote-autor{font:500 .75rem/1.5 var(--ems-f-txt);letter-spacing:.18em;text-transform:uppercase;color:var(--ems-tinta2)}
@media (max-width:900px){.ems-quotes{grid-template-columns:minmax(0,1fr)}}

/* ---------- Quién te atiende ---------- */
.ems-doc{background:var(--ems-ciruela);color:var(--ems-crema)}
.ems-doc-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:stretch}
.ems-doc-fig{margin:0}
.ems-doc-fig img{width:100%;height:100%;aspect-ratio:4/5;object-fit:cover;display:block}
.ems-doc-txt{padding:clamp(40px,7vw,96px);display:grid;gap:22px;align-content:center}
.ems-doc h2{color:var(--ems-crema);font-size:clamp(2.4rem,5vw,4rem);line-height:1}
.ems-doc .ems-lbl{color:var(--ems-verde-claro)}
.ems-doc p{color:rgba(246,250,225,.9);max-width:46ch}
.ems-doc .ems-pend{color:var(--ems-pend-txt)}
.ems-doc .ems-doc-cred{font:500 .78rem/1.4 var(--ems-f-txt);letter-spacing:.2em;text-transform:uppercase;color:var(--ems-verde-claro);margin-top:-8px}
.ems-doc .ems-doc-lead{font:400 clamp(1.3rem,2.1vw,1.6rem)/1.4 var(--ems-f-tit);color:var(--ems-crema);max-width:30ch}
.ems-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 32px;border-top:1px solid rgba(246,250,225,.28);padding-top:26px;margin-top:6px}
.ems-stat{display:grid;gap:8px;align-content:start}
.ems-doc .ems-stat-n{font:400 clamp(3rem,5.4vw,4.4rem)/.95 var(--ems-f-tit);color:var(--ems-crema);letter-spacing:-.02em}
.ems-doc .ems-stat-l{font-size:.92rem;line-height:1.5;color:rgba(246,250,225,.88);max-width:22ch}
.ems-doc .ems-areas{font:500 .75rem/1.7 var(--ems-f-txt);letter-spacing:.18em;text-transform:uppercase;color:var(--ems-verde-claro);border-top:1px solid rgba(246,250,225,.28);padding-top:20px;max-width:none}
@media (min-width:901px){.ems-doc-fig{position:relative;min-height:560px}.ems-doc-fig img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-position:center 30%}}
@media (max-width:900px){.ems-doc-grid{grid-template-columns:minmax(0,1fr)}.ems-doc-fig img{aspect-ratio:4/3;max-height:420px;object-position:center top}}

/* ---------- Presencial y online ---------- */
.ems-mod{padding-block:var(--ems-sec)}
.ems-mod-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,64px)}
.ems-mod-item{border-top:1px solid var(--ems-ciruela);padding-top:20px;display:grid;gap:12px;align-content:start}
.ems-mod-item h3{font-size:1.9rem}
@media (max-width:900px){.ems-mod-grid{grid-template-columns:minmax(0,1fr)}}

/* ---------- Preguntas frecuentes (bloque Detalles de WordPress) ---------- */
.ems-faq{background:var(--ems-crema);padding-block:var(--ems-sec)}
.ems-faq-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:28px 64px}
.ems-faq-head{display:grid;gap:16px;align-content:start}
.ems-faq details{border-bottom:1px solid var(--ems-hilo);margin:0}
.ems-faq details:first-child{border-top:1px solid var(--ems-hilo)}
.ems-faq summary{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:44px;padding:20px 0;font:400 1.25rem/1.35 var(--ems-f-tit);cursor:pointer;list-style:none}
.ems-faq summary::-webkit-details-marker{display:none}
.ems-faq summary::after{content:"+";font:400 1.4rem var(--ems-f-txt);color:var(--ems-verde);flex:none}
.ems-faq details[open] summary::after{content:"–"}
.ems-faq details > :not(summary){padding:0 0 22px;color:var(--ems-tinta2);margin:0}
@media (max-width:900px){.ems-faq-grid{grid-template-columns:minmax(0,1fr)}}

/* ---------- Cierre ---------- */
.ems-close{background:var(--ems-salvia-claro);color:var(--ems-ciruela);text-align:center;padding-block:clamp(72px,11vw,128px)}
.ems-close .ems-in{display:grid;gap:22px;justify-items:center}
.ems-close .ems-lbl{color:var(--ems-ciruela)}
.ems-close h2{color:var(--ems-ciruela);font-size:clamp(2.6rem,6vw,4.6rem);line-height:1}
.ems-close h2 em{font-style:italic;color:var(--ems-verde)}
.ems-close p{max-width:44ch;color:var(--ems-ciruela)}
.ems-close .ems-btn--claro{background:var(--ems-ciruela);color:#fff}
.ems-close .ems-btn--claro:hover,.ems-close .ems-btn--claro:focus-visible{background:var(--ems-ciruela-osc);color:#fff}
.ems-close a:not(.ems-btn){color:var(--ems-ciruela)}
.ems-close .ems-pend{color:var(--ems-pend-txt)}

/* ---------- Pie ---------- */
.ems-foot{background:var(--ems-ciruela);color:rgba(246,250,225,.85);padding-block:64px 36px;font-size:.92rem}
.ems-foot-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:32px}
.ems-foot img{width:170px;max-width:100%;height:auto;display:block}
.ems-foot h2{font:500 .72rem/1 var(--ems-f-txt);letter-spacing:.22em;text-transform:uppercase;color:var(--ems-verde-claro);margin:6px 0 14px}
.ems-foot a{display:inline-flex;align-items:center;min-height:44px;color:var(--ems-crema);text-decoration:none}
.ems-foot a:hover{text-decoration:underline}
.ems-foot ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.ems-legal{border-top:1px solid rgba(246,250,225,.18);margin-top:48px;padding-top:20px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:.8rem}
@media (max-width:900px){.ems-foot-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media (max-width:560px){.ems-foot-grid{grid-template-columns:minmax(0,1fr)}}

/* ---------- Barra fija de WhatsApp en celular: aparece después del hero ---------- */
.ems-sticky-wa{display:none}
@media (max-width:768px){
  .ems-sticky-wa{display:block;position:fixed;left:0;right:0;bottom:0;z-index:50;background:var(--ems-papel);border-top:1px solid var(--ems-hilo);padding:12px var(--ems-gutter) calc(12px + env(safe-area-inset-bottom,0px));transform:translateY(0);transition:transform .25s ease}
  .ems-sticky-wa.is-hidden{transform:translateY(110%)}
  html:not(.js) .ems-sticky-wa.is-hidden{transform:none}
  .ems-sticky-wa .ems-btn{width:100%}
  body{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}
}

/* ---------- Páginas internas ---------- */
.ems-page-hero{padding-block:clamp(40px,7vw,88px) clamp(36px,5vw,64px);border-bottom:1px solid var(--ems-hilo)}
.ems-page-hero .ems-in{display:grid;gap:20px}
.ems-page-hero h1{font-size:clamp(2.4rem,5vw,4rem);line-height:1.04;max-width:18ch}
.ems-page-hero .ems-lead{max-width:56ch}
.ems-page-hero .ems-actions{margin-top:6px}
.ems-split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(28px,6vw,80px);align-items:start}
.ems-split-fig{margin:0}
.ems-split-fig img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 25%;display:block}
.ems-prose{display:grid;gap:18px;max-width:64ch}
.ems-prose h2{font-size:clamp(1.7rem,3vw,2.3rem);line-height:1.12;margin-top:16px}
.ems-prose h3{font-size:1.35rem;margin-top:8px}
.ems-prose ul{margin:0;padding-left:1.2em;display:grid;gap:8px}
.ems-band{padding-block:var(--ems-sec)}
.ems-band--blanco{background:var(--ems-blanco)}
.ems-band--crema{background:var(--ems-crema)}
.ems-ter-item{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:12px 48px;padding:32px 0;border-top:1px solid var(--ems-hilo)}
.ems-ter-item:last-child{border-bottom:1px solid var(--ems-hilo)}
.ems-ter-item h2{font-size:clamp(1.6rem,2.6vw,2.1rem);line-height:1.15}
.ems-ter-item > div{display:grid;gap:12px}
.ems-legal-doc{display:grid;gap:16px;max-width:68ch}
.ems-legal-doc h2{font-size:1.5rem;margin-top:20px}
.ems-legal-doc ul{margin:0;padding-left:1.2em;display:grid;gap:6px}
@media (max-width:900px){.ems-split,.ems-ter-item{grid-template-columns:minmax(0,1fr)}.ems-split-fig img{aspect-ratio:4/3}}

/* ---------- Énfasis en textos (0.7.1) ----------
   Montserrat no tiene cursiva cargada: las cursivas dentro de párrafos usan DM Serif Display.
   Las negritas resaltan la idea clave en ciruela. */
main p em,main li em{font-family:var(--ems-f-tit);font-style:italic;font-size:1.15em;line-height:1.4;letter-spacing:0;color:var(--ems-ciruela)}
main p strong{font-weight:600;color:var(--ems-ciruela)}

/* Mi historia (0.7.3): en escritorio la foto acompaña el texto al bajar, sin dejar un hueco debajo. */
@media (min-width:901px){.ems-split-fig{position:sticky;top:32px}}

/* ---------- Tarjetas (0.7.4) ----------
   «¿Te pasa algo de esto?»: 4 tarjetas temáticas. «Qué te llevás» en la Inicio: 4 tarjetas en fila (clase ems-valor-cards). */
.ems-dolores-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.ems-dcard{background:var(--ems-blanco);border-top:3px solid var(--ems-verde);padding:26px 24px 28px;display:grid;gap:16px;align-content:start}
.ems-dcard-tit{font:400 1.5rem/1.15 var(--ems-f-tit);color:var(--ems-verde);margin:0}
.ems-dcard-list{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.ems-sint{position:relative;margin:0;padding-left:30px;font:400 1.1rem/1.4 var(--ems-f-tit);color:var(--ems-ciruela)}
.ems-sint::before{content:"\2713";position:absolute;left:0;top:3px;width:20px;height:20px;border-radius:50%;background:var(--ems-verde);color:#fff;font:600 .65rem/20px var(--ems-f-txt);text-align:center}
.ems-valor-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;border-bottom:0}
.ems-valor-cards .ems-valor-item{grid-template-columns:minmax(0,1fr);gap:12px;align-content:start;background:var(--ems-crema);border-top:3px solid var(--ems-verde);padding:26px 24px 28px}
.ems-valor-cards .ems-n{font:400 2.4rem/1 var(--ems-f-tit);letter-spacing:0;color:var(--ems-verde)}
.ems-valor-cards .ems-valor-item h3{font-size:1.35rem}
.ems-valor-cards .ems-valor-txt{grid-column:auto}
@media (max-width:1100px){.ems-dolores-grid,.ems-valor-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.ems-dolores-grid,.ems-valor-cards{grid-template-columns:minmax(0,1fr)}}

/* ---------- «¿Te pasa algo de esto?» en filas por tema (0.7.5) ---------- */
.ems-drows{border-bottom:1px solid var(--ems-hilo)}
.ems-drow{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,2fr);gap:12px 48px;align-items:start;padding:28px 0;border-top:1px solid var(--ems-hilo)}
.ems-drow-tit{font:400 clamp(1.8rem,3vw,2.3rem)/1.15 var(--ems-f-tit);color:var(--ems-ciruela);margin:0}
.ems-drow-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ems-drow-item{position:relative;margin:0;padding-left:30px;font:400 1.08rem/1.6 var(--ems-f-txt);color:var(--ems-tinta2)}
.ems-drow-item strong{font-weight:600;color:var(--ems-ciruela)}
.ems-drow-item::before{content:"";position:absolute;left:0;top:.8em;width:16px;height:2px;background:var(--ems-verde)}
@media (max-width:900px){.ems-drow{grid-template-columns:minmax(0,1fr);padding:22px 0}.ems-drow-item{font-size:1rem}}

/* =========================================================
   INICIO V2 (0.8.0) · dirección «editorial clínico premium»
   Clases v2-* solo en la página «Inicio v2». La Inicio actual no cambia.
   ========================================================= */
.v2-full{width:100%}
/* Hero partido a todo el ancho: texto a la izquierda, video real a la derecha */
.v2-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:min(88vh,820px);background:var(--ems-papel)}
.v2-hero-txt{display:grid;align-content:center;gap:28px;padding:clamp(40px,6vw,96px) clamp(24px,5vw,88px)}
.v2-kicker{font:500 .95rem/1.4 var(--ems-f-txt);color:var(--ems-verde);margin:0}
.v2-hero h1{font:400 clamp(3rem,6.2vw,5.8rem)/.98 var(--ems-f-tit);letter-spacing:-.02em;color:var(--ems-ciruela);margin:0}
.v2-hero h1 em{display:block;font-style:italic;color:var(--ems-verde)}
.v2-hero-lead{font-size:1.12rem;line-height:1.7;color:var(--ems-tinta2);max-width:46ch;margin:0}
.v2-actions{display:flex;flex-wrap:wrap;gap:14px 28px;align-items:center}
.v2-textlink{font:500 1rem/1.4 var(--ems-f-txt);color:var(--ems-ciruela);text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:1px}
.v2-textlink:hover{color:var(--ems-verde)}
.v2-media{position:relative;margin:0;overflow:hidden;background:var(--ems-salvia-claro)}
.v2-media video,.v2-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.v2-media figcaption,.v2-cap{position:absolute;left:20px;bottom:20px;background:rgba(251,252,244,.92);color:var(--ems-ciruela);font:500 .85rem/1.35 var(--ems-f-txt);padding:10px 14px;max-width:calc(100% - 40px);margin:0}
/* Paneles alternados 50/50 (estilo Celltrion) */
.v2-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:min(80vh,760px)}
.v2-split--rev .v2-media{order:2}
.v2-split-txt{display:grid;align-content:center;gap:22px;padding:clamp(48px,7vw,112px) clamp(24px,5vw,88px)}
.v2-split-txt h2{font:400 clamp(2.2rem,4vw,3.6rem)/1.05 var(--ems-f-tit);color:var(--ems-ciruela);margin:0;text-wrap:balance}
.v2-split-txt p{margin:0;max-width:48ch;color:var(--ems-tinta2);font-size:1.06rem;line-height:1.7}
.v2-bg-papel{background:var(--ems-papel)}.v2-bg-crema{background:var(--ems-crema)}.v2-bg-blanco{background:var(--ems-blanco)}
.v2-steps{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:0;border-top:1px solid var(--ems-hilo)}
.v2-steps li{margin:0;padding:16px 0;border-bottom:1px solid var(--ems-hilo);color:var(--ems-tinta2);font-size:1rem;line-height:1.6}
.v2-steps li strong{display:block;font:400 1.35rem/1.25 var(--ems-f-tit);color:var(--ems-ciruela);margin-bottom:2px}
/* Test interactivo «¿Por dónde empezar?» */
.v2-quiz{background:var(--ems-ciruela);color:var(--ems-crema);padding-block:clamp(72px,10vw,128px)}
.v2-quiz h2{font:400 clamp(2.4rem,5vw,4.2rem)/1 var(--ems-f-tit);color:var(--ems-crema);margin:0}
.v2-quiz-sub{color:rgba(246,250,225,.86);max-width:52ch;margin:16px 0 0;font-size:1.06rem;line-height:1.7}
.v2-quiz-box{margin-top:44px;display:grid;gap:22px;max-width:860px}
.v2-quiz-q{font:400 clamp(1.5rem,2.6vw,2.1rem)/1.2 var(--ems-f-tit);margin:0;color:var(--ems-crema)}
.v2-quiz-step{font:500 .9rem/1 var(--ems-f-txt);color:var(--ems-verde-claro);margin:0}
.v2-quiz-opts{display:flex;flex-wrap:wrap;gap:12px}
.v2-opt{appearance:none;cursor:pointer;font:500 1rem/1.3 var(--ems-f-txt);color:var(--ems-crema);background:transparent;border:1px solid rgba(246,250,225,.5);border-radius:999px;padding:14px 22px;min-height:48px;transition:background .2s,color .2s,border-color .2s}
.v2-opt:hover,.v2-opt:focus-visible{background:var(--ems-crema);color:var(--ems-ciruela);border-color:var(--ems-crema)}
.v2-opt:focus-visible{outline:2px solid var(--ems-verde-claro);outline-offset:3px}
.v2-quiz-bar{height:2px;background:rgba(246,250,225,.2);max-width:860px}
.v2-quiz-bar span{display:block;height:100%;background:var(--ems-verde-claro);transition:width .35s ease}
.v2-quiz-res{display:grid;gap:18px;background:var(--ems-crema);color:var(--ems-ciruela);padding:clamp(24px,4vw,44px)}
.v2-quiz-res h3{font:400 clamp(1.8rem,3vw,2.6rem)/1.1 var(--ems-f-tit);color:var(--ems-ciruela);margin:0}
.v2-quiz-res p{margin:0;color:var(--ems-tinta2);line-height:1.7;max-width:60ch}
.v2-quiz-res .v2-note{font-size:.88rem}
.v2-quiz-back{appearance:none;background:none;border:0;padding:0;cursor:pointer;color:var(--ems-ciruela);font:500 .95rem var(--ems-f-txt);text-decoration:underline;text-underline-offset:.3em;justify-self:start;min-height:44px}
/* Terapias con foto real */
.v2-ter{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;background:var(--ems-papel)}
.v2-tile{position:relative;display:block;min-height:min(62vh,560px);overflow:hidden;color:var(--ems-crema);text-decoration:none;background:var(--ems-ciruela)}
.v2-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s ease}
.v2-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(58,44,72,0) 35%,rgba(58,44,72,.88) 100%)}
.v2-tile-txt{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:clamp(22px,3vw,40px);display:grid;gap:8px}
.v2-tile-txt h3{font:400 clamp(1.7rem,2.6vw,2.4rem)/1.1 var(--ems-f-tit);color:var(--ems-crema);margin:0}
.v2-tile-txt p{margin:0;font:italic 400 1.1rem/1.4 var(--ems-f-tit);color:rgba(246,250,225,.92);max-width:40ch}
.v2-tile:hover img{transform:scale(1.04)}
.v2-tile:focus-visible{outline:3px solid var(--ems-verde-claro);outline-offset:-3px}
/* Cita del doctor */
.v2-quote{font:400 clamp(2.2rem,4.4vw,4rem)/1.08 var(--ems-f-tit);color:var(--ems-ciruela);margin:0;text-wrap:balance}
.v2-quote em{font-style:italic;color:var(--ems-verde)}
.v2-sign{font:500 .95rem/1.5 var(--ems-f-txt);color:var(--ems-tinta2);margin:0}
/* Cierre con video de bienvenida */
.v2-close .v2-split-txt h2{font-size:clamp(2.4rem,4.6vw,4.2rem)}
.v2-close{background:var(--ems-salvia-claro)}
@media (max-width:900px){
  .v2-hero,.v2-split{grid-template-columns:minmax(0,1fr);min-height:0}
  .v2-hero .v2-media{order:-1;height:62vh;min-height:380px}
  .v2-split .v2-media,.v2-split--rev .v2-media{order:-1;height:58vh;min-height:340px}
  .v2-hero-txt{padding:36px var(--ems-gutter) 48px}
  .v2-split-txt{padding:44px var(--ems-gutter) 56px}
  .v2-ter{grid-template-columns:minmax(0,1fr)}
  .v2-tile{min-height:420px}
  .v2-actions .ems-btn{width:100%}
}
@media (prefers-reduced-motion:reduce){.v2-tile img,.v2-quiz-bar span,.v2-opt{transition:none}.v2-tile:hover img{transform:none}}
/* 0.8.1: especificidad dentro de los paneles y encuadre del video de cierre */
.v2-split-txt .v2-kicker{color:var(--ems-verde);font-size:.95rem}
.v2-split-txt .v2-quote{font:400 clamp(2.2rem,4.4vw,4rem)/1.08 var(--ems-f-tit);color:var(--ems-ciruela);max-width:18ch}
.v2-split-txt .v2-quote em{font-size:1em;line-height:inherit;color:var(--ems-verde)}
.v2-split-txt .v2-sign{font-size:.95rem;color:var(--ems-tinta2)}
.v2-close .v2-media video{object-position:center 12%}
/* 0.8.2: el foco programático del test (para lectores de pantalla) no muestra recuadro */
.v2-quiz [tabindex="-1"]:focus{outline:none}

/* 0.8.4 · Ideas de las referencias de Mery
   VivaChat: burbujas de chat con vidrio esmerilado sobre el video de la portada.
   Visionary / Vera: las imágenes se revelan al entrar en pantalla (un solo gesto, sin rebotes). */
.v2-hero .v2-media{isolation:isolate}
.v2-chat{position:absolute;z-index:2;margin:0;max-width:min(300px,70%);padding:14px 18px;border-radius:20px 20px 20px 6px;background:rgba(251,252,244,.72);-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2);box-shadow:0 18px 40px rgba(58,44,72,.16);color:var(--ems-ciruela);font:500 .95rem/1.45 var(--ems-f-txt);top:28px;left:28px}
.v2-chat--yo{top:auto;left:auto;right:28px;bottom:84px;border-radius:20px 20px 6px 20px;background:rgba(76,58,94,.78);color:var(--ems-crema)}
.v2-chat:not(.v2-chat--yo)::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#25d366;margin-right:8px;vertical-align:1px}
.js-reveal .v2-media,.js-reveal .v2-tile{clip-path:inset(14% 0 0 0);transition:clip-path 1.2s cubic-bezier(.2,.7,.1,1)}
.js-reveal .v2-media.is-in,.js-reveal .v2-tile.is-in{clip-path:inset(0 0 0 0)}
@media (max-width:900px){.v2-chat{top:16px;left:16px;font-size:.88rem}.v2-chat--yo{right:16px;bottom:64px}}
@media (prefers-reduced-motion:reduce){.js-reveal .v2-media,.js-reveal .v2-tile{clip-path:none;transition:none}}

/* =========================================================
   0.9.0 · Referencias en movimiento de Mery
   VivaChat: muro de videos en la portada, video que crece al bajar, cinta de palabras.
   Visionary: terapias en 4 columnas que revelan su foto y se expanden.
   ========================================================= */
/* Muro de videos (portada) */
.v2-wall{position:relative;overflow:hidden;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:0 clamp(16px,2vw,28px);background:var(--ems-crema);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 12%,#000 88%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 12%,#000 88%,transparent 100%)}
.v2-wall-col{display:grid;gap:16px;align-content:start;animation:v2-up 46s linear infinite}
.v2-wall-col--b{animation-duration:58s;animation-direction:reverse;margin-top:-30%}
.v2-wall:hover .v2-wall-col{animation-play-state:paused}
.v2-card{position:relative;margin:0;border-radius:22px;overflow:hidden;aspect-ratio:3/4;background:var(--ems-salvia-claro)}
.v2-card video,.v2-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.v2-card figure{margin:0}
@keyframes v2-up{from{transform:translateY(0)}to{transform:translateY(-50%)}}
.v2-wall .v2-chat{position:absolute;z-index:3}
.v2-wall .v2-chat{top:18%;left:clamp(20px,4vw,48px)}
.v2-wall .v2-chat--yo{top:auto;bottom:16%;left:auto;right:clamp(20px,4vw,48px)}
/* Video que crece al bajar */
.v2-grow{position:relative;height:230vh;background:var(--ems-papel)}
.v2-grow-stage{position:sticky;top:0;height:100vh;display:flex;align-items:center;justify-content:center;gap:clamp(14px,2.4vw,36px);overflow:hidden;--p:0}
.v2-grow-w{font:400 clamp(2.4rem,6.4vw,6.6rem)/1 var(--ems-f-tit);color:var(--ems-ciruela);white-space:nowrap;opacity:calc(1 - var(--p) * 2.2)}
.v2-grow-w em{font-style:italic;color:var(--ems-verde)}
.v2-grow-media{position:relative;flex:none;margin:0;width:calc(200px + var(--p) * (100vw - 200px));height:calc(270px + var(--p) * (100vh - 270px));border-radius:calc(26px * (1 - var(--p)));overflow:hidden;background:var(--ems-salvia-claro)}
.v2-grow-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.v2-grow-cap{position:absolute;left:50%;bottom:7vh;transform:translateX(-50%);z-index:2;margin:0;color:var(--ems-crema);font:400 clamp(1.6rem,3vw,2.6rem)/1.15 var(--ems-f-tit);text-align:center;width:min(90vw,820px);opacity:calc((var(--p) - .7) * 3.3);text-shadow:0 2px 24px rgba(58,44,72,.55)}
/* Cinta de palabras */
.v2-marquee{overflow:hidden;background:var(--ems-ciruela);color:var(--ems-crema);padding-block:24px}
.v2-marquee-track{display:flex;align-items:center;gap:36px;width:max-content;animation:v2-left 34s linear infinite;font:400 clamp(1.6rem,3vw,2.5rem)/1 var(--ems-f-tit)}
.v2-marquee-track span{white-space:nowrap}
.v2-marquee-track .v2-arrow{color:var(--ems-salvia-claro);font-family:var(--ems-f-txt);font-weight:300}
@keyframes v2-left{from{transform:translateX(0)}to{transform:translateX(-50%)}}
/* Terapias en columnas (Visionary) */
.v2-terapias{background:var(--ems-papel)}
.v2-terapias-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:16px 40px;padding-block:clamp(56px,7vw,96px) 32px}
.v2-terapias-head h2{font:400 clamp(2.2rem,4vw,3.6rem)/1.05 var(--ems-f-tit);color:var(--ems-ciruela);margin:0}
.v2-terapias-head p{margin:0;color:var(--ems-tinta2);max-width:40ch}
.v2-cols{display:grid;grid-template-columns:var(--c1,1fr) var(--c2,1fr) var(--c3,1fr) var(--c4,1fr);height:min(86vh,820px);border-top:1px solid var(--ems-hilo);border-bottom:1px solid var(--ems-hilo);transition:grid-template-columns .75s cubic-bezier(.2,.7,.1,1)}
.v2-col{position:relative;overflow:hidden;border-left:1px solid var(--ems-hilo);cursor:pointer;min-width:0}
.v2-col:first-child{border-left:0}
.v2-col:focus-visible{outline:3px solid var(--ems-verde);outline-offset:-3px}
.v2-col-img{position:absolute;inset:0;margin:0;clip-path:inset(100% 0 0 0);transition:clip-path .75s cubic-bezier(.2,.7,.1,1)}
.v2-col-img figure{margin:0;height:100%}
.v2-col-img img{width:100%;height:100%;object-fit:cover;display:block}
.v2-col-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(58,44,72,.05) 30%,rgba(58,44,72,.88) 100%)}
.v2-col:hover .v2-col-img,.v2-col:focus-visible .v2-col-img,.v2-col.is-open .v2-col-img{clip-path:inset(0 0 0 0)}
.v2-col-body{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:clamp(20px,2.4vw,36px);display:grid;gap:10px}
.v2-col-body h3{font:400 clamp(1.5rem,2.1vw,2.1rem)/1.1 var(--ems-f-tit);color:var(--ems-ciruela);margin:0;transition:color .4s}
.v2-col-body .v2-col-hook{font:italic 400 1.08rem/1.4 var(--ems-f-tit);color:var(--ems-tinta2);margin:0;transition:color .4s;max-width:34ch}
.v2-col:hover h3,.v2-col:focus-visible h3,.v2-col.is-open h3{color:var(--ems-crema)}
.v2-col:hover .v2-col-hook,.v2-col:focus-visible .v2-col-hook,.v2-col.is-open .v2-col-hook{color:rgba(246,250,225,.9)}
.v2-col-desc,.v2-col-more{display:none}
.v2-col.is-open .v2-col-desc{display:block;margin:0;color:rgba(246,250,225,.92);line-height:1.7;max-width:56ch}
.v2-col.is-open .v2-col-desc strong{color:var(--ems-crema)}
.v2-col.is-open .v2-col-more{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center;margin-top:6px}
.v2-col-more .v2-textlink{color:var(--ems-crema)}
.v2-col-more .ems-btn{background:var(--ems-crema);color:var(--ems-ciruela)}
.v2-col-close{display:none;position:absolute;top:20px;right:20px;z-index:2;appearance:none;border:1px solid rgba(246,250,225,.6);background:rgba(58,44,72,.35);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--ems-crema);border-radius:999px;padding:10px 16px;min-height:44px;font:500 .9rem var(--ems-f-txt);cursor:pointer}
.v2-col.is-open .v2-col-close{display:inline-flex;align-items:center}
@media (max-width:900px){
  .v2-wall{height:62vh;min-height:420px;order:-1}
  .v2-grow{height:190vh}
  .v2-grow-w{font-size:clamp(1.6rem,8vw,2.4rem)}
  .v2-grow-media{width:calc(110px + var(--p) * (100vw - 110px));height:calc(160px + var(--p) * (100vh - 160px))}
  .v2-cols{grid-template-columns:minmax(0,1fr)!important;height:auto}
  .v2-col{height:64vh;min-height:420px;border-left:0;border-top:1px solid var(--ems-hilo);cursor:default}
  .v2-col-img{clip-path:none}
  .v2-col-body{margin:14px;border-radius:20px;background:rgba(251,252,244,.8);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
  .v2-col:hover h3,.v2-col.is-open h3{color:var(--ems-ciruela)}
  .v2-col:hover .v2-col-hook,.v2-col.is-open .v2-col-hook{color:var(--ems-tinta2)}
  .v2-col.is-open .v2-col-desc{color:var(--ems-tinta2)}
  .v2-col.is-open .v2-col-desc strong{color:var(--ems-ciruela)}
  .v2-col-more .v2-textlink{color:var(--ems-ciruela)}
  .v2-col-more .ems-btn{background:var(--ems-ciruela);color:#fff}
  .v2-col.is-open .v2-col-close{display:none}
}
@media (prefers-reduced-motion:reduce){
  .v2-wall-col,.v2-marquee-track{animation:none}
  .v2-grow{height:auto}.v2-grow-stage{position:relative;height:auto;padding-block:48px;flex-wrap:wrap;--p:1}
  .v2-grow-media{width:100%;height:70vh;border-radius:0}.v2-grow-w{display:none}.v2-grow-cap{opacity:1}
  .v2-cols,.v2-col-img{transition:none}
}
/* 0.9.1: el muro de la portada tiene alto fijo (si no, se estira con todas las tarjetas) */
.v2-hero{align-items:stretch}
.v2-hero .v2-wall{height:min(88vh,820px);align-self:stretch}
@media (max-width:900px){.v2-hero .v2-wall{height:62vh;min-height:420px}}
/* 0.9.2: columnas cerradas sin texto amontonado; el video que crece llega a los bordes */
.v2-cols:has(.v2-col.is-open) .v2-col:not(.is-open) .v2-col-body{opacity:0;pointer-events:none}
.v2-col-body{transition:opacity .3s}
.v2-grow-stage{--w0:200px;--h0:270px}
.v2-grow-media{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(var(--w0) + var(--p) * (100vw - var(--w0)));height:calc(var(--h0) + var(--p) * (100vh - var(--h0)))}
.v2-grow-w{position:absolute;top:50%;transform:translateY(-50%)}
.v2-grow-stage>.v2-grow-w:first-child{right:calc(50% + (var(--w0) + var(--p) * (100vw - var(--w0))) / 2 + 28px)}
.v2-grow-stage>.v2-grow-w:nth-child(3){left:calc(50% + (var(--w0) + var(--p) * (100vw - var(--w0))) / 2 + 28px)}
@media (max-width:900px){.v2-grow-stage{--w0:110px;--h0:160px}.v2-grow-stage>.v2-grow-w:first-child,.v2-grow-stage>.v2-grow-w:nth-child(3){top:calc(50% - 130px)}.v2-grow-stage>.v2-grow-w:first-child{right:auto;left:50%;transform:translate(-50%,-50%)}.v2-grow-stage>.v2-grow-w:nth-child(3){left:50%;top:calc(50% + 130px);transform:translate(-50%,-50%)}}
@media (prefers-reduced-motion:reduce){.v2-grow-media{position:relative;left:auto;top:auto;transform:none}}

/* 0.9.3 · Fotos grandes en movimiento lento (las fotos son de cámara, en alta resolución; los videos de celular quedan solo en el muro) */
.v2-split .v2-media img,.v2-col-img img{animation:v2-kb 24s ease-in-out infinite alternate;transform-origin:50% 40%}
@keyframes v2-kb{from{transform:scale(1.02) translate3d(0,0,0)}to{transform:scale(1.12) translate3d(-1.5%,-1.5%,0)}}
.js-steps .v2-steps li{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.1,1)}
.js-steps .v2-steps.is-in li{opacity:1;transform:none}
.js-steps .v2-steps.is-in li:nth-child(2){transition-delay:.15s}
.js-steps .v2-steps.is-in li:nth-child(3){transition-delay:.3s}
.js-steps .v2-steps.is-in li:nth-child(4){transition-delay:.45s}
@media (prefers-reduced-motion:reduce){.v2-split .v2-media img,.v2-col-img img{animation:none}}
/* 0.9.4: encuadre de las fotos horizontales en paneles verticales, para que se vea la cara del doctor */
.v2-media img[src*="ems-foto-2-xl"]{object-position:20% 30%;transform-origin:20% 30%}
.v2-media img[src*="ems-foto-34-xl"]{object-position:46% 20%;transform-origin:46% 20%}
.v2-media img[src*="ems-foto-55-xl"]{object-position:72% 25%;transform-origin:72% 25%}
