/*
 * Perfil de colores y estilos tomado de https://www.utu.edu.uy/
 * (tema "balpadraUTU": styles.min.css + test/css/styles.css, relevado el 01/10/2026).
 *
 * Los nombres entre paréntesis son las variables/clases originales del sitio.
 * El naranja y el cian claro NO alcanzan contraste para texto sobre blanco:
 * se usan solo como acento (bordes, íconos, puntos), nunca para leer.
 */

:root {
    /* ── Marca ─────────────────────────────────────────── */
    --utu-azul: #233368;          /* (--azul-one) azul institucional: texto fuerte, burbujas del usuario */
    --utu-cian: #00AEEF;          /* (--cyan-anep) cian ANEP: acentos */
    --utu-cian-medio: #009BDB;    /* (bg-anep_cyan_three) fondo del encabezado del sitio */
    --utu-cian-oscuro: #0088CC;   /* (bg-anep_cyan_two) menú móvil; botones e íconos sobre blanco */
    --utu-naranja: #F09819;       /* (text-[#f09819]) destacados del sitio: solo acento */
    --utu-dorado: #D1BE7E;        /* (--gold-one) detalle secundario */
    --utu-crema: #F7E6CB;         /* (--crema-one) fondos suaves cálidos */

    /* ── Escuela Técnica Trinidad (muestreado de img1.png) ── */
    --etr-azul: #01245B;          /* fondo del cartel = fondo del sitio */
    --etr-amarillo: #F9CB46;      /* "Tu futuro empieza acá": acento sobre el azul (9.7:1) */

    /* ── Neutros ───────────────────────────────────────── */
    --utu-negro: #231F20;         /* (bg-anep_black) pie de página */
    --utu-texto: #323031;         /* (--black-one) texto de lectura */
    --utu-texto-suave: #5F5B5C;   /* derivado de --black-one para texto secundario (AA sobre blanco) */
    --utu-gris-fondo: #F2F2F2;    /* (--gray-one) fondo general */
    --utu-gris-linea: #BDBDBD;    /* (--gray-two) bordes y divisores */
    --utu-blanco: #FFFFFF;

    /* ── Degradados ────────────────────────────────────── */
    --utu-degradado: linear-gradient(135deg, var(--utu-cian) 0%, #0891B2 100%);            /* (bg-gradient-anep) */
    --utu-degradado-encabezado: linear-gradient(90deg, var(--utu-azul) 0%, var(--utu-cian-oscuro) 100%);

    /* ── Tipografía ────────────────────────────────────── */
    --utu-fuente: 'Montserrat', system-ui, sans-serif;

    /* ── Forma ─────────────────────────────────────────── */
    --utu-radio-chico: 4px;       /* el sitio usa 4px / .25rem en controles */
    --utu-radio: 8px;             /* y .5rem en tarjetas */
    --utu-sombra: 0 2px 12px rgba(35, 51, 104, 0.10);
    --utu-transicion: all 0.2s ease;
}