/* Estado activo + hover en escritorio (≥992 px) */
@media (min-width:992px){
  .ftco-navbar-light .navbar-nav > .nav-item > .nav-link:hover,
  .ftco-navbar-light .navbar-nav > .nav-item > .nav-link:focus,
  .ftco-navbar-light .navbar-nav > .nav-item.active > a,
  .ftco-navbar-light.scrolled     .nav-item.active > a{
    background:transparent;      /* sin fondo o el que desees   */
    color:#2196f3 !important;    /* azul principal              */
  }
}

/* Color base en reposo (opcional)                               */
.ftco-navbar-light .navbar-nav > .nav-item > .nav-link{
  color:#5bc0ff;                 /* celeste suave               */
}

/* ▸ Estado ACTIVO (y hover / focus)  ------------------------------------ */
.ftco-navbar-light .navbar-nav > .nav-item > .nav-link:hover,
.ftco-navbar-light .navbar-nav > .nav-item > .nav-link:focus,
.ftco-navbar-light .navbar-nav > .nav-item.active > a,
.ftco-navbar-light.scrolled .navbar-nav > .nav-item.active > a {
  background:#3e64ff !important;   /* azul/celeste que prefieras */
  color:#fff !important;           /* texto en blanco (o tu color) */
}

/* Imagen fija ------------------------------------------------------- */
.about-img{
  background-image:url(/public/images/about.jpg);
  background-size:cover;
  background-position:center;
  height:500px;        /* alto fijo: ajusta a tu diseño */
  width:100%;
  flex-shrink:0;       /* impide que se deforme al reducir viewport */
  overflow:hidden;     /* por si la foto es más alta */
}

/* Evita que la columna-imagen se estire con el texto */
@media (min-width:768px){           /* solo escritorio/tablet */
  .about-img-wrapper{
    flex:0 0 50%;      /* ancho 50 % pero alto fijo */
    align-self:start;  /* se queda arriba; no estira */
  }
}

/* Empuja la foto hacia abajo en pantallas ≥ md (≥ 768 px) */
@media (min-width:768px){
  .about-img-wrapper{
    margin-top:6rem;      /* ≈ 32 px — ajusta a tu gusto */
  }
}

/* Si quieres un poco también en móvil, añade: */
@media (max-width:767.98px){
  .about-img-wrapper{
    margin-top:1rem;      /* o 0 si sigues ocultando la foto */
  }
}