/* Para los acordeones */
.image-secondary .no-hay-color {
    position: absolute;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
	z-index: 1;
	pointer-events: none;
	opacity: 1;
    transition: opacity 0.5s  ease 0.5s	; /* Efecto fade */
}

.accordion-container {
    position: relative;  /* Necesario para aplicar z-index */
    z-index: 1;          /* Base para acordeones cerrados */
    overflow: hidden;    /* Ocultar contenido que se salga de los límites del contenedor */
    transition: z-index 0s ease 0.7s;  /* Retardo para restablecer el z-index tras el cierre */
}

.accordion-container.active {
    z-index: 10;         /* Eleva el acordeón activo para que quede encima */
    transition: z-index 0s;  /* Sin retraso al activar para que el cambio sea inmediato */
}

.accordion-container .accordion-text {
    display: none;  /* Oculto por defecto */
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.7s cubic-bezier(0.68, -0.55, 0.27, 1.55);  /* Transición elástica */
}

.accordion-container.active .accordion-text {
    overflow: visible;
}

#accordion-05, #text-2 {
	box-shadow: 0px 4px 10px -5px rgba(0, 0, 0, 0.3)!important; 
}

@media (max-width: 1200px) {
    .no-hay-color {
        display: none !important;
    }
}
section#form p {text-align:center}
section#form {
    background-color: #ffffff!important;
		box-shadow: 0px 4px 10px -5px rgba(0, 0, 0, 0.3); 
	padding: 64px;
}

.info_pd p {
    text-align: left !important;
    font-size: 12px;
    font-weight: 100;
}


/* Estilos del popup de YouTube */
.youtube-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.youtube-popup .popup-content {
    position: relative;
    width: 85vw;
    height: calc(85vw * 9 / 16);
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
}

.youtube-popup .popup-content iframe {
    width: 100%;
    height: 100%;
}

.youtube-popup .close-btn {
    position: absolute;
    top: -3px;
    right: 10px;
    font-size: 39px;
    color: #fff;
    cursor: pointer;
}