/* --- Estilo Base Académico --- */
html {
    font-size: 15px; /* Un punto más pequeño que la base estándar */
}

body {
    line-height: 1.5;
    color: #2c3e50; /* Un gris muy oscuro es más elegante que el negro puro */
}

h1, h2, h3, h4, .serif {
    font-family: 'Times New Roman', Times, serif;
    font-weight: 700;
}

/* --- Títulos de Grupo NO Azules --- */
h2 {
    color: #212529 !important; /* Forzamos color de texto estándar (negro) */
    border-bottom: 2px solid #eaeaea;
    padding-bottom: 5px;
}

/* --- ENLACES VERDE CEDRO (Globales en el contenido) --- */
/* Target general de enlaces, excluyendo header y footer */
main.container a {
    color: #1c4a21; /* Color verde cedro oscuro */
}

main.container a:hover {
    color: #2e5a31; /* Un poco más claro al pasar el ratón */
    text-decoration: underline;
}

/* --- Lista Compacta de Trabajos --- */
.works-list .list-group-item {
    border: none;
    border-bottom: 1px solid #eaeaea;
    padding-top: 10px !important;    /* Menos espacio arriba */
    padding-bottom: 10px !important; /* Menos espacio abajo */
}

.works-list h5 {
    font-size: 1.1rem; /* Título de publicación sobrio */
    margin-bottom: 2px;
}

.works-list p.small {
    margin-bottom: 2px; /* Menos espacio entre líneas de autores/revista */
}

/* --- Badges y Botón DOI --- */
.badge-fixed {
    font-size: 0.7rem;
    font-weight: 400;
}

/* Estilo para el botón DOI (compacto y profesional) */
.btn-doi {
    font-family: monospace;
    font-size: 0.7rem;
    padding: 1px 5px;
    margin-left: 5px;
}

/* Badge del Cuartil más sutil */
.badge-academico {
    border: 1px solid #1c4a21; /* Tu verde cedro */
    color: #1c4a21;
    background-color: transparent;
    padding: 1px 6px;
    font-size: 0.7rem;
    border-radius: 3px;
    font-weight: 600;
}

/* Botón DOI como un enlace limpio */
.btn-doi-cedro {
    color: #1c4a21 !important;
    text-decoration: none;
    font-size: 0.75rem;
    font-family: monospace;
    border-bottom: 1px solid transparent;
}

.btn-doi-cedro:hover {
    border-bottom: 1px solid #1c4a21;
}

/* Espaciado para que no se amontone al quitar los años repetidos */
.list-group-item {
    margin-bottom: 0.5rem;
}

/* Ajuste del resumen para que no sea excesivamente grande */
.fs-5 {
    font-size: 1.05rem !important;
    line-height: 1.6;
    color: #333;
}

.btn-outline-secondary {
    border-color: #1c4a21 !important;
    color: #1c4a21 !important;
    transition: all 0.3s;
}

.btn-outline-secondary:hover {
    background-color: #1c4a21 !important;
    color: white !important;
}

/* Botones de la barra lateral sólidos */
.btn-sidebar-solid {
    background-color: #212529 !important; /* Negro casi puro */
    color: #ffffff !important;
    border: none;
    font-size: 0.85rem;
    padding: 8px 15px;
    transition: background-color 0.2s;
}

.btn-sidebar-solid:hover {
    background-color: #444444 !important;
    color: #ffffff !important;
}
/* Botones del Sidebar: Negros sólidos, estilo minimalista suizo */
.btn-dark {
    background-color: #000 !important;
    border: none !important;
    letter-spacing: 0.5px;
}

.btn-dark:hover {
    background-color: #333 !important;
}

/* El bloque del test: un gris muy suave para que no compita con el blanco del fondo */
.bg-light {
    background-color: #fcfcfc !important;
    border: 1px solid #f0f0f0;
}

/* Enlaces en verde cedro solo para el contenido, no para el menú */
main a {
    transition: opacity 0.2s;
}
main a:hover {
    opacity: 0.7;
}

/* --- BLOQUES DE LA SIDEBAR --- */

/* Estilo general para los contenedores de la derecha */
.sidebar-block {
    border: 1px solid #f0f0f0;
    background-color: #fcfcfc !important;
    margin-bottom: 1.5rem;
}

/* Botones Negros Sólidos (Perfiles) */
.btn-sidebar-black {
    background-color: #000000 !important;
    color: #ffffff !important; /* Forzamos blanco */
    border: none !important;
    border-radius: 0 !important;
    font-family: 'Times New Roman', Times, serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.75rem;
    padding: 10px 15px;
    transition: all 0.2s ease;
    text-decoration: none;
    display: block;
    width: 100%;
}

.btn-sidebar-black:hover {
    background-color: #333333 !important;
    color: #ffffff !important;
    opacity: 0.9;
}

/* Bloque ISAP-9 (Verde muy sutil) */
.isap-box {
    background-color: #f4f7f4 !important; /* Verde grisáceo muy pálido */
    border-left: 4px solid #1c4a21 !important; /* Verde Cedro */
    border-radius: 0;
}

.btn-isap {
    border: 1px solid #1c4a21 !important;
    color: #1c4a21 !important;
    font-family: 'Times New Roman', Times, serif;
    font-size: 0.75rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: all 0.3s;
}

.btn-isap:hover {
    background-color: #1c4a21 !important;
    color: #ffffff !important;
}

/* Enlaces de Divulgación */
.divulgacion-link {
    color: #1c4a21 !important;
    font-size: 0.85rem;
    text-decoration: none;
    display: block;
    padding: 5px 0;
    border-bottom: 1px solid transparent;
}

.divulgacion-link:hover {
    border-bottom: 1px solid #1c4a21;
}

.text-works-year {
    color: #1c4a21 !important;
    text-decoration: underline;
    text-underline-offset: 4px; /* Esto separa un poco la línea del número */
    text-decoration-thickness: 2px; /* Opcional: hace la línea un pelín más gruesa */
}
