@charset "UTF-8";
/* =====================================================================
   UMMO-Ciencias · hoja de estilos 2026 (variante A «Continuidad»)
   Sustituye a estilos.css. Ancho fluido, apto para móvil.
   Las reglas de la sección LEGADO dan estilo al contenido antiguo de
   las cartas (#contenido-carta, h0, h4…, #recuadro…, #ibozoo-…).
   ===================================================================== */

/* ---------- Fuentes (autoalojadas: sin peticiones a Google) ---------- */
@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:400;font-display:swap;src:url("objetos/fuentes/source-sans-3-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Source Sans 3";font-style:italic;font-weight:400;font-display:swap;src:url("objetos/fuentes/source-sans-3-latin-400-italic.woff2") format("woff2")}
@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:600;font-display:swap;src:url("objetos/fuentes/source-sans-3-latin-600-normal.woff2") format("woff2")}
@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:700;font-display:swap;src:url("objetos/fuentes/source-sans-3-latin-700-normal.woff2") format("woff2")}
@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:400;font-display:swap;src:url("objetos/fuentes/source-serif-4-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Source Serif 4";font-style:italic;font-weight:400;font-display:swap;src:url("objetos/fuentes/source-serif-4-latin-400-italic.woff2") format("woff2")}
@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:600;font-display:swap;src:url("objetos/fuentes/source-serif-4-latin-600-normal.woff2") format("woff2")}
@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:700;font-display:swap;src:url("objetos/fuentes/source-serif-4-latin-700-normal.woff2") format("woff2")}

/* ---------- Colores y medidas ---------- */
:root{
  --pizarra:#708090;      /* fondo de siempre */
  --beige:#FFEFDB;        /* cabecera */
  --violeta:#5B4BC4;      /* barra de navegación */
  --oro:#FFD700;          /* acento y menú lateral */
  --oro-claro:#FFF8D6;
  --azul-marino:#000080;  /* títulos */
  --tinta:#1E2230;        /* texto */
  --papel:#F7F5F0;        /* contenido general */
  --papel-carta:#FCFCF2;  /* contenido de cartas */
  --cab-carta:#EEEED1;    /* título de carta */
  --agradec:#EEEED8;
  --gris-pie:#D9D9D9;
  --enlace:#2B3FB0;
  --enlace-hover:#1B6B3A;
  --rosa:#A0135F;         /* cartas importantes (texto) */
  --rosa-fondo:#FFF8FC;
  --borde:#1E2230;
  --borde-suave:#C9C2B2;
  --radio:6px;
  --ancho:1180px;
  --sans:"Source Sans 3",Arial,Helvetica,sans-serif;
  --serif:"Source Serif 4",Georgia,"Times New Roman",serif;
}

