/* Servicios de valor añadido de ASISA (/seguros-medicos/servicios-valor-anadido, desde el 04/10/2026).
   Prefijo .sva- dentro de las secciones .hx; la cabecera, el acordeón y la llamada final son de /css/faqs-salud.css. */

/* ---------- Cabecera ---------- */
.sva-cifras {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
	margin: 6px 0 24px;
	padding: 0;
	list-style: none;
}
.sva-cifras li {
	display: grid;
	width: 150px;
	margin: 0;
	padding: 10px 14px;
	border: 1px solid rgba(255, 255, 255, .18);
	border-radius: 16px;
	background: rgba(255, 255, 255, .07);
	text-align: center;
}
.sva-cifras strong { font-size: 1.5rem; font-weight: 800; line-height: 1.1; color: #fff; }
.sva-cifras span { font-size: .8rem; line-height: 1.3; color: rgba(255, 255, 255, .8); }
.sva-botones { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }

/* ---------- Secciones ---------- */
.hx.sva-seccion { padding: 72px 0; }
.hx.sva-seccion--fondo { background: var(--hx-fondo); }
.sva-icono {
	display: grid;
	flex-shrink: 0;
	place-items: center;
	width: 46px;
	height: 46px;
	border-radius: 14px;
	background: rgba(255, 84, 0, .1);
	font-size: 1.15rem;
	color: var(--hx-naranja);
}

/* Qué son + incluidos en la póliza */
.sva-intro { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 48px; align-items: start; }
.sva-intro p { font-size: 1.04rem; line-height: 1.65; color: var(--hx-texto); }
.sva-tipos { margin: 0 0 16px; padding-left: 20px; }
.sva-tipos li { margin-bottom: 8px; line-height: 1.6; color: var(--hx-texto); }
.sva-incluidos { display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; }
.sva-incluidos li {
	display: flex;
	gap: 16px;
	margin: 0;
	padding: 18px 20px;
	border: 1px solid #bfe5cf;
	border-radius: 18px;
	background: #f3fbf6;
}
.sva-incluidos .sva-icono { background: rgba(31, 146, 84, .12); color: #1f7a47; }
.hx .sva-incluidos h3 { margin: 0 0 4px; font-size: 1.05rem; font-weight: 800; }
.hx .sva-incluidos h3 a { text-decoration: none; color: var(--hx-azul); }
.hx .sva-incluidos h3 a:hover { color: var(--hx-naranja); }
.sva-incluidos p { margin: 0; font-size: .93rem; line-height: 1.55; color: var(--hx-texto); }

/* Ventajas por ser cliente */
.sva-servicios {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 340px), 1fr));
	gap: 18px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.sva-servicio {
	display: flex;
	flex-direction: column;
	margin: 0;
	padding: 22px;
	border: 1px solid var(--hx-linea);
	border-radius: var(--hx-radio);
	background: #fff;
	box-shadow: var(--hx-sombra);
	overflow: hidden;
}
.sva-foto { display: block; width: calc(100% + 44px); max-width: none; margin: -22px -22px 18px; background: var(--hx-fondo); }
.sva-foto img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; }
.sva-foto + .sva-servicio-cabecera .sva-icono { margin-top: -42px; border: 3px solid #fff; background: #fff4ee; box-shadow: 0 4px 12px rgba(16, 37, 66, .12); }
.sva-servicio-cabecera { display: flex; align-items: center; gap: 14px; margin-bottom: 12px; }
.hx .sva-servicio h3 { margin: 0; font-size: 1.12rem; font-weight: 800; line-height: 1.25; color: var(--hx-azul); }
.sva-con { font-size: .8rem; font-weight: 700; color: var(--hx-gris); }
.sva-resumen { margin: 0 0 12px; font-size: .95rem; line-height: 1.55; color: var(--hx-texto); }
.sva-condiciones { flex: 1; margin: 0 0 12px; padding: 12px 0 0; border-top: 1px dashed var(--hx-linea); list-style: none; }
.sva-condiciones li { position: relative; margin: 0; padding: 4px 0 4px 18px; font-size: .88rem; line-height: 1.5; color: var(--hx-gris); }
.sva-condiciones li::before { content: ""; position: absolute; top: 11px; left: 2px; width: 6px; height: 6px; border-radius: 50%; background: var(--hx-naranja); }
.hx .sva-mas { align-self: flex-start; font-size: .92rem; font-weight: 800; text-decoration: none; }
.sva-mas i { margin-left: 4px; font-size: .85em; }

.sva-precios { width: 100%; margin: 0 0 12px; border-collapse: collapse; font-size: .86rem; }
.sva-precios th, .sva-precios td { padding: 6px 4px; border-bottom: 1px solid var(--hx-linea); text-align: right; }
.sva-precios th:first-child { text-align: left; }
.sva-precios thead th { font-size: .72rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; color: var(--hx-gris); }
.sva-precios tbody th { font-weight: 600; color: var(--hx-texto); }
.sva-precios s { color: #8a96a8; }
.sva-precios strong { color: var(--hx-naranja); }

.sva-nota { max-width: 820px; margin: 24px auto 0; font-size: .9rem; line-height: 1.55; text-align: center; color: var(--hx-gris); }
.sva-faq { max-width: 900px; margin: 0 auto; }

/* ---------- Pantallas medianas y móvil ---------- */
@media (max-width: 991.98px) {
	.sva-intro { grid-template-columns: minmax(0, 1fr); gap: 28px; }
}
@media (max-width: 575.98px) {
	.hx.sva-seccion { padding: 52px 0; }
	.sva-cifras li { width: calc(50% - 5px); }
	.sva-incluidos li { padding: 16px; }
}