/* =========================================================
   FOOTER
   ========================================================= */
footer{
  color:#6b7a83;
  font-size:14px;
}

.site-footer{
  background:var(--ink);
  color:#e9f1f4;
  padding: 3em 17%;
  border-top:1px solid rgba(255,255,255,.08);
}
.site-footer .container{
  display: flex;
  flex-direction: column;
  align-items: start;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
}
.site-footer .container div{
  margin-bottom: 1.5em;
}
.footer_logo{
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer_info h3{
margin-bottom: 0.5em;}
.footer_info p{
  margin-top: 1em;
  margin-bottom: 0;
}
.footer_nav ul{
  list-style: none;
  display: flex;
  justify-content: center;
  gap: 1em;
  padding: 0;
  margin: 0;
  flex-wrap: wrap;
}
.site-footer a{
  color:#fafeff;
  text-decoration:none;
}

.fcols{
  display:grid;
  grid-template-columns:1.3fr 1fr 1fr;
  gap:28px;
  align-items:start;
  margin-bottom:12px;
}
.footer_contacto{display: flex;flex-direction: column;}
.footer_contacto a{width: 100%;transition: all 0.5s;}
.footer_contacto a:hover{color: var(--brand-light);}
.site-footer h4{
  margin:0 0 0.3em;
  font-size:16px;
  color:#fff;
}

.flinks ul,
.fcontact ul{
  list-style:none;
  margin:0;
  padding:0;
}

.flinks li,
.fcontact li{
  margin:6px 0;
}

.ft-brand .dot{
  background:linear-gradient(180deg,#25B3E6,#0C6E8F);
}

.fsocial{
  display:flex;
  gap:12px;
  margin-top:8px;
  flex-wrap:wrap;
}

.fbottom{
  display:flex;
  justify-content:center;
  align-items:center;
  border-top:1px solid rgba(255,255,255,.08);
  padding-top:12px;
}
.fbottom ul{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:12px;
  padding: 0;
  margin: 0;
  list-style: none;
}
.fbottom ul a{
  transition: color 0.2s ease;
}
.fbottom ul a:hover{
  color: var(--brand-light);
}
.fbottom button{
  color: var(--paper);
  background-color: transparent;
  border: none;
  cursor: pointer;
  transition: color 0.2s ease;
}
.fbottom button:hover{
  color: var(--brand-light);
}
.footer_bot{padding: 1em 0; background-color: black;font-size: 80%;text-align: center;display: flex;justify-content: center;gap: 1em; display: none;}
.footer_bot a{color: var(--paper);transition: all 0.3s;}
.contacto_container_footer{display: flex;gap: 0.8em;align-items: center;justify-content: start;}
.js-open-modal{transition: all 0.5s;}
.js-open-modal:hover{color: var(--brand-light);}

/* =========================================================
   FOOTER NUEVO (moderno, 4 columnas + barra inferior)
   ========================================================= */
.site-footer.site-footer--new{
  background: var(--header-maroon, #711c2e);
  padding: 4.5em 6% 0;
  width: 100%;
  box-sizing: border-box;
  overflow-x: hidden;
}
.site-footer--new .footer_grid{
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr 1.1fr;
  gap: 2.5em;
  align-items: start;
  margin: 0 auto;
  max-width: 1320px;
  width: 100%;
  box-sizing: border-box;
  padding-bottom: 3em;
}
@media (max-width: 980px){
  .site-footer--new .footer_grid{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 620px){
  .site-footer--new{ padding-left: 5%; padding-right: 5%; }
  /* Las listas de links son cortas: de a una por fila sobraba mucho
     espacio vacío al lado. Se ponen Explora + Empresa en pareja, y
     la marca y el contacto (más largos) ocupan el ancho completo. */
  .site-footer--new .footer_grid{
    grid-template-columns: repeat(2, 1fr);
    gap: 2em 1.2em;
    width: 100%;
  }
  .site-footer--new .footer_brand,
  .site-footer--new .footer_col--contact{
    grid-column: 1 / -1;
  }
}

.footer_brand__logo{
  display: flex;
  align-items: center;
  gap: .8em;
  margin-bottom: 1em;
}
.footer_brand__logo img{ width: 46px; height: 46px; object-fit: contain; }
.footer_brand__logo span{ display: flex; flex-direction: column; line-height: 1.2; }
.footer_brand__logo strong{
  font-family: "Playfair Display", "Poppins", serif;
  font-size: 1.25em;
  text-transform: capitalize;
}
.footer_brand__logo small{ font-size: .72em; letter-spacing: .08em; text-transform: uppercase; opacity: .75; }

.footer_brand__desc{
  opacity: .82;
  line-height: 1.6;
  font-size: .92em;
  margin: 0 0 1.3em;
  max-width: 32em;
}
.footer_brand__lang{ display: flex; gap: .5em; }
.footer_brand__lang a{
  display: inline-block;
  padding: .35em .9em;
  border: 1px solid rgba(255,255,255,.35);
  border-radius: 999px;
  font-size: .78em;
  font-weight: 700;
  letter-spacing: .03em;
}
.footer_brand__lang a.gt-current-lang{
  background: #fff;
  color: var(--header-maroon, #711c2e);
  border-color: #fff;
}

.footer_col h4{
  font-size: .78em;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: rgba(255,255,255,.65);
  margin: 0 0 1em;
}
.footer_col ul{ list-style: none; margin: 0; padding: 0; }
.footer_col ul li{ margin: 0 0 .8em; }
.footer_col ul a{
  opacity: .9;
  font-size: .95em;
  transition: opacity .2s ease;
}
.footer_col ul a:hover{ opacity: 1; text-decoration: underline; }

.footer_col--contact p{ margin: 0 0 1.1em; font-size: .95em; line-height: 1.5; }
.footer_col--contact p strong{
  display: block;
  font-size: .78em;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: rgba(255,255,255,.65);
  margin-bottom: .3em;
}
.footer_col--contact a,
.footer_link_btn{
  color: #fff;
  background: none;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  transition: opacity .2s ease;
}
.footer_col--contact a:hover,
.footer_link_btn:hover{ opacity: .8; text-decoration: underline; }

.footer_bottom{
  border-top: 1px solid rgba(255,255,255,.15);
}
.footer_bottom__inner{
  max-width: 1320px;
  margin: 0 auto;
  padding: 1.4em 0;
  text-align: center;
}
.footer_bottom__inner p{
  margin: 0;
  font-size: .82em;
  opacity: .75;
}