/* ===== APP SPA — componentes adicionales sobre el master v19 ===== */
.contact-modal{
  position:fixed;inset:0;z-index:10050;display:none;place-items:center;padding:24px;
}
.contact-modal.open{display:grid}
.contact-modal-backdrop{
  position:absolute;inset:0;background:rgba(5,18,39,.52);backdrop-filter:blur(4px);
}
.contact-modal-card{
  position:relative;z-index:2;width:min(480px,calc(100vw - 40px));
  background:#fff;border:1px solid rgba(255,255,255,.5);border-radius:22px;
  padding:26px;box-shadow:0 34px 100px rgba(2,18,45,.42);overflow:hidden;
}
.contact-modal-close{
  position:absolute;right:16px;top:13px;width:38px;height:38px;border-radius:50%;
  border:0;background:#edf3f9;color:#173b66;font-size:24px;line-height:1;cursor:pointer;
}
.contact-modal-close:hover{background:#dfeaf6}
.contact-modal-kicker{
  display:block;color:#0f69e8;font-size:9px;font-weight:900;letter-spacing:.12em;margin-bottom:2px;
}
.contact-modal-card h3{margin:8px 0 4px;color:#0b2342;font-size:26px;line-height:1.1}
.contact-modal-sub{margin:0 0 16px;color:#71839a;font-size:13px}
.contact-modal-card form{display:flex;flex-direction:column;gap:12px}
.contact-modal-card label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:750;color:#344f6f}
.contact-modal-card input,.contact-modal-card textarea{
  box-sizing:border-box;width:100%;border:1px solid #d9e2ee;background:#fbfdff;border-radius:10px;
  padding:12px;color:#5d6f83;font:inherit;resize:vertical;
}
.contact-modal-card input:focus,.contact-modal-card textarea:focus{
  outline:none;border-color:#0f69e8;box-shadow:0 0 0 3px #0f69e812;
}
.contact-submit{
  width:100%;border:0;border-radius:12px;background:linear-gradient(90deg,#1769e0,#00a7c7);
  color:#fff;font-size:15px;font-weight:900;padding:14px;cursor:pointer;margin-top:6px;
}
.contact-submit:hover{filter:brightness(1.06)}
.contact-status{min-height:18px;margin:10px 0 0;font-size:12px;font-weight:700}
.contact-status.pending{color:#0f69e8}
.contact-status.ok{color:#1d9b57}
.contact-status.demo{color:#7b4ce0}
.contact-status.error{color:#d33a3a}
.contact-modal-note{margin-top:14px;color:#8697a9;font-size:10px;text-align:center;line-height:1.5}

@media(max-width:560px){
  .contact-modal{padding:12px}
  .contact-modal-card{width:calc(100vw - 24px);border-radius:18px;padding:22px 18px}
}