/* ═══════════════════════════════════════════════════════════════
   RUMBO · TODO BLANCO (06/10/2026)

   Ricardo: "los colores no me convencen, más bien cómo los usas".
   Comparó las dos versiones lado a lado y eligió esta, con una
   condición: "solo la última en azul". Todas las secciones pasan a
   fondo blanco (en el HTML llevan .claro) MENOS el cierre,
   separadas por una línea fina. El azul queda para las letras, el
   cierre, la barra de arriba y el pie; el turquesa para botones; el
   dorado deja de ser un bloque y pasa a subrayado de marcatexto.
   Va después de soluciones.css. Para revertir: quitar este <link> y
   la clase .claro que se añadió a las secciones.
   ═══════════════════════════════════════════════════════════════ */
:root{--linea:rgba(14,38,63,.09)}

/* todo blanco, también la mint que seguía al hero y la de .papel2 */
main section.claro,main section.claro.papel2,main section.claro.tinta2,
main section.hero + section.claro{--fondo:#FFFFFF;background:#FFFFFF}
main > section + section{border-top:1px solid var(--linea)}

/* ── la barra de arriba se queda AZUL MARINO (Ricardo, 06/10/2026): la de
   tema-claro.css, sin tocar. El menú del celular también. ── */

/* ── letras de párrafo un poco más oscuras: en todo blanco el gris
   #41505F (y el tenue #68788A) se perdían, dijo Ricardo. Este da 11 a 1
   sobre blanco, y el tenue más de 6 a 1 ── */
:root{--t-cuerpo:#2C3947;--t-tenue:#526275}

/* ── cabecera de las páginas interiores, en blanco ── */
.cabecera{background:#FFFFFF;border-bottom:1px solid var(--linea)}
.cabecera h1{color:var(--t-azul)}
.cabecera .parrafo{color:var(--t-cuerpo)}
.cabecera .acento{color:var(--t-turquesa-txt)}
.cabecera .migas{color:var(--t-tenue)}
.cabecera .migas a{color:var(--t-turquesa-txt)}
.saltos a{color:var(--t-azul);border-color:rgba(14,38,63,.18)}
.saltos a span{color:var(--t-turquesa-txt)}
.saltos a:hover{color:var(--t-turquesa-txt);border-color:var(--t-turquesa-txt);background:rgba(20,184,177,.07)}

/* ── el dorado: de bloque a subrayado de marcatexto ── */
.resalte{background:linear-gradient(transparent 58%,rgba(255,195,0,.62) 58%,rgba(255,195,0,.62) 92%,transparent 92%);
  color:inherit;padding:0 .04em;border-radius:0}

/* ── el cierre se queda AZUL (Ricardo: "solo la última en azul"), junto
   con el pie. Ahí el dorado sí puede ser letra (9.5 sobre el azul), así
   que el resalte pasa a letra dorada en vez de subrayado ── */
main section:not(.claro) .resalte{background:none;color:var(--t-dorado);padding:0}

/* ── piezas que traían sombra pensada para fondo azul ── */
.ventana{box-shadow:var(--sombra-tarjeta);border:1px solid var(--linea)}
.llamada{box-shadow:0 22px 50px rgba(14,38,63,.2)}