/* ===== CONTACTO ===== */
:root{ --navbar-h:72px; }
body.page-contacto { padding-top: var(--navbar-h); }

/* Navbar sólida al scrollear (coincide con el resto) */
.navbar.navbar-dark{ transition: background-color .2s ease, box-shadow .2s ease; }
.navbar.navbar-dark:not(.navbar-solid){ background: transparent; box-shadow: none; }
.navbar.navbar-dark.navbar-solid{
  background:#193a62;
  box-shadow: 0 4px 16px rgba(0,0,0,.2);
  backdrop-filter: saturate(120%) blur(4px);
}

/* Hero con imagen de fondo (podés cambiarla) */
.contacto-hero{
  min-height: 50vh;
  margin-top: calc(var(--navbar-h) * -1);
  background: url("../images/2-chaco-paraguayo-corredor bioceanico-contacto.jpg") center/cover no-repeat;
  position: relative; color:#fff;
}
.contacto-hero::before{
  content:"";
  position:absolute; inset:0;
  background: linear-gradient(180deg, rgba(0,0,0,.55), rgba(0,0,0,.25) 60%, rgba(0,0,0,0));
  pointer-events:none;
}

/* Formulario */
#contactForm .form-label{ font-weight: 600; }
#contactForm .btn{ min-width: 200px; }

/* Tarjeta de info */
.card .fa-brands, .card .fa-solid, .card .fa-regular{ vertical-align: middle; }

/* Mapa full width */
.section--map .map-wrap{ position: relative; width: 100%; }
.section--map .map{ width:100%; height: 480px; }
@media (min-width: 992px){
  .section--map .map{ height: 560px; }
}

/* Botón flotante sobre el mapa */
.section--map .map-cta{
  position: absolute; right: 1rem; bottom: 1rem;
}

/* CTA bar (reusa estilos globales si ya existen) */
.cta--bar{
  display:flex; gap:1rem; align-items:center; justify-content:space-between; flex-wrap:wrap;
  background:#0d6efd; color:#fff; border-radius:.5rem; padding:1rem 1.25rem;
}
.cta--bar .btn-primary{ background:#fff; color:#0d6efd; border-color:#fff; }