/* ---------------------------------------------------------------
   PIEZAS QUE EN ASTRO VIVÍAN DENTRO DE CADA PÁGINA
   cabecera.css, feed.css y articulo.css son copias exactas de la web
   de Astro (astro/src/styles/). Aquí va solo lo que en Astro estaba
   escrito en <style> dentro de una página concreta, y lo mínimo para
   que los bloques del editor de WordPress se vean como el Markdown.
   --------------------------------------------------------------- */

/* ---- cabecera de sección (components/ListadoSeccion.astro) ---- */
.s-cabeza{padding:26px 20px 22px;border-bottom:1px solid var(--linea)}
.s-titulo{margin:12px 0 0;font-family:var(--serif);font-weight:600;font-size:clamp(26px,3.6vw,34px);line-height:1.14;letter-spacing:-.4px;color:var(--ink);text-wrap:balance}
.s-cuenta{margin:12px 0 0;font-size:13.5px;color:var(--soft)}
@media(min-width:720px){.s-cabeza{padding:30px 28px 24px}}
@media(min-width:1024px){.s-cabeza{padding:32px 34px 26px}}

/* ---- contacto (pages/es/contacto/index.astro) ---- */
.cto{margin-top:26px;max-width:640px}
.cto label{display:block;font-size:13.5px;font-weight:700;color:var(--ink);margin:18px 0 7px}
.cto>label:first-of-type{margin-top:0}
.cto input,.cto select,.cto textarea{
  width:100%;padding:12px 14px;font:inherit;font-size:16px;color:var(--ink);
  background:var(--bg);border:1px solid var(--linea-2);border-radius:12px;
}
.cto textarea{resize:vertical;line-height:1.5}
.cto input:focus-visible,.cto select:focus-visible,.cto textarea:focus-visible{outline:none;border-color:var(--acento);box-shadow:0 0 0 3px #0A6E8522}
.cto input::placeholder,.cto textarea::placeholder{color:var(--soft-2)}
.cto-fila{display:grid;grid-template-columns:1fr;gap:0}
@media(min-width:560px){.cto-fila{grid-template-columns:1fr 1fr;gap:16px}}
.cto button{
  margin-top:22px;padding:13px 26px;font:inherit;font-size:16px;font-weight:700;
  color:#fff;background:var(--acento);border:0;border-radius:12px;cursor:pointer;
}
.cto button:hover{background:#095A6D}
.cto-nota{margin:16px 0 0;font-size:13.5px;line-height:1.6;color:var(--soft-2)}
.cto-nota a{color:var(--soft-2);text-decoration:underline;text-underline-offset:2px}
.cto-ok{margin:0 0 22px;padding:16px 18px;border-radius:12px;background:#0A6E850f;border:1px solid var(--acento);color:var(--ink);font-size:15.5px;line-height:1.5}

/* ---- empieza aquí (pages/es/empieza-aqui/index.astro) ---- */
.puertas{margin-top:28px;display:grid;grid-template-columns:1fr;gap:14px}
@media(min-width:720px){.puertas{grid-template-columns:1fr 1fr;gap:16px}}
.puerta{
  display:block;padding:22px 24px;border:1px solid var(--linea-2);border-radius:14px;
  text-decoration:none;color:var(--ink);background:var(--bg);transition:border-color .15s,background .15s;
}
.puerta:hover{border-color:var(--acento);background:var(--papel)}
.puerta h2{margin:0;font-family:var(--serif);font-weight:600;font-size:22px;line-height:1.2;letter-spacing:-.2px;color:var(--ink)}
.puerta p{margin:8px 0 0;font-family:var(--sans);font-size:15px;line-height:1.5;color:var(--ink-2)}

/* ---- 404 y búsqueda: el mismo diseño que el resto (una sola plantilla) ---- */
.doc .accion{margin:26px 0 0}
.boton{display:inline-block;padding:13px 22px;border-radius:10px;background:var(--acento);color:#fff;font-weight:700;font-size:16px}
.boton:hover{background:#095A6D;color:#fff}
.otras{display:flex;flex-wrap:wrap;gap:6px 20px;margin:26px 0 0;font-size:15px}
.otras a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);text-decoration:underline;text-underline-offset:2px;text-decoration-color:#C9CDCB}
.buscar-pag{margin:22px 0 0;display:flex;gap:10px;flex-wrap:wrap}
.buscar-pag input{flex:1 1 240px;min-width:0;font:inherit;font-size:16px;color:var(--ink);padding:13px 14px;border:1px solid var(--linea-2);border-radius:10px;background:#fff}
.buscar-pag button{font:inherit;font-size:16px;font-weight:700;color:#fff;padding:13px 22px;min-height:44px;border:0;border-radius:10px;background:var(--acento);cursor:pointer}

/* ---- bloques del editor de WordPress dentro del artículo ----
   El Markdown de Astro daba <p>, <ul>, <h2>… sueltos. Los bloques de
   WordPress añaden envoltorios y clases: aquí se neutralizan para que
   se vea igual. */
.prose .wp-block-group__inner-container>*:first-child{margin-top:0}
.prose figure:not(.mock){margin:26px 0 0}
.prose .wp-block-image img{border-radius:14px;margin:0;height:auto}
.prose .wp-block-image figcaption{margin:9px 0 0;font-size:12.5px;color:var(--soft-2);line-height:1.45}
.prose .wp-block-table{margin:26px 0 0;overflow-x:auto}
.prose .wp-block-table table{margin:0}
.prose .wp-block-separator{border:0;border-top:1px solid var(--linea);margin:30px 0 0}
.prose aside.resumen{max-width:66ch}
/* Los mocks no llevan el límite de 66 caracteres (en Astro tampoco). */
.prose>.mock,.prose>figure.mock{max-width:none}

/* Imagen de portada: el pie lo da la leyenda de la imagen destacada. */
.a-hero img{height:100%}

/* La barra de administración de WordPress (solo con la sesión iniciada)
   no debe tapar la cabecera fija. */
.admin-bar .mh{top:32px}
@media(max-width:782px){.admin-bar .mh{top:46px}}
.admin-bar .menu{top:32px}
@media(min-width:1024px){.admin-bar .menu{top:calc(var(--mh) + 32px)}}

/* Texto solo para lectores de pantalla (clase estándar de WordPress). */
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}

/* ---- pie legal (components/PieLegal.astro) ---- */
.pie-legal{
  border-top:1px solid var(--mh-linea);
  padding:22px 20px 34px;
  font-family:var(--sans);
}
.pie-legal nav{display:flex;flex-wrap:wrap;gap:2px 14px}
.pie-legal a{font-size:12.5px;color:var(--soft);padding:4px 0}
.pie-legal a:hover{color:var(--ink);text-decoration:underline}
.pie-legal p{margin:10px 0 0;font-size:12px;color:var(--soft-2)}
@media(min-width:720px){.pie-legal{padding:26px 28px 40px}}

/* ---- proyectos (pages/es/proyectos/index.astro); la página en inglés usa lo mismo ---- */
.p-cab{padding:26px 20px 24px;border-bottom:1px solid var(--linea)}
.p-titulo{margin:12px 0 0;font-family:var(--serif);font-weight:600;font-size:clamp(26px,3.6vw,34px);line-height:1.14;letter-spacing:-.4px;color:var(--ink);text-wrap:balance}
.p-entradilla{margin:14px 0 0;font-size:16.5px;line-height:1.55;color:var(--ink-2);max-width:60ch}
.proy{padding:30px 20px;border-bottom:1px solid var(--linea)}
.proy-est{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.9px;text-transform:uppercase;padding:4px 11px;border-radius:999px;border:1px solid}
.proy-est.funciona{color:#1B6647;border-color:#CFE4D9;background:#F0F7F3}
.proy-est.obra{color:#7C5A00;border-color:#E8DCB8;background:#FBF7EA}
.proy h2{margin:12px 0 0;font-family:var(--serif);font-weight:600;font-size:28px;line-height:1.14;letter-spacing:-.3px;color:var(--ink)}
.proy-que{margin:7px 0 0;font-size:17px;line-height:1.5;color:var(--ink-2);max-width:60ch}
.proy-cols{margin:24px 0 0;display:grid;gap:24px}
@media(min-width:720px){.proy-cols{grid-template-columns:1fr 1fr;gap:32px}}
.proy-cols h3{margin:0 0 12px;font-family:var(--sans);font-size:11.5px;font-weight:800;letter-spacing:1.1px;text-transform:uppercase;color:var(--soft-2)}
.proy-cols ul{margin:0;padding:0;list-style:none;display:grid;gap:11px}
.proy-cols li{position:relative;padding-left:19px;font-size:15.5px;line-height:1.55;color:var(--ink-2)}
.proy-cols li::before{content:"";position:absolute;left:0;top:.62em;width:7px;height:7px;border-radius:2px;background:var(--linea-2)}
.proy-cols a{color:var(--ink);text-decoration:underline;text-underline-offset:2px;text-decoration-color:#C9CDCB}
@media(hover:hover){.proy-cols a:hover{text-decoration-color:var(--ink)}}
.proy-nota{margin:22px 0 0;padding:13px 16px;background:var(--papel);border:1px solid var(--linea-2);border-radius:12px;font-size:15px;line-height:1.5;color:var(--soft)}
.proy-nota a{color:var(--ink)}
@media(min-width:720px){.p-cab,.proy{padding-left:28px;padding-right:28px}}
@media(min-width:1024px){.p-cab,.proy{padding-left:34px;padding-right:34px}}

/* ---- recursos del libro (pages/es/chatgpt-con-criterio/index.astro) ---- */
.libro-recursos{max-width:820px;margin:0 auto}
.libro-recursos .estado,.libro-recursos .nota,.libro-recursos .independencia{padding:16px 18px;border:1px solid var(--linea-2);border-radius:12px;background:var(--papel);margin:20px 0}
.libro-recursos .indice{display:flex;flex-wrap:wrap;gap:10px 16px;margin:24px 0 34px}
.libro-recursos .indice a{font-family:var(--sans);font-weight:600}
.libro-recursos section{margin:42px 0}
.libro-recursos h2{font-family:var(--serif);font-size:30px;line-height:1.2;margin:0 0 14px}
.libro-recursos h3{font-family:var(--serif);font-size:25px;line-height:1.2;margin:4px 0 18px}
.libro-recursos .plantilla{border:1px solid var(--linea-2);border-radius:14px;padding:24px;margin:24px 0;background:var(--bg)}
.libro-recursos .numero{font-family:var(--sans);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700;color:var(--ink-2)}
.libro-recursos .lineas{height:58px;margin:4px 0 14px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 25px,var(--linea-2) 26px,var(--linea-2) 27px)}
.libro-recursos table{width:100%;border-collapse:collapse;font-family:var(--sans);font-size:13px;margin:14px 0 20px}
.libro-recursos th,.libro-recursos td{border:1px solid var(--linea-2);padding:9px;text-align:left;vertical-align:top}
.libro-recursos th{background:var(--papel)}
.libro-recursos .check{list-style:none;padding:0}
.libro-recursos .check li{margin:8px 0}
.libro-recursos .pequeno{font-size:13px;color:var(--ink-2)}
@media print{
  .pagina-chatgpt-con-criterio .mh,.pagina-chatgpt-con-criterio .menu,.pagina-chatgpt-con-criterio .pie-legal,.libro-recursos .indice{display:none!important}
  .libro-recursos{max-width:none}
  .libro-recursos .plantilla.salto{break-before:page;page-break-before:always;border:none;padding:0}
  .libro-recursos a{color:inherit;text-decoration:none}
}

/* ---- páginas de «gracias» (pages/es/gracias/[hoja].astro), ya con el diseño de toda la web ---- */
.gracias{margin-top:22px}
.gracias p{margin:14px 0 0;font-size:16.5px;line-height:1.7;color:var(--ink-2);max-width:66ch}
.gracias h2{margin:34px 0 0;font-family:var(--serif);font-weight:600;font-size:22px;line-height:1.25;color:var(--ink)}
.gracias .descarga{display:inline-block;padding:14px 22px;border-radius:12px;background:var(--acento);color:#fff;font-weight:700;font-size:17px;text-decoration:none}
.gracias .descarga:hover{background:#095A6D;color:#fff}
.gracias .nota{color:var(--soft);font-size:15px}
.gracias .pregunta{font-family:var(--serif);font-size:24px;line-height:1.3;font-weight:600;margin:16px 0;color:var(--ink)}
.gracias .firma{margin-top:22px;font-size:18px;color:var(--ink)}

/* Menú: la newsletter destacada (WEB-1, 7 oct 2026) */
.menu .m-item.m-carta{color:#0A6E85;font-weight:600}