/* "Leer más": vert foncé + flèche grise */
a.leer-mas, .leer-mas a, a.read-more{
  color:#1f5c4f !important;          /* vert foncé */
  font-weight:600;
  text-decoration:none;
}
a.leer-mas::after, .leer-mas a::after, a.read-more::after{
  content:"▾";                        /* flèche vers le bas */
  display:inline-block;
  margin-left:.4rem;
  transform:translateY(-1px);
  color:#777;                         /* gris */
  opacity:.9;
}
a.leer-mas:hover, .leer-mas a:hover, a.read-more:hover{ text-decoration:underline; }
/* Hauteur du header (desktop) */
:root { --header-h: 100px; }          /* ajuste 80–120px selon ton header */

/* Méthode moderne */
html { scroll-padding-top: var(--header-h); }
#servicios { scroll-margin-top: var(--header-h); }

/* Fallback universel (marche même si un script gère le scroll) */
#servicios::before{
  content:"";
  display:block;
  height:var(--header-h);
  margin-top:calc(-1 * var(--header-h));
  visibility:hidden;
}

/* Header plus haut sur mobile */
@media (max-width: 991px){
  :root { --header-h: 140px; }        /* ajuste si besoin */
}

/* ——— Menu du haut : taille de police ——— */
@media (min-width: 992px){
  .header.navbar-fixed-top .navbar .nav-collapse .navbar-nav > li > a,
  .header.navbar-fixed-top .navbar .navbar-nav > li > a,
  .header .navbar .nav-collapse .navbar-nav > li > a,
  .header .navbar .navbar-nav > li > a,
  .navbar .navbar-nav > li > a{
    font-size: 17px !important;
    line-height: 1.2 !important;
    padding-top: 18px !important;
    padding-bottom: 18px !important;
  }
  .header .navbar .dropdown-menu > li > a,
  .dropdown-menu > li > a{
    font-size: 15px !important;
    line-height: 1.2 !important;
  }
}
@media (max-width: 991px){
  .header .navbar .navbar-nav > li > a{
    font-size: 15px !important;
    line-height: 1.2 !important;
  }
}

/* ——— Garder le parent actif (fond vert + texte blanc) tant que le sous-menu est ouvert ——— */

/* 1) États pilotés par notre JS: .open + aria-expanded="true" */
.header .navbar .navbar-nav > li.nav-item.dropdown.open > a,
.header .navbar .navbar-nav > li.nav-item.dropdown > a[aria-expanded="true"]{
  background-color:#3b6e62 !important;
  color:#fff !important;
}

/* 2) Navigation clavier / focus dans le sous-menu */
.header .navbar .navbar-nav > li.nav-item.dropdown:focus-within > a{
  background-color:#3b6e62 !important;
  color:#fff !important;
}

/* 3) Survol du parent OU du sous-menu (navigateurs modernes) */
.header .navbar .navbar-nav > li.nav-item.dropdown:hover > a,
.header .navbar .navbar-nav > li.nav-item.dropdown:has(> .dropdown-menu:hover) > a{
  background-color:#3b6e62 !important;
  color:#fff !important;
}

/* 4) Si un thème tente de réappliquer ses :hover/:focus sur <a>, on force */
.header .navbar .navbar-nav > li.nav-item.dropdown.open > a:hover,
.header .navbar .navbar-nav > li.nav-item.dropdown.open > a:focus,
.header .navbar .navbar-nav > li.nav-item.dropdown.open > a:active{
  background-color:#3b6e62 !important;
  color:#fff !important;
}

/* Icônes éventuelles */
.header .navbar .navbar-nav > li.nav-item.dropdown.open > a i,
.header .navbar .navbar-nav > li.nav-item.dropdown:focus-within > a i{
  color:#fff !important;
}