/* ===== Estilos SOLO para el módulo de categorías y artículos ===== */

/* Encabezados de grupo (ej: 0-PREFACIO, LIBRO 01...) */
.mod-articles-category-group {
    font-size: 1.7rem;       /* más grande */
    font-weight: bold;       /* en negrilla */
    margin-top: 1em;         /* espacio arriba para separar bloques */
    margin-bottom: 0.5em;
    color: rgb(22, 145, 121);
    text-align: center;      /* centrado */

    /* Borde estilo celda */
    border: 1px solid #003366;
    padding: 8px;
    border-radius: 4px;      /* opcional: esquinas redondeadas */
    background-color: #f8f8f8; /* opcional: fondo claro */
}

/* Enlaces de artículos dentro del listado */
.mod-articles-category-title {
    font-size: 1.4rem;       /* un poco más grande que el normal */
    font-weight: bold;       /* en negrilla */
    line-height: 1.6;        /* mejor legibilidad */
    display: block;          /* ocupa todo el ancho del contenedor */

    /* Bordes estilo celda */
    border: 1px solid #ccc;
    padding: 6px 10px;
    margin-bottom: 4px;
    border-radius: 4px;      /* opcional */
    background-color: #ffffff; /* opcional: fondo blanco */
    color: rgb(153, 51, 0);             /* color del texto */
    text-decoration: none;   /* quitar subrayado */
}

/* Efecto al pasar el mouse (hover) */
.mod-articles-category-title:hover {
    background-color: #e6f0ff; /* cambia a un azul claro */
    border-color: #003366;     /* resalta el borde */
    color: #003366;            /* cambia el color de la fuente */
}