/* ===== Footer (Bootstrap clean) ===== */

.dc-footer{
  background: #1f1f1d !important;
  color: #e9e8e2;
}

/* Links blancos (sin azul bootstrap) */
.dc-footer a,
.dc-footer a:visited,
.dc-footer a:hover,
.dc-footer a:focus,
.dc-footer a:active{
  color: #fff !important;
  text-decoration: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

/* Espaciado general del footer: arriba/abajo 2rem, lados 1rem */
.dc-footer-inner{
  padding: 5rem 1rem 2rem; /* se respeta tal como lo tenías */
}

/* TOP (contenedor principal de menú + logos) */
.dc-footer-top{
  padding: 0 2rem 2rem;
}

/* Menú */
.dc-footer-title{
  margin-bottom: 1rem;
}

.dc-footer-link{
  margin: .20rem 0 !important;
  line-height: 1.1 !important;
}

/* Derecha: logo + redes */
.dc-footer-brand{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 24px;
}

/* Redes en fila */
.dc-footer-social{
  display: flex;
  align-items: center;
  gap: 16px;
}

/* Tamaños redes (IMG) */
.dc-footer-social img{
  max-height: 52px;
  width: auto;
  height: auto;
  display: block;
}

/* Separador + espacios */
.dc-footer-sep{
  height: 1px;
  background: rgba(255,255,255,0.25);
  width: 95%;
  margin: 1.5rem auto;
}

.dc-footer-bottom-space{
  height: 3rem;
}

/* Evita espacios raros del <a> */
.footer-logo-link{
  display: inline-block;
  line-height: 0;
}

/* SVG inline: finca */
.footer-logo-finca svg{
  display: block;
  height: 112px;
  width: auto;
  max-height: 112px;
  margin-right: 48px; /* separación finca vs redes (tal como lo dejaste) */
}

/* Por si el SVG trae fills no blancos */
.footer-logo-finca svg *{
  fill: #fff !important;
  stroke: #fff !important;
}

/* Responsive similar al anterior */
@media (max-width: 975px){
  .dc-footer-top{
    padding: 0 2rem 1.5rem;
  }

  .dc-footer-sep{
    width: 98%;
  }
}

@media (max-width: 575.98px){
  .dc-footer-top{
    padding: 0 1rem 1.25rem;
  }
}

/* ===========================
   Responsive: tablet vertical
   (< lg) derecha arriba + centrado
   =========================== */
@media (max-width: 991.98px){
  /* Cambiar orden: derecha (logos) arriba, menú abajo */
  .dc-footer-top > .col-12.col-lg-6:first-child{ order: 2; } /* menú */
  .dc-footer-top > .col-12.col-lg-6:last-child{ order: 1; }  /* logos */

  /* Centrar contenido del bloque derecho */
  .dc-footer-brand{
    justify-content: center;
  }

  /* Centrar también el contenedor de redes */
  .dc-footer-social{
    justify-content: center;
  }

}

/* ===========================
   Mobile (<= sm): centrar + reducir tamaños a la mitad
   =========================== */
@media (max-width: 575.98px){
  /* En móvil queremos todo centrado en el lado derecho */
  .dc-footer-brand{
    justify-content: center;
    align-items: center;
  }

  /* Reducir a la mitad */
  .footer-logo-finca svg{
    height: 86px;      /* 112px / 2 */
    max-height: 86px;
    margin-right: 0px; /* 48px / 2 */
  }

  .dc-footer-social img{
    max-height: 36px;  /* 52px / 2 */
  }

}

/* Más separación vertical cuando se apilan (tablet + móvil) */
@media (max-width: 991.98px){
  /* Menú abajo: empújalo más hacia abajo */
  .dc-footer-top > .col-12.col-lg-6:first-child{
    margin-top: 3rem;
  }
}

/* En móvil puedes darle un poquito más si lo quieres */
@media (max-width: 575.98px){
  .dc-footer-top > .col-12.col-lg-6:first-child{
    margin-top: 3rem;
  }
}
/* Footer links (parte inferior): apilar en móvil */
@media (max-width: 575.98px){
  #footer-links .row{
    flex-direction: column !important;
    align-items: center;
    --bs-gutter-y: 1rem; 
    gap: 0 !important;      
  }

  #footer-links .col-auto{
    width: 100%;
    text-align: center;
  }
}