/* =============================================
   PLANIFICADOR — FRANJA DE LOGOS SOTA EL MAPA
   ---------------------------------------------
   Els planificadors usen la maqueta "ver1-mapa",
   que posa `body { overflow: hidden }` (app de
   mapa a pantalla completa) i NO carrega els
   estils del footer del tema (v3).

   Aquí:
   1) Desbloquegem el scroll vertical perquè es
      pugui baixar fins als logos.
   2) Reproduïm NOMÉS els estils de la franja
      `.ftr-logo` (els altres blocs del footer
      global no es volen).

   Imatges de fons: cap (només logos via <img>).
   ============================================= */

/* ---------------------------------------------
   1) DESBLOQUEJA EL SCROLL VERTICAL
   La maqueta bloqueja el scroll amb body{overflow:hidden}.
   El reactivem (el modal de login el torna a posar
   inline a "hidden" quan cal, així que no hi interferim).
   --------------------------------------------- */
html { overflow-x: hidden; }
body {
    overflow-x: hidden;
    overflow-y: auto;
}

/* La franja de logos va SOTA el mapa, en flux normal.
   .mapa-sec és float:left, per això cal netejar el float. */
.ftr-logo { clear: both; }

/* ---------------------------------------------
   2) FRANJA DE LOGOS
   --------------------------------------------- */
.ftr-logo { width: 100%; float: left; background: rgba(30, 53, 50, 0.05); padding: 25px 0; }
.ftr-logo .row2 { width: 100%; max-width: 1200px; margin: auto; padding: 0 15px; }
.ftr-logo-inner { width: 100%; float: left; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px; }
.ftr-logo-lft { flex: 0 1 58%; }
.ftr-logo-rgt { flex: 0 1 40%; }
.ftr-logo ul { width: 100%; float: left; display: flex; flex-wrap: wrap; align-items: center; column-gap: 12px; row-gap: 10px; margin-bottom: 10px; }
.ftr-logo ul li { flex: 0 1 auto; }
.ftr-logo ul li a { float: left; display: block; transition: all .5s ease; }
.ftr-logo ul li a img { display: block; width: auto; height: auto; max-height: 50px; transition: all .5s ease; }
.ftr-logo ul li a:hover img { opacity: 0.7; }
.ftr-logo p { width: 100%; float: left; text-align: left; font-family: 'Poppins-Regular'; font-size: 11px; line-height: 16px; color: rgba(0, 0, 0, 0.7); margin: 0; }

/* ---------------------------------------------
   3) RESPONSIVE
   --------------------------------------------- */
@media screen and (max-width: 1023px) {
    .ftr-logo { padding: 20px 0; }
    .ftr-logo-lft,
    .ftr-logo-rgt { flex: 0 1 100%; }
    .ftr-logo ul li a img { max-height: 40px; }
}

@media screen and (max-width: 767px) {
    .ftr-logo ul { justify-content: center; }
    .ftr-logo p { text-align: center; }
    .ftr-logo ul li a img { max-height: 35px; }
}