/* ═══ enAlma · secciones de las páginas hijas (02-sep-2026) ═══
   Sólo lo que no existía en site.css: checklist marcable, pasos,
   chips de enlace interno e intro local. */

/* ── ¿Te suena esto? ── */
.chk{padding:clamp(56px,7vw,96px) 0;background:var(--crema,#f6f3ee)}
.chk__list{list-style:none;margin:0;padding:0;display:grid;gap:10px;
  grid-template-columns:1fr}
@media(min-width:760px){.chk__list{grid-template-columns:1fr 1fr;gap:12px 22px}}
.chk__it{display:flex;align-items:flex-start;gap:13px;width:100%;text-align:left;
  background:#fff;border:1px solid rgba(60,50,40,.10);border-radius:14px;
  padding:15px 18px;font:inherit;font-size:15.5px;line-height:1.5;color:inherit;
  cursor:pointer;transition:border-color .3s ease,box-shadow .3s ease,background .3s ease}
.chk__it:hover{border-color:rgba(60,50,40,.22)}
.chk__box{flex:none;width:20px;height:20px;margin-top:2px;border-radius:6px;
  border:1.5px solid rgba(60,50,40,.28);position:relative;transition:.25s ease}
.chk__box::after{content:"";position:absolute;left:5.5px;top:2px;width:5px;height:10px;
  border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) scale(.4);
  opacity:0;transition:.25s cubic-bezier(.16,1,.3,1)}
.chk__it[aria-pressed="true"]{background:var(--olivo-soft,#eef0e6);
  border-color:var(--olivo,#7d8a5c);box-shadow:0 8px 22px -18px rgba(60,60,30,.55)}
.chk__it[aria-pressed="true"] .chk__box{background:var(--olivo,#7d8a5c);border-color:var(--olivo,#7d8a5c)}
.chk__it[aria-pressed="true"] .chk__box::after{opacity:1;transform:rotate(45deg) scale(1)}
.chk__out{margin-top:26px;display:flex;flex-wrap:wrap;align-items:center;gap:16px 22px;
  padding:20px 24px;border-radius:16px;background:#fff;
  border:1px solid rgba(60,50,40,.10);
  opacity:0;transform:translateY(10px);transition:opacity .5s ease,transform .5s cubic-bezier(.16,1,.3,1)}
.chk__out[hidden]{display:none}
.chk__out.is-on{opacity:1;transform:none}
.chk__msg{margin:0;font-size:16px;line-height:1.55;flex:1 1 260px}
.chk__note{margin:18px 0 0;font-size:13.5px;opacity:.62;max-width:62ch}

/* ── Pasos ── */
.pasos{padding:clamp(56px,7vw,96px) 0}
.pasos__list{list-style:none;margin:0;padding:0;display:grid;gap:22px}
@media(min-width:860px){.pasos__list{grid-template-columns:repeat(3,1fr);gap:34px}}
.paso{display:flex;gap:16px;align-items:flex-start}
.paso__n{font-family:var(--serif,'Cormorant Garamond',serif);font-size:34px;line-height:1;
  color:var(--olivo,#7d8a5c);opacity:.55;flex:none;min-width:1.6em}
.paso h3{margin:0 0 6px;font-size:19px;letter-spacing:-.01em}
.paso p{margin:0;font-size:15.5px;line-height:1.62;opacity:.82}

/* ── Chips de enlace interno ── */
.chips{padding:0 0 clamp(40px,5vw,70px)}
.chips h3{font-size:14px;letter-spacing:.08em;text-transform:uppercase;
  opacity:.55;font-weight:500;margin:0 0 14px}
.chips__row{display:flex;flex-wrap:wrap;gap:10px}
.chip{display:inline-flex;align-items:center;padding:9px 17px;border-radius:100px;
  border:1px solid rgba(60,50,40,.14);font-size:14.5px;text-decoration:none;color:inherit;
  transition:background .3s ease,border-color .3s ease,transform .3s cubic-bezier(.16,1,.3,1)}
.chip:hover{background:var(--olivo-soft,#eef0e6);border-color:var(--olivo,#7d8a5c);transform:translateY(-2px)}

/* ── Intro de página local ── */
.intro-local{padding:clamp(46px,6vw,80px) 0 0}
.intro-local .lead{font-size:clamp(18px,2vw,22px);line-height:1.5;max-width:34ch}
.intro-local p+p{margin-top:14px;max-width:60ch;opacity:.82}

@media(prefers-reduced-motion:reduce){
  .chk__out,.chk__it,.chk__box,.chip{transition:none}
}

/* zonas dentro de contenedor en páginas locales */
.zonas-sec{padding:0 0 clamp(46px,6vw,80px)}

/* servicios en página local: usa el componente .cards de la home */
.serv-local{padding:clamp(46px,6vw,80px) 0}
@media(max-width:760px){.serv-local .cards{grid-template-columns:1fr}}

/* ── Índice de hijas en los hubs (sustituye a «vienen a vernos desde») ── */
.idx{padding:clamp(56px,7vw,96px) 0;background:var(--crema,#f6f3ee)}
.idx__grid{display:grid;gap:30px 40px;grid-template-columns:1fr}
@media(min-width:760px){.idx__grid{grid-template-columns:1fr 1fr}}
.idx__col h3{font-size:13px;letter-spacing:.08em;text-transform:uppercase;opacity:.55;
  font-weight:500;margin:0 0 12px}
.idx__col ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.idx__col a{display:block;padding:11px 2px;text-decoration:none;color:inherit;font-size:16.5px;
  border-bottom:1px solid rgba(60,50,40,.09);transition:padding-left .35s cubic-bezier(.16,1,.3,1),color .3s}
.idx__col a:hover{padding-left:9px;color:var(--olivo,#7d8a5c)}
.idx__zonas{margin-top:38px;padding-top:28px;border-top:1px solid rgba(60,50,40,.12)}
.idx__zonas h3{font-size:13px;letter-spacing:.08em;text-transform:uppercase;opacity:.55;
  font-weight:500;margin:0 0 14px}
.idx__zonas .link-ul{display:inline-block;margin-top:16px}

/* ── Hub de zonas ── */
.zonas-hub{padding:clamp(46px,6vw,84px) 0}
.zonas-hub__grid{display:grid;gap:14px;grid-template-columns:1fr}
@media(min-width:720px){.zonas-hub__grid{grid-template-columns:1fr 1fr}}
@media(min-width:1080px){.zonas-hub__grid{grid-template-columns:1fr 1fr 1fr}}
.zona{border:1px solid rgba(60,50,40,.11);border-radius:16px;padding:20px 22px 16px;background:#fff}
.zona h3{margin:0 0 12px;font-family:var(--display,'Cormorant Garamond',serif);
  font-size:24px;font-weight:400;letter-spacing:-.01em}
.zona__servs{display:grid;gap:2px}
.zona__serv{display:flex;flex-direction:column;gap:1px;padding:9px 0;text-decoration:none;color:inherit;
  border-top:1px solid rgba(60,50,40,.08);transition:padding-left .35s cubic-bezier(.16,1,.3,1)}
.zona__serv:hover{padding-left:8px}
.zona__serv b{font-weight:500;font-size:15px}
.zona__serv span{font-size:13px;opacity:.6}

/* la lista perinatal ahora enlaza: el <a> hereda el grid que tenía el <li> */
.peri__list li a{display:grid;grid-template-columns:1fr;gap:5px;
  text-decoration:none;color:inherit}
.peri__list li:has(a){padding-left:0}
.peri__list li a:hover b{text-decoration:underline;text-underline-offset:4px}
.peri .link-ul{display:inline-block;margin-top:20px}

/* 12-oct-2026 · letra más grande en escritorio (feedback clienta) */
@media (min-width:1024px){
  .paso p{font-size:17px;}
  .chk__msg{font-size:17px;}
  .chk__label,.chk label{font-size:16.5px;}
  .idx__col a{font-size:17.5px;}
  .zona__serv b{font-size:16px;}
}