/*
 * Agendate — la invitación a recibir los avisos de la reserva (06-10-2026). Va dentro de la pantalla de «listo» del
 * panel de reservas, encima de sus botones, o flotando abajo cuando se abre la aplicación recién instalada.
 * 360: a lo ancho, botones uno debajo del otro, de 48 px. 768 y 1280: tarjeta de hasta 460 px, botones lado a lado.
 */
.agpush { box-sizing: border-box; width: 100%; max-width: 460px; margin: 20px auto 4px; padding: 16px; border: 1px solid #e4e7ec; border-radius: 14px; background: #fff; text-align: left; font-family: inherit; color: #1d2939; }
.agpush * { box-sizing: border-box; }
.agpush-titulo { font-size: 16px; font-weight: 600; line-height: 1.35; margin: 0 0 6px; overflow-wrap: anywhere; }
.agpush-ok::before { content: '✓ '; color: #12b76a; }
.agpush-texto { font-size: 14px; line-height: 1.45; color: #475467; margin: 0; overflow-wrap: anywhere; }
.agpush-aviso:empty { display: none; }
.agpush-aviso { margin-top: 10px; color: #b42318; }
.agpush ol.agpush-pasos { margin: 10px 0 0; padding-left: 22px; font-size: 14px; line-height: 1.5; color: #344054; list-style: decimal outside; }
.agpush ol.agpush-pasos li { margin: 0 0 4px; display: list-item; list-style: decimal outside; }
.agpush-botones { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
/* (Con «.agpush button» delante: el tema del sitio le pone su propio borde y color a todo botón.) */
.agpush button.agpush-boton { appearance: none; -webkit-appearance: none; flex: 1 1 140px; min-height: 48px; margin: 0; padding: 0 16px; border: 1px solid #1f7fd1; border-radius: 4px; background: #1f7fd1; color: #fff; font: inherit; font-size: 15px; font-weight: 500; line-height: 1.2; text-transform: none; letter-spacing: 0; box-shadow: none; cursor: pointer; }
.agpush button.agpush-boton:disabled { opacity: .6; cursor: default; }
.agpush button.agpush-boton.agpush-secundario { background: #fff; color: #344054; border-color: #d0d5dd; }
.agpush > button.agpush-boton { width: 100%; margin-top: 14px; }
.agpush button.agpush-boton:focus-visible { outline: 2px solid #1f7fd1; outline-offset: 2px; }
/* Al abrir la aplicación recién instalada: pegada abajo, con aire para el borde del teléfono. */
.agpush-flotante { position: fixed; z-index: 99999; left: 16px; right: 16px; bottom: calc(16px + env(safe-area-inset-bottom, 0px)); width: auto; max-width: 460px; margin: 0 auto; box-shadow: 0 10px 30px rgba(16, 24, 40, .18); }
@media (max-width: 480px) { .agpush .agpush-botones button.agpush-boton { flex: 1 1 100%; } }