/* =============================================================================
   Widget: Profic Preguntas Frecuentes
   Tokens accordion: Figma Sites / Motion FAQ (CODE_INSTANCE)
     border 0.5px #4F10CD/50 · rounded-lg · bg black/20
     Q: Amsi SemiBold 16 · A: Regular 13 gray-400
     Anim: height+opacity 0.3s ease-in-out · chevron rotate 180
   Cabecera: Design frames 2:3326 / 2:3775 / 2:4216
   Breakpoints: 1280 / 800 / ≤799
   ============================================================================= */

.elementor-widget-profic_faq,
.elementor-widget-profic_faq:not(:last-child),
.elementor-widget-profic_faq > .elementor-widget-container {
	margin: 0 !important;
	margin-block-end: 0 !important;
	padding: 0 !important;
}

.profic-faq-section {
	--faq-accent: #4f10cd;
	--faq-border: rgba(79, 16, 205, 0.5);
	--faq-q: #ffffff;
	--faq-a: #9ca3af; /* gray-400 Sites */
	--faq-sub: #969696;
	--faq-sub-desktop: #d8d8d8;
	--faq-ease: ease-in-out;
	--faq-dur: 0.3s;
	position: relative;
	isolation: isolate;
	z-index: 8;
	width: 100%;
	max-width: 369px;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	overflow: visible;
	background: transparent;
}

@media (min-width: 800px) {
	.profic-faq-section {
		max-width: 794px;
	}
}

@media (min-width: 1280px) {
	.profic-faq-section {
		/* Design 2:3326 — Preguntas Frecuentes 1274×850 · Título en y=0 (texto y=24) */
		max-width: 1274px;
		min-height: 850px;
		justify-content: flex-start;
	}
}

/* Glow — Design Rectangle left -798 · blur 197.75 · rotate -90° */
.profic-faq-bg {
	position: absolute;
	inset: 0;
	pointer-events: none;
	z-index: 0;
	overflow: visible;
}

.profic-faq-bg-glow {
	position: absolute;
	left: -692px;
	top: 55%;
	width: 1073px;
	height: 1073px;
	border-radius: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	filter: blur(197.75px);
	opacity: 0.9;
	transform: rotate(-90deg);
}

@media (min-width: 800px) {
	.profic-faq-bg-glow {
		left: -503px;
		top: auto;
		bottom: -20%;
		width: 797px;
		height: 797px;
	}
}

@media (min-width: 1280px) {
	/* Rectangle 428:6899 — capa 781×2136 en (-798, 781) rot 90 → caja 2136×781 desde y=0 */
	.profic-faq-bg-glow {
		left: -798px;
		top: 781px;
		bottom: auto;
		width: 781px;
		height: 2136px;
		border-radius: 1068px;
		opacity: 1;
		transform-origin: 0 0;
		transform: rotate(-90deg);
	}
}

/* Cabecera — Design Título */
.profic-faq-header {
	position: relative;
	z-index: 1;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 47px;
	padding: 24px 14px;
	box-sizing: border-box;
	text-align: center;
}

@media (min-width: 800px) {
	.profic-faq-header {
		gap: 24px;
		padding: 24px 120px 24px 144px;
	}
}

@media (min-width: 1280px) {
	.profic-faq-header {
		/* Design Título padding; sin margin negativo (pisaba el accordion) */
		gap: 24px;
		padding: 24px 120px 24px 144px;
		margin: 0;
		align-self: stretch;
	}
}

.profic-faq-section .profic-faq-title,
.profic-faq-section h2.profic-faq-title {
	margin: 0;
	padding: 0;
	width: 100%;
	max-width: 542px;
	font-family: "Amsi Pro", sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 34px;
	line-height: 1.2;
	color: #ffffff;
	text-align: center;
}

@media (min-width: 800px) {
	.profic-faq-section .profic-faq-title br,
	.profic-faq-section h2.profic-faq-title br {
		display: none;
	}

	.profic-faq-section .profic-faq-title,
	.profic-faq-section h2.profic-faq-title {
		font-size: 36px;
	}
}

@media (min-width: 1280px) {
	.profic-faq-section .profic-faq-title,
	.profic-faq-section h2.profic-faq-title {
		/* Design H2 AmsiPro-Light 45 / 120% */
		max-width: 1218px;
		font-size: 45px;
		line-height: 1.2;
		font-weight: 300;
	}
}

.profic-faq-section .profic-faq-subtitle,
.profic-faq-section p.profic-faq-subtitle {
	margin: 0;
	padding: 0;
	width: 100%;
	max-width: 341px;
	font-family: "Amsi Pro", sans-serif;
	font-weight: 400;
	font-size: 15px;
	line-height: 20px;
	color: var(--faq-sub);
	text-align: center;
}

