/* /estatico/fuentes/baskerville-source.css */
/* Libre Baskerville y Source Sans 3 (SIL Open Font License 1.1, ver OFL-libre-baskerville.txt y OFL-source-sans-3.txt), latin y latin-ext, desde @fontsource. Las usa el espejo del .org (org.css) desde el 28-10-2026. */
@font-face{font-family:'Libre Baskerville';font-style:normal;font-weight:400;font-display:swap;src:url(/estatico/fuentes/libre-baskerville-latin-ext-400-normal.woff2?v=9ee3ec040d) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Libre Baskerville';font-style:normal;font-weight:400;font-display:swap;src:url(/estatico/fuentes/libre-baskerville-latin-400-normal.woff2?v=e9f19c9da2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Libre Baskerville';font-style:italic;font-weight:400;font-display:swap;src:url(/estatico/fuentes/libre-baskerville-latin-ext-400-italic.woff2?v=6ceb3019a0) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Libre Baskerville';font-style:italic;font-weight:400;font-display:swap;src:url(/estatico/fuentes/libre-baskerville-latin-400-italic.woff2?v=f61803421c) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Libre Baskerville';font-style:normal;font-weight:700;font-display:swap;src:url(/estatico/fuentes/libre-baskerville-latin-ext-700-normal.woff2?v=2068d60739) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Libre Baskerville';font-style:normal;font-weight:700;font-display:swap;src:url(/estatico/fuentes/libre-baskerville-latin-700-normal.woff2?v=8233821ce2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:400;font-display:swap;src:url(/estatico/fuentes/source-sans-3-latin-ext-400-normal.woff2?v=91bb2a8dde) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:400;font-display:swap;src:url(/estatico/fuentes/source-sans-3-latin-400-normal.woff2?v=430012e873) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Source Sans 3';font-style:italic;font-weight:400;font-display:swap;src:url(/estatico/fuentes/source-sans-3-latin-ext-400-italic.woff2?v=4c5b08f1dd) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Source Sans 3';font-style:italic;font-weight:400;font-display:swap;src:url(/estatico/fuentes/source-sans-3-latin-400-italic.woff2?v=8155c8de08) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:600;font-display:swap;src:url(/estatico/fuentes/source-sans-3-latin-ext-600-normal.woff2?v=80ee57a500) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:600;font-display:swap;src:url(/estatico/fuentes/source-sans-3-latin-600-normal.woff2?v=ada73f9a5d) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:700;font-display:swap;src:url(/estatico/fuentes/source-sans-3-latin-ext-700-normal.woff2?v=78dfd30972) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:700;font-display:swap;src:url(/estatico/fuentes/source-sans-3-latin-700-normal.woff2?v=9f9cec8167) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* /estatico/org.css */
/* /estatico/lapices.css */
/* Dirección visual entregada por JAM · marca/README.md · 29-10-2026.
   Capa común del sitio público, ayuda, Academia, Comunidad e intranet.
   El color de los trazos es decorativo; texto, controles y estados usan tonos oscuros. */
/* /estatico/base.css */
/* Identidad de lápices · dirección entregada por JAM el 29-10-2026, marca/README.md.
   Petróleo y colores del logo según el manual de marca propuesto (versión 5, octubre de 2026).
   Los colores vivos son gráficos; texto y estados conservan contraste AA. */
:root {
  --color-fondo: #faf7ef;
  --textura-fondo: url('/estatico/org/lapices/papel.svg?v=a34575694a');
  --textura-tamano: 200px 200px;
  --color-superficie: #fffdf8;
  --color-franja: #f1ecdf;
  --color-texto: #27251f;
  --color-texto-secundario: #5b564a;
  --color-linea: #ddd4c2;
  --color-borde-control: #817765;
  --color-petroleo: #2a495a;
  --color-petroleo-hover: #1d3542;
  --color-enlace: var(--color-petroleo);
  --color-accion: #ffcc32;
  --color-accion-hover: #f0ba22;
  --color-foco: #142e46;
  --color-foco-halo: #ffffff;
  --color-peligro: #a32d20;
  --color-peligro-hover: #84221f;
  --color-peligro-fondo: #fbede9;
  --color-familias: #8e392e;
  --color-familias-fondo: #fcf1eb;
  --color-infancia: #2558a3;
  --color-infancia-fondo: #edf4f8;
  --color-area: var(--color-petroleo);
  --color-area-fondo: #e9eff1;
  --color-grafico-azul: var(--color-petroleo);
  --color-grafico-verde: #88883d;
  --color-grafico-amarillo: #ffcc32;
  --color-grafico-coral: #f45b19;
  --tipo-titulos: 'Patrick Hand', 'Source Sans 3', sans-serif;
  --tipo-lectura: 'Source Sans 3', 'Source Sans Pro', system-ui, sans-serif;
  --ancho-pagina: 1160px;
  --ancho-lectura: 44rem;
  --espacio-lateral: max(24px, calc((100% - var(--ancho-pagina)) / 2));
  --radio-control: 26px;
  --radio-superficie: 16px;
}

/* /estatico/fuentes/baskerville-source.css */
/* Libre Baskerville y Source Sans 3 (SIL Open Font License 1.1, ver OFL-libre-baskerville.txt y OFL-source-sans-3.txt), latin y latin-ext, desde @fontsource. Las usa el espejo del .org (org.css) desde el 28-10-2026. */
@font-face{font-family:'Libre Baskerville';font-style:normal;font-weight:400;font-display:swap;src:url(/estatico/fuentes/libre-baskerville-latin-ext-400-normal.woff2?v=9ee3ec040d) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Libre Baskerville';font-style:normal;font-weight:400;font-display:swap;src:url(/estatico/fuentes/libre-baskerville-latin-400-normal.woff2?v=e9f19c9da2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Libre Baskerville';font-style:italic;font-weight:400;font-display:swap;src:url(/estatico/fuentes/libre-baskerville-latin-ext-400-italic.woff2?v=6ceb3019a0) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Libre Baskerville';font-style:italic;font-weight:400;font-display:swap;src:url(/estatico/fuentes/libre-baskerville-latin-400-italic.woff2?v=f61803421c) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Libre Baskerville';font-style:normal;font-weight:700;font-display:swap;src:url(/estatico/fuentes/libre-baskerville-latin-ext-700-normal.woff2?v=2068d60739) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Libre Baskerville';font-style:normal;font-weight:700;font-display:swap;src:url(/estatico/fuentes/libre-baskerville-latin-700-normal.woff2?v=8233821ce2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:400;font-display:swap;src:url(/estatico/fuentes/source-sans-3-latin-ext-400-normal.woff2?v=91bb2a8dde) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:400;font-display:swap;src:url(/estatico/fuentes/source-sans-3-latin-400-normal.woff2?v=430012e873) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Source Sans 3';font-style:italic;font-weight:400;font-display:swap;src:url(/estatico/fuentes/source-sans-3-latin-ext-400-italic.woff2?v=4c5b08f1dd) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Source Sans 3';font-style:italic;font-weight:400;font-display:swap;src:url(/estatico/fuentes/source-sans-3-latin-400-italic.woff2?v=8155c8de08) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:600;font-display:swap;src:url(/estatico/fuentes/source-sans-3-latin-ext-600-normal.woff2?v=80ee57a500) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:600;font-display:swap;src:url(/estatico/fuentes/source-sans-3-latin-600-normal.woff2?v=ada73f9a5d) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:700;font-display:swap;src:url(/estatico/fuentes/source-sans-3-latin-ext-700-normal.woff2?v=78dfd30972) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:700;font-display:swap;src:url(/estatico/fuentes/source-sans-3-latin-700-normal.woff2?v=9f9cec8167) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* /estatico/fuentes/manuscrita.css */
/* Patrick Hand, de Patrick Wagesreiter. SIL Open Font License 1.1.
   Fuente: https://github.com/google/fonts/tree/main/ofl/patrickhand
   Licencia local: OFL-patrick-hand.txt. */
@font-face {
  font-family: 'Patrick Hand';
  src: url('/estatico/fuentes/patrick-hand-regular.woff2?v=973fcd07f9') format('woff2');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

/* /estatico/org/lapices/pictogramas.css */
/* Generado por marca/generar-pictogramas.py: asociaciones por destino. */
:root body :is(.tarjetas,.accesos,.propuesta-paginas)>a[href="/ayuda/"],
:root body :is(.tarjetas,.accesos,.propuesta-paginas)>a[href="/ayuda/ninos/"],
:root body :is(.tarjetas,.accesos,.propuesta-paginas)>a[href="/org/apoyo/"]{--pictograma-visible:'';--pictograma:url('/estatico/org/lapices/casa.svg?v=dbe310100d')}
:root body :is(.tarjetas,.accesos,.propuesta-paginas)>a[href="/ayuda/adolescentes/"],
:root body :is(.tarjetas,.accesos,.propuesta-paginas)>a[href="/equipo/comentarios/"],
:root body :is(.tarjetas,.accesos,.propuesta-paginas)>a[href="/comunidad/casos/"]{--pictograma-visible:'';--pictograma:url('/estatico/org/lapices/conversacion.svg?v=3fedfd4946')}
:root body :is(.tarjetas,.accesos,.propuesta-paginas)>a[href="/ayuda/sobrevivientes/"],
:root body :is(.tarjetas,.accesos,.propuesta-paginas)>a[href="/org/socio/"]{--pictograma-visible:'';--pictograma:url('/estatico/org/lapices/mano-corazon.svg?v=8d6450fbe2')}
:root body :is(.tarjetas,.accesos,.propuesta-paginas)>a[href="/ayuda/me-preocupa/"],
:root body :is(.tarjetas,.accesos,.propuesta-paginas)>a[href="/equipo/por-verificar/"]{--pictograma-visible:'';--pictograma:url('/estatico/org/lapices/lupa.svg?v=57e57aace1')}
:root body :is(.tarjetas,.accesos,.propuesta-paginas)>a[href="/ayuda/profesionales/"]{--pictograma-visible:'';--pictograma:url('/estatico/org/lapices/escuela.svg?v=2b62c2200f')}
:root body :is(.tarjetas,.accesos,.propuesta-paginas)>a[href="/ayuda/abogados/"],
:root body :is(.tarjetas,.accesos,.propuesta-paginas)>a[href="/ayuda/denuncia-querella-demanda/"],
:root body :is(.tarjetas,.accesos,.propuesta-paginas)>a[href="/ayuda/derechos/"],
:root body :is(.tarjetas,.accesos,.propuesta-paginas)>a[href="/comunidad/codigo/"]{--pictograma-visible:'';--pictograma:url('/estatico/org/lapices/balanza.svg?v=461f3b2d08')}
:root body :is(.tarjetas,.accesos,.propuesta-paginas)>a[href="/ayuda/otros-paises/"]{--pictograma-visible:'';--pictograma:url('/estatico/org/lapices/territorio.svg?v=51c9039a3a')}
:root body :is(.tarjetas,.accesos,.propuesta-paginas)>a[href="/ayuda/prevenir/"],
:root body :is(.tarjetas,.accesos,.propuesta-paginas)>a[href="/org/prevencion/"]{--pictograma-visible:'';--pictograma:url('/estatico/org/lapices/corazon.svg?v=255af71b6a')}
:root body :is(.tarjetas,.accesos,.propuesta-paginas)>a[href="/ayuda/biblioteca/"],
:root body :is(.tarjetas,.accesos,.propuesta-paginas)>a[href="/libro/"],
:root body :is(.tarjetas,.accesos,.propuesta-paginas)>a[href="/org/recursos/"],
:root body :is(.tarjetas,.accesos,.propuesta-paginas)>a[href="/comunidad/biblioteca/"],
:root body :is(.tarjetas,.accesos,.propuesta-paginas)>a[href="/equipo/materiales/"]{--pictograma-visible:'';--pictograma:url('/estatico/org/lapices/libro.svg?v=7bf01cb0b3')}
:root body :is(.tarjetas,.accesos,.propuesta-paginas)>a[href="/academia/"],
:root body :is(.tarjetas,.accesos,.propuesta-paginas)>a[href="/aula/"],
:root body :is(.tarjetas,.accesos,.propuesta-paginas)>a[href="/org/formacion/"]{--pictograma-visible:'';--pictograma:url('/estatico/org/lapices/brote.svg?v=4ad6346878')}
:root body :is(.tarjetas,.accesos,.propuesta-paginas)>a[href="/comunidad/"],
:root body :is(.tarjetas,.accesos,.propuesta-paginas)>a[href="/equipo/"],
:root body :is(.tarjetas,.accesos,.propuesta-paginas)>a[href="/equipo/personas/"]{--pictograma-visible:'';--pictograma:url('/estatico/org/lapices/grupo.svg?v=11de0b76ce')}
:root body :is(.tarjetas,.accesos,.propuesta-paginas)>a[href="/equipo/calendario/"]{--pictograma-visible:'';--pictograma:url('/estatico/org/lapices/calendario.svg?v=b6c5bfdf97')}
:root body :is(.tarjetas,.accesos,.propuesta-paginas)>a[href="/equipo/mi-carpeta/"],
:root body :is(.tarjetas,.accesos,.propuesta-paginas)>a[href="/equipo/laboral/"],
:root body :is(.tarjetas,.accesos,.propuesta-paginas)>a[href="/comunidad/certificado/"]{--pictograma-visible:'';--pictograma:url('/estatico/org/lapices/documento.svg?v=3f80748907')}
:root body :is(.tarjetas,.accesos,.propuesta-paginas)>a[href="/equipo/rendiciones/"],
:root body :is(.tarjetas,.accesos,.propuesta-paginas)>a[href="/org/transparencia/"]{--pictograma-visible:'';--pictograma:url('/estatico/org/lapices/informe.svg?v=4f01e47cbe')}
:root body :is(.tarjetas,.accesos,.propuesta-paginas)>a[href="/equipo/revisiones/"],
:root body :is(.tarjetas,.accesos,.propuesta-paginas)>a[href="/equipo/como-revisar/"]{--pictograma-visible:'';--pictograma:url('/estatico/org/lapices/evaluacion.svg?v=7a6d091e5f')}
:root body :is(.tarjetas,.accesos,.propuesta-paginas)>a[href="/equipo/proyectos/"],
:root body :is(.tarjetas,.accesos,.propuesta-paginas)>a[href="/equipo/mi-mesa/"]{--pictograma-visible:'';--pictograma:url('/estatico/org/lapices/red.svg?v=037a2133ca')}
:root body :is(.tarjetas,.accesos,.propuesta-paginas)>a[href="/comunidad/como-funciona/"],
:root body :is(.tarjetas,.accesos,.propuesta-paginas)>a[href="/comunidad/malla/"]{--pictograma-visible:'';--pictograma:url('/estatico/org/lapices/camino.svg?v=9e50086700')}
:root body :is(.tarjetas,.accesos,.propuesta-paginas)>a[href="/bandeja/"],
:root body :is(.tarjetas,.accesos,.propuesta-paginas)>a[href="/org/contacto/"]{--pictograma-visible:'';--pictograma:url('/estatico/org/lapices/carta.svg?v=282849b321')}
:root body :is(.tarjetas,.accesos,.propuesta-paginas)>a[href="/equipo/decisiones/"],
:root body :is(.tarjetas,.accesos,.propuesta-paginas)>a[href="/comunidad/decisiones/"]{--pictograma-visible:'';--pictograma:url('/estatico/org/lapices/escudo.svg?v=330f051343')}
:root body :is(.tarjetas,.accesos,.propuesta-paginas)>a[href="/ayuda/borrar-rastro/"],
:root body :is(.tarjetas,.accesos,.propuesta-paginas)>a[href="/comunidad/planes/"]{--pictograma-visible:'';--pictograma:url('/estatico/org/lapices/llave.svg?v=be42125029')}
:root body :is(.tarjetas,.accesos,.propuesta-paginas)>a[href="/ayuda/prescripcion/"]{--pictograma-visible:'';--pictograma:url('/estatico/org/lapices/reloj.svg?v=a130e58f47')}
:root body :is(.tarjetas,.accesos,.propuesta-paginas)>a[href="/org/recursos/resiliencia/"]{--pictograma-visible:'';--pictograma:url('/estatico/org/lapices/hoja.svg?v=3ef085c684')}
.pictograma-corazon{ --pictograma-pagina:url('/estatico/org/lapices/corazon.svg?v=255af71b6a')}
.pictograma-casa{ --pictograma-pagina:url('/estatico/org/lapices/casa.svg?v=dbe310100d')}
.pictograma-brote{ --pictograma-pagina:url('/estatico/org/lapices/brote.svg?v=4ad6346878')}
.pictograma-sol{ --pictograma-pagina:url('/estatico/org/lapices/sol.svg?v=450d83d0ea')}
.pictograma-conversacion{ --pictograma-pagina:url('/estatico/org/lapices/conversacion.svg?v=3fedfd4946')}
.pictograma-calendario{ --pictograma-pagina:url('/estatico/org/lapices/calendario.svg?v=b6c5bfdf97')}
.pictograma-libro{ --pictograma-pagina:url('/estatico/org/lapices/libro.svg?v=7bf01cb0b3')}
.pictograma-escuela{ --pictograma-pagina:url('/estatico/org/lapices/escuela.svg?v=2b62c2200f')}
.pictograma-grupo{ --pictograma-pagina:url('/estatico/org/lapices/grupo.svg?v=11de0b76ce')}
.pictograma-mano-corazon{ --pictograma-pagina:url('/estatico/org/lapices/mano-corazon.svg?v=8d6450fbe2')}
.pictograma-lupa{ --pictograma-pagina:url('/estatico/org/lapices/lupa.svg?v=57e57aace1')}
.pictograma-escudo{ --pictograma-pagina:url('/estatico/org/lapices/escudo.svg?v=330f051343')}
.pictograma-territorio{ --pictograma-pagina:url('/estatico/org/lapices/territorio.svg?v=51c9039a3a')}
.pictograma-megafono{ --pictograma-pagina:url('/estatico/org/lapices/megafono.svg?v=a947131ad2')}
.pictograma-pizarra{ --pictograma-pagina:url('/estatico/org/lapices/pizarra.svg?v=d8e135f20e')}
.pictograma-microscopio{ --pictograma-pagina:url('/estatico/org/lapices/microscopio.svg?v=1ae588ee0b')}
.pictograma-grafico{ --pictograma-pagina:url('/estatico/org/lapices/grafico.svg?v=55c0daca38')}
.pictograma-balanza{ --pictograma-pagina:url('/estatico/org/lapices/balanza.svg?v=461f3b2d08')}
.pictograma-botiquin{ --pictograma-pagina:url('/estatico/org/lapices/botiquin.svg?v=15db2c0dd6')}
.pictograma-red{ --pictograma-pagina:url('/estatico/org/lapices/red.svg?v=037a2133ca')}
.pictograma-informe{ --pictograma-pagina:url('/estatico/org/lapices/informe.svg?v=4f01e47cbe')}
.pictograma-documento{ --pictograma-pagina:url('/estatico/org/lapices/documento.svg?v=3f80748907')}
.pictograma-hoja{ --pictograma-pagina:url('/estatico/org/lapices/hoja.svg?v=3ef085c684')}
.pictograma-carta{ --pictograma-pagina:url('/estatico/org/lapices/carta.svg?v=282849b321')}
.pictograma-camino{ --pictograma-pagina:url('/estatico/org/lapices/camino.svg?v=9e50086700')}
.pictograma-evaluacion{ --pictograma-pagina:url('/estatico/org/lapices/evaluacion.svg?v=7a6d091e5f')}
.pictograma-reloj{ --pictograma-pagina:url('/estatico/org/lapices/reloj.svg?v=a130e58f47')}
.pictograma-llave{ --pictograma-pagina:url('/estatico/org/lapices/llave.svg?v=be42125029')}


:root:root {
 --fondo:var(--color-fondo);--papel:var(--color-superficie);--crema:var(--color-fondo);--franja:var(--color-franja);
 --tinta:var(--color-texto);--tinta-2:#46443f;--gris:var(--color-texto-secundario);--linea:var(--color-linea);
 --marino:#36514b;--rojo:var(--color-peligro);--rojo-oscuro:var(--color-peligro-hover);--turquesa:#42764a;--azul:#3d6680;
 --mostaza:#e5b329;--coral:#d77838;--terracota:#a75531;--morado:#655948;--salvia:#9aa77c;
 --salvia-oscura:#56643b;--salvia-suave:#f0f0df;--lila-suave:#f3eee3;--peligro-fondo:#fff0e7;
 --serif:var(--tipo-titulos);--sans:var(--tipo-lectura);--mono:var(--tipo-lectura);
 --accion:var(--color-accion);--accion-hover:var(--color-accion-hover);--radio:16px;--radio-control:28px;
 --color-texto-boton:#24231f;
}
html body {background-color:var(--color-fondo);background-image:var(--textura-fondo);background-size:200px 200px;color:var(--color-texto);font-family:var(--tipo-lectura);-webkit-font-smoothing:antialiased}
html body :is(h1,h2){font-family:var(--tipo-titulos);font-style:normal;font-weight:400;letter-spacing:0;line-height:1.12;color:var(--color-texto)}
:root body.diseno-codex :is(h1,h2){letter-spacing:0;font-weight:400}
:root body :is(a,button,summary,input,select,textarea):focus-visible{outline:3px solid #282923;outline-offset:4px;box-shadow:0 0 0 3px #fffdf8}
:root body :is(button,input,select,textarea){font-family:var(--tipo-lectura)}
:root body .salir{background:#a32d20;color:#fff;font-family:var(--tipo-lectura);font-weight:700;letter-spacing:.01em;border-radius:10px;min-height:48px}
:root body .salir:hover{background:#7e2118}
:root body.diseno-codex .boton,:root body.aula-piloto .aula-boton,:root body :is(.com-boton,.principal){position:relative;border:2px solid #e8b121;background:#ffcc32;color:#25241f;border-radius:30px 25px 28px 24px;text-decoration:none;font-weight:600;box-shadow:inset 0 0 0 2px #ffdc71;min-height:48px;padding:11px 22px;gap:14px}
:root body.diseno-codex .boton::after{content:'→';font-family:var(--tipo-lectura);font-size:1.4em;line-height:1;flex:none}
:root body.diseno-codex .boton:hover,:root body.aula-piloto .aula-boton:hover,:root body :is(.com-boton,.principal):hover{background:#f6bd1e;color:#25241f;border-color:#a9790b}
:root body.diseno-codex .org-cab-botones>.boton:not(.secundario),:root body.aula-piloto .aula-boton-secundario{background:transparent;border:1px solid #777168;box-shadow:none;color:#302f28}
:root body.diseno-codex .org-cab-botones>.boton:not(.secundario)::after{display:none}
:root body .aula-boton:disabled{background:#eee9dd;color:#59564e;border-color:#8b867c;box-shadow:none}
:root body .org-cab{position:relative;top:auto;background:transparent;box-shadow:none;border:0;z-index:30}
:root body .org-cab-in{max-width:1440px;gap:24px;padding:14px 40px;min-height:135px;flex-wrap:nowrap}
:root body .org-marca{flex-shrink:0;gap:0;min-width:0}
:root body .org-marca>.marca-oficial{display:block;width:224px;height:auto;max-width:none;flex:none;object-fit:contain}
:root body .org-menu{gap:23px;font-size:.98rem;align-items:center;margin-left:auto;white-space:nowrap}
:root body .org-menu a{font-weight:600;color:#302e28;text-decoration:none;min-height:44px;line-height:1.3}
:root body .org-menu a:hover,:root body .org-menu a[aria-current]{text-decoration:underline;text-decoration-color:#b26522;text-decoration-thickness:2px;text-underline-offset:7px}
:root body .org-contacto-movil{display:none}
:root body .org-cab-botones{margin:0;gap:12px;flex:none}
:root body .org-cab-botones .boton{font-size:1rem;padding:9px 16px;white-space:nowrap}
:root body .org-espacios{background:transparent;border-bottom:1px solid #e5dfd2;justify-content:flex-end;font-size:.82rem;letter-spacing:0;padding:0 max(40px,calc((100% - 1360px)/2));min-height:38px}
:root body .org-espacios :is(a,span){color:#565349;min-height:38px;padding-block:5px}
:root body .org-espejo{background:#f2eddf;color:#555147;border-bottom:1px solid #e0d8c8;font-size:.76rem;letter-spacing:0;text-transform:none;padding-block:0}
:root body .org-espejo a{color:#4e5238;min-height:32px;padding-block:4px}
:root body .org-menu-grupo{position:relative}
:root body .org-menu-grupo summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px;min-height:44px;font-weight:600}
:root body .org-menu-grupo summary::after{content:'⌄';font-size:.9rem}
:root body .org-menu-grupo summary::-webkit-details-marker{display:none}
:root body .org-menu-grupo>div{display:flex;flex-direction:column;min-width:190px;background:#fffdf8;border:1px solid #bfb8a8;border-radius:12px;padding:12px 18px;position:absolute;top:100%;left:-18px;box-shadow:0 9px 24px #4c3c1610;z-index:32}
:root body .org-menu-grupo>div>a{display:flex;min-height:44px;text-align:left}
:root body .org-menu-movil .org-menu-grupo{width:100%}
:root body .org-menu-movil .org-menu-grupo>div{position:static;border:0;border-left:2px solid #d6b951;border-radius:0;box-shadow:none;margin:0 0 12px 8px;padding:0 16px;background:transparent}
:root body .org-menu-movil .org-espacios{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:0 16px;position:static;width:100%;background:#f1ecdf;padding:12px;border:0;border-radius:8px}
:root body .org-menu-movil .org-espacios>span{width:100%;font-weight:600}
:root body .org-menu-movil .org-espacios a{border:0;padding:8px 0;min-height:44px}
:root body .org-menu-movil nav{background:#faf7ef;max-height:min(70dvh,650px);overflow:auto;border-bottom:1px solid #bdb3a1;padding:16px 24px 24px;box-shadow:0 12px 22px #44341b12}
:root body .org-menu-movil .org-contacto-movil{display:flex}
:root body.diseno-inicio .org-cuerpo>.org-portada{position:relative;isolation:isolate;min-height:620px;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:0;padding:42px max(40px,calc((100% - 1320px)/2)) 52px;align-items:center;overflow:hidden}
:root body.diseno-inicio .portada-texto{position:relative;z-index:3;max-width:650px;padding:0 12px 0 0}
:root body.diseno-inicio .portada-texto>.ante{font-size:1rem;letter-spacing:.02em;text-transform:none;color:#555146;margin:0 0 18px}
:root body.diseno-inicio .portada-texto>h1{font-size:clamp(3rem,4.7vw,4.8rem);max-width:19ch;line-height:1.02;letter-spacing:0;margin:0 0 25px;text-wrap:pretty}
:root body.diseno-inicio .portada-texto>h1::after{content:'.';color:var(--color-grafico-coral)}
:root body.diseno-inicio .portada-texto>p:not(.ante){max-width:40ch;font-size:1.1rem;line-height:1.5;color:#4d493f;margin:0 0 22px}
:root body.diseno-inicio .org-botones{gap:14px;margin-top:24px}
:root body.diseno-inicio .org-botones .boton{font-family:var(--tipo-titulos);font-weight:400;font-size:1.75rem;line-height:1.1;padding:13px 27px;min-height:58px}
:root body.diseno-inicio .org-botones p:first-child .boton{background:#fffaf0;border:1px solid #7b7566;box-shadow:none;font-family:var(--tipo-lectura);font-size:1.08rem;min-height:52px;padding:13px 20px}
:root body.diseno-inicio .portada-lado{position:absolute;inset:0 0 0 36%;max-width:none;width:auto;z-index:-1}
:root body.diseno-inicio .portada-foto{margin:0;width:100%;height:100%;aspect-ratio:auto;border-radius:0;overflow:hidden;background:transparent}
:root body.diseno-inicio .portada-foto img{width:100%;height:100%;object-fit:cover;object-position:70% 50%}
:root body.diseno-inicio .portada-lado::before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#faf7ef 0%,#faf7efdb 10%,#faf7ef00 40%)}
:root body.diseno-inicio .portada-lado::after{content:'';position:absolute;z-index:2;inset:12% auto 10% 17%;width:34%;background:url('/estatico/org/lapices/isotipo-portada.webp?v=d0579301af') 100% 50%/contain no-repeat;pointer-events:none}
:root body.diseno-inicio .portada-sello{position:absolute;right:24px;bottom:18px;z-index:3;max-width:70%;padding:7px 16px;background:#faf7efe8;border-radius:12px;gap:8px;margin:0}
:root body.diseno-inicio .portada-sello :is(h2,.numero){font:400 1rem/1.4 var(--tipo-lectura);color:#4a4435;letter-spacing:0}
:root body .org-areas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;max-width:1400px;margin:0 auto;padding:34px 40px 44px;border-bottom:1px solid #ddd6c8}
:root body .org-area{display:flex;flex-direction:column;align-items:flex-start;padding:0 30px;border-right:1px solid #e4ddcf;color:#292823;text-decoration:none;min-width:0}
:root body .org-area:first-child{padding-left:0}
:root body .org-area:last-child{border:0;padding-right:0}
:root body .org-area img{width:66px;height:66px;object-fit:contain;margin:0 0 10px}
:root body .org-area h2{font:600 1.3rem/1.3 var(--tipo-lectura);margin:0 0 7px;letter-spacing:-.01em}
:root body .org-area p{font-size:1.03rem;line-height:1.4;margin:0 0 12px;color:#615b4f;max-width:30ch}
:root body .org-area .flecha{font:400 1.7rem/1.2 var(--tipo-lectura);margin-top:auto;min-height:34px}
:root body .org-area:hover h2{text-decoration:underline;text-underline-offset:4px}
:root body.diseno-codex .org-tarjeta{border:1px solid #ded6c5;border-top:4px solid #d7a942;border-radius:18px 10px 15px 12px;background:#fffdf8}
:root body.diseno-codex .org-tarjeta:nth-child(3n+2){border-top-color:#91ad78}
:root body.diseno-codex .org-tarjeta:nth-child(3n+3){border-top-color:#e29355}
:root body.diseno-codex .org-tarjeta h3{font-family:var(--tipo-lectura);font-weight:600;letter-spacing:0}
:root body.diseno-codex .org-cifras h3{font-family:var(--tipo-titulos);font-size:3rem;letter-spacing:0}
:root body.diseno-codex .org-cifra::before{border-radius:55% 42% 60% 45%;width:35px;height:8px}
:root body.diseno-codex .org-pie,:root body.diseno-codex .org-cuerpo>.org-llamado{background:#ede7d7;color:#2c2b25}
:root body.diseno-codex :is(.org-pie,.org-llamado) :is(h2,h3,p,a,cite,li){color:#353329}
:root body.diseno-codex .org-llamado .org-botones p+p .boton{background:#faf7ef;color:#2c2b25;border-color:#79715f}
:root body.diseno-codex .org-pie :focus-visible{outline-color:#282923;box-shadow:0 0 0 3px #fffdf8}
:root body.diseno-codex .org-marca-pie{gap:12px;font-family:var(--tipo-titulos);font-weight:400;font-size:1.8rem}
:root body.diseno-codex .org-marca-pie img{width:48px;height:64px;object-fit:contain}
:root body.diseno-codex .org-submenu a{border-radius:22px;border-color:#8b806a;color:#4c462f;background:#faf6e9}
:root body.diseno-codex .org-submenu a[aria-current]{background:#ffcf40;color:#27251f;border-color:#8a6b12}
:root body.diseno-apoyo .portada-tarjeta{background:#fff4e6;border-radius:25px 12px 20px 15px;border-color:#c9a77d}
:root body.diseno-apoyo .portada-tarjeta::before{background:url('/estatico/org/lapices/casa.svg?v=dbe310100d') center/contain no-repeat;border-radius:0;width:65px;height:65px}
:root body.diseno-ninos .org-main>h1{font-family:var(--tipo-titulos);font-size:clamp(3rem,8vw,4.5rem)}
:root body.diseno-ninos .peligro{background:#fff0ca;border-color:#c5a23b}
:root body.diseno-ninos .mensajes li{border-radius:16px 9px 13px 11px}
:root body.aula-piloto .aula-cab{background:transparent;border-bottom:1px solid #d9cfbc;min-height:135px;padding:14px 0}
:root body.aula-piloto .aula-marca{display:flex;align-items:center;gap:25px;max-width:55%}
:root body.aula-piloto .aula-marca .marca-oficial{width:200px;height:auto;max-width:100%;flex:none}
:root body.aula-piloto .aula-contexto{font:400 2.4rem/1 var(--tipo-titulos);color:#4c4a39;border-left:1px solid #d5cbb8;padding-left:24px}
:root body.aula-piloto .aula-contenido h1{font-family:var(--tipo-titulos);font-size:clamp(2.8rem,5vw,4.2rem);line-height:1.08;letter-spacing:0}
:root body.aula-piloto .aula-destacado{background:#fffdf8;border:1px solid #ded4bf;border-top:5px solid #ffcc32;border-radius:25px 12px 22px 16px}
:root body.aula-piloto .aula-destacado h2{font-family:var(--tipo-titulos);font-size:clamp(2.3rem,4vw,3.2rem)}
:root body.aula-piloto .aula-destacado .aula-etiqueta{font-family:var(--tipo-lectura)}
:root body.aula-piloto .aula-resumen{border-color:#ded4bf}
:root body.aula-piloto .aula-indice{background:#f3eedf;border:1px solid #d6cbb4;border-top:4px solid #e5b329;border-radius:17px 9px 14px 10px}
:root body.aula-piloto .aula-indice a[aria-current]{color:#4c5d2e}
:root body.aula-piloto .aula-lectura{background:#fffdf8;border-radius:8px}
:root body.aula-piloto .aula-lectura h2{font-family:var(--tipo-titulos);font-size:2rem;line-height:1.2}
:root body.aula-piloto .aula-lectura h3{font-family:var(--tipo-lectura)}
:root body.aula-piloto .aula-opcion{border-radius:14px 9px 13px 10px;border-color:#81785f;background:#fffdf8}
:root body.aula-piloto .aula-opcion:has(:checked){background:#fff2c4;border-color:#6c603c}
:root body.aula-piloto .aula-opcion input{accent-color:#59653a}
:root body.aula-piloto .aula-resultado{background:#f0f1df;border-color:#89916b;border-top-color:#66753f;border-radius:16px}
:root body.aula-piloto .aula-logro,:root body.aula-piloto .aula-marca-hecha{color:#4c5d2e}
:root body.aula-piloto progress{accent-color:#677844}
:root body.aula-piloto progress::-webkit-progress-value{background:#677844}
:root body.aula-piloto progress::-moz-progress-bar{background:#677844}
:root body.aula-piloto .aula-aviso{background:#fff2cd;border-left-color:#a97c1a}
:root body.aula-piloto .aula-menu-movil nav{background:#faf7ef}
/* Herramientas internas: la misma identidad, sin decoración entre campos o tablas. */
:root body :is(.cabecera,.topbar){background:transparent;border-color:#d9cfbc}
:root body :is(.marca,.wordmark){font-family:var(--tipo-titulos);font-weight:400;color:#2d2b24;letter-spacing:0}
:root body .marca em{font-family:var(--tipo-lectura);font-style:normal;font-size:.9rem;letter-spacing:0}
:root body :is(.borrador,.borrador-cec){background:#ede6d5;color:#544d3f;letter-spacing:.02em;text-transform:none;font-family:var(--tipo-lectura)}
:root body :is(.borrador,.borrador-cec) a{color:#4c5235}
:root body :is(.tarjetas>a,.tarjetas.grandes>a,.acceso){background:#fffdf8;color:#302d24;border:1px solid #d5cbb7;border-top:4px solid #d6ad46;border-radius:17px 10px 15px 11px}
:root body :is(.tarjetas>a,.tarjetas.grandes>a,.acceso) :is(b,span){color:#403c31;opacity:1}
:root body .tarjetas>a b{font-family:var(--tipo-titulos);font-size:1.8rem}
:root body :is(.menu,.navbar){font-family:var(--tipo-lectura);letter-spacing:0;text-transform:none}
:root body .menu a{border-radius:20px;min-height:44px;display:inline-flex;align-items:center;background:#fffaf0}
:root body .menu a[aria-current],:root body .navbar a[aria-current]{background:#f5cb4a!important;color:#28261f!important;border-color:#8c762c!important}
:root body :is(.com-panel,.tarjeta-principal){background:#f0efde;border-color:#80895b;border-radius:18px 9px 15px 11px}
:root body :is(.n-azul,.n-rojo,.n-verde,.n-mostaza,.n-naranja,.n-contorno){background:#fffaf0;color:#38372e!important;border:1px solid #9f957f!important;border-radius:14px;min-height:44px;display:flex;align-items:center}
@media(min-width:1350px){:root body .org-cab-in{gap:26px}:root body .org-marca>.marca-oficial{width:250px}}
@media(max-width:1200px){:root body .org-menu{display:none}:root body .org-menu-movil{display:block}:root body .org-cab-botones{margin-left:auto}:root body .org-cab-in{gap:18px}:root body .org-marca>.marca-oficial{width:205px}}
@media(max-width:720px){
 :root body .org-cab>.org-espacios{display:none}
 :root body .org-cab-in{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:'marca idiomas menu' 'acciones acciones acciones';gap:5px 10px;padding:9px 20px 13px;min-height:0}
 :root body .org-marca{grid-area:marca;justify-content:flex-start}
 :root body .org-marca>.marca-oficial{width:155px;height:auto}
 :root body .org-cab-botones{grid-area:acciones;margin:0;display:flex;justify-content:flex-start;gap:10px;padding-top:4px}
 :root body .org-cab-botones .boton{font-size:.94rem;min-height:44px;padding:9px 17px}
 :root body .org-cab-botones .secundario{display:inline-flex}
 :root body .org-idioma{grid-area:idiomas;margin:0;align-self:center}
 :root body .org-menu-movil{grid-area:menu;margin:0;align-self:center}
 :root body .org-idioma summary,:root body .org-menu-movil summary{min-height:44px;min-width:48px;padding:8px;font-size:.9rem;border:1px solid #8d816c;background:#fffaf0;border-radius:12px}
 :root body .org-espejo{font-size:.7rem;padding-inline:20px;line-height:1.35}
 :root body.diseno-inicio .org-cuerpo>.org-portada{display:flex;flex-direction:column;min-height:0;padding:28px 20px 0;overflow:hidden;gap:0}
 :root body.diseno-inicio .portada-texto{max-width:100%;width:100%;padding:0}
 :root body.diseno-inicio .portada-texto>h1{font-size:clamp(2.65rem,10.5vw,4rem);max-width:20ch;line-height:1.04;margin-bottom:20px}
 :root body.diseno-inicio .portada-texto>.ante{font-size:1rem;margin-bottom:13px}
 :root body.diseno-inicio .portada-texto>p:not(.ante){font-size:1.06rem;max-width:36ch;line-height:1.5}
 :root body.diseno-inicio .org-botones{gap:10px;margin-top:19px}
 :root body.diseno-inicio .org-botones .boton{font-family:var(--tipo-lectura);font-size:1.05rem;min-height:48px;padding:11px 17px}
 :root body.diseno-inicio .org-botones p:first-child .boton{font-size:1rem;min-height:48px;padding:11px 17px}
 :root body.diseno-inicio .portada-lado{position:relative;inset:auto;width:calc(100% + 40px);max-width:none;height:330px;margin:8px -20px 0;z-index:0}
 :root body.diseno-inicio .portada-foto img{object-position:75% 40%;object-fit:cover}
 :root body.diseno-inicio .portada-lado::before{background:linear-gradient(180deg,#faf7ef 0%,#faf7ef00 25%)}
 :root body.diseno-inicio .portada-lado::after{inset:15% 1% 8% 3%}
 :root body.diseno-inicio .portada-sello{right:16px;bottom:12px}
 :root body .org-areas{grid-template-columns:repeat(2,minmax(0,1fr));padding:26px 20px 12px;gap:25px 20px}
 :root body .org-area,:root body .org-area:first-child,:root body .org-area:last-child{padding:0 0 16px;border:0;border-bottom:1px solid #ded4c0}
 :root body .org-area img{width:54px;height:54px}
 :root body .org-area h2{font-size:1.1rem}
 :root body .org-area p{font-size:.95rem}
 :root body.aula-piloto .aula-cab{min-height:0;padding:12px 0;gap:16px}
 :root body.aula-piloto .aula-marca{max-width:calc(100% - 75px);gap:7px;flex-direction:column;align-items:flex-start}
 :root body.aula-piloto .aula-marca .marca-oficial{width:158px}
 :root body.aula-piloto .aula-contexto{border:0;padding:0;margin:-2px 0 0 38px;font-size:1.55rem}
 :root body.aula-piloto .aula-contenido h1{font-size:2.7rem;line-height:1.08}
 :root body.aula-piloto .aula-destacado{padding:25px 22px}
 :root body.diseno-codex .salir{box-shadow:0 0 0 6px #faf7ef}
}
@media(prefers-reduced-motion:reduce){:root body *{scroll-behavior:auto;animation:none;transition:none}}
@media print{:root body{background:#fff;background-image:none}:root body :is(.org-cab,.org-areas,.aula-cab){display:none}:root body :is(h1,h2){color:#000}}
/* Ajustes del primer recorrido visual: aire para el texto y trazos fuera del rostro. */
:root body .org-menu .org-contacto-movil{display:none}
:root body.diseno-inicio .portada-texto>h1{font-size:clamp(3rem,4.3vw,4.5rem);max-width:23ch}
:root body.diseno-inicio .portada-texto>p:not(.ante){max-width:52ch;font-size:1.08rem}
:root body.diseno-inicio .portada-texto>.ante{display:none}
:root body svg.sol{background:url('/estatico/org/lapices/isotipo-sol.webp?v=8acc048dea') center/contain no-repeat;width:46px;height:62px}
:root body svg.sol>*{visibility:hidden}
@media(max-width:720px){
 :root body.diseno-inicio .portada-texto>h1{font-size:clamp(2.65rem,10.5vw,4rem);max-width:20ch}
 :root body.diseno-inicio .portada-texto>p:not(.ante){font-size:1.06rem;max-width:36ch}
}
:root body.diseno-inicio .org-cuerpo>.org-areas{width:100%;max-width:none;margin:0;padding-inline:max(40px,calc((100% - 1320px)/2))}
@media(max-width:720px){:root body.diseno-inicio .org-cuerpo>.org-areas{margin:0;padding-inline:20px}}
/* Límites y foco de los controles, independientes del amarillo decorativo. */
:root:root body :is(button,input:not([type='hidden']):not([type='radio']):not([type='checkbox']),select){min-height:44px}
:root body label:has(>input:is([type='radio'],[type='checkbox'])){min-height:44px}
:root:root body.diseno-codex :is(h1,h2){color:#27251f}
:root body .org-marca{max-width:none}
:root:root body.diseno-codex .boton,:root:root body.aula-piloto .aula-boton,:root:root body :is(.com-boton,.principal){border-color:#8a6515}
:root:root body.diseno-codex .boton:hover,:root:root body.aula-piloto .aula-boton:hover{color:#25241f;background:#f6bd1e;border-color:#8a6515}
:root:root body.diseno-codex .org-cab-botones>.boton:not(.secundario),:root:root body.aula-piloto .aula-boton-secundario{border-color:#817765}

:root body :is(strong,b){font-weight:600}
.propuesta-paleta .muestra-lapiz-amarillo{--muestra:#ffcc32}
.propuesta-paleta .muestra-lapiz-naranja{--muestra:#f45b19}
.propuesta-paleta .muestra-lapiz-oliva{--muestra:#a29548}
.propuesta-paleta .muestra-lapiz-tinta{--muestra:#27251f}
.propuesta-paleta .muestra-lapiz-papel{--muestra:#faf7ef}
.propuesta-paleta .muestra-lapiz-salida{--muestra:#a32d20}
/* Las páginas dinámicas y de ingreso conservan su texto de marca accesible. */
:root body .marca:not(:has(svg.sol))::before{content:'';display:inline-block;flex:none;width:46px;height:62px;background:url('/estatico/org/lapices/isotipo-sol.webp?v=8acc048dea') center/contain no-repeat}

/* Familia de pictogramas: el nombre de cada acceso sigue siendo texto real. */
:root body :is(.tarjetas,.accesos,.propuesta-paginas)>a{--pictograma-visible:none;--pictograma:none;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:8px}
:root body.diseno-codex .tarjetas>a b{font-family:var(--tipo-lectura);font-size:1.2rem;line-height:1.3}
:root body[class*='pictograma-'] .org-main>h1::before,:root body[class*='pictograma-'] .portada-texto>h1::before{content:'';display:block;width:68px;height:68px;background:var(--pictograma-pagina) center/contain no-repeat;margin:0 0 16px}
:root body.diseno-codex .org-tarjeta img.icono{width:64px;height:64px;object-fit:contain;margin-bottom:1rem}
:root body :is(.tarjetas,.accesos,.propuesta-paginas)>a::before{content:var(--pictograma-visible,none);display:block;width:54px;height:54px;flex:none;background:var(--pictograma) center/contain no-repeat;margin:0 0 10px;pointer-events:none}
:root body .org-seccion>h2::before,:root body .org-llamado>h2::before{content:var(--pictograma-visible,none);display:block;width:62px;height:62px;background:var(--pictograma) center/contain no-repeat;margin:0 0 16px;pointer-events:none}
:root body .org-seccion:has(>.org-cifras){--pictograma:url('/estatico/org/lapices/grafico.svg?v=55c0daca38');--pictograma-visible:''}
:root body .org-seccion:has(>.org-hitos){--pictograma:url('/estatico/org/lapices/camino.svg?v=9e50086700');--pictograma-visible:''}
:root body .org-seccion:has(>.org-logos){--pictograma:url('/estatico/org/lapices/red.svg?v=037a2133ca');--pictograma-visible:''}
:root body .org-seccion:has(>.org-testimonios){--pictograma:url('/estatico/org/lapices/conversacion.svg?v=3fedfd4946');--pictograma-visible:''}
:root body .org-seccion:has(>.org-equipo){--pictograma:url('/estatico/org/lapices/grupo.svg?v=11de0b76ce');--pictograma-visible:''}
:root body .org-llamado{--pictograma:url('/estatico/org/lapices/mano-corazon.svg?v=8d6450fbe2');--pictograma-visible:''}
/* La lectura del curso queda despejada; los dibujos identifican su navegación. */
:root body.aula-piloto .aula-destacado>div:first-child::before{content:'';display:block;width:72px;height:72px;margin-bottom:12px;background:url('/estatico/org/lapices/libro.svg?v=7bf01cb0b3') center/contain no-repeat}
:root body.aula-piloto .aula-indice-final::before{content:'';display:inline-block;vertical-align:middle;width:32px;height:32px;margin-right:10px;flex:none;background:url('/estatico/org/lapices/camino.svg?v=9e50086700') center/contain no-repeat}
:root body.aula-piloto .aula-indice-final[href$='/evaluacion/']::before{background-image:url('/estatico/org/lapices/evaluacion.svg?v=7a6d091e5f')}
:root body .pieza::before{content:'';display:block;width:52px;height:52px;background:var(--pictograma) center/contain no-repeat}
:root body .pieza.p-magistral{--pictograma:url('/estatico/org/lapices/pizarra.svg?v=d8e135f20e')}
:root body .pieza.p-voces{--pictograma:url('/estatico/org/lapices/conversacion.svg?v=3fedfd4946')}
:root body .pieza.p-sensibilizacion{--pictograma:url('/estatico/org/lapices/mano-corazon.svg?v=8d6450fbe2')}
:root body .pieza.p-material{--pictograma:url('/estatico/org/lapices/libro.svg?v=7bf01cb0b3')}
/* Academia siempre resaltada en la franja de otros espacios (y en el menú del celular), en todas las páginas del .org y del espejo del .cl (JAM, 30-10-2026); la portada la agranda más abajo. */
:root body .org-espacios>.org-espacio-academia{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:3px 13px;border:1px solid #56683f;border-radius:18px 15px 17px 16px;background:#edf1df;color:#293622;font-weight:600;text-decoration:none;align-self:center}
:root body .org-espacios>.org-espacio-academia small{font-weight:400;color:#4c5d2e}
:root body .org-espacios>.org-espacio-academia:hover{background:#e1e8cb;border-color:#344426;color:#293622;text-decoration:none}
:root body .org-menu-movil .org-espacios>.org-espacio-academia{border:1px solid #56683f;padding:6px 14px;min-height:44px}
/* Acceso a la Academia desde la portada; el nombre de la institución no se traduce. */
:root body.diseno-inicio .org-cab>.org-espacios{min-height:64px;gap:20px;padding-block:6px}
:root body.diseno-inicio .org-cab>.org-espacios>a{min-height:44px}
:root body.diseno-inicio .org-cab>.org-espacios>.org-espacio-academia{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:7px 18px;border:1px solid #56683f;border-radius:27px 22px 25px 23px;background:#edf1df;color:#293622;font-size:1.05rem;font-weight:600;text-decoration:none;line-height:1.25}
:root body.diseno-inicio .org-cab>.org-espacios>.org-espacio-academia::before{content:'';width:32px;height:32px;flex:none;background:url('/estatico/org/lapices/libro.svg?v=7bf01cb0b3') center/contain no-repeat}
:root body.diseno-inicio .org-cab>.org-espacios>.org-espacio-academia::after{content:'→';font-size:1.35rem;line-height:1;flex:none}
:root body.diseno-inicio .org-cab>.org-espacios>.org-espacio-academia:hover{background:#e1e8cb;border-color:#344426;color:#293622}
@media(max-width:720px){
 :root body.diseno-inicio .org-cab{display:flex;flex-direction:column}
 :root body.diseno-inicio .org-cab-in{order:1;width:100%}
 :root body.diseno-inicio .org-cab>.org-espacios{order:2;display:flex;justify-content:center;padding:0 20px 14px;min-height:0;border:0}
 :root body.diseno-inicio .org-cab>.org-espacios>:not(.org-espacio-academia){display:none}
 :root body.diseno-inicio .org-cab>.org-espacios>.org-espacio-academia{width:100%;min-height:54px;padding-inline:12px}
}
.propuesta-pictogramas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 26px;margin:30px 0}
.propuesta-pictogramas figure{margin:0;padding:18px 0;border-top:1px solid #ded4c0;min-width:0}
.propuesta-pictogramas img{display:block;width:88px;height:88px;object-fit:contain;margin:0 0 12px}
.propuesta-pictogramas figcaption{font:400 .98rem/1.4 var(--tipo-lectura);color:#5b564a}
.propuesta-pictogramas strong{display:block;font-size:1.1rem;color:#27251f;margin-bottom:5px}
@media(max-width:720px){.propuesta-pictogramas{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.propuesta-pictogramas img{width:74px;height:74px}:root body.diseno-codex .org-tarjeta img.icono{width:58px;height:58px}}
@media print{.propuesta-pictogramas{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* La historia cierra Nosotros con el libro de la primera década. */
:root body:has(.org-memoria) .org-main>h1{margin-top:2rem;margin-bottom:.5rem}
:root body:has(.org-memoria) .org-main>h1::before{display:none}
:root body:has(.org-memoria) .org-main>.org-bajada{margin-bottom:.75rem}
:root body:has(.org-memoria) .org-cuerpo>.org-seccion:has(>.org-equipo){padding-block:2rem}
:root body:has(.org-memoria) .org-cuerpo>.org-seccion:first-child{padding-top:1.25rem}
:root body .org-seccion:has(>.org-memoria){--pictograma:url('/estatico/org/lapices/libro.svg?v=7bf01cb0b3');--pictograma-visible:''}
:root body .org-memoria{display:grid;grid-template-columns:180px minmax(0,1fr);gap:0 2rem;align-content:start;max-width:54rem;padding:1.75rem;background:var(--color-superficie);border:1px solid var(--color-linea);border-radius:var(--radio)}
:root body .org-memoria>*{grid-column:2;min-width:0}
:root body .org-memoria>p:has(img){grid-column:1;grid-row:1 / span 4;margin:0}
:root body .org-memoria img{display:block;width:100%;height:auto;max-height:300px;object-fit:contain;border:1px solid var(--color-linea)}
:root body .org-memoria h3{margin-top:0;font-size:1.35rem;line-height:1.3}
:root body .org-memoria>p:last-child{margin-bottom:0}
@media(max-width:600px){:root body .org-memoria{display:block;padding:1.25rem}:root body .org-memoria>p:has(img){max-width:160px;margin-bottom:1.5rem}}

/* Dibujos a lápiz de Comunicaciones (octubre de 2026): qué va dónde y por qué, en marca/DIBUJOS-LAPIZ.md.
   Las conversaciones del acompañamiento en la portada del programa, el globo con la pregunta en las preguntas frecuentes
   y la flecha entre las etapas de un proceso. Todos decorativos: el texto de la página dice lo mismo. */
:root body .portada-lado:has(>.portada-dibujo){display:flex;align-items:center;justify-content:center}
:root body .portada-dibujo{display:block;width:100%;max-width:440px;height:auto}
@media(max-width:900px){:root body .portada-lado:has(>.portada-dibujo){justify-content:flex-start;margin-top:.5rem}:root body .portada-dibujo{max-width:280px}}
.pictograma-preguntas{--pictograma-pagina:url('/estatico/org/lapices/dibujos/preguntas.webp?v=87db3f0d9e')}
:root body .org-seccion.org-preguntas{--pictograma:url('/estatico/org/lapices/dibujos/preguntas.webp?v=87db3f0d9e');--pictograma-visible:''}
:root body .org-seccion.org-preguntas>h2~h2::before{content:none}
@media(min-width:901px){:root body .org-pasos:not(:has(>.org-paso:nth-child(4)))>.org-paso:not(:last-child)::before{background:url('/estatico/org/lapices/dibujos/flecha.webp?v=ee0f99fba6') left 2.4rem center/58px auto no-repeat}}
/* Portada: recuadro de la campaña de fplc.cl (denuncias falsas), bajo la portada (30-10-2026) */
:root body .org-cuerpo>.org-campana{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 48px;align-items:center;margin:0 auto;padding:34px max(40px,calc((100% - 1240px)/2));background:#fff4e6;border-top:4px solid var(--color-grafico-coral);border-bottom:1px solid #e6d6bd}
:root body .org-campana>*{grid-column:1;max-width:46rem}
:root body .org-campana>.ante{margin:0;font-size:.95rem;font-weight:600;color:#8a3d06}
:root body .org-campana>h2{margin:0;font-size:clamp(1.6rem,2.6vw,2.3rem);line-height:1.15;color:#25241f}
:root body .org-campana>p:not(.ante){margin:4px 0 0;font-size:1.04rem;line-height:1.5;color:#4d493f}
:root body .org-campana>.org-botones{grid-column:2;grid-row:1 / span 3;display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin:0}
:root body .org-campana>.org-botones p{margin:0}
:root body.diseno-codex .org-campana .org-botones p:first-child .boton{background:#ffcc32;border:2px solid #e8b121;box-shadow:inset 0 0 0 2px #ffdc71;font-family:var(--tipo-lectura);font-weight:600;font-size:1.08rem;min-height:52px;padding:12px 22px;white-space:nowrap}
:root body.diseno-codex .org-campana .org-botones p:first-child .boton:hover{background:#f6bd1e;border-color:#a9790b}
@media(max-width:800px){:root body .org-cuerpo>.org-campana{display:block;padding:26px 20px}:root body .org-campana>h2{margin:6px 0 10px}:root body .org-campana>.org-botones{margin-top:18px}}
/* Enlace discreto a la intranet (paralaconfianza.cl), al final del pie (JAM, 30-10-2026). */
:root body.diseno-codex .org-pie a.org-pie-intranet{color:#5f5b53;font-size:.78rem;text-decoration:none}
:root body.diseno-codex .org-pie a.org-pie-intranet:hover{text-decoration:underline}

/* Manual de marca propuesto (versión 5, octubre de 2026): azul petróleo en títulos y enlaces (tokens en base.css),
   botón petróleo con letra blanca para pedir orientación y amarillo para donar; logo con lema desde 220 px. */
:root:root body.diseno-codex :is(h1,h2){color:var(--color-petroleo,#2a495a)}
:root:root:root body.diseno-codex a.boton[href$="/apoyo/"]{background:var(--color-petroleo,#2a495a);border:2px solid var(--color-petroleo,#2a495a);box-shadow:none;color:#fff}
:root:root:root body.diseno-codex a.boton[href$="/apoyo/"]:hover{background:var(--color-petroleo-hover,#1d3542);border-color:var(--color-petroleo-hover,#1d3542);color:#fff}
@media(max-width:1200px) and (min-width:721px){:root:root body .org-marca>.marca-oficial{width:220px}}
:root:root body.diseno-inicio .org-portada .org-botones .boton{font-family:var(--tipo-lectura);font-weight:600;font-size:1.08rem;min-height:52px;padding:13px 20px}

/* Foto vertical en la portada de un programa (FOTOS_PORTADA en org.py): se ve entera, sin recorte. */
:root body:not(.diseno-inicio) .portada-foto{aspect-ratio:auto;max-width:440px;justify-self:center;background:transparent}
:root body:not(.diseno-inicio) .portada-foto img{height:auto;object-fit:contain}

/* Entrega de identidad web de Comunicaciones (30-10-2026, marca/DIBUJOS-LAPIZ.md). Prevención: la ampolleta de luz suave
   marca la confianza lúcida entre las tres formas de confianza; las ocho condiciones van plegadas porque son propuesta;
   el triángulo del abuso es SVG con texto, tres miradas en fila (una bajo otra en el celular). */
/* La ampolleta no es una portada de libro: la tarjeta no pasa a dos columnas (org.css, :has(img:not(.icono))). */
:root:root body.diseno-codex .org-seccion:has(.dibujo-luz) .org-tarjeta{display:flex}
:root body .org-seccion:has(.dibujo-luz) .org-tarjetas+p{margin-top:1.4rem;max-width:62rem}
:root body .org-tarjeta img.dibujo-luz{width:100px;height:auto;margin:-.6rem 0 .2rem -.4rem;border-radius:0}
:root body details.condiciones{margin-top:1.6rem;border:1px solid #ded6c5;border-radius:12px;background:#fffdf8;padding:0 1.25rem}
:root body details.condiciones>summary{cursor:pointer;min-height:48px;display:flex;align-items:center;font-weight:600;color:var(--color-petroleo,#2a495a)}
:root body details.condiciones[open]>summary{border-bottom:1px solid #ece4d3;margin-bottom:1rem}
:root body .org-condiciones-lista ul{list-style:none;padding:0;margin:0 0 1.2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:.7rem 1.6rem}
:root body .org-condiciones-lista li{border-left:3px solid #d7a942;padding:.15rem 0 .15rem .8rem;color:var(--color-texto)}
:root body .org-triangulo{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin:2.2rem 0 1.2rem}
:root body .org-triangulo ul{list-style:none;padding:0;margin:.2rem 0 0;display:grid;gap:.4rem;font-size:.95rem}
:root body .org-triangulo li{border-left:3px solid #b8664a;background:#f7f2e8;padding:.3rem .65rem;border-radius:0 6px 6px 0}
:root body .org-triangulo>.org-tarjeta:nth-child(3) li:not(:first-child){border-left-color:#6f8048}
:root body .triangulo-figura{margin:.4rem 0 .8rem}
:root body .triangulo-svg{display:block;width:100%;max-width:300px;height:auto;margin:0 auto}
:root body .triangulo-svg .arista{fill:none;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
:root body .triangulo-svg .arista.dano{stroke:#b8664a}
:root body .triangulo-svg .arista.apoyo{stroke:#6f8048}
:root body .triangulo-svg .nodo{stroke:#cfc4ae;stroke-width:1.5}
:root body .triangulo-svg .nodo.agresor{fill:#f4e4da}
:root body .triangulo-svg .nodo.victima{fill:#ebe6f2}
:root body .triangulo-svg .nodo.terceros{fill:#ebe9d3}
:root body .triangulo-svg .nodo.fuera{fill:none;stroke-dasharray:5 5}
:root body .triangulo-svg text{font:600 15px var(--tipo-lectura);fill:var(--color-petroleo,#2a495a);text-anchor:middle}
:root body .triangulo-svg text.fuera{fill:#6d675b;font-weight:400}
:root body .triangulo-svg text.pie{font-size:13px}
:root body .triangulo-nota{border-left:4px solid #a396c5;background:#f1ede4;padding:1rem 1.2rem;border-radius:0 8px 8px 0;max-width:62rem}
@media(max-width:900px){:root body .org-triangulo{grid-template-columns:1fr}:root body .triangulo-svg{max-width:280px}}
:root body .aviso-propuesta{border-left:3px solid #a396c5;background:#f1ede4;padding:.6rem .9rem;border-radius:0 8px 8px 0;font-size:.95rem;color:#4a463c}

/* Títulos, versión B (JAM, 30-10-2026, comparada en contexto con la actual y con Libre Baskerville): Source Sans 3 en los
   h1 y h2 del .org y la ayuda; la manuscrita queda en el llamado breve, las cifras y el pie de marca
   (reglas de arriba), y en la página para niños y niñas. El lettering del logo es imagen y no cambia. */
:root:root body.diseno-codex :is(h1,h2){font-family:var(--tipo-lectura);font-weight:600;letter-spacing:-.012em;line-height:1.16}
:root:root body.diseno-codex h1{letter-spacing:-.02em}
:root:root body.diseno-codex .org-cuerpo>.org-llamado h2:first-of-type{font-family:var(--tipo-titulos);font-weight:400;letter-spacing:0;line-height:1.1}
:root:root body.diseno-ninos .org-main>h1{font-family:var(--tipo-titulos);font-weight:400;letter-spacing:0}

/* Propuesta (JAM, 30-10-2026): en la cabecera todo lo que se aprieta es botón, no solo palabra. Cada entrada del menú
   lleva un color del logo según el manual (lavanda, oliva, amarillo, coral) como fondo suave con borde del mismo color y
   letra oscura, para conservar el contraste AA; la página en que se está va con borde doble. Intranet, como la Academia,
   en petróleo suave. «Dona» y «Necesito apoyo» siguen siendo las acciones fuertes. */
:root body .org-menu{gap:10px}
:root:root body .org-menu>a:not(.org-contacto-movil),:root:root body .org-menu .org-menu-grupo>summary{
  --b-fondo:#fffdf8;--b-borde:#cfc6b4;--b-hover:#f3eee2;
  display:inline-flex;align-items:center;min-height:44px;padding:6px 15px;border:1.5px solid var(--b-borde);
  border-radius:18px 15px 17px 16px;background:var(--b-fondo);color:#27251f;text-decoration:none;line-height:1.2}
:root:root body .org-menu>a[href$="/nosotros/"]{--b-fondo:#f1edf7;--b-borde:#a396c5;--b-hover:#e4dcf0}
:root:root body .org-menu .org-menu-grupo>summary{--b-fondo:#f0f1df;--b-borde:#88883d;--b-hover:#e3e6c8}
:root:root body .org-menu>a[href$="/recursos/"]{--b-fondo:#fff5d6;--b-borde:#e8b121;--b-hover:#ffecb0}
:root:root body .org-menu>a[href$="/blog/"]{--b-fondo:#fde9de;--b-borde:#f45b19;--b-hover:#fbd9c6}
:root:root body .org-menu>a:not(.org-contacto-movil):hover,:root:root body .org-menu .org-menu-grupo>summary:hover,
:root:root body .org-menu .org-menu-grupo[open]>summary{background:var(--b-hover);text-decoration:none}
:root:root body .org-menu>a[aria-current]{box-shadow:inset 0 0 0 1.5px var(--b-borde);font-weight:700;text-decoration:none}
:root:root body .org-menu .org-menu-grupo>div{top:calc(100% + 6px);left:0}
:root body .org-espacios>.org-espacio-intranet{display:inline-flex;align-items:center;min-height:32px;padding:3px 14px;border:1px solid var(--color-petroleo,#2a495a);border-radius:16px 18px 15px 17px;background:#e9eff1;color:#1f3644;font-weight:600;text-decoration:none}
:root body .org-espacios>.org-espacio-intranet:hover{background:#d8e3e7;color:#1f3644;text-decoration:none}
:root body.diseno-inicio .org-cab>.org-espacios>.org-espacio-intranet{min-height:44px;padding-inline:18px}
/* En el celular las mismas entradas, a lo ancho del menú desplegable. */
:root body .org-menu-movil nav{--b-fondo:#fffdf8;--b-borde:#cfc6b4}
:root:root body .org-menu-movil nav>a:not(.org-espacio-academia):not(.org-espacio-intranet),:root:root body .org-menu-movil .org-menu-grupo>summary{
  display:flex;align-items:center;min-height:48px;margin:0 0 8px;padding:8px 16px;border:1.5px solid var(--b-borde);border-radius:14px;
  background:var(--b-fondo);color:#27251f;font-size:1.05rem;font-weight:600;text-decoration:none}
:root:root body .org-menu-movil nav>a[href$="/nosotros/"]{--b-fondo:#f1edf7;--b-borde:#a396c5}
:root:root body .org-menu-movil .org-menu-grupo>summary{--b-fondo:#f0f1df;--b-borde:#88883d}
:root:root body .org-menu-movil nav>a[href$="/recursos/"]{--b-fondo:#fff5d6;--b-borde:#e8b121}
:root:root body .org-menu-movil nav>a[href$="/blog/"]{--b-fondo:#fde9de;--b-borde:#f45b19}
:root:root body .org-menu-movil .org-espacios>.org-espacio-intranet{min-height:44px;padding:6px 14px;border:1px solid var(--color-petroleo,#2a495a)}
:root:root body .org-idioma>summary{min-height:44px;padding:6px 12px;border:1.5px solid #cfc6b4;border-radius:14px;background:#fffdf8}
:root:root body .org-idioma>summary:hover,:root:root body .org-idioma[open]>summary{background:#f3eee2}

/* El título de la portada del .org también en Source Sans 3 (JAM, 30-10-2026: «menos infantil, pero no totalmente serio,
   como el resto»). Con la sans, el cuerpo de la manuscrita se veía enorme: un punto menos de tamaño y más interlínea.
   El punto naranja del final se queda. */
:root:root body.diseno-inicio .portada-texto>h1{font-size:clamp(2.6rem,3.9vw,3.9rem);line-height:1.08;letter-spacing:-.025em;max-width:20ch}
@media(max-width:720px){:root:root body.diseno-inicio .portada-texto>h1{font-size:clamp(2.1rem,8.6vw,3rem);line-height:1.1}}

/* Glosario de Recursos › Definiciones (31-10-2026): cada término es un párrafo con su fuente en la línea siguiente. */
:root body p.glosario-termino{max-width:62rem;margin:0 0 1.35rem;padding-left:.9rem;border-left:3px solid #e6d9b8}
:root body .org-seccion:has(.glosario-termino)>h3{margin-top:2.2rem}

/* Subbotón que sale a fplc.cl (evidencia sobre denuncias falsas): petróleo, para que se distinga de las páginas de Recursos. */
:root:root body.diseno-codex .org-submenu a.org-submenu-fplc{border-color:var(--color-petroleo,#2a495a);color:var(--color-petroleo,#2a495a);background:#e9eff1;font-weight:600}
:root:root body.diseno-codex .org-submenu a.org-submenu-fplc:hover{background:#d8e3e7}
:root:root body.diseno-codex .org-submenu a.org-submenu-fplc span{margin-left:.35em}

/* Redes del pie: botones dibujados a lápiz con los colores del logo, en vez de palabras sueltas. */
:root body.diseno-codex .org-pie .org-columna:first-child ul:has(.org-red){gap:.5rem .7rem;margin-top:1.1rem}
:root body.diseno-codex .org-pie a.org-red{width:50px;height:50px;min-height:50px;padding:0;display:inline-block;background:var(--red) center/contain no-repeat;transition:transform .15s ease}
:root body.diseno-codex .org-pie a.org-red:hover{transform:translateY(-3px) rotate(-4deg);text-decoration:none}
:root body.diseno-codex .org-pie a.org-red:focus-visible{border-radius:14px}
:root body.diseno-codex .org-red-txt{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:root body.diseno-codex .org-red-instagram{--red:url('/estatico/org/lapices/redes/instagram.svg?v=d911b2259b')}
:root body.diseno-codex .org-red-linkedin{--red:url('/estatico/org/lapices/redes/linkedin.svg?v=7d84c4b8ff')}
:root body.diseno-codex .org-red-facebook{--red:url('/estatico/org/lapices/redes/facebook.svg?v=03b128e37c')}
:root body.diseno-codex .org-red-x{--red:url('/estatico/org/lapices/redes/x.svg?v=3ec67bfcdf')}
:root body.diseno-codex .org-red-youtube{--red:url('/estatico/org/lapices/redes/youtube.svg?v=77b8e32d7c')}
@media (prefers-reduced-motion:reduce){:root body.diseno-codex .org-pie a.org-red{transition:none}:root body.diseno-codex .org-pie a.org-red:hover{transform:none}}

/* Columnas en Noticias: recortes pequeños, con un trazo de lápiz del logo a cada lado, en vez de tarjetas grandes. */
:root body .org-recortes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;margin:1.6rem 0 0}
:root body .org-recorte{--trazo:#fa6208;position:relative;display:flex;flex-direction:column;gap:.35rem;padding:14px 16px 12px 44px;background:#f6efdf;border:1px dashed #cdbf9f;border-radius:16px 8px 14px 10px;color:#2c2b25}
:root body .org-recorte:nth-child(5n+2){--trazo:#a29548}
:root body .org-recorte:nth-child(5n+3){--trazo:#f97dc2}
:root body .org-recorte:nth-child(5n+4){--trazo:#bfb2d5}
:root body .org-recorte:nth-child(5n+5){--trazo:#fcc63a}
:root body .org-recorte::before{content:'';position:absolute;left:15px;top:16px;width:11px;height:46px;border-radius:7px;background:repeating-linear-gradient(-25deg,rgba(255,255,255,.28) 0 1px,transparent 1px 5px),var(--trazo);border:1.5px solid #2f2d27;transform:rotate(-14deg)}
:root body .org-recorte p{margin:0;font-size:.95rem;line-height:1.45;color:#4b483d}
:root body .org-recorte .ante{font-family:var(--tipo-titulos);font-size:1.02rem;letter-spacing:0;text-transform:none;color:#6a6252}
:root body .org-recorte h3{margin:0;font-family:var(--tipo-lectura);font-size:1.12rem;font-weight:700;line-height:1.25;letter-spacing:0}
:root body .org-recorte h3 a{color:#2c2b25;text-decoration:none}
:root body .org-recorte h3 a:hover{text-decoration:underline}
:root body .org-recorte p:has(>img){position:absolute;right:12px;top:10px;margin:0;line-height:0}
:root body .org-recorte img{width:56px;height:56px;object-fit:contain;margin:0}
:root body .org-recorte:has(img) :is(.ante,h3){padding-right:66px}
:root body .org-recorte p:last-child{display:flex;flex-wrap:wrap;gap:.2rem .6rem;margin-top:auto;padding-top:.35rem}
:root body .org-recorte a.enlace{display:inline-flex;align-items:center;min-height:44px;font-size:.92rem;font-weight:600;color:#2c4a5b}
:root body .org-recorte a.externo{padding:0 .95rem;background:#fcc63a;color:#2c2b25;border:1.5px solid #2f2d27;border-radius:999px;text-decoration:none}
:root body .org-recorte a.externo::after{content:'↗';margin-left:.35rem}
:root body .org-recorte a.externo:hover{background:#ffd96b}
@media (max-width:760px){:root body .org-recortes{grid-template-columns:1fr}}

/* Recursos › Libros y películas (31-10-2026): cada obra es un párrafo con autoría, una línea, aviso de contenido si lo
   tiene y el enlace a su ficha. */
:root body p.obra{max-width:62rem;margin:0 0 1.35rem;padding-left:.9rem;border-left:3px solid #c9d8de}
:root body p.obra em:first-of-type{font-style:italic}
:root body .org-seccion:has(.obra)>h3{margin-top:2.2rem}

/* Nosotros › Nuestro propósito (31-10-2026): bloque destacado a ancho de página, con el sol del logo a la izquierda, la
   frase en la sans de la marca y en petróleo (tipografía B), un trazo naranja de lápiz como marca y el botón a las áreas. */
:root body .org-cuerpo>.org-proposito{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 48px;align-items:center;margin:0;padding:52px max(40px,calc((100% - 1100px)/2));background:#f1ecdf;border-top:1px solid #e0cabd;border-bottom:1px solid #e0cabd;overflow:hidden}
:root body .org-proposito::before{content:'';grid-column:1;grid-row:1 / span 3;width:clamp(120px,15vw,190px);aspect-ratio:549/730;background:url('/estatico/org/lapices/isotipo-sol.webp?v=8acc048dea') center/contain no-repeat}
:root body .org-proposito>*{grid-column:2;max-width:48rem}
:root body .org-proposito>h2{display:flex;align-items:center;gap:14px;margin:0;font-family:var(--tipo-lectura);font-size:1rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#8a3d06}
:root body .org-proposito>h2::before{content:'';display:block;flex:none;width:44px;height:7px;margin:0;background:#fa6208;border-radius:6px 3px 5px 4px;transform:rotate(-2deg)}
:root body .org-proposito>p:not(:has(.boton)){margin:14px 0 0;font-family:var(--tipo-lectura);font-size:clamp(1.45rem,2.5vw,2.05rem);font-weight:500;line-height:1.35;color:var(--color-petroleo,#2a495a)}
:root body .org-proposito>p:has(.boton){margin:24px 0 0}
@media(max-width:800px){:root body .org-cuerpo>.org-proposito{display:block;padding:32px 20px}:root body .org-proposito::before{display:block;width:96px;margin:0 0 14px}:root body .org-proposito>p:has(.boton){margin-top:22px}}

/* Pie (31-10-2026): los enlaces de «Qué hacemos», «Recursos» y «Conócenos» pasan de palabras sueltas a botones de color
   (los colores del logo en tono claro, con texto carbón); «Necesito apoyo» va en petróleo y «Hazte socio» en amarillo,
   como en el manual. Debajo, la inscripción al boletín. */
:root body.diseno-codex .org-pie :is(.org-columna:nth-child(2),.org-columna:nth-child(3),.org-columna:nth-child(4))>ul{display:flex;flex-wrap:wrap;gap:.55rem .6rem}
:root:root body.diseno-codex .org-pie :is(.org-columna:nth-child(2),.org-columna:nth-child(3),.org-columna:nth-child(4)) li a{--p:#ffe08a;--pb:#d9a514;min-height:44px;padding:8px 18px;background:var(--p);border:1.5px solid var(--pb);border-radius:18px 14px 17px 13px;color:#27251f;font-weight:600;text-decoration:none;transition:transform .15s ease,background .15s ease}
:root:root body.diseno-codex .org-pie .org-columna:nth-child(3) li a{--p:#ddd4ee;--pb:#a898cb}
:root:root body.diseno-codex .org-pie .org-columna:nth-child(4) li a{--p:#fbd3e6;--pb:#e08cb9}
:root:root:root:root body.diseno-codex .org-pie li a[href$="/apoyo/"]{--p:#2a495a;--pb:#2a495a;color:#fff}
:root:root:root:root body.diseno-codex .org-pie li a[href$="/socio/"]{--p:#ffcc32;--pb:#8a6515}
:root:root body.diseno-codex .org-pie :is(.org-columna:nth-child(2),.org-columna:nth-child(3),.org-columna:nth-child(4)) li a:hover{filter:brightness(.95);transform:translateY(-2px);text-decoration:none}
:root:root:root:root body.diseno-codex .org-pie li a[href$="/apoyo/"]:hover{background:#1d3542;filter:none}
:root body.diseno-codex .org-pie .org-boletin{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,18rem) minmax(0,1fr);gap:8px 40px;align-items:start;padding:24px 28px;background:#faf7ef;border:1.5px solid #cdbf9f;border-radius:20px 14px 19px 13px}
:root body.diseno-codex .org-boletin h3{margin:0;font-size:1.05rem;letter-spacing:.06em}
:root body.diseno-codex .org-boletin .boletin-form>p:first-child{margin:0 0 14px;grid-column:1}
:root body.diseno-codex .org-boletin .form-boletin{display:grid;gap:10px;max-width:34rem}
:root body.diseno-codex .org-boletin .form-boletin label{display:block;font-size:.95rem;color:#353329}
:root body.diseno-codex .org-boletin .form-boletin label:has(input[type=checkbox]){display:flex;gap:10px;align-items:flex-start;font-size:.88rem;line-height:1.4}
:root body.diseno-codex .org-boletin input[type=checkbox]{flex:none;width:20px;height:20px;margin-top:1px;accent-color:#2a495a}
:root body.diseno-codex .org-boletin input[type=email]{width:100%;min-height:48px;padding:10px 14px;border:1.5px solid #7b7566;border-radius:14px 12px 13px 11px;background:#fffdf8;color:#27251f;font:inherit}
:root body.diseno-codex .org-boletin .form-boletin .boton{justify-self:start;cursor:pointer}
:root body.diseno-codex .org-boletin .form-boletin .boton:disabled{opacity:.6;cursor:wait}
:root body.diseno-codex .org-boletin .boletin-aviso{margin:0;min-height:1.3em;font-size:.92rem;font-weight:600;color:#2a495a}
:root body.diseno-codex .org-boletin .boletin-aviso[data-estado=error]{color:#a32d20}
:root body.diseno-codex .org-boletin .form-boletin>p:last-child{margin:0;font-size:.85rem;color:#5b564a}
@media(max-width:800px){:root body.diseno-codex .org-pie .org-boletin{display:block;padding:20px 18px}:root body.diseno-codex .org-boletin .boletin-form>p:first-child{margin:8px 0 14px}}
@media (prefers-reduced-motion:reduce){:root:root body.diseno-codex .org-pie li a{transition:none;transform:none!important}}

/* Compartir (31-10-2026): botones de color al final de columnas, artículos y páginas principales del .org; los colores del
   logo en tono claro, texto carbón, como los botones del pie. */
:root body .org-compartir{max-width:62rem;margin:2.4rem 0 .5rem;padding-top:1.1rem;border-top:1.5px dashed #cdbf9f}
:root body .org-compartir-rotulo{margin:0 0 .6rem;font-size:.95rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#2a495a}
:root body .org-compartir ul{display:flex;flex-wrap:wrap;gap:.55rem .6rem;list-style:none;margin:0;padding:0}
:root body .org-compartir li{margin:0}
:root:root body .org-compartir .org-comp{--p:#ffe08a;--pb:#d9a514;display:inline-flex;align-items:center;min-height:44px;padding:8px 18px;background:var(--p);border:1.5px solid var(--pb);border-radius:18px 14px 17px 13px;color:#27251f;font:600 1rem var(--tipo-lectura);text-decoration:none;cursor:pointer;transition:transform .15s ease,filter .15s ease}
:root:root body .org-compartir li:nth-child(2) .org-comp{--p:#ddd4ee;--pb:#a898cb}
:root:root body .org-compartir li:nth-child(3) .org-comp{--p:#fbd3e6;--pb:#e08cb9}
:root:root body .org-compartir li:nth-child(4) .org-comp{--p:#fcd4b0;--pb:#e49a52}
:root:root body .org-compartir li:nth-child(5) .org-comp{--p:#cfe0e6;--pb:#8fb0bd}
:root:root body .org-compartir li:nth-child(6) .org-comp{--p:#e2e0b4;--pb:#a29548}
:root:root body .org-compartir .org-comp-instagram{--p:#f7c6dd;--pb:#d9559a}
:root:root body .org-compartir .org-comp-copiar{--p:#fffdf8;--pb:#7b7566}
:root:root body .org-compartir .org-comp:hover{filter:brightness(.95);transform:translateY(-2px)}
@media (prefers-reduced-motion:reduce){:root:root body .org-compartir .org-comp{transition:none}:root:root body .org-compartir .org-comp:hover{transform:none}}

/* Carrusel de Instagram de una columna (31-10-2026): las láminas en miniatura, cada una enlazada a su imagen completa. */
:root body .org-carrusel{margin:2.2rem 0 1.4rem;padding:1.4rem 1.5rem;max-width:62rem;background:#f6efdf;border:1.5px dashed #cdbf9f;border-radius:18px 12px 17px 11px}
:root body .org-carrusel>h2{margin:0 0 .5rem;font-size:1.5rem}
:root body .org-carrusel p{margin:.4rem 0 .9rem}
:root body .org-carrusel p:has(.lamina){display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0}
:root body .org-carrusel a.lamina{display:block;width:104px;line-height:0;border:1.5px solid #2f2d27;border-radius:8px;overflow:hidden;background:#fff;transition:transform .15s ease}
:root body .org-carrusel a.lamina:hover{transform:translateY(-3px) rotate(-1.5deg)}
:root body .org-carrusel a.lamina img{width:100%;height:auto;display:block}
@media(max-width:560px){:root body .org-carrusel{padding:1.1rem 1rem}:root body .org-carrusel a.lamina{width:calc((100% - 1.8rem)/4)}}
@media (prefers-reduced-motion:reduce){:root body .org-carrusel a.lamina{transition:none}:root body .org-carrusel a.lamina:hover{transform:none}}

/* 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; }

/* /estatico/base.css */
/* Identidad de lápices · dirección entregada por JAM el 29-10-2026, marca/README.md.
   Petróleo y colores del logo según el manual de marca propuesto (versión 5, octubre de 2026).
   Los colores vivos son gráficos; texto y estados conservan contraste AA. */
:root {
  --color-fondo: #faf7ef;
  --textura-fondo: url('/estatico/org/lapices/papel.svg?v=a34575694a');
  --textura-tamano: 200px 200px;
  --color-superficie: #fffdf8;
  --color-franja: #f1ecdf;
  --color-texto: #27251f;
  --color-texto-secundario: #5b564a;
  --color-linea: #ddd4c2;
  --color-borde-control: #817765;
  --color-petroleo: #2a495a;
  --color-petroleo-hover: #1d3542;
  --color-enlace: var(--color-petroleo);
  --color-accion: #ffcc32;
  --color-accion-hover: #f0ba22;
  --color-foco: #142e46;
  --color-foco-halo: #ffffff;
  --color-peligro: #a32d20;
  --color-peligro-hover: #84221f;
  --color-peligro-fondo: #fbede9;
  --color-familias: #8e392e;
  --color-familias-fondo: #fcf1eb;
  --color-infancia: #2558a3;
  --color-infancia-fondo: #edf4f8;
  --color-area: var(--color-petroleo);
  --color-area-fondo: #e9eff1;
  --color-grafico-azul: var(--color-petroleo);
  --color-grafico-verde: #88883d;
  --color-grafico-amarillo: #ffcc32;
  --color-grafico-coral: #f45b19;
  --tipo-titulos: 'Patrick Hand', 'Source Sans 3', sans-serif;
  --tipo-lectura: 'Source Sans 3', 'Source Sans Pro', system-ui, sans-serif;
  --ancho-pagina: 1160px;
  --ancho-lectura: 44rem;
  --espacio-lateral: max(24px, calc((100% - var(--ancho-pagina)) / 2));
  --radio-control: 26px;
  --radio-superficie: 16px;
}