/* ---------- Base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--pizarra);color:var(--tinta);font-family:var(--sans);font-size:17px;line-height:1.55}
img{max-width:100%;height:auto;border:0}
a{color:var(--enlace)}
a:hover{color:var(--enlace-hover)}
.oculto{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.uc-page{max-width:var(--ancho);margin:0 auto;padding:20px 12px 36px;display:flex;flex-direction:column;gap:14px}
.uc-caja{background:var(--papel);border:1px solid var(--borde);border-radius:var(--radio)}

/* ---------- Cabecera ---------- */
.uc-header{background:var(--beige);border:1px solid var(--borde);border-radius:var(--radio);overflow:hidden}
.uc-header__fila{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;padding:12px 18px}
.uc-logo{display:flex;flex:0 0 auto}
.uc-logo img{width:164px;height:auto;display:block}
.uc-titulo{flex:1 1 280px;display:flex;align-items:center;gap:14px;min-width:0}
.uc-titulo img{width:44px;height:auto;flex:0 0 auto}
.uc-titulo__nombre{margin:0;font-size:26px;font-weight:700;line-height:1.15;color:var(--azul-marino)}
.uc-titulo__lema{margin:0;font-size:16px;font-weight:600;color:var(--azul-marino)}
.uc-herramientas{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.uc-buscar{display:flex;gap:6px}
.uc-buscar input{width:190px;height:40px;padding:0 12px;border:1px solid #8C8270;border-radius:4px;font:inherit;font-size:15px;background:#fff}
.uc-buscar button{height:40px;padding:0 14px;border:0;border-radius:4px;background:var(--violeta);color:#fff;font:inherit;font-weight:600;cursor:pointer}
.uc-idioma{display:flex;gap:4px}
.uc-idioma a{display:flex;align-items:center;gap:6px;height:40px;padding:0 10px;border:2px solid transparent;border-radius:4px;color:var(--tinta);text-decoration:none;font-weight:600;font-size:14px}
.uc-idioma a[aria-current]{border-color:var(--violeta);background:#fff;font-weight:700}
.uc-idioma img{width:22px;height:14px}

.uc-nav{background:var(--violeta);display:flex;flex-wrap:wrap;border-top:1px solid var(--borde)}
.uc-nav a{flex:1 1 150px;text-align:center;padding:12px 8px;color:#fff;font-weight:700;text-decoration:none;border-bottom:3px solid transparent}
.uc-nav a:hover{background:rgba(0,0,0,.12);color:#fff}
.uc-nav a[aria-current]{background:rgba(0,0,0,.18);border-bottom-color:var(--oro)}

/* ---------- Disposición con menú lateral ---------- */
.uc-cuerpo{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-start}
.uc-lateral{flex:1 1 200px;max-width:100%;background:var(--oro-claro);border:1px solid var(--borde);border-top:6px solid var(--oro);border-radius:var(--radio);padding:14px 16px;display:flex;flex-direction:column;gap:12px}
.uc-lateral nav{display:flex;flex-direction:column;gap:2px}
.uc-lateral a{padding:7px 6px;font-size:17px;text-decoration:none}
.uc-lateral a[aria-current]{font-weight:700;color:var(--tinta)}
.uc-lateral h2{margin:0 0 4px;font-size:15px;color:var(--azul-marino);text-transform:uppercase;letter-spacing:.05em}
.uc-lateral ul{list-style:none;margin:0;padding:0}
.uc-lateral li li a{padding-left:16px;font-size:15px}
.uc-lateral img{align-self:center}
.uc-principal{flex:999 1 560px;min-width:0;padding:26px clamp(16px,4vw,44px);display:flex;flex-direction:column;gap:14px}
.uc-principal h1{margin:0;font-size:30px;line-height:1.2;color:var(--azul-marino)}
.uc-principal p{margin:0}
.uc-accesos{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:6px}
.uc-accesos a{display:flex;flex-direction:column;gap:6px;padding:16px 18px;background:#fff;border:1px solid var(--borde-suave);border-radius:var(--radio);text-decoration:none;color:var(--tinta)}
.uc-accesos strong{font-size:19px;color:var(--azul-marino)}
.uc-accesos span{font-size:15px;line-height:1.45}
.uc-accesos a:hover{border-color:var(--violeta)}

.uc-agradec{background:var(--agradec);border:1px solid var(--borde);border-radius:var(--radio);padding:22px clamp(16px,4vw,44px);display:flex;flex-direction:column;gap:12px}
.uc-agradec h2{margin:0;font-size:20px;color:var(--azul-marino);letter-spacing:.06em;text-transform:uppercase}
.uc-agradec p{margin:0;font-size:16px}

/* ---------- Tabla de cartas ---------- */
.uc-epocas{display:flex;flex-wrap:wrap;gap:8px}
.uc-epocas a{padding:9px 14px;border-radius:999px;background:#fff;border:1px solid var(--violeta);color:#3A2E99;font-weight:600;text-decoration:none;font-size:15px}
.uc-epocas a:hover{background:var(--violeta);color:#fff}
.uc-filtro{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.uc-filtro input{flex:1 1 260px;max-width:420px;height:42px;padding:0 12px;border:1px solid #8C8270;border-radius:4px;font:inherit;font-size:15px;background:#fff}
.uc-seccion-tabla h2,.uc-principal h2{margin:12px 0 0;font-size:21px;color:var(--azul-marino);text-align:left}
.uc-tabla{overflow-x:auto;border:1px solid var(--borde-suave);border-radius:var(--radio);background:#fff;-webkit-overflow-scrolling:touch}
.uc-tabla table{width:100%;min-width:760px;border-collapse:collapse;margin:0;padding:0;background:#fff;border:0;font-size:15px;text-align:left}
.uc-tabla th,.uc-tabla td{font-family:var(--sans);font-size:15px;font-weight:400;vertical-align:top;padding:9px 12px;border:0;border-top:1px solid #E2DDD0;background:transparent !important;width:auto !important;white-space:normal;overflow:visible}
.uc-tabla tr:first-child th{background:#E6E1F7 !important;border-top:0;font-weight:700}
.uc-tabla tr:first-child h2{font-size:14px;margin:0;padding:0;text-align:left;color:var(--tinta)}
.uc-tabla tr:first-child blockquote{margin:0}
.uc-tabla th[scope=row]{font-weight:700;white-space:nowrap}
.uc-tabla th h3,.uc-tabla th div{margin:0;padding:0;font-size:16px;text-align:left}
.uc-tabla td div{text-align:left !important}
.uc-tabla td h4{margin:0;padding:0;font-size:15px;color:var(--rosa);font-weight:600}
.uc-tabla tr:has(h4){background:var(--rosa-fondo)}
.uc-tabla td img{margin:2px 3px 2px 0 !important;vertical-align:middle;max-width:none}
.uc-tabla a{text-decoration:none;font-weight:700}
.uc-tabla tr.uc-oculta{display:none}

/* ---------- Tablas de Otros textos / Análisis-trabajos ---------- */
.uc-tabla td h5{margin:0;font-size:14px;font-weight:600}
.uc-tabla th h3,.uc-tabla td p{margin:0 0 4px}
.uc-principal hr{border:0;border-top:1px solid var(--borde-suave);margin:18px 0}
.uc-tabla a.uc-es{display:inline-block;margin:2px 0 2px 3px;padding:0 4px;border:1px solid #8C8270;border-radius:3px;font-size:11px;line-height:14px;font-weight:700;color:#7A1F1F;background:#FFF6D6;vertical-align:middle}
.uc-contacto{font-size:24px;margin:18px 0}

/* ---------- Página de carta ---------- */
#cabecera-carta{background:var(--cab-carta);border:1px solid var(--borde);border-radius:var(--radio);padding:14px 20px;margin:0;width:auto;float:none}
#cabecera-carta h1{margin:0;font-family:var(--serif);font-size:clamp(20px,2.6vw,26px);line-height:1.3;color:#1C1C1C;text-align:left;text-decoration:none}
#cabecera-carta h1+h1{font-family:var(--sans);font-size:16px;font-weight:400;color:#3A3A3A;margin-top:2px}
.uc-versiones{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.uc-versiones a{display:flex;align-items:center;gap:6px;height:40px;padding:0 12px;border:1px solid #8C8270;border-radius:4px;background:#fff;color:var(--tinta);text-decoration:none;font-size:14px;font-weight:600}
.uc-versiones img{width:22px;height:14px}
.uc-serie{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}
.uc-serie a{padding:10px 14px;background:var(--papel);border:1px solid var(--borde);border-radius:var(--radio);color:var(--tinta);text-decoration:none;font-weight:600}
.uc-serie a:hover{border-color:var(--violeta);color:var(--violeta)}

#contenido-carta{background:var(--papel-carta);border:1px solid var(--borde);border-radius:var(--radio);padding:28px clamp(14px,3vw,36px);width:auto;float:none;margin:0;text-align:left;font-family:var(--serif);font-size:18px;line-height:1.6;overflow-wrap:break-word}
#contenido-carta>*{max-width:none}
#contenido-carta p.MsoNormal{font-size:inherit;font-family:var(--serif)}
#contenido-carta p{margin-top:0;margin-bottom:0;padding:0;font-family:var(--serif);text-align:left}
/* El texto antiguo fija Verdana/Arial/Times a 10–12 pt en línea: se adopta la letra nueva */
#contenido-carta span[style*="Verdana"],#contenido-carta span[style*="Arial"],#contenido-carta span[style*="Times"],#contenido-carta p[style*="Verdana"],#contenido-carta font[face]{font-family:inherit !important}
#contenido-carta span[style*="10.0pt"],#contenido-carta span[style*="10pt"],#contenido-carta span[style*="12.0pt"],#contenido-carta span[style*="12pt"],#contenido-carta span[style*="11.0pt"],#contenido-carta span[style*="11pt"]{font-size:inherit !important}
#contenido-carta img{max-width:100%;height:auto}
#contenido-carta table{width:auto;max-width:100%;margin:12px auto;background:#fff;border:1px solid var(--borde-suave);border-collapse:collapse;display:block;overflow-x:auto}
#contenido-carta th,#contenido-carta td{font-family:var(--sans);font-size:15px;font-weight:400;border:1px solid var(--borde-suave);padding:6px 8px;vertical-align:top}
#contenido-carta a:link{color:var(--enlace);text-decoration:none;font-weight:600}
#contenido-carta a:visited{color:#7A2A2A}
#contenido-carta a:hover{color:var(--enlace-hover);text-decoration:underline}

/* ---------- Pie ---------- */
.uc-pie{background:var(--gris-pie);border:1px solid var(--borde);border-radius:var(--radio);padding:14px 20px;display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;font-size:15px}
.uc-pie__logo{width:123px;height:auto}
.uc-pie__fotos{flex:1 1 300px;min-width:0;max-width:499px}
.uc-pie__enlaces{display:flex;flex-direction:column;gap:4px}
.uc-pie__enlaces a{text-decoration:none}
.uc-pie__x{color:var(--tinta);font-weight:700}

/* =====================================================================
   LEGADO: elementos que usan los textos antiguos
   ===================================================================== */
h0{display:block;font-size:20px;color:var(--azul-marino);font-weight:700;text-align:center}
h6{display:block;font-size:15px;font-family:var(--sans);color:#0D599C;font-weight:700;text-align:left;margin:0 15px 0 10px}
h7{display:inline;font-size:15px;font-family:var(--sans);color:#0D599C;font-style:oblique}
h8{display:inline;font-size:15px;font-family:var(--sans);color:#4D7A1F;font-style:oblique}
h9{display:inline;font-size:15px;font-family:var(--sans);color:#000;font-weight:700;font-style:oblique}
h10{display:inline;font-size:15px;font-family:var(--sans);color:#000}
#contenido-carta h1,#contenido h1{font-size:22px;color:var(--azul-marino);text-align:center}
#contenido-carta h2{font-size:19px;color:var(--azul-marino);text-align:center;padding:3px}
#contenido-carta h3{font-size:18px;color:var(--azul-marino);text-align:left}
#contenido-carta h4{color:#B0307F;text-align:justify;padding:8px 0;font-size:.85em;font-weight:400}
#contenido-carta h5{color:#C0006A;text-align:justify;padding:8px 0;font-size:.85em;font-weight:400}
.centrado{text-align:left;font-family:var(--sans);font-weight:700;color:#C00}
.left{text-align:left}
.fltrt{float:right}
#cabecera-historia{background:#DCDCDC;border:1px solid var(--borde);border-radius:var(--radio);max-width:700px;margin:20px auto 6px;padding:6px 10px}
#cabecera-historia h2{font-size:15px;color:var(--azul-marino);font-weight:400;text-align:justify;margin:3px 6px}
#cabecera-tabla{background:#DCDCDC;border:1px solid var(--borde);margin:10px auto 0;padding:2px;max-width:900px}
#recuadroscontenidoleft,#recuadroscontenidoleft-1,#recuadroscontenidoright,#recuadroscontenidoright2{background:#FFFAF0;border:1px solid var(--borde);border-radius:4px;padding:6px 10px;margin:8px 0;float:none;width:auto;max-width:100%}
#ibozoo-1,#ibozoo-numeros,#ibozoo-azulon,#ibozoo-verdoso,#ibozoo-verdeazul,#recuadro-negro{background:#FFFFF0;padding:8px 15px;margin:8px auto;float:none;width:auto;max-width:100%;border-radius:4px}
#ibozoo-1{border:2px solid #D02090}
#ibozoo-numeros,#ibozoo-verdoso{border:2px solid #76EE00}
#ibozoo-azulon{border:2px solid #00BFFF}
#ibozoo-verdeazul{border:2px solid #2E8B57}
#recuadro-negro{border:1px solid #000}
#separador,#finalizador{display:none}

/* ---------- Pantallas pequeñas ---------- */
@media (max-width:700px){
  body{font-size:16px}
  .uc-page{padding:8px 6px 24px;gap:10px}
  .uc-header__fila{padding:10px 12px}
  .uc-logo img{width:123px}
  .uc-titulo__nombre{font-size:21px}
  .uc-titulo__lema{font-size:14px}
  .uc-buscar input{flex:1;width:auto;min-width:0}
  .uc-nav a{flex:1 1 33%;padding:10px 4px;font-size:15px}
  .uc-lateral{flex-basis:100%;order:2;padding:10px 14px}
  .uc-lateral nav{flex-direction:row;flex-wrap:wrap;gap:0 14px}
  .uc-lateral img{display:none}
  .uc-titulo img{display:none}
  .uc-titulo{flex-basis:100%}
  .uc-logo{display:none}
  .uc-herramientas{flex-basis:100%;flex-wrap:nowrap}
  .uc-buscar{flex:1 1 auto;min-width:0}
  .uc-buscar button{padding:0 10px}
  .uc-idioma a{padding:0 6px}
  .uc-principal h1{font-size:25px}
  #contenido-carta{font-size:17px;padding:20px 14px}
  #contenido-carta [style*="margin-left"],#contenido-carta [style*="margin-right"]{margin-left:0 !important;margin-right:0 !important}
  #contenido-carta [style*="text-indent"]{text-indent:0 !important}
}
@media print{
  body{background:#fff}
  .uc-header,.uc-pie,.uc-lateral,.uc-serie,.uc-versiones{display:none}
  #contenido-carta,.uc-caja{border:0}
}

/* Marcado irregular dentro de la tabla de cartas */
.uc-tabla h1,.uc-tabla h3{display:inline;margin:0;padding:0;font-size:inherit;text-decoration:none}
.uc-tabla blockquote{margin:0}
.uc-tabla blockquote p{margin:0}
.uc-tabla tr>td:nth-of-type(2){white-space:nowrap}

/* Anchos fijos heredados dentro de las cartas: nunca más anchos que la pantalla */
#contenido-carta div,#contenido-carta p,#contenido-carta span,#contenido-carta [style*="width"]{max-width:100% !important}
#contenido-carta img{max-width:100% !important;height:auto !important}
#contenido-carta pre{white-space:pre-wrap}
#contenido-carta{overflow-x:auto}

/* ---------- Buscador (Pagefind) ---------- */
#buscador{--pagefind-ui-scale:.95;--pagefind-ui-primary:var(--violeta);--pagefind-ui-text:var(--tinta);--pagefind-ui-background:#fff;--pagefind-ui-border:#8C8270;--pagefind-ui-tag:#EEEAF9;--pagefind-ui-border-width:1px;--pagefind-ui-border-radius:6px;--pagefind-ui-font:var(--sans)}
#buscador mark{background:#FFE98A;color:inherit}

/* Tablas de tweets (W1-W7): tamaños de letra legibles en lugar de 7-9pt */
.uc-tweets #contenido-carta [style*="9.0pt"],.uc-tweets #contenido-carta [style*="9pt"]{font-size:15px !important;line-height:1.45}
.uc-tweets #contenido-carta [style*="8.0pt"],.uc-tweets #contenido-carta [style*="8pt"],.uc-tweets #contenido-carta [style*="8.5pt"]{font-size:13.5px !important;line-height:1.4}
.uc-tweets #contenido-carta [style*="7.0pt"],.uc-tweets #contenido-carta [style*="7.5pt"],.uc-tweets #contenido-carta [style*="6.0pt"]{font-size:12.5px !important}

/* Páginas generales (¿Qué es UMMO?, ¿Por qué este sitio?): citas en recuadro como en las cartas */
.uc-general h4{color:#B0307F;font-size:.85em;font-weight:400;text-align:justify;margin:0;padding:6px 0}
.uc-general h5{color:#C0006A;font-size:.85em;font-weight:400;text-align:justify;margin:0;padding:6px 0}
.uc-general img{max-width:100%;height:auto}
.uc-general ul,.uc-general ol{margin:0;padding-left:1.4em;display:flex;flex-direction:column;gap:8px}
/* Móvil: el buscador encoge para que los botones ES/EN quepan enteros en la cabecera */
@media (max-width:700px){
  .uc-buscar input{flex:1 1 0;width:0}
  .uc-idioma{flex:none}
}