/* Página de FAQs — ver inc/faqs.php
 *
 * Acotado a `.main-content`: el footer del sitio es una Global Section de
 * WPBakery que vive en el mismo contenedor, y una regla de ancho suelta se lo
 * lleva por delante.
 */

/*
 * Ancho de lectura. El texto iba de borde a borde —1300 px de línea a 16 px de
 * cuerpo, unos 200 caracteres— porque la plantilla no ciñe el contenido.
 */
.page-id-2531 .main-content .row {
	max-width: 820px;
	margin-left: auto;
	margin-right: auto;
}

/* Los títulos de sección los fija assets/tipografia.css, común con Nosotros. */

/* ---------- acordeones ---------- */

/*
 * Mismo lenguaje que los acordeones de la ficha de producto (.kub-incluye):
 * línea divisoria, pregunta clicable y cuerpo con aire.
 */
.page-id-2531 .kub-faq {
	border-bottom: 1px solid rgba(0, 130, 142, 0.18);
}

.page-id-2531 .kub-faq summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: 1.15rem 0;
	cursor: pointer;
	list-style: none;
	font-size: 1.0625rem;
	font-weight: 700;
	line-height: 1.4;
	color: #00828e;
}

/* Fuera el triángulo del navegador: se pinta una cruz propia. */
.page-id-2531 .kub-faq summary::-webkit-details-marker {
	display: none;
}

.page-id-2531 .kub-faq summary::after {
	content: "";
	flex: 0 0 14px;
	width: 14px;
	height: 14px;
	background:
		linear-gradient(#00828e, #00828e) center / 14px 2px no-repeat,
		linear-gradient(#00828e, #00828e) center / 2px 14px no-repeat;
	transition: transform 0.25s ease;
}

.page-id-2531 .kub-faq[open] summary::after {
	/* Se queda solo la barra horizontal: el signo pasa de + a −. El giro es
	   de media vuelta para que el cambio se vea, sin poner la barra de canto. */
	transform: rotate(180deg);
	background: linear-gradient(#00828e, #00828e) center / 14px 2px no-repeat;
}

.page-id-2531 .kub-faq summary:hover,
.page-id-2531 .kub-faq summary:focus-visible {
	color: #eb6669;
}

.page-id-2531 .kub-faq summary:focus-visible {
	outline: 2px solid #eb6669;
	outline-offset: 4px;
}

.page-id-2531 .kub-faq__cuerpo {
	padding: 0 0 1.4rem;
}

.page-id-2531 .kub-faq__cuerpo p,
.page-id-2531 .kub-faq__cuerpo li {
	font-size: var(--kub-cuerpo);
	line-height: var(--kub-interlineado);
}

/* El tema le pone a cada párrafo un margen pensado para texto suelto; dentro de
   una respuesta corta separa demasiado. */
.page-id-2531 .kub-faq__cuerpo p {
	margin: 0;
}

.page-id-2531 .kub-faq__cuerpo p + p {
	margin-top: 0.85rem;
}

.page-id-2531 .kub-faq__cuerpo ul {
	margin: 0.85rem 0 0;
	padding-left: 1.25rem;
}

.page-id-2531 .kub-faq__cuerpo li + li {
	margin-top: 0.35rem;
}

@media (prefers-reduced-motion: reduce) {

	.page-id-2531 .kub-faq summary::after {
		transition: none;
	}
}