/* Página de sucursal preparada para la IA de Google (14-oct-2026, piloto Almagro): resumen, fecha y tabla de tamaños.
   Va aparte del CSS en línea de partials/sucursal/piloto.htm, que ya está al borde de lo que aguanta el Twig del sitio.
   Si se cambia este archivo, subir el ?v= en partials/sucursal/piloto.htm: Cloudflare lo guarda por años. */
.sv2 .sv2-resumen { max-width: 46rem; }
.sv2 .sv2-resumen p { margin: 0; font-size: 1.08rem; line-height: 1.65; color: #241d63; text-wrap: pretty; }
.sv2 .sv2-resumen .sv2-actualizado { margin-top: .5rem; font-size: .85rem; color: #6b6798; }

.sv2 .sv2-tabla-envuelta { overflow-x: auto; border-radius: 18px; border: 1px solid #e6e3fa; background: #fff; }
.sv2 .sv2-tabla { width: 100%; border-collapse: collapse; font-size: .98rem; }
.sv2 .sv2-tabla caption { caption-side: bottom; padding: .7rem 1.1rem .9rem; font-size: .85rem; color: #6b6798; }
.sv2 .sv2-tabla th, .sv2 .sv2-tabla td { padding: .8rem 1.1rem; text-align: left; vertical-align: top; border-top: 1px solid #efedfb; }
.sv2 .sv2-tabla thead th { border-top: 0; background: #f6f5fe; color: #1e1688; font-size: .82rem; font-weight: 800; letter-spacing: .03em; text-transform: uppercase; }
.sv2 .sv2-tabla tbody th { color: #1e1688; font-weight: 800; white-space: nowrap; }
.sv2 .sv2-tabla tbody td:last-child { font-weight: 700; color: #120c5a; }
.sv2 .sv2-tabla tbody tr:hover { background: #fbfaff; }
.sv2 .sv2-tabla .sv2-sinlugar { color: #6b6798; }

/* Plegada (Jon, 14-oct: «mucha información a la vista»): toma el recuadro de las preguntas frecuentes (.sv2 details) y la
   tabla queda adentro, sin un segundo borde. */
.sv2 details.sv2-plegable { padding: 0; overflow: hidden; }
.sv2 details.sv2-plegable > summary { padding: 1.05rem 1.25rem; }
.sv2 details.sv2-plegable .sv2-tabla-envuelta { border: 0; border-top: 1px solid #efedfb; border-radius: 0; }
.sv2 .sv2-tabla a { color: #4f42e1; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.sv2 .sv2-tabla a:hover { color: #1e1688; }

/* En el celular cada fila se apila (tamaño, qué entra y precio) y la nota de precios queda abajo. */
@media (max-width: 575.98px) {
    .sv2 .sv2-resumen p { font-size: 1rem; }
    .sv2 .sv2-tabla { display: flex; flex-direction: column; font-size: .95rem; }
    .sv2 .sv2-tabla thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
    .sv2 .sv2-tabla tbody, .sv2 .sv2-tabla tr, .sv2 .sv2-tabla th, .sv2 .sv2-tabla td { display: block; }
    .sv2 .sv2-tabla th, .sv2 .sv2-tabla td { padding: 0; border: 0; }
    .sv2 .sv2-tabla tr { padding: .9rem 1rem; border-top: 1px solid #efedfb; }
    .sv2 .sv2-tabla tbody tr:first-child { border-top: 0; }
    .sv2 .sv2-tabla tbody td { margin-top: .2rem; }
    .sv2 .sv2-tabla tbody td:last-child { margin-top: .35rem; }
    .sv2 .sv2-tabla caption { order: 2; display: block; padding: .75rem 1rem .9rem; border-top: 1px solid #efedfb; }
}