.faq_answer_container {
	display: none;
	transition: max-height 0.3s ease;
	
}

.faq {
	border-bottom: solid 0.1rem var(--color-vibe-dark);
	cursor: pointer;
}

.accordion__faq {
	display: flex;
	position: relative;
	flex-direction: column;
	width: 100%;
	max-width: unset;
	padding: 7rem calc(5%); /* El padding se ajusta para dejar un 90% de espacio visible */
	margin: 0;
	background: var(--color-vibe-dark-plus);
	
	p {
		font: 300 1.6rem/2.4rem var(--font-primary);
		color: var(--color-vibe-light);
		text-align: left;
	}
	.faq_text {
		h2 {
			font: 400 3.6rem / normal var(--font-secondary);
			color: var(--color-vibe-light);
			text-transform: capitalize;
			text-align: left;
			margin: 0;
		}
		p:last-child {
			position: relative;
			padding-bottom: 2rem;
			margin-bottom: 3.5rem;
			&:after {
				content:"";
				width: 20rem;
				height: .2rem;
				border-radius: var(--radius-vibe);
				background: var(--color-vibe-yellow-dark);
				position: absolute;
				left: 0;
				bottom: 0;
			}
		}
	}
	.faq_content {
		display: flex;
		width: 100%;
		flex-wrap: wrap;
	}
	.faq_questions {
		flex: 100%;
	}
	.faq_image {
		flex: 100%;
		text-align: center;
		margin-top: 4rem;
		
		
		
		
		
		
		
		img {
			width: 100%;
			max-width: 37rem;
			height: 42rem;
			object-fit: cover;
			object-position: center;
			border-radius: var(--radius-vibe);
		}
	}
}

.faq_question {
	display: flex;
	width: 100%;
	justify-content: space-between;
	padding: 0rem 0;
	align-items: center;
	h4 {
		font: 300 1.8rem/2.8rem var(--font-primary);
		color: var(--color-vibe-light);
	}
	p {
		padding-top: 2rem;
		padding-right: 2rem;
	}
	.accordion-arrow-icon {
    position: relative;
	transition: transform 0.3s ease;
    &:before {
        content: "";
        width: .9rem;
        height: .8rem;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        background-color: var(--color-vibe-light);
        mask-image: url(../assets/images/faq-arrow.svg);
        -webkit-mask-image: url(../assets/images/faq-arrow.svg);
        mask-size: cover;
        -webkit-mask-size: cover;
		transition: transform 0.3s ease;
    }
	&.fa.fa-minus:before {
		transform: translateY(-50%) rotate(-150deg);
		background-color: var(--color-vibe-yellow-dark);
	}

}
}

.faq_answer p {
	padding: 1rem 0 2rem;
}

/* Media Query para pantallas grandes */
@media (min-width: 1200px) {
	.accordion__faq {
		flex-direction: column;
		.faq_content {
			flex-direction: row;
			.faq_questions {
				flex: 0 0 70%;
				padding-right: 3rem;
			}
			.faq_image {
				margin-top: 0;
				flex: 0 0 30%;
				text-align: right;
			}
		}
	}
}