@media (min-width: 800px) {
	.profic-faq-section .profic-faq-subtitle,
	.profic-faq-section p.profic-faq-subtitle {
		max-width: 100%;
	}
}

@media (min-width: 1280px) {
	.profic-faq-section .profic-faq-subtitle,
	.profic-faq-section p.profic-faq-subtitle {
		/* Design Subtitle pag Light 17 / 150% / tracking 1% / #D8D8D8 · w 1040 */
		max-width: 1040px;
		font-weight: 300;
		font-size: 17px;
		line-height: 1.5;
		letter-spacing: 0.01em;
		color: var(--faq-sub-desktop);
	}
}

/* Lista FAQ — Design FAQ w≈1040 centrado dentro de 1274 */
.profic-faq-list {
	position: relative;
	z-index: 2;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 12px;
	padding: 16px;
	box-sizing: border-box;
}

@media (min-width: 800px) {
	.profic-faq-list {
		padding: 16px 24px 40px;
	}
}

@media (min-width: 1280px) {
	.profic-faq-list {
		max-width: 1040px;
		width: 100%;
		gap: 12px;
		/* Primer item en y=211 del frame (Título 152 + 59) */
		padding: 59px 0 32px;
	}
}

/* Card — Motion FAQItem */
.profic-faq-item {
	width: 100%;
	box-sizing: border-box;
	border: 0.5px solid var(--faq-border);
	border-radius: 0.5rem; /* rounded-lg */
	background: rgba(0, 0, 0, 0.2); /* bg-black/20 */
	overflow: hidden;
	transition:
		border-color var(--faq-dur) var(--faq-ease),
		box-shadow var(--faq-dur) var(--faq-ease);
}

.profic-faq-item:hover {
	border-color: var(--faq-accent);
	box-shadow: 0 0 20px rgba(79, 16, 205, 0.3);
}

.profic-faq-item.is-open {
	border-color: var(--faq-accent);
	box-shadow: 0 0 20px rgba(79, 16, 205, 0.3);
}

/* Trigger — py-6 px-6 · hover:bg #4F10CD/10 */
.profic-faq-trigger {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0;
	width: 100%;
	margin: 0;
	padding: 24px; /* py-6 px-6 */
	box-sizing: border-box;
	border: 0;
	background: transparent;
	cursor: pointer;
	text-align: left;
	color: #ffffff;
	font: inherit;
	appearance: none;
	-webkit-appearance: none;
	transition: background-color var(--faq-dur) var(--faq-ease);
}

.profic-faq-trigger:hover {
	background: rgba(79, 16, 205, 0.1);
}

.profic-faq-question {
	flex: 1 1 auto;
	min-width: 0;
	padding-right: 32px; /* pr-8 */
	font-family: "Amsi Pro", sans-serif;
	font-weight: 600; /* SemiBold */
	font-size: 16px;
	line-height: 1.35;
	color: var(--faq-q);
}

.profic-faq-icon {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px; /* w-5 */
	height: 20px;
	color: #9ca3af; /* Sites gray-400 */
	transition: transform var(--faq-dur) var(--faq-ease);
	will-change: transform;
}

@media (min-width: 1280px) {
	.profic-faq-icon {
		/* Design desktop: chevron claro */
		color: rgba(255, 255, 255, 0.85);
	}
}

.profic-faq-icon svg {
	display: block;
	width: 20px;
	height: 20px;
}

.profic-faq-item.is-open .profic-faq-icon {
	transform: rotate(180deg);
}

/* Panel — AnimatePresence height + opacity */
.profic-faq-panel {
	display: grid;
	grid-template-rows: 0fr;
	opacity: 0;
	transition:
		grid-template-rows var(--faq-dur) var(--faq-ease),
		opacity var(--faq-dur) var(--faq-ease);
}

.profic-faq-item.is-open .profic-faq-panel {
	grid-template-rows: 1fr;
	opacity: 1;
}

.profic-faq-panel-inner {
	overflow: hidden;
	min-height: 0;
}

/* Answer — px-6 pb-6 pt-2 · Regular 13 · gray-400 */
.profic-faq-answer {
	padding: 8px 24px 24px; /* pt-2 px-6 pb-6 */
	box-sizing: border-box;
}

.profic-faq-section .profic-faq-answer p {
	margin: 0;
	padding: 0;
	font-family: "Amsi Pro", sans-serif;
	font-weight: 400; /* Regular */
	font-size: 13px;
	line-height: 1.55;
	color: var(--faq-a);
}

@media (prefers-reduced-motion: reduce) {
	.profic-faq-item,
	.profic-faq-trigger,
	.profic-faq-icon,
	.profic-faq-panel {
		transition: none !important;
	}
}