/* Estilos básicos para los enlaces de texto */
.text-links {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 20px;
}

.text-link {
    color: #464747;
    font-size: 18px;
    text-decoration: none;
    cursor: pointer;
    transition: color 0.3s ease;
}

.text-bop {
    color: #464747;
    font-size: 18px;
    text-decoration: none;
    cursor: pointer;
    transition: color 0.3s ease;
}

.text-link:hover {
    color: #fdd180;
	background-color: #0d3e4c;
	border-radius: 4px;
	
	
}

/*--------------------- ACORDEON ------------------------*/


 .accordion {
            width: auto;
            max-width: auto;
            border-radius: 8px;
            overflow: hidden;
        }

       .accordion-item {
    margin-bottom: 15px;
    overflow: hidden;
	 
}

        .accordion-item:first-child {
            border-top: none;
        }

        .accordion-header {
            width: calc(99%); /* Esto asegura que haya espacio entre las cajas */
    padding: 15px;
    font-size: 19px;
	font-weight: bold;
    /*text-align: left;*/
    background-color: #d9f5fd;
    color: black;
    border-radius: 15px;
    cursor: pointer;
    transition: background-color 0.3s ease;
	 display: inline-block;
	 border: 0px;
        }


/* Media queries para diferentes tamaños de pantalla */
@media (max-width: 1200px) {
    .accordion-header {
        flex: 1 1 300px; /* Ancho base mínimo de 150px en pantallas medianas */
    }
}

@media (max-width: 768px) {
    .accordion-header {
        flex: 1 1 300px; /* Ancho base mínimo de 100px en pantallas pequeñas */
    }
}

@media (max-width: 480px) {
    .accordion-header {
        flex: 1 1 300px; /* Ancho base mínimo de 80px en pantallas muy pequeñas */
    }
}


       .accordion-header:hover {
    background-color: #0d3e4c;
	color: #fdd180;
}

        .accordion-content {
            max-height: 0;
	width: calc(99%); /* Esto asegura que haya espacio entre las cajas */
    overflow: hidden;
    transition: max-height 0.3s ease-out;
    background-color: #f6f8f8;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
        }

        .accordion-content p {
            margin: 15px 0;
        }

        .accordion-item.active .accordion-content {
            max-height: 200px; /* Adjust as needed */
        }


.accordion-content p {
    padding: 15px;
    margin: 0;
}
