/* ============================================================================
   LOTÉALO — Tema de marca (manual v1.0)
   Paleta oficial:
     Azul petróleo  #2B3E4A  (confianza, tecnología, control)
     Verde esmeralda #005F4B (terreno, crecimiento, estabilidad)
     Dorado arena   #C9A76D  (valor, inversión, rentabilidad)
     Blanco cálido  #FAFAF8  (claridad, orden, espacio)
   Tipografía: Montserrat (auto-hospedada para respetar la CSP).
   ============================================================================ */

@font-face { font-family:'Montserrat'; font-weight:400; font-style:normal; font-display:swap;
  src:url('/fonts/Montserrat-Regular.ttf') format('truetype'); }
@font-face { font-family:'Montserrat'; font-weight:500; font-style:normal; font-display:swap;
  src:url('/fonts/Montserrat-Medium.ttf') format('truetype'); }
@font-face { font-family:'Montserrat'; font-weight:600; font-style:normal; font-display:swap;
  src:url('/fonts/Montserrat-SemiBold.ttf') format('truetype'); }
@font-face { font-family:'Montserrat'; font-weight:700; font-style:normal; font-display:swap;
  src:url('/fonts/Montserrat-Bold.ttf') format('truetype'); }

:root {
  --lot-azul:   #2B3E4A;
  --lot-verde:  #005F4B;
  --lot-oro:    #C9A76D;
  --lot-blanco: #FAFAF8;

  /* Bootstrap toma esta variable en 5.3 para toda la tipografía. */
  --bs-body-font-family: 'Montserrat', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --bs-primary: #2B3E4A;
  --bs-primary-rgb: 43, 62, 74;
  --bs-link-color: #005F4B;
  --bs-link-hover-color: #00473a;
}

body { background-color: var(--lot-blanco) !important; }

/* Navbar de marca (azul petróleo). */
.bg-lotealo { background-color: var(--lot-azul) !important; }
.navbar-brand img { display:block; }

/* Botones primarios → azul petróleo. */
.btn-primary {
  --bs-btn-bg: #2B3E4A; --bs-btn-border-color: #2B3E4A;
  --bs-btn-hover-bg: #22323c; --bs-btn-hover-border-color: #22323c;
  --bs-btn-active-bg: #1b2830; --bs-btn-active-border-color: #1b2830;
  --bs-btn-disabled-bg: #2B3E4A; --bs-btn-disabled-border-color: #2B3E4A;
}
.btn-outline-primary {
  --bs-btn-color: #2B3E4A; --bs-btn-border-color: #2B3E4A;
  --bs-btn-hover-bg: #2B3E4A; --bs-btn-hover-border-color: #2B3E4A;
  --bs-btn-active-bg: #2B3E4A; --bs-btn-active-border-color: #2B3E4A;
}
/* Éxito / confirmaciones → verde esmeralda. */
.btn-success {
  --bs-btn-bg: #005F4B; --bs-btn-border-color: #005F4B;
  --bs-btn-hover-bg: #004b3b; --bs-btn-hover-border-color: #004b3b;
  --bs-btn-active-bg: #003b2f; --bs-btn-active-border-color: #003b2f;
}
.btn-outline-success {
  --bs-btn-color: #005F4B; --bs-btn-border-color: #005F4B;
  --bs-btn-hover-bg: #005F4B; --bs-btn-hover-border-color: #005F4B;
}
/* Acento dorado (llamados de valor / advertencias suaves). */
.btn-warning {
  --bs-btn-bg: #C9A76D; --bs-btn-border-color: #C9A76D; --bs-btn-color: #2B3E4A;
  --bs-btn-hover-bg: #bd9857; --bs-btn-hover-border-color: #bd9857; --bs-btn-hover-color: #2B3E4A;
  --bs-btn-active-bg: #b08b45; --bs-btn-active-color: #2B3E4A;
}

/* Texto/insignias/enlaces de marca. */
.text-primary { color: #2B3E4A !important; }
.text-success { color: #005F4B !important; }
.badge.text-bg-primary { background-color: #2B3E4A !important; }
.badge.text-bg-success { background-color: #005F4B !important; }
a { color: #005F4B; }
a:hover { color: #00473a; }
.navbar-brand, a.navbar-brand:hover { color: #fff; }

/* Barras de progreso, foco y acentos varios. */
.progress-bar { background-color: #2B3E4A; }
.form-control:focus, .form-select:focus {
  border-color: #7fb3a5; box-shadow: 0 0 0 .2rem rgba(0, 95, 75, .15);
}
.table > :not(caption) > * > * { --bs-table-accent-bg: transparent; }

/* Titulares en Montserrat SemiBold/Bold. */
h1, h2, h3, .h1, .h2, .h3, .navbar-brand { font-weight: 600; }