/*!
 * CSS COOL BLUE & ORANGE - v. 6.0 (Versión: Roboto & Soft Links)
 * Tipografía: Roboto (Moderna)
 * Enlaces: Sin subrayado, fondo al hover y bordes redondeados.
*/

/* --- 1. IMPORTAR FUENTE ROBOTO --- */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap');

/* --- 2. CONFIGURACIÓN GENERAL --- */
html { position: relative; min-height: 100%; }

body {
    margin: 0 0 80px;
    /* CAMBIO DE FUENTE: Usamos Roboto como principal */
    font-family: 'Roboto', 'Segoe UI', Helvetica, Arial, sans-serif;
    line-height: 1.7;
    color: rgb(33, 33, 33);
    
    /* Fondo Claro "Amanecer" (Mismo de la versión anterior) */
    background-color: rgb(240, 248, 255);
    background: linear-gradient(135deg, rgb(225, 245, 254) 0%, rgb(255, 235, 225) 100%);
    background-attachment: fixed; 
    background-repeat: no-repeat;
}

/* --- 3. ESTILO DE ENLACES (Links) - ¡NUEVO! --- */
a {
    color: rgb(1, 87, 155); /* Azul oscuro base */
    font-weight: 600;
    
    /* CAMBIO: Quitar subrayado y preparar para hover */
    text-decoration: none !important; 
    border-radius: 6px; /* Esquinas redondeadas solicitadas */
    padding: 2px 6px; /* Espacio interno para que el fondo no pegue con el texto */
    transition: all 0.3s ease; /* Suavizar la animación */
}

a:hover {
    /* CAMBIO: Fondo que combina (Azul Cian suave) al pasar el mouse */
    background-color: rgba(3, 169, 244, 0.15); 
    color: rgb(255, 87, 34); /* El texto cambia a naranja para contraste */
    text-decoration: none !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05); /* Sombra muy sutil */
}

/* --- 4. BARRA DE NAVEGACIÓN (NAVBAR) --- */
.navbar-default {
    margin: 20px;
    border-radius: 15px;
    border: 3px solid rgb(1, 87, 155); 
    
    /* Fondo azul intenso */
    background: linear-gradient(to right, rgb(1, 40, 70), rgb(2, 62, 95));
    box-shadow: 0 8px 20px rgba(1, 87, 155, 0.3);
}

.navbar-default .navbar-brand {
    color: rgb(255, 255, 255);
    font-weight: 700;
    letter-spacing: 1px;
    text-shadow: 2px 2px 0px rgb(255, 87, 34);
}

/* Enlaces del Menú Principal */
.navbar-default .navbar-nav > li > a {
    color: rgb(225, 245, 254);
    font-weight: 500; /* Roboto es más legible, bajamos un poco el peso */
    margin: 5px;
    border-radius: 8px; /* Más redondeado en el menú */
}

/* Hover específico del Menú (Estilo Botón Sólido) */
.navbar-default .navbar-nav > li > a:hover, 
.navbar-default .navbar-nav > .active > a {
    background-color: rgb(255, 87, 34) !important; /* Fondo Naranja sólido */
    color: rgb(255, 255, 255) !important;
    box-shadow: 0 4px 8px rgba(255, 87, 34, 0.4);
    transform: translateY(-2px);
}

.navbar-default .navbar-nav > li > .dropdown-menu {
    border: 3px solid rgb(255, 87, 34);
    border-radius: 10px;
    padding: 10px 0;
}

/* Ajuste para enlaces DENTRO del dropdown del menú */
.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
    display: block;
    margin: 2px 5px;
    border-radius: 5px;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover {
    background-color: rgba(3, 169, 244, 0.15);
    color: rgb(255, 87, 34);
}

/* --- 5. PANELES Y CONTENEDORES --- */
.panel, .widget, .well, .zone {
    background: rgb(255, 255, 255);
    
    /* Borde grueso azul cielo */
    border: 3px solid rgb(41, 182, 246); 
    border-radius: 12px;
    
    /* Sombra naranja suave */
    box-shadow: 6px 6px 0px rgb(255, 204, 188); 
    
    margin-bottom: 30px;
    transition: all 0.3s;
}

.panel:hover, .widget:hover {
    border-color: rgb(1, 87, 155);
    box-shadow: 8px 8px 0px rgb(255, 112, 67);
    transform: translate(-2px, -2px);
}

.panel-default > .panel-heading {
    background-color: rgb(225, 245, 254);
    color: rgb(1, 87, 155);
    font-weight: 700; /* Roboto Bold */
    border-bottom: 3px solid rgb(41, 182, 246);
    border-radius: 9px 9px 0 0;
    padding: 15px;
}

/* --- 6. ICONOS Y TABLAS --- */
img { border-radius: 6px; }

.actions img, .toolbar img, .action_bar img, td img.icon {
    border: 2px solid rgb(3, 169, 244);
    padding: 4px;
    background: rgb(255, 255, 255);
    box-shadow: 2px 2px 4px rgba(0,0,0,0.1);
    transition: transform 0.2s;
}

.actions img:hover, .toolbar img:hover {
    border-color: rgb(255, 87, 34);
    transform: scale(1.15);
    cursor: pointer;
}

/* Títulos */
h1, h2, h3, h4 {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    color: rgb(1, 60, 100);
}

/* --- 7. PIE DE PÁGINA --- */
footer.bgfooter {
    background: rgb(1, 40, 70);
    border-top: 4px solid rgb(255, 87, 34);
    color: rgb(179, 229, 252);
    padding: 25px 0;
    position: absolute;
    bottom: 0;
    width: 100%;
}

footer.bgfooter a { 
    color: rgb(255, 255, 255); 
    /* El footer hereda el estilo general de enlaces (sin subrayado, fondo al hover) */
}