/* Estilos generales */
    body {
        font-family: 'Oswald', sans-serif;
        background-color: #1C1C1C;
        margin: 0;
        padding: 0;
        color: #fff;
    }

    .container {
        max-width: 800px;
        margin: 0 auto;
        padding: 20px;
    }

    h2 {
        font-size: 28px;
        margin-bottom: 20px;
        color: #fff;
    }

    .aviso-box {
        border: 1px solid #444;
        border-radius: 10px;
        padding: 20px;
        margin-bottom: 20px;
        background-color: #333;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
        transition: transform 0.3s, box-shadow 0.3s;
    }

    .aviso-box:hover {
        transform: scale(1.05);
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);
    }

    .aviso-title {
        font-size: 24px;
        margin-bottom: 10px;
        color: #fff;
    }

    @media only screen and (max-width: 600px) {
        .aviso-title {
            font-size: 18px;
        }
    }

    .aviso-date {
        font-size: 16px;
        color: #aaa;
        text-align: center;
        display: block;
    }

    .aviso-image {
        max-width: 100%;
        height: auto;
        margin-top: 15px;
        border-radius: 10px;
        display: block;
        margin: 0 auto; 
    }

    .pagination {
        margin-top: 20px;
    }

    .pagination .page-item.disabled .page-link {
        cursor: not-allowed;
        opacity: 0.5;
        color: #6c757d; /* Color gris de Bootstrap para deshabilitado */
        background-color: transparent; /* Evita conflictos con index.css */
        border-color: #6c757d;
    }

    .pagination .page-link {
        color: #007bff; /* Azul de Bootstrap */
        background-color: transparent; /* Evita conflictos */
        border: 1px solid #dee2e6; /* Borde por defecto de Bootstrap */
    }

    .pagination .page-item.active .page-link {
        background-color: #007bff;
        border-color: #007bff;
        color: #fff;
    }

    .pagination .page-link:hover {
        background-color: #0056b3;
        border-color: #0056b3;
        color: #fff;
    }

@media only screen and (max-width: 600px) {
    .pagination a, .pagination span {
        padding: 6px 8px; /* Reducir el padding para pantallas pequeñas */
        font-size: 14px;
        margin: 0 1px; /* Reducir el margen entre los botones */
    }
}