body {
    font-family: Arial, sans-serif;
    text-align: center;
}

/* Estilo para el banner principal */
.banner {
    width: 100%;
    max-width: 650px;
    height: auto;
    margin: 0 auto;
}

/* Estilo para el botón de inscripción */
.ins-button {
    display: block;
    width: 100%;
    max-width: 650px;
    height: auto;
    margin: 5px auto; /* Espacio entre el banner y el botón */
}

/* Secciones de cada categoría */
.section {
    margin: 0px 0;
}

/* Estilo para el contenido de los eventos */
.toggle-content {
    max-width: 650px; /* Limita el ancho máximo */
    margin: 0 auto; /* Centra el contenido */
    text-align: center; /* Alinea el texto al centro */
}
.toggle-content p {
    text-align: center; /* Centra el texto */
    margin: 5px 0; /* Espaciado entre los párrafos */
}

/* Estilo para los banners de categorías, haciendo que tengan el mismo comportamiento que el header */
.toggle-image {
    cursor: pointer;
    width: 100%;
    max-width: 650px; /* Limita el ancho máximo a 650px, igual que el header */
    height: auto; /* Mantiene la proporción original */
    margin: 0 auto; /* Centra la imagen */
    margin-bottom: 0px; /* Espacio entre los banners */
}

/* Estilo para el mapa */
.map {
    width: 100%;
    max-width: 650px; /* Igual que el header */
    height: auto;
    margin: 0 auto;
}