/* =============================================================================
 *  eda-csp.css  -  Clases que sustituyen a los atributos style="..." en linea
 * -----------------------------------------------------------------------------
 *  La Content-Security-Policy del sitio prohibe 'unsafe-inline' en style-src,
 *  asi que ningun atributo style="..." escrito en el HTML llega a aplicarse.
 *  Cada clase de este archivo reproduce EXACTAMENTE la declaracion que antes
 *  estaba en linea, para que el aspecto del sitio no cambie.
 *
 *  Nota: los estilos que dependen de un valor calculado en tiempo de ejecucion
 *  (anchos variables, colores por sociedad) NO se resuelven aqui. Se aplican
 *  desde JavaScript con element.style.*, que la CSP si permite porque no pasa
 *  por el analizador de HTML. Ver assets/js/eda-csp.js.
 *
 *  Se carga en todas las paginas desde inc/head.php, plan/inc/head.php y los
 *  <head> propios de index.php y login/login.php.
 * ============================================================================= */

/* --- Anchos de columna de tabla (porcentaje) ------------------------------- */
.eda-w-5    { width: 5%; }
.eda-w-8    { width: 8%; }
.eda-w-10   { width: 10%; }
.eda-w-12   { width: 12%; }
.eda-w-15   { width: 15%; }
.eda-w-20   { width: 20%; }
.eda-w-25   { width: 25%; }
.eda-w-100  { width: 100%; }
.eda-w-auto { width: auto; }

/* --- Alineacion ----------------------------------------------------------- */
.eda-text-center { text-align: center; }

/* --- Anchos absolutos ------------------------------------------------------ */
.eda-w-10px { width: 10px; }
.eda-w-12px { width: 12px; }

/* --- Combinaciones ancho + relleno usadas en las tablas de criterios ------- */
.eda-col-5-p38   { width: 5%;  padding: 3px 8px; }
.eda-col-8-p38   { width: 8%;  padding: 3px 8px; }
.eda-col-10-p38  { width: 10%; padding: 3px 8px; }
.eda-col-15-p28  { width: 15%; padding: 2px 8px; }
.eda-col-10-p68  { width: 10%; padding: 6px 8px; }
.eda-col-12-p68  { width: 12%; padding: 6px 8px; }

/* --- Tablas --------------------------------------------------------------- */
.eda-tabla-fija      { width: 100%; table-layout: fixed; margin-bottom: 0; }
.eda-tabla-colapsada { border-collapse: collapse; }

/* --- Tipografia ----------------------------------------------------------- */
.eda-fs-09   { font-size: 0.9rem; }
.eda-fs-1    { font-size: 1rem; }
.eda-fs-15   { font-size: 1.5rem; }
.eda-fs-4    { font-size: 4rem; }
.eda-titulo-seccion { color: #1a6d8f; font-size: 1.4rem; }

/* --- Colores de texto ------------------------------------------------------
 *  Se definen con el valor literal que tenian en linea. No se sustituyen por
 *  las utilidades de Bootstrap (text-danger, text-success) porque esas usan
 *  otros tonos y cambiarian el aspecto actual.
 * -------------------------------------------------------------------------- */
.eda-text-red    { color: red; }
.eda-text-green  { color: green; }
.eda-text-000    { color: #000; }
.eda-text-009    { color: #009; }
.eda-text-0d0    { color: #0d0; }
.eda-text-900    { color: #900; }
.eda-text-d00    { color: #d00; }
.eda-text-azul-oscuro { color: #1a2c3e; }

/* --- Fondos --------------------------------------------------------------- */
.eda-bg-negro    { background-color: #000; }
.eda-bg-azul     { background-color: #006491; }
.eda-bg-rojo     { background-color: #DA291C; }

/* --- Visibilidad ---------------------------------------------------------- */
.eda-oculto      { display: none; }
.eda-invisible   { visibility: hidden; }

/* --- Caja / posicionamiento ----------------------------------------------- */
.eda-sin-padding-izq { padding-left: 0px; }
.eda-mt-10           { margin-top: 10px; }
.eda-no-encoger      { flex-shrink: 0; }
.eda-z-modal         { z-index: 1055; }
.eda-max-w-450       { max-width: 450px; }
.eda-max-h-85vh      { max-height: 85vh; }
.eda-min-w-140       { min-width: 140px; }

/* --- Miniaturas de imagenes adjuntas -------------------------------------- */
.eda-miniatura   { max-width: 100px; cursor: pointer; }

/* --- Logotipo de la cabecera ---------------------------------------------- */
.eda-logo        { height: 40px; }

/* =============================================================================
 *  Bloques <style> extraidos de includes compartidos
 * ============================================================================= */

/* --- Navegacion: venia en linea dentro de inc/header.php y plan/inc/header.php */
.nav-link {
    text-decoration: none;
    color: #000;
    padding: 10px;
}

.nav-link.active {
    box-shadow: inset 0 0 0 5rem rgba(0, 0, 0, .2);
    color: #fff;
}
