/** FAQ — nodo 1:270. <details> nativo, cero JS. */
.cvp-faq { padding-block: var(--cvp-sp-7); }

/* 26 en el diseño (nodo 1:270), 20 en mobile. Estaba en 40. */
.cvp-faq__title { font-size: 1.625rem; margin-bottom: var(--cvp-sp-4); }

@media (max-width: 900px) {
	.cvp-faq__title { font-size: var(--cvp-fs-md); }
}

.cvp-faq__item { border-bottom: 1px solid rgba(0, 70, 150, 0.15); }

.cvp-faq__q {
	display: flex; align-items: center; justify-content: space-between;
	gap: var(--cvp-sp-2); cursor: pointer; list-style: none;
	padding: var(--cvp-sp-2) 0;
	font-family: var(--cvp-font-text); font-weight: 700;
	font-size: var(--cvp-fs-md); color: var(--cvp-navy);
}

.cvp-faq__q::-webkit-details-marker { display: none; }

.cvp-faq__q::after {
	content: "+"; font-family: var(--cvp-font-display); font-weight: 500;
	font-size: var(--cvp-fs-md); color: var(--cvp-yellow);
	transition: transform var(--cvp-dur) var(--cvp-ease); flex-shrink: 0;
}

.cvp-faq__item[open] .cvp-faq__q::after { transform: rotate(45deg); }

.cvp-faq__a { padding-bottom: var(--cvp-sp-2); max-width: 80ch; line-height: 1.6; }

/* Figma del 6 de octubre de 2026 (nodo 1:270): cada pregunta es una caja con borde gris de 1px, a 16
   una de otra; cabecera de 18/20 de relleno y el signo en navy, + cerrada y
   − abierta. */
.cvp-faq__title { margin-bottom: var(--cvp-sp-2); }
.cvp-faq__item { border: 1px solid #d9d9d9; background: var(--cvp-white); }
.cvp-faq__item + .cvp-faq__item { margin-top: var(--cvp-sp-2); }
.cvp-faq__q { padding: 18px 20px; }
.cvp-faq__q::after {
	content: "+";
	font-family: var(--cvp-font-text);
	font-weight: 700;
	font-size: 1.125rem;   /* 18 */
	color: var(--cvp-navy);
	transform: none;
}
.cvp-faq__item[open] .cvp-faq__q::after { content: "−"; transform: none; }
.cvp-faq__a { padding: 0 20px 18px; }
.cvp-faq__a p { margin: 0; }