html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

/* Fondo de toda la aplicación */
body {
    background-color: #1B4275;
    font-family: "Segoe UI", sans-serif;
}

/* Contenedor principal */
main {
    padding: 30px;
}

/* Tarjetas */
.card {
    border: none;
    border-radius: 15px;
    box-shadow: 0 8px 20px rgba(0,0,0,.15);
}

/* Encabezados */
h1,h2,h3,h4{
    color:#fff;
    font-weight:600;
}

/* Formularios */
.form-control{
    border-radius:10px;
}

.form-control:focus{
    border-color:#1350ac;
    box-shadow:0 0 0 .2rem rgba(13,110,253,.25);
}

/* Botones */
.btn{
    border-radius:10px;
    padding:8px 18px;
}

html,
body{
    min-height:100vh;
}

body.bg-cmg{
    background:#1B4275
}

/* COLORES DE STATUS*/
.status-badge {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 5px;
    font-weight: bold;
    font-size: 0.85rem;
}

.status-pagada {
    background-color: #d4edda;
    color: #155724;
}

.status-vencida {
    background-color: #f8d7da;
    color: #721c24;
}

.status-pendiente {
    background-color: #fff3cd;
    color: #856404;
}

.status-cancelada{
    background-color: #f8d7da;
    color:darkorange;
}

.status-nota-de-credito{
    background-color:aliceblue;
    color:#1350ac;
}