.section-title {
    font-weight: bold;
    margin-bottom: 2rem;
}

.section-title {
    font-size: 2.5rem;
    font-weight: bold;
    margin-bottom: 3rem;
}

.join-us-section {
    background: linear-gradient(45deg, #007bff, #00c6ff);
}

/* imagen de la seccion de comunicados de la pagina artefactos */
.image-container {
    width: 100%;
    height: 450px;
}

.image-selector {
    transition: all 0.3s ease;
}

.image-selector:hover {
    transform: translateY(-2px);
}

.image-selector.active {
    background-color: #fff;
    color: #000;
}

/* Estilos específicos para cada sección por ID */
#section-comunicados {
    background-color: #ffffff; /* Fondo blanco para comunicados */
}

#section-noticias {
    background-color: #ffe492; /* Fondo gris claro para noticias */
}

#section-eventos {
    background-color: #fefefe; /* Fondo light para eventos */
}

#section-calendario {
    background-color: #98c0fb; /* Fondo azul muy claro para calendario */
}

#section-fotos {
    background-color: #d1e7dd; /* Fondo verde claro para fotos */
}

/* Puedes personalizar más estilos para cada sección si lo deseas */
#section-comunicados .display-5 {
    color: #0d6efd; /* Color azul para los títulos en la sección comunicados */
}

#section-noticias .display-5 {
    color: #0d6efd; /* Color azul para los títulos en la sección noticias */
}

#section-eventos .display-5 {
    color: #198754; /* Color verde para los títulos en la sección eventos */
}

#section-calendario .display-5 {
    color: #0d6efd; /* Color azul para los títulos en la sección calendario */
}

#section-fotos .display-5 {
    color: #198754; /* Color verde para los títulos en la sección fotos */
}