/* Contraste mínimo WCAG 2.2 AA (4,5:1) en toda la web — issue #11, 05/10/2026.
   Los colores "rotulador" del brandbook (#0177E3 azul, #C426D9 morado) son para formas y rellenos grandes;
   cuando hay texto encima o al lado, se usan sus versiones legibles del design system de Nubo:
   azul-600 #0061BC (blanco encima: 6,1:1) · azul-texto #0072DB · morado-600 #9C08AE · tinta-tenue #666167.
   Va la última en cada página para ganar a los estilos anteriores. */

/* Rellenos azules con texto blanco encima */
#selection-pill,
#use-adaptar .use-ui footer span,
.profile-timeline strong,
section.classroom-offer,
.launch-hero .actions a.button.outline,
#evidencia.e-dark{background-color:#0061BC}
.price-card.school{--plan:#0061BC;--shade:#004990}
.launch-hero .actions a.button.outline{border-color:#0061BC}

/* Texto clarito sobre azul o morado: blanco */
section.classroom-offer p,
section.classroom-offer .classroom-kicker,
#evidencia p,
#evidencia .case-stat span,
#probar.use-stage .use-copy p,
#probar.use-stage .use-copy li,
.book-feature p,
.daily-card.active .daily-number,
.daily-card.active small,
.daily-card.active em{color:#fff}

/* Texto de color sobre fondo claro */
.mini-label.blue,
.mini-label.blue a{color:#0072DB}
.choice.active{color:#9C08AE;border-color:#9C08AE}
.daily-card .daily-number{color:#666167}
.workflow-section .step-number{color:#9C08AE}
body .workflow-section .workflow-row:nth-of-type(2) .step-number{color:#0061BC}
.enterprise .book-feature p{color:#fff}

/* Texto solo para lectores de pantalla (ordena los títulos sin cambiar lo que se ve) */
.solo-lectores{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Enlaces legales del pie (aviso legal y términos) */
.footer-bottom{flex-wrap:wrap;gap:8px 24px}
.footer-legal a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.footer-legal a:hover{color:#fff}

/* Colores de texto que se eligen en el editor (/editar). Solo los del brandbook que pasan AA sobre fondo claro;
   el blanco, solo para fondos de color. */
body .t-tinta{color:#1C141D!important}
body .t-morado{color:#C600DD!important}
body .t-azul{color:#0072DB!important}
body .t-verde{color:#01CD9D!important}
body .t-magenta{color:#E10073!important}
body .t-amarillo{color:#FFA92C!important}
body .t-blanco{color:#FFFFFF!important}