@import url('/estatico/lapices.css');
/* Espejo del .org (/org/, org.py) y ayuda dentro de Apoyo (/ayuda/, build.py). Diseño de la maqueta aprobada por JAM
   el 28-10-2026 (FPLC.cl WEB/maqueta-org/, plan en PLAN-2026-10-28-diseno-espejo-org.md §3): blanco con franjas gris muy
   claro, Libre Baskerville en títulos y Source Sans 3 en el cuerpo (estatico/fuentes/baskerville-source.css), paleta del
   manual de marca 2026 y un color por área (clase area-… en <body>, AREAS en org.py). Después va al aula y la intranet. */

:root{
  --fondo:#FFFFFF; --franja:#F5F5F3; --tinta:#1F1F1F; --gris:#5F5F5F; --linea:#E2E2DE;
  --coral:#F26D5B; --terracota:#C23D43; --mostaza:#D18A26; --dorado:#F2B23A; --teal:#0E8F78; --aqua:#4DB7A3;
  --azul:#1E4A8A; --violeta:#7B63B6;
  /* Botón principal: verde teal oscurecido para que el texto blanco cumpla AA. */
  --accion:#0B6E5D; --accion-hover:#095A4C;
  --serif:'Libre Baskerville',Baskerville,Georgia,serif;
  --sans:'Source Sans 3','Source Sans Pro',system-ui,-apple-system,'Segoe UI',sans-serif;
  --mono:ui-monospace,Menlo,monospace;
  --ancho:1200px; --gutter:max(16px,calc((100% - var(--ancho)) / 2));
  --radio:12px;
  --area:var(--teal); --area-oscuro:#0B6E5D;
}
/* Color de cada área: el claro para filetes e íconos; el oscuro para texto y franjas con letra blanca (AA). */
.area-teal{--area:var(--teal);--area-oscuro:#0B6E5D}
.area-coral{--area:var(--coral);--area-oscuro:#B23A30}
.area-azul{--area:var(--azul);--area-oscuro:#1E4A8A}
.area-violeta{--area:var(--violeta);--area-oscuro:#5E4896}
.area-dorado{--area:var(--dorado);--area-oscuro:#8A5A10}

*{box-sizing:border-box}
/* scroll-padding-top: la cabecera es fija y taparía el destino de los saltos a anclas. */
html{-webkit-text-size-adjust:100%;scroll-padding-top:6rem}
[hidden]{display:none!important}
body{margin:0;background:var(--fondo);color:var(--tinta);font:400 1.125rem/1.6 var(--sans);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}
a{color:var(--area-oscuro);text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
/* Foco en tinta con halo blanco (contraste ≥ 3:1 sobre blanco y sobre las franjas); en las bandas oscuras, blanco. */
:focus-visible{outline:3px solid var(--tinta);outline-offset:2px;box-shadow:0 0 0 2px #fff;border-radius:4px}
.org-espejo :focus-visible,.org-pie :focus-visible{outline-color:#fff;box-shadow:none}
.org-saltar{position:absolute;left:-999px;top:0;background:var(--tinta);color:#fff;padding:.6rem 1rem;z-index:10}
.org-saltar:focus{left:16px;top:8px}
.org-espejo{background:var(--tinta);color:#E6E6E2;font-size:.8rem;text-align:center;padding:.4rem 1rem}
.org-espejo a{color:#fff}

/* Títulos */
h1,h2{font-family:var(--serif);font-weight:400;line-height:1.2;letter-spacing:-.01em;text-wrap:balance;margin:0 0 .8rem}
h1{font-size:clamp(2rem,4.2vw,3.1rem);line-height:1.12}
h1 em{font-style:italic}
h2{font-size:clamp(1.55rem,2.6vw,2.1rem)}
h3{font:700 1.2rem/1.3 var(--sans);margin:0 0 .4rem}
p{margin:0 0 1rem}
.ante{font:600 .82rem/1.3 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--area-oscuro);margin:0 0 .6rem}
.org-bajada{font-size:1.2rem;color:var(--gris);max-width:46rem;margin:0 0 1.5rem}

/* Botones: principal lleno, el segundo de una fila y los de las tarjetas con borde */
.boton{display:inline-block;background:var(--accion);color:#fff;text-decoration:none;font:600 1rem/1.2 var(--sans);
  padding:.8rem 1.3rem;border:1.5px solid var(--accion);border-radius:8px}
.boton:hover{background:var(--accion-hover);border-color:var(--accion-hover);color:#fff}
.boton.secundario,.org-botones p+p .boton,.org-tarjeta .boton{background:transparent;color:var(--tinta);border-color:var(--tinta)}
.boton.secundario:hover,.org-botones p+p .boton:hover,.org-tarjeta .boton:hover{background:var(--tinta);color:#fff}
.org-botones{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.6rem 0}
.org-botones p{margin:0}
.enlace{font-weight:600;color:var(--area-oscuro)}

/* Cabecera */
.org-cab{border-bottom:1px solid var(--linea);background:var(--fondo);position:sticky;top:0;z-index:5}
.org-cab-in{max-width:var(--ancho);margin:0 auto;padding:.9rem 16px;display:flex;align-items:center;gap:1.5rem}
.org-marca{display:flex;align-items:center;gap:.65rem;text-decoration:none;color:var(--tinta);font:400 1.15rem/1.1 var(--serif);flex:none}
.org-marca img{width:44px;height:44px}
.org-menu{display:flex;gap:1.3rem;margin-left:auto;font-size:1rem}
.org-menu a,.org-menu-movil nav a{color:var(--tinta);text-decoration:none;padding:.3rem 0;border-bottom:2px solid transparent}
.org-menu a:hover{border-bottom-color:var(--linea)}
.org-menu a[aria-current]{border-bottom-color:var(--area)}
.org-cab-botones{display:flex;gap:.5rem;flex:none}
.org-cab-botones .boton{padding:.6rem 1rem;font-size:.95rem}
.org-menu-movil{display:none;margin-left:auto}
.org-menu-movil summary{list-style:none;cursor:pointer;font-weight:600;padding:.55rem 1rem;border:1.5px solid var(--tinta);border-radius:8px}
.org-menu-movil summary::-webkit-details-marker{display:none}
.org-menu-movil nav{position:absolute;left:0;right:0;top:100%;background:var(--fondo);border-bottom:1px solid var(--linea);
  display:flex;flex-direction:column;padding:.5rem 16px 1rem}
.org-menu-movil nav a{padding:.75rem 0;border-bottom:1px solid var(--linea)}
.org-menu-movil nav a[aria-current]{font-weight:700;color:var(--area-oscuro)}
@media (max-width:1180px){.org-menu{gap:.9rem;font-size:.95rem}.org-cab-botones .secundario{display:none}}
@media (max-width:980px){.org-menu{display:none}.org-menu-movil{display:block}.org-cab-in{gap:.75rem}}
@media (max-width:520px){
  .org-cab-in{gap:.5rem;padding-inline:12px}
  .org-marca{gap:.45rem}
  .org-marca span{font-size:.95rem;max-width:5.5rem;line-height:1.15}
  .org-marca img{width:34px;height:34px}
  .org-cab-botones{margin-left:auto}
  .org-cab-botones .boton{padding:.55rem .7rem;font-size:.88rem}
  .org-menu-movil{margin-left:0}
  .org-menu-movil summary{padding:.5rem .7rem;font-size:.9rem}
}

/* Páginas del espejo: secciones a todo lo ancho, franjas alternas */
.org-pagina .org-main>h1,.org-pagina .org-main>.org-bajada{margin-inline:var(--gutter)}
.org-pagina .org-main>h1{margin-top:clamp(2.5rem,5vw,4rem)}
.org-pagina .org-cuerpo>div{padding:clamp(3rem,6vw,5rem) var(--gutter)}
.org-pagina .org-cuerpo>:not(div){margin-inline:var(--gutter);max-width:46rem}
.org-pagina .org-cuerpo>:not(div):last-child{margin-bottom:4rem}
.org-pagina .org-cuerpo>.org-seccion:nth-child(even){background:var(--franja)}
.org-seccion>h2,.org-seccion>p,.org-llamado>*{max-width:46rem}
.org-seccion>h2+p{color:var(--gris);font-size:1.2rem}
.org-vacia{color:var(--gris);font-style:italic}

/* Portada: texto a la izquierda, foto o tarjeta a la derecha */
.org-portada{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(2rem,5vw,4.5rem);align-items:center}
.org-portada:not(:has(.portada-lado)){grid-template-columns:minmax(0,46rem)}
.portada-texto>p:not(.ante){font-size:1.25rem;color:var(--gris);max-width:34rem}
.portada-texto>h2{font-size:clamp(1.3rem,2vw,1.6rem);margin-top:1.5rem}
.portada-foto{margin:0;border-radius:var(--radio);overflow:hidden;aspect-ratio:4/3;background:var(--franja)}
.portada-foto img{width:100%;height:100%;object-fit:cover;display:block}
.portada-sello{display:flex;align-items:baseline;gap:.8rem;margin-top:1rem;color:var(--gris)}
.portada-sello .numero{font:400 1.6rem/1 var(--serif);color:var(--area-oscuro);margin:0}
.portada-sello h2{font:600 1rem/1.3 var(--sans);margin:0;color:var(--gris)}
.portada-tarjeta{border:1px solid var(--linea);border-top:4px solid var(--area);border-radius:var(--radio);padding:2rem;background:var(--fondo)}
.portada-tarjeta p:last-child{margin:0;color:var(--gris)}
.portada-tarjeta .boton{margin:.4rem 0 .8rem}

/* Cifras: fila de cuatro */
.org-cifras{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem;margin:0}
.org-cifra{border-top:1px solid var(--linea);padding-top:1.2rem}
.org-cifra h3{font:400 clamp(2rem,3.5vw,2.8rem)/1 var(--serif);color:var(--area-oscuro);margin:0 0 .6rem;font-variant-numeric:lining-nums}
.org-cifra p{color:var(--gris);font-size:1rem;margin:0}

/* Tarjetas: borde de 1 px, radio 12, sin sombra, ícono arriba a la izquierda */
.org-tarjetas{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:1.5rem;margin:2.2rem 0 0}
.org-tarjetas+.org-tarjetas{margin-top:1.5rem}
.org-tarjeta{border:1px solid var(--linea);border-radius:var(--radio);padding:1.75rem;background:var(--fondo);display:flex;flex-direction:column}
.org-tarjeta>p:last-child{margin-bottom:0}
.org-tarjeta>p:has(.boton){margin-top:auto;padding-top:.6rem}
.org-tarjeta p{color:var(--gris);font-size:1.02rem}
.org-tarjeta .ante{color:var(--area-oscuro);font-size:.76rem}
.org-tarjeta h3 a{color:inherit;text-decoration:none}
.org-tarjeta img:not(.icono){border-radius:8px;margin-bottom:1rem}
img.icono{width:44px;height:44px;display:block;margin:0 0 .4rem}

/* Equipo: fotos redondas */
.org-equipo{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));gap:2.5rem 2rem;margin:2.2rem 0 0}
.org-persona img{width:120px;height:120px;border-radius:50%;object-fit:cover;display:block;margin:0 0 1rem}
.org-persona h3{font-size:1.1rem;margin:0}
.cargo{color:var(--area-oscuro);font-weight:600;font-size:.95rem;margin:.1rem 0 .6rem}
.org-persona p:not(.cargo){color:var(--gris);font-size:.98rem}

/* Hitos: línea de tiempo con el año grande a la izquierda */
.org-hitos{margin:2.2rem 0 0;display:grid;gap:0}
.org-hito{display:grid;grid-template-columns:8rem minmax(0,1fr) 9rem;grid-template-areas:"anio titulo foto" "anio texto foto";
  column-gap:2rem;padding:1.6rem 0;border-top:1px solid var(--linea)}
.org-hito>p:has(img){grid-area:foto;margin:0}
.org-hito img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px;display:block}
.anio{grid-area:anio;font:400 2.2rem/1 var(--serif);color:var(--area-oscuro);margin:0}
.org-hito h3{grid-area:titulo}
.org-hito>p:last-child{grid-area:texto;color:var(--gris);margin:0}

/* Testimonios: tres columnas sobre franja gris */
.org-pagina .org-cuerpo>.org-seccion:has(.org-testimonios){background:var(--franja)}
.org-testimonios blockquote{margin:1.5rem 0 0;padding:0;border:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto auto;grid-auto-flow:column;gap:0 2rem}
.org-testimonios blockquote p{margin:0;font:400 1.08rem/1.6 var(--serif);background:var(--fondo);padding:1.75rem 1.75rem 1rem;border-radius:var(--radio) var(--radio) 0 0}
.org-testimonios blockquote p:has(cite){font:600 .9rem/1.3 var(--sans);color:var(--gris);padding:0 1.75rem 1.75rem;border-radius:0 0 var(--radio) var(--radio)}
.org-testimonios cite{font-style:normal}

/* Llamado: franja del color del área, letra blanca */
.org-pagina .org-cuerpo>.org-llamado{background:var(--area-oscuro);color:#fff}
.org-llamado h2{color:#fff}
.org-llamado h2+h2{font-size:clamp(1.3rem,2.2vw,1.7rem);line-height:1.45}
.org-llamado .ante{color:#fff;opacity:.85}
.org-llamado p{margin-bottom:.8rem}
.org-llamado .boton{background:#fff;color:var(--tinta);border-color:#fff}
.org-llamado .boton:hover{background:transparent;color:#fff}
.org-llamado .org-botones p+p .boton{background:transparent;color:#fff;border-color:#fff}
.org-llamado .org-botones p+p .boton:hover{background:#fff;color:var(--tinta)}
.org-llamado a:not(.boton){color:#fff}

/* Logos de aliados */
.org-logos{display:flex;flex-wrap:wrap;align-items:center;gap:2rem 3rem;margin-top:2rem}
.org-logos p{display:contents}
.org-logos img{max-height:3.5rem;width:auto;filter:grayscale(1);opacity:.7}

/* Pasos, tablas, avisos y sueltos */
.org-pasos{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:1.5rem;margin-top:2rem;counter-reset:paso}
.org-paso{counter-increment:paso}
.org-paso::before{content:counter(paso);display:block;font:400 2.2rem/1 var(--serif);color:var(--area-oscuro);margin-bottom:.6rem}
.org-cuerpo table{border-collapse:collapse;width:100%;font-size:1rem;margin:1.5rem 0;display:block;overflow-x:auto}
.org-cuerpo .tabla table{display:table}
.org-pagina .org-cuerpo>table{width:auto}
.org-cuerpo th,.org-cuerpo td{text-align:left;vertical-align:top;padding:.7rem .8rem;border-bottom:1px solid var(--linea)}
.org-cuerpo th{font-weight:700}
.aviso{background:#FBEDEA;border-left:4px solid var(--terracota);padding:.8rem 1rem;border-radius:0 8px 8px 0;color:var(--tinta);font-size:1rem}
.numero{font:400 2rem/1 var(--serif);color:var(--area-oscuro)}
.org-cuerpo blockquote{margin:1.5rem 0;padding-left:1.25rem;border-left:3px solid var(--area);font-family:var(--serif)}
.org-cuerpo details{border:1px solid var(--linea);border-radius:8px;padding:.6rem 1rem;margin:.6rem 0}
.org-cuerpo summary{cursor:pointer;font-weight:600}
.org-cuerpo ul,.org-cuerpo ol{padding-left:1.3rem}
.org-cuerpo li{margin:.3rem 0}

/* Pie en columnas */
.org-pie{background:var(--tinta);color:#D6D6D2;font-size:.98rem}
.org-pie-in{max-width:var(--ancho);margin:0 auto;padding:3.5rem 16px 2.5rem;display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:2.5rem}
.org-pie a{color:#fff;text-decoration:none}
.org-pie a:hover{text-decoration:underline}
.org-pie h3{font:600 .82rem/1.3 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:#fff;margin:0 0 .9rem}
.org-pie ul{list-style:none;padding:0;margin:0}
.org-pie li{margin:.45rem 0}
.org-marca-pie{color:#fff;margin-bottom:1rem}
.org-pie .org-columna:first-child ul{display:flex;flex-wrap:wrap;gap:.4rem 1rem;margin-top:1rem}
.org-pie .org-columna:last-child{grid-column:1/-1;border-top:1px solid #3A3A3A;padding-top:1.5rem;display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;font-size:.9rem;color:#A9A9A4}
.org-pie .org-columna:last-child p{margin:0}
.org-pie .org-columna:last-child ul{display:flex;gap:1.2rem}
.org-pie-nota{max-width:var(--ancho);margin:0 auto;padding:0 16px 1rem;font-size:.82rem;color:#A9A9A4}
.org-pie-nota:last-child{padding-bottom:2rem}

/* Celular y tableta */
@media (max-width:900px){
  .org-portada{grid-template-columns:1fr}
  .org-cifras{grid-template-columns:repeat(2,minmax(0,1fr))}
  .org-testimonios blockquote{grid-template-columns:1fr;grid-auto-flow:row;gap:0}
  .org-testimonios blockquote p:has(cite){margin-bottom:1rem}
  .org-hito{grid-template-columns:5.5rem minmax(0,1fr);grid-template-areas:"anio titulo" "anio texto" "anio foto"}
  .org-hito>p:has(img){max-width:14rem;margin-top:1rem}
  .org-pie-in{grid-template-columns:1fr 1fr}
  .org-pie .org-columna:first-child{grid-column:1/-1}
}
@media (max-width:520px){
  body{font-size:1.06rem}
  .org-cifras{grid-template-columns:1fr;gap:1.2rem}
  .org-hito{grid-template-columns:1fr;grid-template-areas:"anio" "titulo" "texto" "foto"}
  .anio{margin-bottom:.5rem;font-size:1.8rem}
  .org-tarjeta,.portada-tarjeta{padding:1.4rem}
  .org-pie-in{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Ayuda dentro de Apoyo: sección de guías en /org/apoyo/ (org.py) y las páginas de /ayuda/ (build.py), que usan la
   cabecera y el pie del espejo con salida rápida, franja de peligro y contacto. */
.org-ayuda,.org-guias{--salvia-suave:#ECF1E6;--salvia-oscura:#4E6444;--rojo:#B23A30;--rojo-oscuro:#8E2C24;
  --lila-suave:#F1ECF7;--peligro-fondo:#FBEDEA;
  --v:#3F6B3E;--v-fondo:#E4EDDC;--s:#6b5c1e;--s-fondo:#f4eed4;--w:#a2471c;--w-fondo:#fbe3d6}
.org-pagina .org-cuerpo>.org-guias{background:var(--franja)}
.tarjetas{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:1rem;margin:2rem 0}
.tarjetas a{display:block;padding:1.4rem 1.5rem;border:1px solid var(--linea);border-radius:var(--radio);background:var(--fondo);color:var(--tinta);text-decoration:none}
.tarjetas a:hover{border-color:var(--area)}
.tarjetas a b{display:block;font:700 1.08rem/1.3 var(--sans);margin-bottom:.3rem}
.tarjetas a span{color:var(--gris);font-size:.98rem}
.tarjetas a.pendiente{opacity:.6}
.org-guias .boton{margin:.3rem .4rem .3rem 0}

.org-salir{max-width:var(--ancho);margin:0 auto;padding:.7rem 16px;display:flex;align-items:center;justify-content:flex-end;gap:.4rem 1rem;flex-wrap:wrap}
.salir{font:600 .95rem/1 var(--sans);background:var(--rojo);color:#fff;border:0;padding:.75rem 1.2rem;cursor:pointer;border-radius:8px;order:2}
.salir:hover{background:var(--rojo-oscuro)}
.salir-ayuda{margin:0;font-size:.88rem;color:var(--gris)}
.peligro{background:var(--peligro-fondo);border-block:1px solid #F0D3CC;padding:.7rem var(--gutter);font-size:1rem}
.peligro strong{color:var(--rojo-oscuro)}
.org-ayuda .org-main{max-width:calc(52rem + 32px);margin:0 auto;padding:2rem 16px 4rem}
.migas{font-size:.9rem;color:var(--gris);margin-bottom:.8rem}
.migas a{color:var(--gris)}
.org-submenu{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 1.8rem;font-size:.95rem}
.org-submenu a{text-decoration:none;color:var(--tinta);padding:.35rem .85rem;border:1px solid var(--linea);border-radius:999px;background:var(--fondo)}
.org-submenu a:hover{border-color:var(--tinta)}
.org-submenu a[aria-current]{background:var(--tinta);border-color:var(--tinta);color:#fff}
.org-ayuda .org-cuerpo h2{margin-top:2.6rem}
.org-ayuda .org-cuerpo h3{margin-top:1.8rem}
.org-ayuda .org-cuerpo p,.org-ayuda .org-cuerpo li{max-width:66ch}
.org-ayuda .org-cuerpo>ol{counter-reset:paso;list-style:none;padding:0}
.org-ayuda .org-cuerpo>ol>li{counter-increment:paso;position:relative;padding-left:2.8rem;margin:1rem 0}
.org-ayuda .org-cuerpo>ol>li::before{content:counter(paso);position:absolute;left:0;top:-.1rem;font:400 1.8rem/1 var(--serif);color:var(--area-oscuro)}
.mensajes{display:grid;gap:.5rem;padding:0;list-style:none;margin:1.2rem 0}
.org-cuerpo .mensajes li{padding:.8rem 1rem;background:var(--salvia-suave);border-left:4px solid var(--salvia-oscura);border-radius:0 8px 8px 0;font-weight:600;max-width:none;margin:0}
.nota-borrador{border-left:3px solid var(--violeta);background:var(--lila-suave);padding:.65rem .95rem;border-radius:0 8px 8px 0;font-size:.95rem;margin:1.2rem 0}
.tabla{overflow-x:auto;margin:1rem 0 1.4rem}
.org-cuerpo .tabla table{margin:0}
.contacto{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:2rem;background:var(--franja);padding:3rem max(16px,calc((100% - 52rem) / 2))}
.contacto h2{font-size:1.5rem;margin:0 0 .5rem}
.contacto p{margin:.4rem 0}
.dato{font-size:1.15rem}
.nota{font-size:.9rem;color:var(--gris)}
.lista-telefonos{padding-left:1.1rem;margin:.4rem 0}
.contacto .boton{margin:.3rem .4rem .3rem 0}
.m{display:inline-flex;align-items:center;justify-content:center;min-width:1.15rem;height:1.05rem;padding:0 .25rem;margin:0 .1rem;font:700 .68rem/1 var(--mono);vertical-align:.12em;border-radius:3px}
.m.v{color:var(--v);background:var(--v-fondo)} .m.s{color:var(--s);background:var(--s-fondo)} .m.w{color:var(--w);background:var(--w-fondo)}
.p-ninos .org-main{font-size:1.2rem;line-height:1.7}
.p-ninos .org-cuerpo p,.p-ninos .org-cuerpo li{max-width:40ch}
.asistente{display:grid;gap:.45rem;padding:1.2rem 1.3rem;border:1px solid var(--linea);border-top:4px solid var(--area);border-radius:var(--radio);background:var(--fondo);margin:1rem 0}
.asistente>*{min-width:0}
.asistente label{font-weight:600;font-size:.95rem;margin-top:.5rem}
.asistente select,.asistente input{width:100%;font:inherit;padding:.55rem .65rem;border:1px solid var(--gris);border-radius:6px;background:var(--fondo);color:var(--tinta);max-width:100%}
.reenviar p{margin:0 0 .6rem;font-size:.95rem;color:var(--gris)}
button.enlace{background:none;border:0;padding:0;font:inherit;font-weight:600;color:var(--area-oscuro);text-decoration:underline;cursor:pointer}
.resultado:not(:empty){margin-top:.6rem;padding:.85rem 1rem;background:var(--salvia-suave);border-left:4px solid var(--salvia-oscura);border-radius:0 8px 8px 0}
.resultado p{margin:.3rem 0}
@media (max-width:600px){
  /* En el celular «Salir rápido» queda fijo abajo, a mano del pulgar, aunque se baje por la página (no hay tecla Esc). */
  .org-salir{justify-content:flex-start}
  .salir{position:fixed;left:16px;right:16px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:20;padding:1rem 1.2rem;font-size:1.05rem;box-shadow:0 2px 10px rgba(0,0,0,.25)}
  body.org-ayuda{padding-bottom:5.5rem}
  .org-cuerpo .tabla table,.tabla tbody,.tabla tr,.tabla td{display:block;width:100%}
  .tabla thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .tabla tr{border:1px solid var(--linea);border-radius:8px;margin:0 0 .7rem;padding:.3rem .2rem;background:var(--fondo)}
  .org-cuerpo .tabla td{border:0;padding:.3rem .7rem}
  .tabla td[data-label]:not([data-label=""])::before{content:attr(data-label);display:block;font-size:.78rem;font-weight:600;color:var(--gris)}
}

/* -------------------------------------------------------------------------
   Propuesta Codex · 29-10-2026.
   Solo /org/, /org/apoyo/, /ayuda/ y /ayuda/ninos/. El resto conserva el diseño
   anterior hasta que JAM apruebe la muestra. Tokens por función: base.css.
   ------------------------------------------------------------------------- */
.diseno-codex {
  --fondo: var(--color-fondo);
  --franja: var(--color-franja);
  --tinta: var(--color-texto);
  --gris: var(--color-texto-secundario);
  --linea: var(--color-linea);
  --accion: var(--color-accion);
  --accion-hover: var(--color-accion-hover);
  --area: var(--color-area);
  --area-oscuro: var(--color-area);
  --serif: var(--tipo-titulos);
  --sans: var(--tipo-lectura);
  --ancho: var(--ancho-pagina);
  --gutter: var(--espacio-lateral);
  --radio: var(--radio-superficie);
  --rojo: var(--color-peligro);
  --rojo-oscuro: var(--color-peligro-hover);
  --peligro-fondo: var(--color-peligro-fondo);
  --salvia-suave: var(--color-area-fondo);
  --salvia-oscura: var(--color-accion);
  background: var(--color-fondo);
  background-image: var(--textura-fondo);
  background-size: var(--textura-tamano);
  background-position: center top;
  color: var(--color-texto);
  font: 400 1.125rem/1.65 var(--tipo-lectura);
}
html:has(.diseno-inicio) { scroll-padding-top: 9rem; }
.diseno-apoyo, .diseno-ayuda { --color-area: var(--color-familias); --color-area-fondo: var(--color-familias-fondo); }
.diseno-ninos { --color-area: var(--color-infancia); --color-area-fondo: var(--color-infancia-fondo); }
.diseno-codex :where(a, button, summary, input, select) { -webkit-tap-highlight-color: #e8b82944; }
.diseno-codex :where(a, button, summary, input, select):focus-visible {
  outline: 3px solid var(--color-foco); outline-offset: 3px;
  box-shadow: 0 0 0 3px var(--color-foco-halo); border-radius: 3px;
}
.diseno-codex .org-pie :focus-visible { outline-color: #fff; box-shadow: 0 0 0 3px var(--color-accion-hover); }
.diseno-codex .org-saltar { z-index: 100; min-height: 44px; }
.diseno-codex a { overflow-wrap: anywhere; display: inline-flex; align-items: center; min-width: 44px; min-height: 44px; }
.diseno-codex h1 { font-size: clamp(2.4rem, 4.8vw, 4.15rem); line-height: 1.16; letter-spacing: -.045em; }
.diseno-codex h2 { font-size: clamp(1.65rem, 2.5vw, 2.25rem); line-height: 1.3; letter-spacing: -.025em; }
.diseno-codex h3 { font-size: 1.25rem; line-height: 1.35; }
.diseno-codex .ante { font-size: .8rem; letter-spacing: .09em; line-height: 1.6; }
.diseno-codex .org-bajada { color: var(--color-texto-secundario); font-size: 1.25rem; line-height: 1.6; }
.diseno-codex .boton {
  display: inline-flex; align-items: center; justify-content: center; min-height: 48px;
  padding: .75rem 1.2rem; border-radius: var(--radio-control); font-size: 1rem;
  text-align: center; line-height: 1.35; max-width: 100%;
}
.diseno-codex .boton.secundario, .diseno-codex .org-botones p+p .boton, .diseno-codex .org-tarjeta .boton {
  border-color: var(--color-borde-control); color: var(--color-texto);
}
.diseno-codex .boton.secundario:hover, .diseno-codex .org-botones p+p .boton:hover, .diseno-codex .org-tarjeta .boton:hover {
  border-color: var(--color-accion); background: var(--color-accion); color: #fff;
}
.diseno-codex .org-espejo {
  background: var(--color-franja); color: var(--color-texto-secundario); padding: .25rem 24px;
  font-size: .76rem; line-height: 1.5; text-align: left;
}
.diseno-codex .org-espejo a { color: var(--color-texto); display: inline-block; min-height: 44px; padding-block: 12px; }
.diseno-codex .org-cab { background: var(--color-fondo); border-bottom-color: var(--color-linea); }
.diseno-codex .org-cab-in { padding: 1rem 24px; max-width: 1440px; gap: 1rem; }
.diseno-codex .org-marca { font-family: var(--tipo-lectura); font-weight: 600; font-size: 1.1rem; max-width: 12rem; min-height: 48px; }
.diseno-codex .org-marca span { max-width: 7rem; line-height: 1.2; }
.diseno-codex .org-marca img { flex: 0 0 40px; width: 40px; height: 40px; }
.diseno-codex .org-menu { font-size: .95rem; gap: .9rem; align-items: center; }
.diseno-codex .org-menu a { display: inline-flex; align-items: center; min-height: 44px; }
.diseno-codex .org-menu a[aria-current] { border-color: var(--color-area); font-weight: 700; }
.diseno-codex .org-cab-botones { gap: .5rem; }
.diseno-codex .org-cab-botones .boton { padding: .6rem .85rem; font-size: .95rem; min-height: 44px; }
.diseno-codex .org-espacios {
  display: flex; justify-content: flex-end; align-items: center; flex-wrap: wrap; gap: 0 1.3rem;
  padding: 0 max(24px, calc((100% - 1392px) / 2)); font-size: .83rem;
  border-bottom: 1px solid var(--color-linea); background: var(--color-franja);
}
.diseno-codex .org-espacios span { color: var(--color-texto-secundario); margin-right: auto; }
.diseno-codex .org-espacios a { display: inline-flex; min-height: 44px; align-items: center; text-decoration: none; color: var(--color-texto); }
.diseno-codex .org-espacios a:hover { text-decoration: underline; }
.diseno-codex .org-idioma { position: relative; flex: none; font-size: .9rem; }
.diseno-codex .org-idioma summary { cursor: pointer; min-width: 44px; min-height: 44px; display: flex; align-items: center; justify-content: center; gap: .4rem; }
.diseno-codex .org-idioma summary::after { content: '⌄'; }
.diseno-codex .org-idioma summary::-webkit-details-marker { display: none; }
.diseno-codex .org-idioma>div {
  position: absolute; z-index: 9; right: 0; top: 100%; width: 14rem; padding: .6rem 1rem;
  border: 1px solid var(--color-borde-control); border-radius: var(--radio-control); background: var(--color-superficie);
}
.diseno-codex .org-idioma p { margin: 0; padding: .6rem 0; }
.diseno-codex .org-idioma small { display: block; color: var(--color-texto-secundario); }
.diseno-codex .org-menu-movil summary { min-height: 44px; border-radius: var(--radio-control); }
.diseno-codex .org-menu-movil nav { z-index: 8; max-height: 65vh; overflow-y: auto; padding-inline: 24px; background: var(--color-fondo); }
.diseno-codex .org-menu-movil nav a { min-height: 44px; }

/* Composición de portada: ilustración vectorial propia, sin fotografías. */
.diseno-codex.org-pagina .org-cuerpo>div { padding: clamp(3rem, 6vw, 5.5rem) var(--gutter); }
.diseno-codex.org-pagina .org-cuerpo>.org-portada { padding-block: clamp(2.5rem, 5vw, 4.25rem); }
.diseno-inicio .org-portada { grid-template-columns: 1.05fr .95fr; gap: 1.75rem; align-items: center; }
.diseno-inicio .portada-texto>h1 { max-width: 22ch; font-size: clamp(2rem, 3.6vw, 3.25rem); }
.diseno-codex .portada-texto>p:not(.ante) { font-size: 1.2rem; line-height: 1.65; max-width: 38ch; }
.diseno-codex .org-botones { margin-top: 1.6rem; gap: .75rem; }
.diseno-inicio .portada-foto { aspect-ratio: 5/4; background: transparent; overflow: visible; border-radius: 0; }
.diseno-inicio .portada-foto img { object-fit: contain; }
.diseno-inicio .portada-sello { margin: .5rem 1.5rem 0; gap: .8rem; }
.diseno-inicio .portada-sello .numero { color: var(--color-texto); font-size: 1.45rem; }
.diseno-inicio .portada-sello h2 { font-size: 1rem; }
.diseno-inicio .org-cuerpo>.org-seccion:first-of-type { border-top: 1px solid var(--color-linea); }
.diseno-codex .org-seccion>h2 { max-width: 27ch; }
.diseno-codex .org-seccion>h2+p { max-width: 58ch; line-height: 1.65; }
.diseno-codex .org-cifras { gap: 2rem; }
.diseno-codex .org-cifra { position: relative; border-top: 1px solid var(--color-borde-control); padding-top: 1.5rem; }
.diseno-codex .org-cifra::before { content: ''; display: block; width: 14px; height: 14px; margin-bottom: 1rem; border-radius: 50%; background: var(--color-grafico-azul); }
.diseno-codex .org-cifra:nth-child(2)::before { background: var(--color-grafico-amarillo); }
.diseno-codex .org-cifra:nth-child(3)::before { background: var(--color-grafico-verde); }
.diseno-codex .org-cifra:nth-child(4)::before { background: var(--color-grafico-coral); }
.diseno-codex .org-cifra h3 { color: var(--color-texto); font-size: clamp(2rem, 3vw, 2.65rem); letter-spacing: -.035em; }
.diseno-codex .org-tarjetas { gap: 1.5rem; margin-top: 2rem; }
.diseno-codex .org-tarjeta { background: var(--color-superficie); border: 0; border-top: 2px solid var(--color-borde-control); border-radius: 0; padding: 1.7rem 1.5rem; }
.diseno-codex .org-tarjeta p { font-size: 1.075rem; }
.diseno-codex .org-tarjeta img.icono { width: 48px; height: 48px; margin-bottom: 1.25rem; }
.diseno-codex .org-tarjeta a.enlace { display: inline-flex; align-items: center; min-height: 44px; }
.diseno-codex .org-tarjeta img:not(.icono) { width: 100%; max-height: 260px; object-fit: cover; }
.diseno-codex .org-seccion:has(.org-tarjeta img:not(.icono)) .org-tarjeta { display: grid; grid-template-columns: minmax(0, .65fr) minmax(0, 1.35fr); column-gap: 2rem; align-content: start; }
.diseno-codex .org-seccion:has(.org-tarjeta img:not(.icono)) .org-tarjeta>* { grid-column: 2; }
.diseno-codex .org-seccion:has(.org-tarjeta img:not(.icono)) .org-tarjeta>p:has(img) { grid-column: 1; grid-row: 1 / span 6; margin: 0; align-self: start; }
.diseno-codex .org-tarjetas:has(>.org-tarjeta:only-child:not(:has(img))) { max-width: 34rem; }
.diseno-codex .org-logos { gap: 1.5rem 2.5rem; }
.diseno-codex .org-logos img { max-width: 115px; max-height: 56px; opacity: .85; }
.diseno-codex .org-testimonios blockquote { display: block; padding: 1.5rem 0 0; border: 0; }
.diseno-codex .org-testimonios blockquote p { padding: 1.5rem; border-radius: 0; font-size: 1.1rem; }
.diseno-codex .org-testimonios blockquote p:has(cite) { padding-top: 0; margin-bottom: 0; font-size: .95rem; }
.diseno-codex.org-pagina .org-cuerpo>.org-llamado { background: var(--color-accion-hover); }
.diseno-codex .org-llamado .boton { color: var(--color-texto); }
.diseno-codex .org-llamado .boton:hover { color: #fff; }
.diseno-codex .org-llamado .org-botones p+p .boton { border-color: #fff; color: #fff; }
.diseno-codex .org-llamado .org-botones p+p .boton:hover { color: var(--color-texto); background: #fff; }
.diseno-codex .org-llamado a.enlace { display: inline-flex; align-items: center; min-height: 44px; }
.diseno-codex .org-cuerpo summary { min-height: 44px; padding-block: .6rem; }

/* Apoyo: contacto visible y menos elementos gráficos que en la portada. */
.diseno-apoyo .org-portada { grid-template-columns: 1.2fr .8fr; gap: 4rem; }
.diseno-apoyo .portada-texto h1 { font-size: clamp(2.3rem, 4vw, 3.35rem); }
.diseno-apoyo .portada-tarjeta { border: 1px solid var(--color-borde-control); border-radius: 0 3rem 0 0; background: var(--color-familias-fondo); }
.diseno-apoyo .portada-tarjeta::before { content: ''; display: block; width: 48px; height: 48px; border-radius: 50%; background: var(--color-grafico-coral); margin-bottom: 1.5rem; }
.diseno-apoyo .portada-tarjeta .icono { display: none; }
.diseno-apoyo .portada-tarjeta .ante { font-size: 1.05rem; line-height: 1.5; letter-spacing: 0; text-transform: none; }
.diseno-codex .tarjetas { gap: 1rem; }
.diseno-codex .tarjetas a {
  position: relative; min-height: 130px; padding: 1.5rem 2.5rem 1.5rem 1.5rem;
  border: 1px solid var(--color-borde-control); border-radius: var(--radio-control); background: var(--color-superficie);
}
.diseno-codex .tarjetas a::after { content: '↗'; position: absolute; right: 1rem; top: 1.3rem; font-size: 1.25rem; color: var(--color-area); }
.diseno-codex .tarjetas a:hover { background: var(--color-area-fondo); border-color: var(--color-area); }
.diseno-codex .tarjetas a b { color: var(--color-texto); font-size: 1.12rem; line-height: 1.4; margin-bottom: .55rem; }
.diseno-codex .tarjetas a span { color: var(--color-texto-secundario); font-size: 1.025rem; line-height: 1.55; }

/* Seguridad: primer control en el DOM, barra persistente; salida al pie en móvil. */
.diseno-codex .org-salir {
  max-width: none; margin: 0; padding: .4rem var(--espacio-lateral); background: var(--color-peligro-fondo);
  position: sticky; top: 0; z-index: 40; border-bottom: 1px solid var(--color-linea); min-height: 60px;
}
.diseno-codex .salir { order: 0; min-height: 44px; min-width: 132px; display: inline-flex; align-items: center; justify-content: center; gap: .6rem; border-radius: var(--radio-control); }
.diseno-codex .salir::before { content: '↗'; font-size: 1.15rem; }
.diseno-codex .salir-ayuda { font-size: .9rem; }
.diseno-codex .salir-ayuda a { display: inline-flex; align-items: center; min-height: 44px; }
.diseno-codex:is(.org-ayuda, .diseno-apoyo) .org-cab { position: relative; top: auto; }
.diseno-codex .peligro { padding: .65rem var(--espacio-lateral); font-size: 1rem; border-block: 0; background: var(--color-peligro-fondo); }
.diseno-codex .peligro a { display: inline-flex; align-items: center; min-width: 44px; min-height: 44px; margin-inline: .15rem; color: var(--color-peligro-hover); font-weight: 700; }
/* Números dentro de una frase (ayuda): el área de toque la da la altura; sin ancho mínimo, para que no quede un hueco antes de la coma (29-10-2026, Claude). */
.diseno-codex .peligro a.tel { min-width: 0; padding-inline: .3rem; margin-inline: -.05rem; }
/* Aviso de traducción al final del contenido (/org/en/, /org/fr/, /org/pt/). */
.diseno-codex .org-traduccion { max-width: var(--ancho-lectura); margin: 2.5rem var(--espacio-lateral) 0; font-size: .9rem; color: var(--color-texto-secundario); }

/* Ayuda: columna de lectura y navegación separada del contenido. */
.diseno-codex.org-ayuda .org-main { max-width: 1032px; padding: 2.5rem 24px 5rem; }
.diseno-codex.org-ayuda .org-main>h1 { max-width: 22ch; font-size: clamp(2.2rem, 3.8vw, 3.3rem); }
.diseno-codex.org-ayuda .org-main>.org-bajada { max-width: 62ch; }
.diseno-codex .migas a { display: inline-flex; min-height: 44px; align-items: center; }
.diseno-codex .org-submenu { gap: .3rem .8rem; padding-bottom: 1rem; margin-bottom: 2rem; border-bottom: 1px solid var(--color-linea); }
.diseno-codex .org-submenu a { display: inline-flex; align-items: center; min-height: 44px; padding: .5rem .8rem; border-color: transparent; border-radius: var(--radio-control); background: transparent; }
.diseno-codex .org-submenu a[aria-current] { background: var(--color-area); border-color: var(--color-area); color: #fff; }
.diseno-codex .org-submenu a:hover { border-color: var(--color-borde-control); }
.diseno-codex .ayuda-explorar { margin-bottom: 2rem; border-bottom: 1px solid var(--color-linea); }
.diseno-codex .ayuda-explorar>summary { cursor: pointer; min-height: 48px; padding: .5rem 0; font-size: 1rem; color: var(--color-texto-secundario); }
.diseno-codex .ayuda-explorar .org-submenu { margin: .5rem 0 0; border: 0; }
.diseno-codex.org-ayuda .org-cuerpo h2 { margin-top: 2.6rem; }
.diseno-codex .mensajes { margin-block: 2rem 2.5rem; gap: 0; padding: 1rem 1.5rem; border-left: 3px solid var(--color-area); background: var(--color-area-fondo); }
.diseno-codex .org-cuerpo .mensajes li { background: transparent; border: 0; border-radius: 0; padding: .45rem 0; font-size: 1.125rem; font-weight: 600; }
.diseno-codex.org-ayuda .org-cuerpo>p a, .diseno-codex.org-ayuda .org-cuerpo>ul:not(.mensajes)>li a { display: inline-block; min-height: 44px; padding-block: 7px; }
.diseno-codex .contacto { grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: 3rem; padding: 3.5rem max(24px, calc((100% - 984px) / 2)); background: var(--color-franja); }
.diseno-codex .contacto>div { min-width: 0; }
.diseno-codex .contacto a:not(.boton) { min-height: 44px; display: inline-flex; align-items: center; }
.diseno-codex .asistente input, .diseno-codex .asistente select { min-height: 48px; border-color: var(--color-borde-control); }
.diseno-codex .nota-borrador { border-color: var(--color-borde-control); background: var(--color-franja); }

/* Niños y niñas: letras mayores, azul y amarillo, motivos discretos fuera del texto. */
.diseno-ninos .org-main { position: relative; }
.diseno-ninos.org-ayuda .org-main>h1 { max-width: 17ch; color: var(--color-infancia); font-family: var(--tipo-lectura); font-weight: 700; font-size: clamp(2.75rem, 5vw, 4.25rem); line-height: 1.12; letter-spacing: -.035em; }
.diseno-ninos.org-ayuda .org-main>.org-bajada { font-size: 1.25rem; }
.diseno-ninos .org-cuerpo { font-size: 1.3rem; line-height: 1.75; max-width: 44rem; }
.diseno-ninos .org-cuerpo>p { max-width: 42ch; }
.diseno-ninos .org-cuerpo>h2 { color: var(--color-infancia); font-family: var(--tipo-lectura); font-weight: 700; font-size: clamp(1.65rem, 3vw, 2rem); letter-spacing: -.02em; border-top: 1px solid var(--color-linea); padding-top: 1.8rem; }
.diseno-ninos .org-cuerpo>h2::before { content: ''; display: inline-block; width: 18px; height: 18px; border-radius: 50%; background: var(--color-grafico-amarillo); margin-right: .75rem; }
.diseno-ninos .org-cuerpo>h2:nth-of-type(2n)::before { background: var(--color-grafico-verde); border-radius: 2px 12px 2px 2px; }
.diseno-ninos .org-cuerpo>h2:nth-of-type(3n)::before { background: var(--color-grafico-coral); border-radius: 50% 50% 2px 2px; }
.diseno-ninos .contacto { background: var(--color-infancia-fondo); }
.diseno-ninos .peligro { background: #fcf3d8; }
.diseno-ninos .org-cab-botones { margin-left: auto; }
.diseno-ninos .org-menu { margin-left: auto; }

/* Pie: las noticias no alteran su composición ni crean columnas adicionales. */
.diseno-codex .org-pie { background: var(--color-accion-hover); color: #e3ece7; }
.diseno-codex .org-pie-in { max-width: 1208px; padding: 3rem 24px 2rem; gap: 2rem; }
.diseno-codex .org-pie h3 { font-size: .85rem; letter-spacing: .06em; }
.diseno-codex .org-pie li { margin: 0; }
.diseno-codex .org-pie a { min-height: 44px; display: inline-flex; align-items: center; padding-block: .45rem; }
.diseno-codex .org-pie .org-columna:last-child { border-color: #7f9e91; color: #d7e2dc; }
.diseno-codex .org-pie-nota { color: #d7e2dc; padding-inline: 24px; }

/* Recurso editorial en revisión: imagen completa y columna de lectura. */
.diseno-resiliencia .org-main { max-width: 1208px; margin-inline: auto; padding: 3rem 24px 5rem; }
.diseno-resiliencia.org-pagina .org-main>h1 { margin: 0 0 2rem; }
.diseno-resiliencia.org-pagina .org-cuerpo>.org-resiliencia { padding: 0; }
.resiliencia-entrada { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: clamp(2rem, 5vw, 4.5rem); align-items: center; }
.resiliencia-imagen { grid-column: 2; grid-row: 1; margin: 0; }
.resiliencia-imagen img { display: block; width: 100%; height: auto; }
.resiliencia-imagen figcaption { margin-top: .8rem; font-size: .9rem; color: var(--color-texto-secundario); }
.resiliencia-texto { grid-column: 1; grid-row: 1; }
.resiliencia-texto h2 { margin-top: .5rem; }
.resiliencia-texto p:has(a) { margin-bottom: 0; }
.resiliencia-lectura { max-width: 44rem; margin: 3rem 0 0; padding-top: 2rem; border-top: 1px solid var(--color-borde-control); }
.resiliencia-lectura h2 { margin-top: 0; }
@media (max-width: 700px) {
  .diseno-resiliencia .org-main { padding-top: 2rem; }
  .resiliencia-entrada { grid-template-columns: 1fr; gap: 2rem; }
  .resiliencia-imagen, .resiliencia-texto { grid-column: 1; grid-row: auto; }
  .resiliencia-imagen img { max-height: 360px; object-fit: contain; }
}

/* Hoja de presentación de la propuesta, también servida sin scripts. */
.propuesta-cabecera { max-width: 1208px; padding: 1rem 24px; margin: auto; display: flex; align-items: center; justify-content: space-between; gap: 1rem; border-bottom: 1px solid var(--color-linea); }
.propuesta-cabecera>a { display: inline-flex; align-items: center; min-height: 44px; }
.propuesta-main { max-width: 1208px; margin: auto; padding: 3rem 24px; }
.propuesta-intro { display: grid; grid-template-columns: 1.2fr .8fr; gap: 2rem; align-items: center; }
.propuesta-intro h1 { max-width: 14ch; font-size: clamp(2.5rem, 4.8vw, 4rem); }
.propuesta-intro img { display: block; width: 100%; }
.propuesta-intro p { max-width: 48ch; }
.propuesta-paginas { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; margin-block: 3rem; }
.propuesta-paginas a { display: block; padding: 1.4rem; border: 1px solid var(--color-borde-control); text-decoration: none; color: var(--color-texto); background: var(--color-superficie); border-radius: var(--radio-control); }
.propuesta-paginas a:hover { background: var(--color-area-fondo); }
.propuesta-paginas strong, .propuesta-paginas span { display: block; }
.propuesta-paginas strong { font-size: 1.2rem; margin-block: .75rem .3rem; }
.propuesta-paginas span { font-size: .95rem; color: var(--color-texto-secundario); }
.propuesta-seccion { padding-block: 2.5rem; border-top: 1px solid var(--color-linea); }
.propuesta-seccion>p { max-width: 70ch; }
.propuesta-paleta { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 1rem; padding: 0; list-style: none; margin: 2rem 0 0; }
.propuesta-paleta li { font-size: .95rem; }
.propuesta-paleta li::before { content: ''; display: block; height: 90px; margin-bottom: .65rem; border-radius: 4px; background: var(--muestra); }
.propuesta-paleta b, .propuesta-paleta code { display: block; }
.muestra-azul { --muestra: var(--color-grafico-azul); }
.muestra-verde { --muestra: var(--color-grafico-verde); }
.muestra-amarillo { --muestra: var(--color-grafico-amarillo); }
.muestra-coral { --muestra: var(--color-grafico-coral); }
.muestra-tinta { --muestra: var(--color-texto); }
.muestra-fondo { --muestra: var(--color-fondo); }
.muestra-fondo::before { border: 1px solid var(--color-borde-control); background-image: var(--textura-fondo); background-size: 480px 320px; }
.propuesta-tipos { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; padding-top: 1.5rem; }
.propuesta-tipos h3 { margin-bottom: 1rem; }
.propuesta-tipos .muestra-serif { font-family: var(--tipo-titulos); font-size: 2rem; line-height: 1.5; }
.propuesta-tipos .muestra-sans { font-family: var(--tipo-lectura); font-size: 1.5rem; }
.propuesta-pie { padding: 2rem 24px; text-align: center; background: var(--color-franja); font-size: .95rem; }

@media (max-width: 1180px) {
  .diseno-codex .org-menu { display: none; }
  .diseno-codex .org-menu-movil { display: block; margin-left: 0; }
  .diseno-codex .org-cab-botones { margin-left: auto; }
}
@media (max-width: 900px) {
  .diseno-codex .org-espacios span { display: none; }
  .diseno-codex .org-espacios { justify-content: flex-start; gap: 0 1rem; }
  .diseno-inicio .org-portada { grid-template-columns: 1.1fr .9fr; gap: 1rem; }
  .diseno-apoyo .org-portada { grid-template-columns: 1fr; gap: 2rem; }
  .diseno-apoyo .portada-tarjeta { max-width: 34rem; }
  .propuesta-paginas { grid-template-columns: 1fr 1fr; }
  .propuesta-paleta { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  .diseno-codex { --espacio-lateral: 24px; }
  .diseno-codex h1 { font-size: 2.7rem; }
  .diseno-codex .org-cab-in { padding: .65rem 16px; gap: .4rem; flex-wrap: wrap; }
  .diseno-codex .org-marca { gap: .4rem; font-size: .95rem; }
  .diseno-codex .org-marca span { max-width: 4.5rem; font-size: .95rem; }
  .diseno-codex .org-marca img { flex-basis: 30px; width: 30px; height: 30px; }
  .diseno-codex .org-cab-botones .boton { font-size: .85rem; padding: .5rem .6rem; }
  .diseno-codex .org-cab-botones .secundario { display: none; }
  .diseno-codex .org-idioma summary { font-size: .85rem; min-width: 44px; }
  .diseno-codex .org-menu-movil summary { font-size: .85rem; padding: .6rem; }
  .diseno-codex .org-menu-movil nav { max-height: min(35dvh, calc(100dvh - 420px)); }
  .diseno-codex .org-espacios { gap: 0 .55rem; padding-inline: 16px; font-size: .8rem; }
  .diseno-codex .org-espejo { padding-inline: 16px; font-size: .72rem; }
  .diseno-codex .org-espejo a { padding-block: 9px; }
  .diseno-inicio .org-portada { grid-template-columns: 1fr; gap: 1.75rem; }
  .diseno-inicio .portada-texto>h1 { max-width: none; }
  .diseno-inicio .portada-lado { max-width: 350px; width: 100%; margin-inline: auto; }
  .diseno-inicio .portada-foto { aspect-ratio: 5/3.5; }
  .diseno-inicio .portada-sello { margin-inline: .5rem; }
  .diseno-codex.org-pagina .org-cuerpo>div { padding-block: 2.75rem; }
  .diseno-codex .org-botones { gap: .6rem; }
  .diseno-codex .org-cifras { grid-template-columns: 1fr 1fr; gap: 1.5rem; }
  .diseno-codex .org-cifra h3 { font-size: 1.9rem; }
  .diseno-codex .org-cifra p { font-size: .95rem; }
  .diseno-codex .org-tarjeta { padding: 1.5rem; }
  .diseno-codex .org-seccion:has(.org-tarjeta img:not(.icono)) .org-tarjeta { display: flex; }
  .diseno-codex .salir { left: 16px; right: 16px; bottom: calc(12px + env(safe-area-inset-bottom, 0px)); min-height: 52px; z-index: 60; box-shadow: 0 0 0 6px var(--color-fondo); }
  .diseno-codex .org-salir { position: relative; min-height: 0; padding: .2rem 16px; border: 0; }
  .diseno-codex .salir-ayuda { font-size: .8rem; }
  .diseno-codex:is(.org-ayuda, .diseno-apoyo) { padding-bottom: calc(88px + env(safe-area-inset-bottom, 0px)); }
  .diseno-codex .peligro { padding: .7rem 24px; font-size: .95rem; }
  .diseno-codex.org-ayuda .org-main { padding-top: 1.5rem; padding-bottom: 3rem; }
  .diseno-codex.org-ayuda .org-main>h1 { font-size: 2.25rem; }
  .diseno-codex .org-submenu { gap: .15rem .2rem; margin-bottom: 1.5rem; }
  .diseno-codex .org-submenu a { font-size: .9rem; padding-inline: .65rem; }
  .diseno-codex .mensajes { padding: .8rem 1.1rem; }
  .diseno-codex .contacto { grid-template-columns: 1fr; gap: 2rem; padding: 2.75rem 24px; }
  .diseno-ninos.org-ayuda .org-main>h1 { font-size: 3rem; }
  .diseno-ninos .org-cuerpo { font-size: 1.25rem; }
  .diseno-codex .org-pie-in { padding-inline: 24px; }
  .diseno-codex .org-pie .org-columna:last-child { display: block; }
  .diseno-codex .org-pie .org-columna:last-child ul { flex-wrap: wrap; gap: .5rem 1.2rem; }
  .propuesta-intro { grid-template-columns: 1fr; }
  .propuesta-intro img { max-width: 320px; margin: auto; }
  .propuesta-tipos { grid-template-columns: 1fr; gap: 1.5rem; }
}
@media (prefers-reduced-motion: reduce) {
  .diseno-codex *, .diseno-codex *::before, .diseno-codex *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}
@media print {
  .diseno-codex .org-salir, .diseno-codex .org-cab, .diseno-codex .org-espejo, .diseno-codex .org-pie, .diseno-codex .org-submenu { display: none; }
  .diseno-codex { padding: 0 !important; background: #fff; color: #000; }
  .diseno-codex .org-main { max-width: none; }
}

/* Informe de coherencia del 30-10-2026 (U-9), cambio de Claude Code avisado a Codex: rótulos a 16 px (el sello de la
   portada, en lapices.css); la mística de la portada es una cita (blockquote), no un segundo título. */
.diseno-codex .ante { font-size: 1rem; }
.org-pagina .org-llamado blockquote { margin: 0 0 1rem; padding-left: 1.25rem; border-left: 3px solid currentColor; color: inherit; max-width: 46rem;
  font: 400 clamp(1.3rem, 2.2vw, 1.7rem)/1.45 var(--serif); }
.org-pagina .org-llamado blockquote p { margin: 0; }