/* =========================================================
   ESTILO DEFINITIVO: NEXO TECNOLÓGICO (CONTRASTE ALTO)
   ========================================================= */
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700;900&family=Roboto:wght@300;400;700&display=swap');
/* --- 1. ENCABEZADO Y LOGO --- */
.pkp_structure_head {
    /* Fondo oscuro semi-transparente para que se vea la imagen de fondo detrás */
    background-color: rgba(14, 27, 42, 0.85) !important; 
    border-bottom: 2px solid #00b4d8;      
}

/* Control estricto del tamaño del LOGO */
.pkp_site_name .is_img img {
    max-height: 75px !important;  
    width: auto;       
    margin-top: 10px;
    margin-bottom: 5px;
}

/* --- 2. SOLUCIÓN A LOS BOTONES (NO MÁS TRANSPARENCIA TOTAL) --- */

.pkp_navigation_primary > li > a {
    /* AQUI ESTA EL CAMBIO: Fondo negro sólido al 80% para leer el texto */
    background-color: #000000 !important; 
    
    /* Texto y Bordes */
    color: #00b4d8 !important;             /* Letras Cian */
    border: 2px solid #00b4d8;             /* Borde más grueso */
    
    /* Forma */
    border-radius: 50px;                   /* Redondeados */
    padding: 10px 25px !important;         /* Más grandes y fáciles de clicar */
    margin: 0 10px;                        /* Más separados */
    
    /* Tipografía fuerte */
    font-weight: 900 !important;           /* Letra muy gruesa */
    text-transform: uppercase;
    font-size: 1rem;                       /* Texto un poco más grande */
    box-shadow: 0 0 10px rgba(0,0,0,0.5);  /* Sombra negra para separarlo del fondo */
}

/* Efecto al pasar el mouse (Hover) */
.pkp_navigation_primary > li > a:hover {
    background-color: #00b4d8 !important;  /* El botón se vuelve Cian */
    color: #000000 !important;             /* Letras negras */
    box-shadow: 0 0 20px #00b4d8;          /* Resplandor de luz fuerte */
    transform: scale(1.1);                 /* Crece un poco */
    cursor: pointer;
}

/* --- 3. ELIMINAR EL ADMIN (Menú de usuario) --- */

/* Esto hace desaparecer la barra de "Admin" y "Salir" */
.pkp_navigation_user {
    display: none !important;
}

/* --- 4. CUERPO Y TARJETAS --- */

body {
    background-color: #f0f2f5; 
}

/* Tarjetas de artículos limpias */
.obj_article_summary {
    background-color: #ffffff;
    padding: 30px;
    margin-bottom: 25px;
    border-radius: 10px;           
    box-shadow: 0 5px 15px rgba(0,0,0,0.1); 
    border-left: 8px solid #0e1b2a; 
    transition: all 0.3s ease;
}

.obj_article_summary:hover {
    transform: translateY(-5px);   
    border-left-color: #00b4d8; 
}

h3.title a {
    color: #0e1b2a !important;
    font-weight: 800;
    text-decoration: none;
}

/* Botones PDF */
.obj_article_summary .obj_galley_link {
    background-color: #0e1b2a;
    color: #ffffff !important;
    border-radius: 5px;
    padding: 8px 15px;
    text-decoration: none;
    font-weight: bold;
}
/* --- MEJORA 1: TIPOGRAFÍA FUTURISTA --- */

/* Aplicar fuente tecnológica a todos los títulos */
h1, h2, h3, h4, .pkp_site_name {
    font-family: 'Orbitron', sans-serif !important;
    letter-spacing: 1px; /* Espacio entre letras para look técnico */
}

/* Aplicar fuente limpia al texto general */
body, p, .obj_article_summary_content {
    font-family: 'Roboto', sans-serif !important;
    font-size: 16px; /* Un poco más grande para leer mejor */
}
/* --- MEJORA 2: PIE DE PÁGINA (FOOTER) OSCURO --- */

.pkp_structure_footer {
    background-color: #0b1622 !important; /* Más oscuro que el header */
    color: #a0aab5 !important;            /* Texto gris claro */
    border-top: 3px solid #00b4d8;        /* Línea cian arriba */
    padding: 40px 0;
    text-align: center;
}

/* Enlaces del pie de página */
.pkp_structure_footer a {
    color: #00b4d8 !important;
    text-decoration: none;
    font-weight: bold;
}

.pkp_structure_footer a:hover {
    color: #ffffff !important;
    text-shadow: 0 0 10px #00b4d8;
}
/* --- MEJORA 3: BARRA DE SCROLL HACKER --- */

/* El fondo de la barra */
::-webkit-scrollbar {
    width: 12px;
    background-color: #0e1b2a; 
}

/* La parte que se mueve (el pulgar) */
::-webkit-scrollbar-thumb {
    background-color: #00b4d8; /* Azul cian */
    border-radius: 6px;
    border: 3px solid #0e1b2a; /* Borde para que parezca flotar */
}

/* Al pasar el mouse por la barra */
::-webkit-scrollbar-thumb:hover {
    background-color: #ffffff; /* Se pone blanca al tocarla */
}
/* --- CORRECCIÓN EXTRA: SUBMENÚS DESPLEGABLES --- */
.pkp_navigation_primary ul {
    background-color: #000000 !important; /* Fondo negro para la lista desplegable */
    padding: 10px !important;
    border: 1px solid #00b4d8;
}

.pkp_navigation_primary ul li a {
    color: #00b4d8 !important; /* Texto cian */
    font-family: 'Roboto', sans-serif !important;
}

.pkp_navigation_primary ul li a:hover {
    color: #ffffff !important; /* Blanco al pasar el mouse */
}