/* contacto.html */

.ct{background:var(--bg)}
.ct-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(2rem,4vw,3.5rem);align-items:start}
.ct-lead{font-size:1.15rem;font-weight:500;line-height:1.5;color:var(--ink)}

/* Datos de contacto con iconos */
.ct-contact{list-style:none;margin:2rem 0 0;padding:0;display:grid;gap:1.2rem}
.ct-contact li{display:flex;align-items:center;gap:18px}
.ct-contact svg{width:28px;height:28px;flex:none;fill:none;stroke:var(--brand-dark);stroke-width:2;stroke-linejoin:miter}
:root[data-theme="dark"] .ct-contact svg{stroke:var(--brand-light)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .ct-contact svg{stroke:var(--brand-light)}}
.ct-contact strong{display:block;font-weight:600}
.ct-contact span{display:block;color:var(--muted)}

/* el formulario usa la base de main.css; aquí solo cambia el alto del mensaje */
textarea{min-height:140px}

/* Mapa de Google */
.ct-map{margin-top:clamp(2rem,4vw,3rem)}
.ct-map iframe{display:block;width:100%;height:clamp(300px,38vw,450px);border:0;background:var(--surface)}

@media (max-width:900px){
  .ct-layout{grid-template-columns:1fr}
}