/* ============================
   FOOTER PREMIUM ECUSX (BLINDADO)
   ============================ */

.ecusx-footer-premium {
  all: initial; /* Aísla el footer de Bootstrap y Templatemo */
  box-sizing: border-box;
  display: block;
  width: 100%;
  padding: 18px 20px; /* ← ANTES 40px → ahora más compacto */
  background: linear-gradient(to right, #0062E6, #33AEFF);
  font-family: Arial, sans-serif;
}

/* LOGO ARRIBA A LA IZQUIERDA */
.ecusx-footer-logo {
  all: initial;
  display: block;
  margin-bottom: 15px; /* ← ANTES 25px → menos separación */
  text-align: left;
}

.ecusx-footer-logo img {
  all: initial;
  display: block;
  width: 140px;  /* Puedes ajustar si quieres más pequeño */
  height: auto;
}

/* NAV (centrado en PC) */
.ecusx-footer-nav {
  all: initial;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 22px; /* ← ANTES 30px → más compacto */
  margin: 0 auto 18px auto; /* ← ANTES 25px → menos separación */
  font-family: Arial, sans-serif;
}

.ecusx-footer-nav a {
  all: initial;
  font-family: Arial, sans-serif !important;
  color: #E8F1FF;
  font-size: 18px !important;
  cursor: pointer;
  text-decoration: none;
  padding: 3px 4px; /* ← más compacto */
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.ecusx-footer-nav a:hover {
  opacity: 0.85;
  transform: translateY(-2px);
}

/* COPYRIGHT */
.ecusx-footer-copy {
  all: initial;
  font-family: Arial, sans-serif;
  color: #DCE6F7;
  font-size: 14px !important;
  display: block;
  text-align: center;
  margin: 0 auto;
}

/* ============================
   RESPONSIVE — MÓVIL REAL
   ============================ */
@media (max-width: 600px) {

  /* Menú alineado a la izquierda */
  .ecusx-footer-nav {
    flex-direction: column;
    gap: 10px; /* ← más compacto */
    align-items: flex-start;
    text-align: left;
    margin-left: 0;
   
  }
  
  .ecusx-footer-nav a {
 
  font-family: Arial, sans-serif !important;
 
  font-size: 18px !important;
  font-weight: 300!important;
}

  /* Logo también a la izquierda */
  .ecusx-footer-logo {
    text-align: left;
    margin-bottom: 12px; /* ← menos separación en móvil */
  }
  
  .ecusx-footer-copy {
  
  font-family: Arial, sans-serif;
  
  font-size: 16px !important;
  
  
 
}
  
}