/* Pocas reglas propias; el resto es Tailwind. */
.menu { display: block; border-radius: .5rem; padding: .375rem .75rem; font-size: .9rem; color: rgb(255 255 255 / .8); }
.menu:hover { background: rgb(255 255 255 / .08); color: #fff; }
.menu.activo { background: #08A8A0; color: #fff; }
.menu.desactivado { color: rgb(255 255 255 / .35); cursor: not-allowed; }
.menu.desactivado:hover { background: transparent; }
.campo { width: 100%; border: 1px solid #cbd5e1; border-radius: .5rem; padding: .55rem .75rem; background: #fff; }
.campo:focus { outline: 2px solid #08A8A0; outline-offset: 1px; }
.boton { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; border-radius: .5rem;
         padding: .6rem 1rem; font-weight: 600; background: #08A8A0; color: #fff; }
.boton:hover { background: #067F79; }
.boton-sec { background: #fff; color: #303840; border: 1px solid #cbd5e1; }
.boton-sec:hover { background: #f1f5f9; }
.tarjeta { background: #fff; border: 1px solid #e2e8f0; border-radius: .75rem; padding: 1rem 1.25rem; }
.confirmando { background: #F85048 !important; color: #fff !important; border-color: #F85048 !important; }

.elegido { background: #08A8A0 !important; color: #fff !important; border-color: #08A8A0 !important; }

/* Presupuestos en juego en el calendario de plazas: rayas ámbar */
.rayas-juego { background: repeating-linear-gradient(45deg, #EF9F27 0 3px, #FAC775 3px 6px); }