/*
   CSS propio de CONTACTO. Solo lo que su standalone cambia o agrega respecto
   de style.css (sistema visual compartido: reset, tokens, topbar, header/nav,
   mega-menú, menú móvil, footer, .btn, .wrap, .mont, .ghost, .band...). No se
   re-declaran las reglas compartidas del header, el footer ni el menú móvil.
   Portado LITERALMENTE del standalone aprobado: ante cualquier diferencia
   visual, el standalone gana.
   Fuente: MPC Contacto standalone.html (<style> del <head>)
*/

/* El diseñador bajó los botones a 13px en esta página (Home: 13.5px) y volvió
   a anclar el CTA del header a 13.5px para que la cabecera no cambie. */
.btn { font-size:13px; }
.nav-cta { font-size:13.5px; }

/* Datos + formulario */
.contact-grid { display:grid; grid-template-columns:1fr 1.05fr; gap:64px; align-items:start; }
.field { width:100%; padding:14px; border:1px solid #D8D8D8; background:#fff; font-family:"Open Sans",sans-serif; font-size:13.5px; color:#141414; outline-color:#CD2122; }
.crow { display:flex; gap:16px; padding:18px 0; border-bottom:1px solid #E8E8E8; align-items:flex-start; }

/* Selector de sede del mapa: la Home ya define .loc-btn (font-size:10.5px;
   padding:12px 16px; letter-spacing:.7px) para el suyo; este standalone lo
   agranda. */
.loc-btn { padding:14px 20px; font-size:11.5px; letter-spacing:.8px; }

/* ══ Responsive (según frames móviles aprobados: formulario arriba, datos
   después, mapa abajo) ══ */
@media (max-width: 900px) {
  h1 { font-size:36px !important; letter-spacing:-1.1px !important; }
  section h2 { font-size:26px !important; letter-spacing:-.7px !important; }
  .contact-grid { grid-template-columns:1fr; gap:40px; }
  .contact-grid .form-col { order:-1; }
  .form-2col { grid-template-columns:1fr !important; }
  #mpc-map { height:340px !important; }
  #loc-btns { bottom:16px !important; right:12px !important; }
  .loc-btn { padding:11px 12px; font-size:10px; }
}