/******************************
  CONTACTO (page CSS)
******************************/

/* Hero específico */
.hero-contact{ 
  position: relative; min-height: 58vh; padding-top: 80px; 
  background: var(--gc-gradient); display: flex; align-items: center; overflow: hidden;
}
.hero-contact-overlay{ position:absolute; inset:0; background: radial-gradient(circle at 15% 20%, rgba(255,255,255,.12), transparent 40%), radial-gradient(circle at 85% 80%, rgba(255,255,255,.08), transparent 40%); }
.breadcrumb-custom .breadcrumb-item + .breadcrumb-item::before{ color: rgba(255,255,255,.7); }
.breadcrumb-custom .breadcrumb-item a{ color:#fff; text-decoration:none; }
.breadcrumb-custom .breadcrumb-item.active{ color: #E0F7FA; }

/* Cards de contacto */
.contact-card{ background:#fff; border:1px solid rgba(0,0,0,.06); border-radius:18px; padding:1.25rem; box-shadow:0 8px 24px rgba(0,0,0,.06); position:relative; }
.contact-card .icon{ width:56px; height:56px; border-radius:14px; display:flex; align-items:center; justify-content:center; background: var(--gc-gradient); color:#fff; font-size:1.4rem; margin-bottom:1rem; }
.contact-card a{ font-weight:600; text-decoration:none; }
.contact-card a:hover{ color: var(--gc-secondary); }

/* Formulario */
.form-wrap{ background:#fff; border:1px solid rgba(0,0,0,.05); border-radius:20px; box-shadow: 0 12px 30px rgba(0,0,0,.08); }
.form-control{ border-radius:12px; }
.form-control:focus{ border-color: var(--gc-primary); box-shadow: 0 0 0 .2rem rgba(0,188,212,.15); }
.form-check-input:checked{ background-color: var(--gc-secondary); border-color: var(--gc-secondary); }

/* Botón enviar ya usa .btn-modern .btn-modern-primary de global */

/* Mapa */
.map-wrap{ height:100%; background:#fff; border:1px solid rgba(0,0,0,.05); border-radius:20px; overflow:hidden; box-shadow: 0 12px 30px rgba(0,0,0,.08); }
.map-embed{ border:0; width:100%; height:100%; min-height: 420px; display:block; }

/* FAQ reusa estilos globales de acordeón */

/* Responsive */
@media (max-width: 992px){
  .map-embed{ min-height: 320px; }
}