/* CUSTOM STYLES FOR CONSTANT CONTACT INLINE FORM */
.ctct-inline-form {
--brand: #00416B; /* Reemplaza con tu color institucional azul (Pantone 00345C → HEX aquí) */
--brand-dark: #012A4A;
--ink: #0b1a22;
--ink-light: #495057;
--border: rgba(0,0,0,.1);
--bg-light: #f7fafc;
--radius: 14px;
background: var(--bg-light);
padding: 20px;
border-radius: var(--radius);
border: 1px solid var(--border);
max-width: 450px;
margin: 24px auto;
font-family: 'Inter', Arial, sans-serif;
box-shadow: 0 12px 30px rgba(0,0,0,.06);
}
/* Form title */
.ctct-inline-form .ctct-form-defaults h2,
.ctct-inline-form .ctct-form-defaults .ctct-form-header {
font-size: 1.4rem !important;
font-weight: 700 !important;
color: var(--brand-dark);
margin-bottom: 8px;
text-align: center;
}
/* Description text */
.ctct-inline-form .ctct-form-defaults .ctct-form-text {
color: var(--ink-light);
font-size: 0.95rem;
margin-bottom: 18px;
text-align: center;
}
/* Input fields */
.ctct-inline-form input,
.ctct-inline-form select,
.ctct-inline-form textarea {
width: 100% !important;
padding: 12px 14px !important;
margin: 6px 0 !important;
border: 1px solid var(--border) !important;
border-radius: var(--radius) !important;
font-size: 0.95rem !important;
}
/* Submit button */
.ctct-inline-form button[type="submit"] {
width: 100% !important;
padding: 12px;
background: var(--brand) !important;
color: #fff !important;
border: none !important;
border-radius: var(--radius) !important;
font-size: 1rem !important;
font-weight: 700 !important;
cursor: pointer;
transition: filter 0.2s ease;
text-transform: uppercase;
}
.ctct-inline-form button[type="submit"]:hover {
filter: brightness(90%);
}
/* Error and success messages */
.ctct-inline-form .ctct-form-errorMessage,
.ctct-inline-form .ctct-form-successMessage {
font-size: 0.9rem;
text-align: center;
margin-top: 12px;
}
/* Footer, disclaimer, GDPR fields (hide or style as needed) */
.ctct-inline-form .ctct-form-footer,
.ctct-inline-form .ctct-gdpr-text {
font-size: 0.75rem;
color: var(--ink-light);
text-align: center;
margin-top: 10px;
}
