/* ═══════════════════════════════════════
   contact.css — index.html: pantalla de contacto (P4)
═══════════════════════════════════════ */
#s4hl{font-size:clamp(24px,3vw,44px);line-height:1.2;color:#F6F3ED;}

/* ═══════ P4 · CONTACTO ═══════ */
#s4{background:var(--bg);overflow:hidden}
.ctw{flex:1;display:grid;grid-template-columns:0.8fr 1.2fr;gap:80px;padding:calc(var(--nav-h) + 40px) var(--pad) 60px;overflow:hidden;min-height:0;align-items:start;}
.ctl{display:flex;flex-direction:column;justify-content:flex-start;gap:24px;}
.ctl .tag{margin-bottom:14px}
.ctl .display-md{margin-bottom:14px}
.ctmeta{margin-top:22px;display:flex;flex-direction:column;gap:9px}
#s4meta .ctmi{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:400;color:var(--text-2)}
.ctdot{width:4px;height:4px;border-radius:50%;background:var(--accent);flex-shrink:0}
.ctr{overflow-y:auto;padding-right:4px;display:flex;flex-direction:column;gap:0}
.ctr::-webkit-scrollbar{width:2px}
.ctr::-webkit-scrollbar-thumb{background:var(--border-lt)}

/* botones contacto directo */
.ct-direct{display:flex;flex-direction:column;gap:9px;margin-top:20px;}

/* redes */
.srow{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap;}
.sbtn{
  display:inline-flex;align-items:center;gap:7px;
  font-size:9px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--text-3);border:1px solid var(--border);
  padding:8px 13px;text-decoration:none;
  transition:border-color var(--fast),color var(--fast);
}
.sbtn:hover{border-color:var(--accent);color:var(--accent-lt)}
.sbtn svg{width:13px;height:13px;fill:currentColor;flex-shrink:0}

/* Google Form embed */
.gform-wrap{border:1px solid var(--accent);border-radius:12px;overflow:hidden;background:var(--surface);box-shadow:0 20px 40px rgba(0,0,0,0.4);height:calc(100vh - var(--nav-h) - 120px);display:flex;flex-direction:column;}
.gform-hd{
  padding:12px 16px;border-bottom:1px solid var(--border);
  font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:#FFFFFF;
  flex-shrink:0;
}
.gform-placeholder{
  flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:12px;padding:32px;text-align:center;
}
.gform-placeholder p{font-size:12px;color:var(--text-3);line-height:1.65;max-width:300px}
.gform-placeholder code{font-size:10px;color:var(--accent);background:var(--accent-dim);padding:2px 6px}
.gform-iframe{
  width:100%;flex:1;border:none;
  /* invertir colores del iframe para que el form de Google se vea oscuro */
  filter:invert(1) hue-rotate(180deg) brightness(.92) contrast(.96);
  display:none;
}

/* ── RESPONSIVE ── */
@media(max-width:860px){
  .ctw{grid-template-columns:1fr;overflow-y:auto;gap:22px;padding-top:calc(var(--nav-h) + 20px)}
  .gform-wrap{height:420px}
}
@media(max-width:480px){
  .ct-direct{flex-direction:column;align-items:flex-start}
}