/* Reglas 100% compartidas entre todas las páginas (banner institucional, logo, color de marca,
   fondo, tipografía base, título/subtítulo de página). Cualquier estilo específico de una sola
   página va en su propio archivo (dashboard.css, registrar_boletas.css, login.css,
   cambiar_estado.css), nunca acá, para que nada se filtre entre páginas. */

:root { --brand: #1d3d6e; }

.navbar-banner {
   padding: 1rem 1.5rem;
   /* border-bottom: 1px solid #b6d0f5; */
   /* background-color: #cfe2ff; */
   /* background: linear-gradient(180deg, #cfe2ff 0%, #cfe2ff 50%, #0f2c4a 100%); */   
   /* background: linear-gradient(180deg, #96c0fd 0%, #c8deff 35%, #cfe2ff 100%); */

   background: linear-gradient(180deg, #a2c6fc 0%, #c8deff 35%, #cfe2ff 100%);

   display: flex;
   justify-content: center;
   align-items: center;
}
.navbar-banner > div { display: flex; justify-content: center; align-items: center; }
.responsive-logo { height: 100px; width: auto; display: block; }

.btn-custom {
   border-radius: 8px;
   padding: .3rem .9rem;
   font-size: .85rem;
   font-weight: 500;
}

body {
    background: linear-gradient(180deg, #cfe2ff 0%, #cfe2ff 30%, #a2c6fc 50%, #0f2c4a 100%);
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    min-height: 100vh;
}

.page-title    { font-size: 1.7rem; font-weight: 700; color: #1a2e4a; }
.page-subtitle { font-size: .9rem; color: #363c42; }

.badge-estado     { font-size: .82rem; padding: .4em .85em; border-radius: 6px; font-weight: 600; white-space: nowrap; display: inline-block; }
.badge-pendiente  { background: #fff3cd; color: #856404; }
.badge-conforme, .badge-habilitado { background: #d1e7dd; color: #0a6640; }
.badge-noconforme { background: #f8d7da; color: #842029; }

.content-card {
    background-color: #fff;
    border: 0;
    border-radius: .25rem;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
    padding: 1.5rem;
}