/* Sesna & Johannes · hoja de estilos única (sin frameworks) */
@font-face{font-family:Lora;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/lora-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:Lora;font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/lora-latin-400-italic.woff2) format("woff2")}
@font-face{font-family:Lora;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/lora-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:Lora;font-style:italic;font-weight:700;font-display:swap;src:url(../fonts/lora-latin-700-italic.woff2) format("woff2")}
@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/montserrat-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:Montserrat;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/montserrat-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/montserrat-latin-700-normal.woff2) format("woff2")}

:root{
  --crema:#f5f1e7; --rubor:#ffeae6; --blanco:#fff;
  --rosa:#d42459; --rosa-osc:#b01c49; --rosa-suave:#fbdbe4;
  --oliva:#5b6831; --oliva-cl:#6f7d3c; --oliva-suave:#e7ead8;
  --tinta:#252a24; --tinta-2:#4a5245; --linea:#e3ddcf;
  --sans:Montserrat,system-ui,-apple-system,"Segoe UI",sans-serif;
  --serif:Lora,Georgia,"Times New Roman",serif;
  --r:14px; --sombra:0 1px 2px rgba(37,42,36,.06),0 8px 24px rgba(37,42,36,.07);
  --ancho:1180px; --gut:clamp(16px,4vw,32px);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--crema);color:var(--tinta);font:400 1.0625rem/1.7 var(--serif);overflow-x:hidden}
