:root {
  --brand-1: #002F6C;  /* Azul oscuro */
  --brand-2: #0056A6;  /* Azul medio */
  --brand-3: #FFFFFF;  /* Blanco */

  --bs-primary: var(--brand-2);
  --bs-link-color: var(--brand-2);
  --bs-link-hover-color: var(--brand-1);
}

body {
  font-family: 'Inter', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

 .navbar{
  border-bottom: 1px solid rgba(29,78,216,.15);
}

.welcome-text {
  font-size: 1.725rem;  /* 18px aprox */
  line-height: 1.6;
  color: #333;          /* gris oscuro para legibilidad */
  max-width: 900px;     /* no se hace tan ancho en pantallas grandes */
  margin: 0 auto;       /* centra el párrafo */
}

.site-hero{
  background: linear-gradient(135deg, var(--brand-1), var(--brand-1));
  color: #fff;
}

.section-services {
  width: 100%;
  background-color: #f0f6ff; /* azul muy bajito */
}


.icon-service {
    width: 100px;   /* o el tamaño que quieras */
    height: auto;  /* mantiene proporción */
    object-fit: contain; /* asegura que nunca recorte */
}
      /* mantiene proporción */


.site-hero .lead{ opacity:.95; }

.btn-primary{
  --bs-btn-bg: var(--brand-1);
  --bs-btn-border-color: var(--brand-1);
}
.btn-primary:hover{
  --bs-btn-bg: #1e40af;
  --bs-btn-border-color: #1e40af;
}

.btn-outline-primary{
  --bs-btn-color: var(--brand-1);
  --bs-btn-border-color: var(--brand-1);
}
.btn-outline-primary:hover{
  --bs-btn-bg: var(--brand-1);
  --bs-btn-border-color: var(--brand-1);
}

.form-control:focus{
  border-color: var(--brand-2);
  box-shadow: 0 0 0 .2rem rgba(37,99,235,.15);
}

.card{
  transition: transform .05s ease, box-shadow .2s ease;
}
.card:hover{
  box-shadow: 0 .5rem 1rem rgba(37,99,235,.15);
  transform: translateY(-1px);
}

/* PARTNERS */
.partners-section{
  background: #d6e7f4;            /* azul muy clarito (puedes usar #d9eaf7 o #cfe2f3) */
  width: 100%;
}

.partners-section {
  background-color: #f0f6ff; /* azul claro */
}

.partner-badge {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 12px rgba(0,0,0,.08);
  transition: transform .2s ease, box-shadow .2s ease;
}

.partner-badge img {
  max-width: 70%;
  max-height: 70%;
  object-fit: contain;
  filter: grayscale(100%);
  opacity: 0.8;
  transition: filter .2s ease, opacity .2s ease;
}

.partner-badge:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0,0,0,.12);
}

.partner-badge:hover img {
  filter: grayscale(0%);
  opacity: 1;
}


.features-section {
  background-color: #fff;  /* azul clarito */
}

.feature-card {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,.08);
  transition: transform .2s ease, box-shadow .2s ease;
  color: var(--brand-1); /* texto azul oscuro */
}

.feature-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0,0,0,.12);
}

.feature-card h5 {
  color: var(--brand-1);
}

.feature-card p {
  color: #333; /* gris oscuro para el texto */
}

.icon-feature {
  max-width: 60px;
  height: auto;
}


/*.card img { object-fit: cover; height: 180px; }*/
.navbar-brand { letter-spacing: .3px; }

/* Hover en desktop (=992px) para abrir el submenú */
@media (min-width: 992px) {
  .navbar .dropdown:hover > .dropdown-menu {
    display: block;
  }
  .navbar .dropdown-menu {
    margin-top: 0; /* evita el “salto” entre el trigger y el menú */
  }
  /* (Opcional) anima el caret */
  .navbar .dropdown-toggle::after {
    transition: transform .2s;
  }
  .navbar .dropdown:hover .dropdown-toggle::after {
    transform: rotate(180deg);
  }
}