.container-faqs {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.container-faqs .wp-block-heading {
    text-align: left;
}

.faq-images {
    width: 100%;
	margin-right:30px;
    max-width: 466px;

}
.faq-section{
	max-width: 563px;
	    width: 100%;
}
.faq-image {
    aspect-ratio: .72 / 1;
}
.faq-section h2{
	font-size: 1.875em;
	line-height: 100%;
}

.faq-image img {
    max-width: 100%;
    height: 100%;
}


.faqs {
    padding: 60px 0;
    background-color: #F8F8F8;
}

.faqs .dev-row>.wp-block-group__inner-container {
    align-items: flex-start;
    gap: 130px;
}

.faqs .imagewrapper {
    max-width: 466px;
}

.faq-wrapper {
    max-width: 563px;
}

.faq-wrapper h2 {
    text-align: left;
    margin-bottom: 40px;
    font-size: 2em;
}

.faq-item {
    margin-bottom: 20px;
    border-radius: 6px;
    background-color: #FFFFFF;
}

.faq-question {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: none;
    border: none;
    cursor: pointer;
    width: 100%;
    /* Fija el ancho de la pregunta */
    text-align: left;
    padding: 15px 20px 10px 20px;
}

.faq-question h3 {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0;
	    width: 85%;
}

.faq-icon {
    position: relative;
    width: 12px;
    height: 12px;
}

.faq-icon:before,
.faq-icon:after {
    content: "";
    position: absolute;
    width: 12px;
    height: 3px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(0deg);
    background-color: #262626;
    transition: transform 0.3s ease;
}

.faq-icon:after {
    transform: translate(-50%, -50%) rotate(90deg);
}
.faq-item.open .faq-icon:after {
    transform: translate(-50%, -50%) rotate(0deg);
}

.faq-item:not(.open) .faq-answer,
.faq-image:not(.open) {
    display: none;
}

.faq-answer {
    padding: 0 20px 20px;
    max-width: 525px;
    line-height: 26px;
    font-size: 1em;
    color: #606060;
}

.faq-icon.open {
    transform: rotate(45deg);
    /* Cambia el "+" a "x" */
}

/* Responsive adjustments */
@media (max-width: 1088px){
		.container-faqs{
		justify-content: center;
		gap: 40px;
	}
	.faq-images{
		order: 2;
		margin-right:0;
	}
}
@media (max-width: 768px) {
    .faqs {
        padding: 40px 0;
        /* Reduce el padding para pantallas más pequeñas */
    }

    .faqs .dev-row>.wp-block-group__inner-container {
        flex-direction: column;
        /* Cambia la dirección a columna */
        gap: 40px;
        /* Reduce el espacio entre columnas */
        align-items: center;
        /* Centra los elementos */
    }

    .faqs .imagewrapper {
        max-width: 100%;
        /* Ajusta el ancho de la imagen */
        margin-bottom: 20px;
        /* Espacio entre la imagen y el texto */
    }

    .faq-wrapper {
        max-width: 100%;
        /* Ajusta el ancho del contenedor de preguntas */
    }

    .faq-wrapper h2 {
        text-align: center;
        /* Centra el título */
    }

    .faq-question {
        width: 100%;
        /* Ajusta el ancho de la pregunta */
        font-size: 1em;
        /* Mantiene el tamaño de fuente */
    }

    .faq-answer {
        max-width: 100%;
        /* Ajusta el ancho de la respuesta */
        line-height: 20px;
    }
    .container-faqs .wp-block-heading{
        text-align: center;
    }
}

@media (max-width: 480px) {


    .faq-wrapper h2 {
        margin-bottom: 20px;
        /* Reduce el margen inferior */
    }


    .faq-icon {
        font-size: 1.25em;
        /* Reduce el tamaño del ícono */
    }
}