img,video{max-width:100%;height:auto;display:block}
a{color:var(--rosa-osc);text-underline-offset:3px}
a:hover{color:var(--rosa)}
h1,h2,h3,h4{font-family:var(--sans);line-height:1.2;color:var(--tinta);letter-spacing:-.01em;margin:0 0 .5em}
h1{font-size:clamp(2rem,4.6vw,3.1rem);font-weight:700}
h2{font-size:clamp(1.45rem,2.8vw,2rem);font-weight:700}
h3{font-size:1.2rem;font-weight:700}
p{margin:0 0 1em}
:focus-visible{outline:3px solid var(--rosa);outline-offset:2px;border-radius:4px}
.vh,.trampa{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.saltar{position:absolute;left:-999px;top:8px;background:var(--tinta);color:#fff;padding:8px 14px;z-index:99;border-radius:8px}
.saltar:focus{left:8px}
.antetitulo{font:600 .78rem/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--oliva);margin-bottom:.8em}

/* Botones */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4em;font:700 .95rem/1 var(--sans);padding:.95em 1.5em;border-radius:999px;background:var(--rosa);color:#fff;text-decoration:none;border:2px solid var(--rosa);cursor:pointer;transition:background .15s,transform .15s;text-align:center}
.btn:hover{background:var(--rosa-osc);border-color:var(--rosa-osc);color:#fff;transform:translateY(-1px)}
.btn--sm{padding:.7em 1.1em;font-size:.85rem}
.btn--sec{background:transparent;color:var(--tinta);border-color:var(--tinta)}
.btn--sec:hover{background:var(--tinta);border-color:var(--tinta);color:#fff}
.btn--claro{background:#fff;color:var(--oliva);border-color:#fff}
.btn--claro:hover{background:var(--crema);border-color:var(--crema);color:var(--oliva)}
.btn--linea{background:transparent;color:#fff;border-color:rgba(255,255,255,.7)}
.btn--linea:hover{background:rgba(255,255,255,.12);border-color:#fff}
.enlace{font:700 .95rem var(--sans);text-decoration:none}

/* Cabecera */
.cab{background:var(--rubor);border-bottom:1px solid #f3d2cb;position:sticky;top:0;z-index:40}
.cab__in{max-width:var(--ancho);margin:0 auto;padding:10px var(--gut);display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px}
.logo img{height:52px;width:auto}
.logo__txt{font:700 1.25rem var(--sans);color:var(--tinta)}
.nav{display:flex;align-items:center;gap:4px;font:600 .92rem var(--sans)}
.nav>a,.nav__abrir{white-space:nowrap;color:var(--tinta);text-decoration:none;padding:10px 12px;border-radius:999px;background:none;border:0;font:inherit;cursor:pointer}
.nav>a:hover,.nav__abrir:hover,.nav>a[aria-current]{background:rgba(212,36,89,.08);color:var(--rosa-osc)}
.nav__abrir::after{content:" ▾";font-size:.75em}
.nav__grupo{position:relative}
.nav__sub{display:none;position:absolute;top:100%;left:0;min-width:250px;background:#fff;border-radius:var(--r);box-shadow:var(--sombra);padding:8px;margin-top:4px}
.nav__grupo:hover .nav__sub,.nav__grupo.abierto .nav__sub{display:block}
.nav__sub a{display:block;padding:10px 12px;border-radius:10px;color:var(--tinta);text-decoration:none}
.nav__sub a:hover{background:var(--crema)}
.nav>a.nav__cta{margin-left:8px;color:#fff;background:var(--rosa);padding:.75em 1.2em}
.nav>a.nav__cta:hover{background:var(--rosa-osc);color:#fff}
.menu-btn{display:none;background:none;border:0;padding:10px;cursor:pointer}
.menu-btn span{display:block;width:24px;height:2px;background:var(--tinta);margin:5px 0;border-radius:2px;transition:.2s}
@media (max-width:1120px){
  .menu-btn{display:block}
  .nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--rubor);flex-direction:column;align-items:stretch;padding:8px var(--gut) 20px;border-bottom:1px solid #f3d2cb;max-height:calc(100vh - 72px);overflow:auto}
  .nav.abierto{display:flex}
  .nav__sub{position:static;box-shadow:none;background:transparent;padding:0 0 0 12px;margin:0}
  .nav__grupo:hover .nav__sub{display:none}.nav__grupo.abierto .nav__sub{display:block}
  .nav__cta{margin:8px 0 0}
}

/* Secciones */
.sec{max-width:var(--ancho);margin:0 auto;padding:clamp(40px,6vw,72px) var(--gut)}
.sec__tit{margin-bottom:28px}
.sec__cab{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;margin-bottom:28px}
.sec__cab .sec__tit{margin:0}
.sec__cab a{font:700 .95rem var(--sans);text-decoration:none}

/* Hero */
.hero{background:linear-gradient(180deg,var(--rubor),var(--crema))}
.hero__in{max-width:var(--ancho);margin:0 auto;padding:clamp(40px,7vw,88px) var(--gut);display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(28px,5vw,64px);align-items:center}
.hero h1 em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--rosa-osc)}
.hero__lead{font-size:1.15rem;color:var(--tinta-2);max-width:36em}
.hero__ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.hero__dest{position:relative;display:block;border-radius:22px;overflow:hidden;box-shadow:var(--sombra);text-decoration:none;aspect-ratio:4/3;background:var(--oliva-suave)}
.hero__dest img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.hero__dest:hover img{transform:scale(1.03)}
.hero__dest-txt{position:absolute;inset:auto 0 0 0;padding:48px 22px 20px;background:linear-gradient(transparent,rgba(20,24,18,.82));color:#fff;font-family:var(--sans)}
.hero__dest-txt small{display:block;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;opacity:.85;margin-bottom:6px}
.hero__dest-txt strong{font-size:1.15rem;line-height:1.3}
.hero__dest--foto{aspect-ratio:16/9;margin:0}
.hero--pag .hero__in{padding-top:clamp(32px,5vw,64px)}
@media (max-width:860px){.hero__in{grid-template-columns:1fr}}

/* Temas */
.temas__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.tema{background:#fff;border-radius:var(--r);padding:22px;text-decoration:none;color:var(--tinta);box-shadow:var(--sombra);display:flex;flex-direction:column;gap:6px;font-family:var(--sans);transition:transform .15s}
a.tema:hover{transform:translateY(-3px);color:var(--tinta)}
.tema__emoji{font-size:1.8rem}
.tema small{color:var(--tinta-2);font-size:.85rem}
@media (max-width:860px){.temas__grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:420px){.temas__grid{grid-template-columns:1fr}}

/* Tarjetas */
.rejilla{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2.5vw,28px)}
@media (max-width:960px){.rejilla{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.rejilla{grid-template-columns:1fr}}
.tarjeta{background:#fff;border-radius:var(--r);overflow:hidden;box-shadow:var(--sombra);display:flex;flex-direction:column}
.tarjeta__img{position:relative;display:block;aspect-ratio:3/2;background:var(--oliva-suave);overflow:hidden}
.tarjeta__img img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.tarjeta:hover .tarjeta__img img{transform:scale(1.04)}
.tarjeta__video{position:absolute;top:12px;right:12px;background:rgba(20,24,18,.75);color:#fff;font:700 .72rem var(--sans);padding:5px 10px;border-radius:999px}
.tarjeta__txt{padding:20px 22px 22px;display:flex;flex-direction:column;flex:1}
.tarjeta h3{font-size:1.1rem;margin:.5em 0}
.tarjeta h3 a{color:var(--tinta);text-decoration:none}
.tarjeta h3 a:hover{color:var(--rosa-osc)}
.tarjeta p{font-size:.95rem;color:var(--tinta-2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.tarjeta__meta{margin-top:auto;font:400 .8rem var(--sans)!important;color:#6b7266!important;-webkit-line-clamp:unset!important}
.etiqueta{align-self:flex-start;font:700 .7rem var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--oliva);background:var(--oliva-suave);padding:5px 10px;border-radius:999px;text-decoration:none}
.etiqueta:hover{color:var(--oliva);background:#dde2c6}

/* Banda */
.banda{background:var(--oliva);color:#fff}
.banda__in{max-width:var(--ancho);margin:0 auto;padding:clamp(40px,6vw,64px) var(--gut);display:grid;grid-template-columns:1.4fr 1fr;gap:32px;align-items:center}
.banda h2,.banda .antetitulo{color:#fff}
.banda .antetitulo{opacity:.85}
.banda p{opacity:.92;max-width:38em}
.banda__ctas{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}
@media (max-width:760px){.banda__in{grid-template-columns:1fr}.banda__ctas{justify-content:flex-start}}

.nosotros__txt{max-width:720px}

/* Cabecera de página */
.cab-pag{max-width:var(--ancho);margin:0 auto;padding:clamp(36px,6vw,64px) var(--gut) 0}
.cab-pag>p{font-size:1.1rem;color:var(--tinta-2);max-width:40em}
.cab-pag--simple{max-width:760px;padding-left:0;padding-right:0}
.buscador{display:flex;gap:8px;max-width:520px;margin:20px 0}
.buscador input{flex:1;min-width:0;font:400 1rem var(--sans);padding:12px 18px;border:1px solid var(--linea);border-radius:999px;background:#fff}
.filtros{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.filtros a{font:600 .85rem var(--sans);padding:8px 14px;border-radius:999px;background:#fff;color:var(--tinta);text-decoration:none;border:1px solid var(--linea)}
.filtros a[aria-current]{background:var(--tinta);color:#fff;border-color:var(--tinta)}
.resultado,.vacio{font-family:var(--sans)}
.paginacion{display:flex;gap:8px;justify-content:center;margin-top:40px}
.paginacion a{font:700 .95rem var(--sans);width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#fff;text-decoration:none;color:var(--tinta)}
.paginacion a[aria-current]{background:var(--rosa);color:#fff}

/* Artículo */
.art{max-width:var(--ancho);margin:0 auto;padding:clamp(28px,5vw,56px) var(--gut) 0}
.art__cab{max-width:820px;margin:0 auto 28px;text-align:center}
.migas{font:400 .82rem var(--sans);color:#6b7266;margin-bottom:18px}
.migas a{color:#6b7266;text-decoration:none}.migas a:hover{color:var(--rosa-osc)}
.art__entradilla{font-size:1.2rem;color:var(--tinta-2);font-style:italic}
.art__meta{font:400 .88rem var(--sans);color:#6b7266}
.art__portada{margin:0 auto 40px;max-width:960px;border-radius:22px;overflow:hidden;box-shadow:var(--sombra);aspect-ratio:16/9;background:var(--oliva-suave)}
.art__portada img{width:100%;height:100%;object-fit:cover}
.art__cuerpo{display:grid;grid-template-columns:280px minmax(0,720px);gap:48px;justify-content:center}
.art__lateral{position:sticky;top:96px;align-self:start;display:flex;flex-direction:column;gap:20px}
@media (max-width:1000px){.art__cuerpo{grid-template-columns:minmax(0,720px)}.art__lateral{position:static}.toc{display:none}}
.reel,.audio{background:#fff;border-radius:var(--r);padding:14px;box-shadow:var(--sombra)}
.reel video{border-radius:10px;aspect-ratio:9/16;width:100%;background:#000;max-height:70vh;object-fit:contain}
.reel__tit,.toc__tit{font:700 .8rem var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--oliva);margin-bottom:10px}
.audio audio{width:100%}
.toc{background:#fff;border-radius:var(--r);padding:18px 18px 10px;box-shadow:var(--sombra);font:400 .86rem/1.45 var(--sans)}
.toc ol{margin:0;padding-left:1.2em}
.toc li{margin-bottom:8px}
.toc a{color:var(--tinta-2);text-decoration:none}.toc a:hover{color:var(--rosa-osc)}
@media (max-width:1000px){.reel{max-width:360px}}

/* Prosa (contenido de los artículos migrados) */
.prosa{min-width:0;font-size:1.1rem}
.prosa h2{margin:1.8em 0 .6em;scroll-margin-top:100px}
.prosa h3{margin:1.6em 0 .5em;font-size:1.25rem}
.prosa h4{margin:1.4em 0 .4em}
.prosa ul,.prosa ol{padding-left:1.4em;margin:0 0 1.2em}
.prosa li{margin-bottom:.45em}
.prosa li::marker{color:var(--rosa)}
.prosa blockquote,.prosa .wp-block-quote{margin:1.6em 0;padding:16px 22px;border-left:4px solid var(--rosa);background:#fff;border-radius:0 var(--r) var(--r) 0;font-style:italic}
.prosa table{width:100%;border-collapse:collapse;margin:1.4em 0;font:400 .92rem/1.5 var(--sans);background:#fff;border-radius:var(--r);overflow:hidden;display:block;overflow-x:auto}
.prosa th,.prosa td{padding:12px 14px;border-bottom:1px solid var(--linea);text-align:left;vertical-align:top}
.prosa th{background:var(--oliva-suave);font-weight:700}
.prosa figure{margin:1.6em 0}
.prosa img{border-radius:var(--r)}
.prosa figcaption{font:400 .82rem var(--sans);color:#6b7266;margin-top:8px;text-align:center}
.prosa hr,.prosa .wp-block-separator{border:0;border-top:1px solid var(--linea);margin:2.2em 0}
.prosa .wp-block-buttons{display:flex;flex-wrap:wrap;gap:12px;margin:1.4em 0}
.prosa .wp-block-button__link,.prosa a.btn{display:inline-flex;font:700 .95rem/1.2 var(--sans);padding:.95em 1.5em;border-radius:999px;background:var(--rosa);color:#fff;text-decoration:none}
.prosa .has-text-align-center{text-align:center}
.prosa .wp-block-columns{display:flex;gap:24px;flex-wrap:wrap}.prosa .wp-block-column{flex:1 1 260px}
.prosa em:only-child{color:var(--tinta-2)}
.art__cta{margin:2.4em 0 1.4em;padding:24px;background:var(--rubor);border-radius:var(--r);font-size:1rem}
.art__aviso{font:400 .82rem/1.55 var(--sans);color:#5d6458;background:#fff;border:1px solid var(--linea);border-radius:var(--r);padding:14px 16px}
.compartir{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font:600 .85rem var(--sans);margin:24px 0}
.compartir a,.compartir button{padding:8px 14px;border-radius:999px;background:#fff;border:1px solid var(--linea);color:var(--tinta);text-decoration:none;font:inherit;cursor:pointer}
.aviso-borrador{background:#fff3cd;text-align:center;font:700 .9rem var(--sans);padding:10px}

/* Páginas */
.pag{max-width:760px;margin:0 auto;padding:0 var(--gut) 40px}
.pag .cab-pag--simple{padding-top:clamp(36px,6vw,64px)}
.dos{display:grid;grid-template-columns:1fr 1fr;gap:24px}
@media (max-width:760px){.dos{grid-template-columns:1fr}}
.caja{background:#fff;border-radius:var(--r);padding:28px;box-shadow:var(--sombra)}
.caja--suave{background:var(--blanco)}
.caja .btn{margin-top:8px}
.lista-ok,.lista-no{list-style:none;padding:0;margin:0 0 1.2em}
.lista-ok li,.lista-no li{padding-left:1.8em;position:relative;margin-bottom:.55em}
.lista-ok li::before{content:"✓";position:absolute;left:0;color:var(--oliva-cl);font-weight:700}
.lista-no li::before{content:"✕";position:absolute;left:0;color:var(--rosa)}
.nota{font:400 .88rem var(--sans);color:var(--tinta-2);margin-top:20px}
.pasos__lista{counter-reset:p;list-style:none;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.pasos__lista li{counter-increment:p;background:#fff;border-radius:var(--r);padding:20px;box-shadow:var(--sombra);font-family:var(--sans);display:flex;flex-direction:column;gap:6px}
.pasos__lista li::before{content:counter(p);width:34px;height:34px;border-radius:50%;background:var(--rosa);color:#fff;display:grid;place-items:center;font-weight:700}
.pasos__lista span{font-size:.85rem;color:var(--tinta-2)}
@media (max-width:960px){.pasos__lista{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.pasos__lista{grid-template-columns:1fr}}
.faq details{background:#fff;border-radius:var(--r);padding:18px 22px;margin-bottom:10px;box-shadow:var(--sombra)}
.faq summary{font:700 1rem var(--sans);cursor:pointer}
.faq details p{margin:12px 0 0}

/* Contacto y formularios */
.contacto__ops{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:40px}
@media (max-width:760px){.contacto__ops{grid-template-columns:1fr}}
.op{background:#fff;border-radius:var(--r);padding:24px;box-shadow:var(--sombra);text-decoration:none;color:var(--tinta);font-family:var(--sans);display:flex;flex-direction:column;gap:6px;border:2px solid transparent}
.op:hover{border-color:var(--rosa);color:var(--tinta)}
.op span{font-size:1.8rem}.op small{color:var(--tinta-2)}
.form{max-width:620px;background:#fff;border-radius:var(--r);padding:28px;box-shadow:var(--sombra);display:flex;flex-direction:column;gap:14px;font-family:var(--sans)}
.form label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:.9rem}
.form input,.form textarea{font:400 1rem var(--sans);padding:12px 14px;border:1px solid var(--linea);border-radius:10px;background:var(--crema)}
.form .check,.check{flex-direction:row!important;align-items:flex-start;gap:10px!important;font:400 .85rem/1.5 var(--sans)!important}
.check input{margin-top:3px}
.ok{background:var(--oliva-suave);padding:12px 14px;border-radius:10px}

/* Newsletter */
.news{background:var(--rubor);border-top:1px solid #f3d2cb}
.news__in{max-width:var(--ancho);margin:0 auto;padding:clamp(40px,6vw,64px) var(--gut);display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
@media (max-width:760px){.news__in{grid-template-columns:1fr}}
.news__fila{display:flex;gap:8px;margin-bottom:12px}
.news__fila input{flex:1;min-width:0;font:400 1rem var(--sans);padding:14px 18px;border:1px solid #efc9c0;border-radius:999px;background:#fff}
@media (max-width:420px){.news__fila{flex-direction:column}}

/* Pie */
.pie{background:var(--tinta);color:#d9ddd3;font:400 .9rem/1.6 var(--sans)}
.pie__in{max-width:var(--ancho);margin:0 auto;padding:56px var(--gut) 24px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px}
@media (max-width:860px){.pie__in{grid-template-columns:1fr 1fr}.pie__marca{grid-column:1/-1}}
.pie a{color:#fff;text-decoration:none;display:block;margin-bottom:8px;opacity:.85}
.pie a:hover{opacity:1;color:#fff}
.pie__logo{font:700 1.3rem var(--sans);color:#fff}
.pie__tit{font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem}
.pie__wa{display:inline-block!important;background:rgba(255,255,255,.1);padding:8px 14px;border-radius:999px}
.pie__aviso{max-width:var(--ancho);margin:0 auto;padding:20px var(--gut);border-top:1px solid rgba(255,255,255,.12);font-size:.78rem;opacity:.75}
.pie__copy{max-width:var(--ancho);margin:0 auto;padding:0 var(--gut) 32px;font-size:.78rem;opacity:.6}

/* Widget WhatsApp */
.wa{position:fixed;right:18px;bottom:18px;z-index:50;font-family:var(--sans)}
.wa__btn{width:60px;height:60px;border-radius:50%;border:0;background:#25d366;color:#fff;display:grid;place-items:center;box-shadow:0 6px 20px rgba(0,0,0,.25);cursor:pointer;margin-left:auto}
.wa__panel{width:min(340px,calc(100vw - 36px));background:#fff;border-radius:18px;box-shadow:0 12px 40px rgba(0,0,0,.22);margin-bottom:12px;overflow:hidden}
.wa__cab{display:flex;gap:10px;align-items:center;background:#075e54;color:#fff;padding:14px 16px}
.wa__cab small{display:block;opacity:.85;font-size:.75rem}
.wa__av{width:40px;height:40px;border-radius:50%;background:var(--rosa);display:grid;place-items:center;font-weight:700;flex:none}
.wa__x{margin-left:auto;background:none;border:0;color:#fff;font-size:1.6rem;cursor:pointer;line-height:1}
.wa__hola{margin:14px 16px 10px;background:#f0f2f0;padding:10px 12px;border-radius:0 12px 12px 12px;font-size:.9rem}
.wa__ops{display:flex;flex-direction:column;gap:6px;padding:0 16px}
.wa__ops button{text-align:left;font:600 .86rem var(--sans);background:#fff;border:1px solid #dfe5df;border-radius:10px;padding:10px 12px;cursor:pointer;color:var(--tinta)}
.wa__ops button:hover{border-color:#25d366;background:#f3fbf5}
.wa__nota{display:block;padding:10px 16px 14px;color:#6b7266;font-size:.72rem}

@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* ===== Embudo: negocio desde casa ===== */
.sellos{list-style:none;padding:0;margin:20px 0 0;display:flex;flex-wrap:wrap;gap:8px 18px;font:600 .85rem var(--sans);color:var(--oliva)}
.hero__test{min-width:0}
.test{background:#fff;border-radius:22px;box-shadow:var(--sombra);padding:clamp(20px,3vw,30px);font-family:var(--sans)}
.test__cab h2{font-size:1.35rem;margin-bottom:.3em}
.test__cab p{font-size:.92rem;color:var(--tinta-2)}
.test__err{background:var(--rosa-suave);padding:10px 12px;border-radius:10px;font-size:.9rem}
.test__barra{height:6px;background:var(--crema);border-radius:99px;overflow:hidden;margin:14px 0 18px;display:none}
.test__form--js .test__barra{display:block}
.test__barra span{display:block;height:100%;width:0;background:var(--rosa);transition:width .3s}
.test__paso{border:0;padding:0;margin:0 0 22px;min-width:0}
.test__form--js .test__paso{margin:0}
.test__paso legend{font:700 1.05rem/1.35 var(--sans);margin-bottom:12px;padding:0}
.test__num{display:inline-block;font-size:.72rem;color:#fff;background:var(--oliva);border-radius:99px;padding:2px 8px;margin-right:6px;vertical-align:2px}
.test__op{display:flex;gap:10px;align-items:center;padding:12px 14px;border:2px solid var(--linea);border-radius:12px;margin-bottom:8px;cursor:pointer;font-size:.95rem;transition:border-color .15s,background .15s}
.test__op:hover{border-color:var(--rosa)}
.test__op input{accent-color:var(--rosa);width:18px;height:18px;flex:none}
.test__op:has(input:checked){border-color:var(--rosa);background:#fff5f8}
.test__datos label:not(.check){display:flex;flex-direction:column;gap:4px;font-weight:600;font-size:.88rem;margin-bottom:10px}
.test__datos input:not([type=checkbox]){font:400 1rem var(--sans);padding:12px 14px;border:1px solid var(--linea);border-radius:10px;background:var(--crema)}
.test__datos .check{margin-bottom:8px}
.test__datos .btn{width:100%;margin-top:8px}
.test__datos--error input:invalid{border-color:var(--rosa)}
.test__nota{font-size:.88rem;color:var(--tinta-2)}
.test__legal{font-size:.72rem;color:#6b7266;margin-top:12px}
.test__nav{min-height:0}
.test__atras{background:none;border:0;color:var(--tinta-2);font:600 .85rem var(--sans);cursor:pointer;padding:8px 0}
.prosa-ancha{max-width:860px;font-size:1.08rem}
.prosa-ancha h2{margin:1.8em 0 .6em;scroll-margin-top:100px}
.tabla-scroll{overflow-x:auto;margin:1.4em 0}
.comparativa{width:100%;min-width:640px;border-collapse:collapse;font:400 .9rem/1.45 var(--sans);background:#fff;border-radius:var(--r);overflow:hidden}
.comparativa th,.comparativa td{padding:12px 14px;border-bottom:1px solid var(--linea);text-align:left;vertical-align:top}
.comparativa th{background:var(--oliva-suave)}
.comparativa .destacada td{background:#fff5f8}
.semana{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:1.2em 0}
.semana div{background:#fff;border-radius:var(--r);padding:16px;box-shadow:var(--sombra);font-family:var(--sans);display:flex;flex-direction:column;gap:4px}
.semana span{font-size:.85rem;color:var(--tinta-2)}
@media (max-width:760px){.semana{grid-template-columns:1fr 1fr}}
.promo-test{display:flex;align-items:center;gap:20px;background:#fff;border:2px solid var(--rosa-suave);border-radius:22px;padding:24px 28px;text-decoration:none;color:var(--tinta);font-family:var(--sans);box-shadow:var(--sombra)}
.promo-test:hover{color:var(--tinta);border-color:var(--rosa)}
.promo-test__emoji{font-size:2.4rem}
.promo-test .btn{margin-left:auto;flex:none}
@media (max-width:700px){.promo-test{flex-direction:column;align-items:flex-start}.promo-test .btn{margin-left:0}}
.art__cta--test{background:var(--oliva-suave)}
.resultado-test{max-width:760px}
.resultado-test__txt{font-size:1.15rem}
.privacidad-extra{margin-top:2.5em;padding-top:1.5em;border-top:2px solid var(--linea)}
.test__datos label[hidden]{display:none!important}
.promo-test--bienestar{margin-top:16px;border-color:var(--oliva-suave)}
.promo-test--bienestar:hover{border-color:var(--oliva-cl)}
.habitos{counter-reset:h;list-style:none;padding:0;margin:20px 0;display:grid;gap:12px}
.habitos li{counter-increment:h;background:#fff;border-radius:var(--r);padding:16px 18px 16px 60px;position:relative;box-shadow:var(--sombra);font-family:var(--sans)}
.habitos li::before{content:counter(h);position:absolute;left:16px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;background:var(--oliva);color:#fff;display:grid;place-items:center;font-weight:700}
.wa__enlace{display:block;text-decoration:none;font:600 .86rem var(--sans);background:#fff;border:1px dashed #dfe5df;border-radius:10px;padding:10px 12px;color:var(--tinta)}
.wa__enlace:hover{border-color:#25d366;background:#f3fbf5;color:var(--tinta)}
.hero__test .test__datos label:not(.check){display:flex;flex-direction:column;gap:4px;font-weight:600;font-size:.88rem;margin-bottom:10px}
/* Calculadora */
.calc{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(24px,4vw,48px);align-items:start}
@media (max-width:860px){.calc{grid-template-columns:1fr}}
.calc__form{background:#fff;border-radius:22px;padding:clamp(20px,3vw,30px);box-shadow:var(--sombra);font-family:var(--sans);display:grid;gap:18px}
.calc__campo{display:grid;grid-template-columns:1fr auto;gap:6px 12px;align-items:center}
.calc__txt{font-weight:600;font-size:.92rem}
.calc__campo output{font-weight:700;color:var(--rosa-osc);font-size:.9rem;white-space:nowrap}
.calc__campo input{grid-column:1/-1;width:100%;accent-color:var(--rosa)}
.calc__res{position:sticky;top:96px;background:var(--oliva);color:#fff;border-radius:22px;padding:clamp(22px,3vw,32px);font-family:var(--sans)}
.calc__res .antetitulo{color:#fff;opacity:.85}
.calc__grande{font-size:clamp(3rem,7vw,4.4rem);font-weight:700;line-height:1;margin:0}
.calc__sub{opacity:.85;margin-bottom:14px}
.calc__barra{height:8px;background:rgba(255,255,255,.2);border-radius:99px;overflow:hidden;margin-bottom:16px}
.calc__barra span{display:block;height:100%;background:#fff;border-radius:99px;transition:width .25s}
.calc__real,.calc__ano{font-size:.95rem}
.calc__msg{background:rgba(255,255,255,.12);border-radius:12px;padding:12px 14px;font-size:.92rem}
.calc__ctas{display:flex;flex-direction:column;gap:10px;margin-top:6px}
.calc__ctas .btn{background:#fff;color:var(--oliva);border-color:#fff}
.calc__ctas .btn--sec{background:transparent;color:#fff;border-color:rgba(255,255,255,.7)}
.calc__nota{font-size:.75rem;opacity:.75;margin:12px 0 0}
@media (max-width:860px){.calc__res{position:static}}