/* Gestor de Popups y Leads - formulario de contacto
   Antes se escribia dentro del HTML cada vez que se pintaba el shortcode
   [matmap_contact]. Ahora es un fichero cacheable y versionado. */

.custom-help-container, .custom-modal { font-family: var(--mm-font, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif); }
.custom-help-container { text-align:center; padding:24px; background:#f8f9fa; border-radius:12px; box-shadow:0 4px 12px rgba(0,0,0,.08); max-width:550px; margin:25px auto; border:1px solid #e9ecef; }

/* Antes era .custom-help-container h5 */
.custom-help-title { font-size:22px; font-weight:600; color:#3A3971; margin:0 0 8px; line-height:1.2; }

.custom-help-desc { font-size:15px; color:#555; margin:0 0 24px; line-height:1.6; }

.custom-help-actions { display:flex; justify-content:center; gap:15px; }
.cta-button { display:inline-flex; align-items:center; justify-content:center; padding:12px 24px; border-radius:8px; color:#fff; text-decoration:none; font-size:16px; font-weight:500; border:2px solid transparent; transition:.3s; cursor:pointer; }
.cta-button:hover { transform:translateY(-2px); box-shadow:0 4px 8px rgba(0,0,0,.1); }
.cta-whatsapp { background:#25D366; } .cta-whatsapp:hover { background:#1DAE54; }
#custom-email-button-static { background:#3A3971; } #custom-email-button-static:hover { background:#2c2b58; }
.hide-on-mobile { display:none; } .hide-on-desktop { display:inline-flex; }
@media (min-width:768px) { .hide-on-mobile { display:inline-flex; } .hide-on-desktop { display:none; } }

.custom-modal { position:fixed; z-index:2147483647; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.6); backdrop-filter:blur(4px); }
.custom-modal-content { background:#fff; margin:10% auto; padding:30px; border-radius:12px; width:90%; max-width:450px; position:relative; box-shadow:0 5px 20px rgba(0,0,0,.25); text-align:center; isolation:isolate; mix-blend-mode:normal; }

/* Antes era .custom-modal-content h5 */
.custom-modal-title { color:#3A3971; font-size:22px; margin:0 0 8px; font-weight:600; line-height:1.2; }

.custom-modal-desc { margin:0 0 18px; color:#555; font-size:15px; line-height:1.6; }

.custom-modal-close-static { position:absolute; top:15px; right:20px; font-size:30px; cursor:pointer; color:#888; }
.custom-modal-close-static:hover { color:#3A3971; }
#lead-capture-form-static input { width:100%; padding:14px; margin-bottom:12px; border:1px solid #ccc; border-radius:8px; font-size:16px; }
#lead-capture-form-static input:focus { border-color:#3A3971; box-shadow:0 0 0 2px rgba(58,57,113,.2); outline:none; }
#submit-button-static { width:100%; padding:14px; border:none; border-radius:8px; background:#3A3971; color:#fff; font-size:16px; font-weight:500; cursor:pointer; transition:.3s; }
#submit-button-static:hover:not(:disabled) { background:#2c2b58; }
#submit-button-static:disabled { background:#999; cursor:not-allowed; }
#success-message-static { color:#28a745; margin-top:15px; font-weight:500; }
#error-message-static { color:#dc3545; margin-top:15px; font-weight:500; }
.phone-input-container { display:flex; gap:8px; }
.phone-input-container input[name="prefijo"] { flex:0 0 70px; text-align:center; background:#f0f0f0; }
.phone-input-container input[name="telefono"] { flex:1; }