/* Cotizaciones en Hoy: siete bloques en orden de urgencia (variables de estilos.css; nada de colores sueltos) */
.cot-hoy-lista { list-style: none; margin: 0; padding: 0; display: grid; }
.cot-hoy-bloque { border-top: 1px solid var(--ln); padding: var(--e2) 0; }
.cot-hoy-bloque:first-child { border-top: 0; }
.cot-hoy-bloque .plegable-titulo { margin: 0; font-size: var(--paso-0); }
.cot-hoy-orden { font-variant-numeric: tabular-nums; color: var(--tx-2); }
.cot-hoy-items { list-style: none; margin: var(--e2) 0 0; padding: 0; display: grid; gap: var(--e2); }
.cot-hoy-items > li { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--e3); align-items: center; }
.cot-hoy-items a:not(.boton) { overflow-wrap: anywhere; }
@media (max-width: 520px) { .cot-hoy-items > li { grid-template-columns: minmax(0, 1fr); } .cot-hoy-items .boton { justify-self: start; } }

/* Compactos: Hoy no debe pasar de dos pantallas. Con el área ancha, los siete bloques van en dos columnas (cuatro filas en vez de siete) */
.cot-hoy-bloque { padding: 0.125rem 0; }
@container principal (min-width: 900px) {
  .cot-hoy-lista { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--e7, 2.5rem); align-items: start; }
  .cot-hoy-bloque:nth-child(2) { border-top: 0; }
}

/* La alerta que alguien pidió: su botón para marcarla como atendida va debajo del motivo */
.atencion-alerta { margin: 0.4rem 0 0; }