/* =====================================================================
   selector_mes.css - la ventana para elegir mes y año
   (includes/vistas/selector_mes.php, assets/js/selector_mes.js)
   ---------------------------------------------------------------------
   La misma en Premios, Ganadores y la lista de participantes. Antes vivia
   en premios.css; tal cual, con el foco del teclado a la vista.
   ===================================================================== */
.mes-picker{position:fixed;inset:0;z-index:100003;display:flex;align-items:center;justify-content:center;background:rgba(15,23,42,.35)}
.mes-picker[hidden]{display:none}
.mes-picker-caja{background:#fff;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.18);padding:20px;width:min(420px,88vw);color:#111}
.mes-picker-anio{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:14px}
.mes-picker-anio button{border:0;background:#f1f1f1;border-radius:10px;padding:6px 12px;cursor:pointer;font-size:18px}
.mes-picker-anio button:disabled{opacity:.35;cursor:not-allowed}
.mes-anio-label{font-size:22px;font-weight:900}
.mes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.mes-btn{border:2px solid #e5e7eb;background:#fff;border-radius:12px;padding:12px 4px;font:800 14px/1.2 var(--fuente);cursor:pointer;color:#111}
.mes-btn.activo{border-color:#3b82f6;color:#3b82f6}
.mes-btn:disabled{opacity:.4;filter:grayscale(1);cursor:not-allowed}
@media (max-width:600px){.mes-btn{font-size:clamp(10px,2.8vw,13px);padding:10px 2px}}
.mes-picker-anio button:focus-visible,.mes-btn:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}