/* esta_semana.css — /esta-semana en el sistema visual (SEMANA-1). Lo de la página que no es sistema: la frase y su base, las barras de los cierres, las listas. Colores, solo tokens: claro y oscuro salen solos. */
.sv.es, .sv .es { --es-lectura: 72ch; }
/* Dos columnas en el PC: la prosa no deja medio ancho vacío; con una sola línea, a su medida de lectura */
.sv .es-lineas { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--sp-5) var(--sp-8); margin: 0 0 var(--sp-4); }
.sv .es-lineas-1 { grid-template-columns: minmax(0, var(--es-lectura)); }
.sv .es-linea { min-width: 0; }
@media (max-width: 1023px) { .sv .es-lineas { grid-template-columns: minmax(0, 1fr); gap: var(--sp-4); } }
.sv .es-frase { margin: 0; font-size: 17px; line-height: 1.4; font-weight: 500; color: var(--color-texto-fuerte); }
.sv .es-base { margin: 2px 0 0; font-size: var(--fs-nota); line-height: 1.45; color: var(--color-texto-2); max-width: var(--es-lectura); }
.sv .es-h3 { margin: var(--sp-5) 0 var(--sp-2); font-family: var(--fuente-sans); font-size: var(--fs-cuerpo); font-weight: 600; color: var(--color-texto-fuerte); }
.sv .es-tablas { margin-top: var(--sp-4); }
.sv .es-gf { margin: 0 0 var(--sp-5); }
.sv .es-gf .gf-lienzo { min-height: 0; }
.sv .gf-lienzo svg.es-dias { display: block; width: 100%; height: 160px; margin-top: var(--sp-2); border-bottom: 1px solid var(--dato-eje); }
.sv .es-dia { fill: var(--dato-1); }
.sv .es-dia-finde { fill: var(--dato-apagado); }
.sv .es-eje { display: flex; justify-content: space-between; margin-top: 4px; font-size: var(--fs-nota); color: var(--color-texto-2); font-variant-numeric: tabular-nums; }
.sv .es-reglas, .sv .es-caidas, .sv .es-medidas { margin: var(--sp-2) 0 0; padding: 0; list-style: none; max-width: var(--es-lectura); font-size: var(--fs-nota); line-height: 1.45; color: var(--color-texto-2); }
.sv .es-reglas li, .sv .es-caidas li, .sv .es-medidas li { padding: 4px 0; border-top: 1px solid var(--color-borde); }
.sv .es-reglas li:first-child, .sv .es-caidas li:first-child, .sv .es-medidas li:first-child { border-top: 0; }
.sv .es-reglas b, .sv .es-caidas b { color: var(--color-texto); font-weight: 600; }
.sv .es-medidas { font-size: var(--fs-cuerpo); }
.sv .es-archivo { display: flex; flex-wrap: wrap; gap: 4px var(--sp-4); margin: var(--sp-2) 0 0; padding: 0; list-style: none; font-size: var(--fs-nota); font-variant-numeric: tabular-nums; }
.sv .es-pasos { margin: 0; font-size: var(--fs-nota); }
/* El nombre del mercado, entero: es lo que se busca en esta tabla, y son textos fijos de pocas palabras */
.sv #es-mercados .nombre { max-width: 46ch; white-space: normal; }
.sv #es-mercados .nombre .corto { display: block; -webkit-line-clamp: none; line-clamp: none; max-height: none; overflow: visible; }
@media (max-width: 767px) {
    .sv .es-frase { font-size: 16px; }
    .sv .gf-lienzo svg.es-dias { height: 110px; }
    .sv #es-mercados .nombre { max-width: none; white-space: normal; }
    /* Los enlaces, a más de 40 px de toque sin mover el texto (como .procedencia y .linea-aviso del sistema) */
    .sv :is(.es-base, .es-archivo, .es-pasos) a { display: inline-block; padding: 12px 0; margin: -12px 0; }
    .sv .es-medidas a { display: block; padding: 6px 0; }
}
}