/* =========================================================
   VALENZUELA PROPIEDADES — V56
   Footer de páginas internas = footer visual del index.php.
   Se aplica a nosotros, servicios, inversiones, propiedades,
   contacto y detalle mediante includes/header.php + footer.php.
   ========================================================= */

/* Estructura y apariencia EXACTA del footer del index */
body.internal-index-shell .home-footer.index-footer-shell{
  position:relative !important;
  left:auto !important;
  right:auto !important;
  transform:none !important;
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  margin:0 !important;
  padding:42px 0 0 !important;
  background:#192128 !important;
  color:#d7dde2 !important;
  font-family:"Roboto",sans-serif !important;
  box-sizing:border-box !important;
}

body.internal-index-shell .home-footer.index-footer-shell .footer-grid{
  display:grid !important;
  grid-template-columns:1.35fr .75fr .9fr 1.35fr .7fr !important;
  gap:46px !important;
  align-items:start !important;
  padding-bottom:36px !important;
  margin:0 !important;
}

body.internal-index-shell .home-footer.index-footer-shell .footer-brand img{
  display:block !important;
  height:92px !important;
  width:auto !important;
  max-width:none !important;
  object-fit:contain !important;
  margin:0 0 18px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  filter:none !important;
}

body.internal-index-shell .home-footer.index-footer-shell .footer-brand p{
  max-width:290px !important;
  margin:0 !important;
  color:#b9c2ca !important;
  font-size:.84rem !important;
  line-height:1.65 !important;
  font-weight:400 !important;
}

body.internal-index-shell .home-footer.index-footer-shell h3{
  margin:0 0 16px !important;
  color:#fff !important;
  font-size:.94rem !important;
  line-height:1.25 !important;
  font-weight:800 !important;
}

body.internal-index-shell .home-footer.index-footer-shell ul{
  padding:0 !important;
  margin:0 !important;
  list-style:none !important;
}

body.internal-index-shell .home-footer.index-footer-shell li{
  margin:0 0 8px !important;
  padding:0 !important;
}

body.internal-index-shell .home-footer.index-footer-shell li a,
body.internal-index-shell .home-footer.index-footer-shell a{
  color:#c8d0d7 !important;
  font-size:.82rem !important;
  line-height:1.7 !important;
  font-weight:400 !important;
  text-decoration:none !important;
  transition:color .18s ease !important;
}

body.internal-index-shell .home-footer.index-footer-shell a:hover{
  color:#b40000 !important;
}

body.internal-index-shell .home-footer.index-footer-shell .contact-line{
  display:flex !important;
  align-items:flex-start !important;
  gap:7px !important;
  margin:0 0 9px !important;
  color:#d1d7dc !important;
  font-size:.82rem !important;
  line-height:1.5 !important;
}

body.internal-index-shell .home-footer.index-footer-shell .contact-line span{
  color:#d1d7dc !important;
  font-size:.82rem !important;
  line-height:1.5 !important;
}

body.internal-index-shell .home-footer.index-footer-shell .contact-line i{
  flex:0 0 auto !important;
  color:#fff !important;
  font-size:.82rem !important;
  margin-top:2px !important;
}

body.internal-index-shell .home-footer.index-footer-shell .footer-social{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
}

body.internal-index-shell .home-footer.index-footer-shell .footer-social a{
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  display:grid !important;
  place-items:center !important;
  padding:0 !important;
  border:1px solid #58636d !important;
  border-radius:7px !important;
  background:transparent !important;
  color:#fff !important;
  font-size:1rem !important;
  line-height:1 !important;
}

body.internal-index-shell .home-footer.index-footer-shell .footer-social a:hover{
  background:#b40000 !important;
  border-color:#b40000 !important;
  color:#fff !important;
  transform:translateY(-1px) !important;
}

body.internal-index-shell .home-footer.index-footer-shell .footer-bottom{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:20px !important;
  width:100% !important;
  margin:0 !important;
  padding:16px 0 18px !important;
  border-top:1px solid rgba(255,255,255,.11) !important;
  color:#9fa8b0 !important;
  font-size:.74rem !important;
  line-height:1.45 !important;
}

body.internal-index-shell .home-footer.index-footer-shell .footer-bottom span,
body.internal-index-shell .home-footer.index-footer-shell .footer-bottom a{
  font-size:.74rem !important;
  line-height:1.45 !important;
}

/* Mismo margen horizontal del index.php */
@media (min-width:1366px){
  body.internal-index-shell .home-footer.index-footer-shell > .container-xl{
    box-sizing:border-box !important;
    width:min(1096px, calc(100% - 48px)) !important;
    max-width:1096px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }
}

@media (min-width:1200px) and (max-width:1365.98px){
  body.internal-index-shell .home-footer.index-footer-shell > .container-xl{
    box-sizing:border-box !important;
    width:calc(100% - 180px) !important;
    max-width:none !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }
}

@media (min-width:768px) and (max-width:1199.98px){
  body.internal-index-shell .home-footer.index-footer-shell > .container-xl{
    width:100% !important;
    max-width:none !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:28px !important;
    padding-right:28px !important;
  }

  body.internal-index-shell .home-footer.index-footer-shell .footer-grid{
    grid-template-columns:1.3fr repeat(2,1fr) !important;
    gap:30px !important;
  }
}

@media (max-width:767.98px){
  body.internal-index-shell .home-footer.index-footer-shell{
    padding-top:34px !important;
  }

  body.internal-index-shell .home-footer.index-footer-shell > .container-xl{
    width:100% !important;
    max-width:none !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:16px !important;
    padding-right:16px !important;
  }

  body.internal-index-shell .home-footer.index-footer-shell .footer-grid{
    grid-template-columns:1fr !important;
    gap:26px !important;
    padding-bottom:28px !important;
  }

  body.internal-index-shell .home-footer.index-footer-shell .footer-bottom{
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:8px !important;
  }
}