.acciones{grid-template-columns:repeat(4,minmax(0,1fr))}
.acciones .boton{padding:12px 10px;font-size:13px}
th,td{border-right:1px solid #e1e9f0}
th:last-child,td:last-child{border-right:0}
.alcance-label{margin-top:22px}
#alcance-descarga{max-width:580px}
#supabase-link{margin-top:14px}
nav #supabase-link{margin-top:0}
.verde{background:#c6e0b4;color:#163815}
.amarilla{background:#fff000;color:#493c00}
.naranja{background:#ffc000;color:#4d3400}
.roja{background:#ff3030;color:#fff}
@media(max-width:1000px){.acciones{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.acciones{grid-template-columns:1fr}}

/* Sin anchos mínimos ni recortes: la gráfica se redibuja al girar el celular. */
.contenedor,.panel,main,.filtros>*,.datos-grid>*{min-width:0}
.grafica{overflow:visible;min-width:0;max-width:100%}
.grafica svg{display:block;min-width:0;width:100%;max-width:100%;height:auto;max-height:none}
.tabla-scroll{overflow:visible;max-width:100%}
.tabla-scroll table{white-space:normal;table-layout:fixed}
.tabla-scroll th,.tabla-scroll td{padding:10px 5px;font-size:12px;overflow-wrap:anywhere;text-align:center}
.tabla-scroll th:nth-child(7),.tabla-scroll td:nth-child(7){width:16%}
.tabla-scroll th:nth-child(8),.tabla-scroll td:nth-child(8){width:18%}
.tabla-scroll .estado{white-space:normal;padding:6px;font-size:11px;max-width:100%}
@media(max-width:760px){
  .contenedor{padding:16px 10px}
  .panel{padding:18px 12px}
  .tabla-scroll{border:0;border-radius:0}
  .tabla-scroll table,.tabla-scroll tbody{display:block;width:100%}
  .tabla-scroll thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .tabla-scroll tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #c9d8e5;border-radius:9px;overflow:hidden;margin-bottom:14px;background:#fff}
  .tabla-scroll td,.tabla-scroll td:nth-child(7),.tabla-scroll td:nth-child(8){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:auto;min-width:0;min-height:60px;padding:8px 3px;font-size:12px;font-weight:600;line-height:1.35;overflow-wrap:anywhere;border-bottom:1px solid #e1e9f0;border-right:1px solid #e1e9f0}
  .tabla-scroll td::before{content:attr(data-label);display:block;font-size:10px;font-weight:400;color:#52677a}
  .tabla-scroll td:nth-child(3n){border-right:0}
  .tabla-scroll td:nth-last-child(-n+3){border-bottom:0}
  .tabla-scroll td:nth-child(-n+3){background:#edf5fb}
  .tabla-scroll .estado{font-size:10px;padding:5px;line-height:1.3}
  .tabla-scroll .editar-enlace{font-size:12px;min-height:40px;padding:8px 3px}
  .cabecera-seccion>*{max-width:100%}
  .cabecera-seccion .boton{white-space:normal}
  .sesion-barra{flex-wrap:wrap}
  .barra-editor{flex-wrap:wrap}
  input,select{min-width:0;max-width:100%}
}
@media(max-width:360px){
  .filtros,.datos-grid{grid-template-columns:minmax(0,1fr)}
  .filtros button{min-width:0;width:100%}
  .nube{white-space:normal}
}