/*
 * La Galga Gris · section-faq-short.css
 * Framing del bloque FAQ corto: fondo sutil, badge "01-04 / 04", CTA secundario hacia FAQ extendida.
 */

.lgg-faq-section {
	position: relative;
	background: var(--color-bg-subtle);
}

.lgg-faq-section .lgg-faq { padding-block: clamp(3rem, 7vw, 5.5rem); }

/* Decoración: tag "04 dudas" rotado */
@media (min-width: 1024px) {
	.lgg-faq-section::before {
		content: "04 preguntas";
		position: absolute;
		top: var(--sp-7);
		right: clamp(2rem, 5vw, 4rem);
		font-family: var(--font-mono);
		font-size: 0.72rem;
		letter-spacing: 0.15em;
		text-transform: uppercase;
		color: color-mix(in srgb, var(--color-ink-primary) 30%, transparent);
		writing-mode: vertical-rl;
		transform: rotate(180deg);
		pointer-events: none;
	}
}

/* Refuerzo de la línea divisoria entre items */
.lgg-faq-section .lgg-accordion__item {
	border-color: color-mix(in srgb, var(--color-ink-primary) 14%, transparent);
}

/* Si el FAQ va detrás del UGC (también con padding), añadimos una transición sutil */
.lgg-ugc-section + .lgg-faq-section {
	border-top: 1px solid var(--color-border-subtle);
}