/* === PALETA DE COLORES CORPORATIVOS === */
:root {
  --azul-principal: #2B7BB7;
  --azul-oscuro: #2A3845;
  --blanco: #ffffff;
  --gris-suave: #f5f8fb;
}

/* === BOTONES PRIMARIOS === */
.btn__primary {
  background-color: var(--azul-principal) !important;
  border-color: var(--azul-principal) !important;
  color: var(--blanco) !important;
}

.btn__primary:hover,
.btn__primary:focus {
  background-color: var(--azul-oscuro) !important;
  border-color: var(--azul-oscuro) !important;
  color: var(--blanco) !important;
}

/* === HEADER & FOOTER === */
.header,
.footer {
  background-color: var(--azul-oscuro);
  color: var(--blanco);
}

/* === LINKS E ICONOS === */
a,
.nav__item-link {
  color: var(--azul-oscuro);
}

a:hover,
.nav__item-link:hover {
  color: var(--azul-principal);
}

/* === SECCIONES === */
.features-Layout2,
.about,
.features-list-layout2 {
  background-color: var(--gris-suave);
}

/* === PERSONALIZACIÓN EXTRA === */
.request__panel-banner-inner {
  background-color: var(--gris-suave);
  padding: 25px;
  border-radius: 6px;
}