/* "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: 15px !important;   /* était 17px */
    line-height: 1.2 !important;
    padding-top: 16px !important; /* était 18px */
    padding-bottom: 16px !important;
  }
  .header .navbar .dropdown-menu > li > a,
  .dropdown-menu > li > a{
    font-size: 14px !important;   /* était 15px */
    line-height: 1.2 !important;
  }
}
@media (max-width: 991px){
  .header .navbar .navbar-nav > li > a{
    font-size: 14px !important;   /* était 15px */
    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;
}
/* ——— Boutons flottants : même hauteur gauche/droite ——— */
:root{ --fab-bottom: 20px; }           /* mets ici la valeur que TU utilises pour WhatsApp : 16/20/24px, etc. */

.whatsapp-float{
  position: fixed;                     /* on ne change pas sa place, juste on documente */
  right: 18px;
  bottom: var(--fab-bottom);           /* tu peux supprimer cette ligne si tu ne veux VRAIMENT pas y toucher */
  z-index: 9999;
}

.contact-icon{
  position: fixed !important;          /* force le positionnement */
  left: 18px;
  bottom: var(--fab-bottom) !important;/* exactement la même hauteur que WhatsApp */
  z-index: 9999;
}

/* Option : un peu plus bas sur très petit écran */
@media (max-width: 575px){
  :root{ --fab-bottom: 16px; }
}
/* CONTACTO : restaurer UNIQUEMENT l’image de fond */
#contacto .contact-section-new{
  background-image: var(--bg-img) !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

/* === SERVICIOS : logos plus grands === */
#servicios .service-logo{
  display:block;
  margin:0 auto 12px;
  width:auto;
  height:clamp(100px, 12vw, 140px);
  max-height:140px;
  object-fit:contain;
}

/* === CONTACTO : forcer le fond image ; enlever tout fond blanc === */
#contacto.contact-section-new,
#contacto .contact-section-new{
  background-image: url("/img/grops_1200.jpg") !important; /* chemin absolu pour éviter css/ */
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-color: transparent !important;
}
#servicios .service-logo{
  display:block; margin:0 auto 12px;
  height:clamp(110px, 12.5vw, 150px) !important;
  width:auto !important;
  object-fit:contain;
}