/* =====================================================================
   Páginas de contenido (SEO): agenda, app, software, Guadalajara y guía.
   Se carga después de main.css y solo desde esas cinco páginas.
   ===================================================================== */

/* ---------- Cabeza ---------- */
.cabeza--seo .disp{font-size:clamp(38px,5.2vw,98px);max-width:calc(100% - 2 * var(--m));line-height:.86}
.cabeza--seo .lead{max-width:30ch}
@media (min-width:768px){
  .cabeza--seo{min-height:78vh;min-height:78svh}
}
@media (max-width:767px){
  .cabeza--seo .disp{font-size:min(11.2vw,50px);line-height:.9;max-width:none}
}

/* Ficha de tres datos junto al título */
.seo-ficha{margin-top:6vh}
.seo-ficha>div{display:grid;grid-template-columns:auto 1fr;column-gap:1.1em;align-items:baseline;padding:.75em 0;border-top:1px solid var(--tinta)}
.seo-ficha dt{font-weight:800;font-size:clamp(24px,2.2vw,38px);letter-spacing:-.06em;line-height:1}
.seo-ficha dd{font-size:15px;line-height:1.3;color:var(--gris-texto)}
@media (min-width:768px){
  .cabeza .seo-ficha{position:absolute;right:var(--m);bottom:clamp(28px,8vh,80px);width:min(32vw,420px);margin:0;z-index:2}
}
@media (min-width:768px) and (max-width:1099px){
  .cabeza .seo-ficha{display:none}
}

/* ---------- Secciones de contenido ---------- */
.seo-sec{padding:11vh var(--m) 1vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);column-gap:6vw;border-top:1px solid var(--linea)}
.cabeza--seo+.seo-sec{border-top:0;padding-top:6vh}
.seo-izq{align-self:start}
.seo-izq .etiqueta{margin-bottom:1.3em}
.seo-izq h2{font-weight:800;font-size:clamp(30px,3.3vw,60px);line-height:.96;letter-spacing:-.06em;text-wrap:balance}
.seo-der>*+*{margin-top:1.7em}
.seo-der .texto{max-width:56ch}
.seo-sec a:not(.cta){font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.22em}
.seo-sec a:not(.cta):hover{color:var(--azul)}
@media (min-width:900px){
  .seo-izq{position:sticky;top:110px}
}
@media (max-width:899px){
  .seo-sec{grid-template-columns:1fr;row-gap:4vh;padding:9vh var(--m) 1vh}
  .cabeza--seo+.seo-sec{padding-top:5vh}
}

/* Tablas */
.seo-tabla-caja{overflow-x:auto;-webkit-overflow-scrolling:touch}
.seo-tabla-caja:focus-visible{outline:2px solid var(--azul);outline-offset:4px}
.seo-tabla{width:100%;border-collapse:collapse;font-size:clamp(15px,1.1vw,18px);line-height:1.4}
.seo-tabla caption{caption-side:top;text-align:left;padding:0 0 .9em;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--azul)}
.seo-tabla th,.seo-tabla td{text-align:left;padding:.9em 1.1em .9em 0;border-bottom:1px solid var(--linea);vertical-align:top}
.seo-tabla thead th{font-size:12.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--gris-texto);border-bottom:1.5px solid var(--tinta);white-space:nowrap}
.seo-tabla tbody th{font-weight:700;letter-spacing:-.01em;white-space:nowrap}
.seo-tabla td{font-variant-numeric:tabular-nums}
@media (max-width:767px){
  .seo-tabla{min-width:480px;font-size:15px}
}

/* Pasos y listas */
.seo-pasos{counter-reset:paso;border-top:1.5px solid var(--tinta)}
.seo-pasos li{counter-increment:paso;display:grid;grid-template-columns:2.8em minmax(0,1fr);padding:1.05em 0;border-bottom:1px solid var(--linea);font-size:clamp(16px,1.2vw,19px);line-height:1.45}
.seo-pasos li::before{content:counter(paso,decimal-leading-zero);font-weight:700;font-size:.82em;padding-top:.2em;color:var(--azul);font-variant-numeric:tabular-nums}
.seo-pasos--v li::before{content:"\2014";font-size:1em;padding-top:0}
.seo-pasos b{font-weight:700;letter-spacing:-.01em}

/* Mensaje de ejemplo */
.seo-cita{border-left:3px solid var(--azul);background:var(--suave);padding:1.1em 1.3em;border-radius:0 14px 14px 0;font-size:clamp(16px,1.2vw,19px);line-height:1.5}
.seo-cita p+p{margin-top:.9em;padding-top:.9em;border-top:1px dashed var(--linea)}

/* Pregunta y banda: respiro entre bloques */
.cabeza--seo~.faq{padding-top:8vh}
.cabeza--seo~.faq .faq-grupo h2{margin-top:2vh}

/* Sigue leyendo */
.seo-sigue{padding:6vh var(--m) 12vh}
.seo-sigue ul{margin-top:2.4vh;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.seo-sigue a{display:flex;flex-direction:column;height:100%;padding:1.5em;border:1px solid var(--linea);border-radius:20px;background:var(--suave);text-decoration:none;transition:background .35s,color .35s,border-color .35s}
.seo-sigue a:hover{background:var(--azul);border-color:var(--azul);color:var(--papel)}
.seo-sigue small{font-size:12.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;opacity:.65}
.seo-sigue b{display:block;margin:.7em 0 .5em;font-size:clamp(22px,1.9vw,32px);font-weight:800;letter-spacing:-.05em;line-height:1}
.seo-sigue span{font-size:clamp(15px,1.1vw,18px);line-height:1.4;opacity:.8}
@media (max-width:767px){
  .seo-sigue{padding:4vh var(--m) 9vh}
  .seo-sigue ul{grid-template-columns:1fr}
}

/* ---------- Pie con grupo «Recursos» ---------- */