.cf7-mate-preset {
box-sizing: border-box;
--cf7m-line-height: 1.5;
--cf7m-label-size: 0.9375rem;
--cf7m-label-weight: 600;
--cf7m-input-size: 1rem;
--cf7m-input-padding-y: 10px;
--cf7m-input-padding-x: 14px;
--cf7m-field-margin: 1rem;
--cf7m-placeholder: #a0a0a0;
--cf7m-border-width: 1px;
--cf7m-radius: 6px;
}
.cf7-mate-preset *,
.cf7-mate-preset *::before,
.cf7-mate-preset *::after {
box-sizing: border-box;
} .cf7-mate-preset .wpcf7-form-control-wrap,
.cf7-mate-preset p {
margin-bottom: var(--cf7m-field-margin);
display: block;
}
.cf7-mate-preset .wpcf7-form-control-wrap:last-child,
.cf7-mate-preset p:last-child {
margin-bottom: 0;
} .cf7-mate-preset .cf7m-pro-row {
margin-bottom: var(--cf7m-field-margin);
}
.cf7-mate-preset .cf7m-pro-row:last-child {
margin-bottom: 0;
}
.cf7-mate-preset .cf7m-pro-col {
padding-top: 0;
padding-bottom: 0;
}
.cf7-mate-preset .cf7m-pro-col .wpcf7-form-control-wrap,
.cf7-mate-preset .cf7m-pro-col > p {
margin-bottom: var(--cf7m-field-margin);
}
.cf7-mate-preset .cf7m-pro-col .wpcf7-form-control-wrap:last-child,
.cf7-mate-preset .cf7m-pro-col > p:last-child {
margin-bottom: 0;
} .cf7-mate-preset label {
display: block;
line-height: var(--cf7m-line-height);
font-size: var(--cf7m-label-size);
font-weight: var(--cf7m-label-weight);
margin-bottom: 0.375rem;
} .cf7-mate-preset input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
.cf7-mate-preset select,
.cf7-mate-preset textarea {
width: 100%;
max-width: 100%;
padding: var(--cf7m-input-padding-y) var(--cf7m-input-padding-x);
font-size: var(--cf7m-input-size);
line-height: var(--cf7m-line-height);
}
.cf7-mate-preset input::placeholder,
.cf7-mate-preset textarea::placeholder {
color: var(--cf7m-placeholder);
opacity: 1;
}
.cf7-mate-preset select {
cursor: pointer;
} .cf7-mate-preset input[type="checkbox"],
.cf7-mate-preset input[type="radio"] {
margin-right: 0.5rem;
width: auto;
max-width: none;
}
.cf7-mate-preset .wpcf7-list-item {
margin-bottom: 0.5rem;
} .cf7-mate-preset .cf7m-button {
display: inline-block;
cursor: pointer;
font-family: inherit;
margin-top: 0.5rem;
} .cf7-mate-preset input[type="file"] {
width: 100%;
max-width: 100%;
padding: var(--cf7m-input-padding-y) var(--cf7m-input-padding-x);
font-size: var(--cf7m-input-size);
border: var(--cf7m-border-width) solid #e5e7eb;
border-radius: var(--cf7m-radius);
background: #f9fafb;
color: #374151;
} .cf7-mate-preset input:focus-visible,
.cf7-mate-preset select:focus-visible,
.cf7-mate-preset textarea:focus-visible {
outline: 2px solid currentColor;
outline-offset: 2px;
} .cf7-mate-preset--sky {
--cf7m-field-margin: 1.125rem;
--cf7m-input-padding-y: 11px;
--cf7m-input-padding-x: 14px;
--cf7m-radius: 8px;
}
.cf7-mate-preset--sky input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
.cf7-mate-preset--sky select,
.cf7-mate-preset--sky textarea {
background: #f0f9ff;
border: 1px solid #7dd3fc;
border-radius: 8px;
padding: 11px 14px;
color: #0c4a6e;
font-size: 15px;
line-height: 1.5;
transition: border-color 0.2s, box-shadow 0.2s;
}
.cf7-mate-preset--sky input::placeholder,
.cf7-mate-preset--sky textarea::placeholder {
color: #0ea5e9;
opacity: 0.7;
}
.cf7-mate-preset--sky input:focus,
.cf7-mate-preset--sky select:focus,
.cf7-mate-preset--sky textarea:focus {
border-color: #0ea5e9;
outline: none;
box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.2);
}
.cf7-mate-preset--sky label {
color: #0369a1;
font-weight: 600;
font-size: 14px;
margin-bottom: 0.375rem;
line-height: 1.5;
}
.cf7-mate-preset--sky h1, .cf7-mate-preset--sky h2, .cf7-mate-preset--sky h3,
.cf7-mate-preset--sky h4, .cf7-mate-preset--sky h5, .cf7-mate-preset--sky h6 {
color: #0c4a6e;
margin-top: 0;
margin-bottom: 12px;
}
.cf7-mate-preset--sky p {
color: #0369a1;
margin-bottom: 12px;
}
.cf7-mate-preset--sky input[type="submit"],
.cf7-mate-preset--sky button[type="submit"],
.cf7-mate-preset--sky .cf7m-button {
background: #0ea5e9;
color: #fff;
border: none;
border-radius: 8px;
padding: 12px 24px;
font-weight: 600;
font-size: 15px;
cursor: pointer;
}
.cf7-mate-preset--sky input[type="submit"]:hover,
.cf7-mate-preset--sky button[type="submit"]:hover,
.cf7-mate-preset--sky .cf7m-button:hover {
background: #0284c7;
} .cf7-mate-preset--classic {
--cf7m-field-margin: 1rem;
--cf7m-placeholder: #9ca3af;
--cf7m-radius: 4px;
}
.cf7-mate-preset--classic input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
.cf7-mate-preset--classic select,
.cf7-mate-preset--classic textarea {
background: #fff;
border: 1px solid #d1d5db;
border-radius: 4px;
padding: 10px 12px;
color: #111827;
font-size: 14px;
line-height: 1.5;
}
.cf7-mate-preset--classic input::placeholder,
.cf7-mate-preset--classic textarea::placeholder {
color: #9ca3af;
opacity: 1;
}
.cf7-mate-preset--classic input:focus,
.cf7-mate-preset--classic select:focus,
.cf7-mate-preset--classic textarea:focus {
border-color: #6b7280;
outline: none;
box-shadow: 0 0 0 2px rgba(107, 114, 128, 0.15);
}
.cf7-mate-preset--classic label {
color: #374151;
font-weight: 500;
font-size: 13px;
line-height: 1.5;
margin-bottom: 0.375rem;
}
.cf7-mate-preset--classic h1, .cf7-mate-preset--classic h2, .cf7-mate-preset--classic h3,
.cf7-mate-preset--classic h4, .cf7-mate-preset--classic h5, .cf7-mate-preset--classic h6 {
color: #111827;
margin-bottom: 10px;
}
.cf7-mate-preset--classic p {
color: #4b5563;
margin-bottom: 10px;
}
.cf7-mate-preset--classic input[type="submit"],
.cf7-mate-preset--classic button[type="submit"],
.cf7-mate-preset--classic .cf7m-button {
background: #374151;
color: #fff;
border: none;
border-radius: 4px;
padding: 10px 20px;
font-weight: 500;
font-size: 14px;
}
.cf7-mate-preset--classic input[type="submit"]:hover,
.cf7-mate-preset--classic button[type="submit"]:hover,
.cf7-mate-preset--classic .cf7m-button:hover {
background: #1f2937;
} .cf7-mate-preset--box {
--cf7m-field-margin: 1.25rem;
--cf7m-placeholder: #6b7280;
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 12px;
padding: 24px 28px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
}
.cf7-mate-preset--box input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
.cf7-mate-preset--box select,
.cf7-mate-preset--box textarea {
background: #f9fafb;
border: 1px solid #e5e7eb;
border-radius: 8px;
padding: 12px 16px;
color: #111827;
font-size: 15px;
line-height: 1.5;
}
.cf7-mate-preset--box input::placeholder,
.cf7-mate-preset--box textarea::placeholder {
color: #6b7280;
opacity: 0.9;
}
.cf7-mate-preset--box input:focus,
.cf7-mate-preset--box select:focus,
.cf7-mate-preset--box textarea:focus {
border-color: #3b82f6;
outline: none;
box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.15);
}
.cf7-mate-preset--box label {
color: #374151;
font-weight: 600;
font-size: 14px;
line-height: 1.5;
margin-bottom: 0.375rem;
}
.cf7-mate-preset--box h1, .cf7-mate-preset--box h2, .cf7-mate-preset--box h3,
.cf7-mate-preset--box h4, .cf7-mate-preset--box h5, .cf7-mate-preset--box h6 {
color: #111827;
margin-bottom: 16px;
}
.cf7-mate-preset--box p {
color: #6b7280;
margin-bottom: 14px;
}
.cf7-mate-preset--box input[type="submit"],
.cf7-mate-preset--box button[type="submit"],
.cf7-mate-preset--box .cf7m-button {
background: #3b82f6;
color: #fff;
border: none;
border-radius: 8px;
padding: 12px 24px;
font-weight: 600;
font-size: 15px;
}
.cf7-mate-preset--box input[type="submit"]:hover,
.cf7-mate-preset--box button[type="submit"]:hover,
.cf7-mate-preset--box .cf7m-button:hover {
background: #2563eb;
} .cf7-mate-preset--minimal {
--cf7m-field-margin: 1.25rem;
--cf7m-placeholder: #9ca3af;
--cf7m-input-padding-y: 12px;
--cf7m-input-padding-x: 0;
}
.cf7-mate-preset--minimal input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
.cf7-mate-preset--minimal select,
.cf7-mate-preset--minimal textarea {
background: transparent;
border: none;
border-bottom: 2px solid #e5e7eb;
border-radius: 0;
padding: 12px 0;
color: #111827;
font-size: 16px;
line-height: 1.5;
}
.cf7-mate-preset--minimal input::placeholder,
.cf7-mate-preset--minimal textarea::placeholder {
color: #9ca3af;
opacity: 0.9;
}
.cf7-mate-preset--minimal input:focus,
.cf7-mate-preset--minimal select:focus,
.cf7-mate-preset--minimal textarea:focus {
border-bottom-color: #111827;
outline: none;
box-shadow: none;
}
.cf7-mate-preset--minimal label {
color: #6b7280;
font-weight: 500;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 0.05em;
line-height: 1.5;
margin-bottom: 0.25rem;
}
.cf7-mate-preset--minimal h1, .cf7-mate-preset--minimal h2, .cf7-mate-preset--minimal h3,
.cf7-mate-preset--minimal h4, .cf7-mate-preset--minimal h5, .cf7-mate-preset--minimal h6 {
color: #111827;
margin-bottom: 20px;
font-weight: 600;
}
.cf7-mate-preset--minimal p {
color: #6b7280;
margin-bottom: 16px;
}
.cf7-mate-preset--minimal input[type="submit"],
.cf7-mate-preset--minimal button[type="submit"],
.cf7-mate-preset--minimal .cf7m-button {
background: #111827;
color: #fff;
border: none;
border-radius: 0;
padding: 14px 28px;
font-weight: 600;
font-size: 14px;
}
.cf7-mate-preset--minimal input[type="submit"]:hover,
.cf7-mate-preset--minimal button[type="submit"]:hover,
.cf7-mate-preset--minimal .cf7m-button:hover {
background: #000;
} .cf7-mate-preset--dark {
--cf7m-field-margin: 1.25rem;
--cf7m-placeholder: #71717a;
background: #1e1e2e;
padding: 24px 28px;
border-radius: 12px;
}
.cf7-mate-preset--dark input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
.cf7-mate-preset--dark select,
.cf7-mate-preset--dark textarea {
background: #2d2d3d;
border: 1px solid #3d3d4d;
border-radius: 8px;
padding: 12px 16px;
color: #e4e4e7 !important;
font-size: 15px;
line-height: 1.5;
} .cf7-mate-preset--dark .cf7m-number-field {
background: #2d2d3d !important;
border-color: #3d3d4d;
}
.cf7-mate-preset--dark .cf7m-number-field .cf7m-calc-input {
background: transparent !important;
color: #e4e4e7 !important;
}
.cf7-mate-preset--dark .cf7m-number-prefix,
.cf7-mate-preset--dark .cf7m-number-suffix {
background: #252535;
border-color: #3d3d4d;
color: #a1a1aa;
}
.cf7-mate-preset--dark .cf7m-number-field:focus-within {
border-color: #818cf8;
box-shadow: 0 0 0 2px rgba(129, 140, 248, 0.2);
} .cf7-mate-preset--dark .cf7m-total,
.cf7-mate-preset--dark .cf7m-total-prefix,
.cf7-mate-preset--dark .cf7m-total-suffix,
.cf7-mate-preset--dark .cf7m-total-value {
background: #2d2d3d;
border-color: #3d3d4d;
color: #e4e4e7;
}
.cf7-mate-preset--dark .cf7m-total-label {
color: #a1a1aa;
}
.cf7-mate-preset--dark input::placeholder,
.cf7-mate-preset--dark textarea::placeholder {
color: #71717a;
opacity: 0.9;
}
.cf7-mate-preset--dark input:focus,
.cf7-mate-preset--dark select:focus,
.cf7-mate-preset--dark textarea:focus {
border-color: #818cf8;
outline: none;
box-shadow: 0 0 0 2px rgba(129, 140, 248, 0.2);
}
.cf7-mate-preset--dark label {
color: #a1a1aa;
font-weight: 500;
font-size: 14px;
line-height: 1.5;
margin-bottom: 0.375rem;
}
.cf7-mate-preset--dark h1, .cf7-mate-preset--dark h2, .cf7-mate-preset--dark h3,
.cf7-mate-preset--dark h4, .cf7-mate-preset--dark h5, .cf7-mate-preset--dark h6 {
color: #f4f4f5;
margin-bottom: 14px;
}
.cf7-mate-preset--dark p,
.cf7-mate-preset--dark span,
.cf7-mate-preset--dark li {
color: #a1a1aa;
}
.cf7-mate-preset--dark input[type="submit"],
.cf7-mate-preset--dark button[type="submit"],
.cf7-mate-preset--dark .cf7m-button {
background: #818cf8;
color: #fff;
border: none;
border-radius: 8px;
padding: 12px 24px;
font-weight: 600;
font-size: 15px;
}
.cf7-mate-preset--dark input[type="submit"]:hover,
.cf7-mate-preset--dark button[type="submit"]:hover,
.cf7-mate-preset--dark .cf7m-button:hover {
background: #6366f1;
} .cf7-mate-preset--modern {
--cf7m-field-margin: 1.125rem;
--cf7m-placeholder: #94a3b8;
--cf7m-radius: 8px;
}
.cf7-mate-preset--modern input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
.cf7-mate-preset--modern select,
.cf7-mate-preset--modern textarea {
background: #f8fafc;
border: 1px solid #e2e8f0;
border-radius: 8px;
padding: 12px 16px;
color: #1e293b;
font-size: 15px;
line-height: 1.5;
}
.cf7-mate-preset--modern input::placeholder,
.cf7-mate-preset--modern textarea::placeholder {
color: #94a3b8;
opacity: 0.9;
}
.cf7-mate-preset--modern input:focus,
.cf7-mate-preset--modern select:focus,
.cf7-mate-preset--modern textarea:focus {
border-color: #0ea5e9;
outline: none;
box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.15);
}
.cf7-mate-preset--modern label {
color: #475569;
font-weight: 500;
font-size: 14px;
line-height: 1.5;
margin-bottom: 0.375rem;
}
.cf7-mate-preset--modern h1, .cf7-mate-preset--modern h2, .cf7-mate-preset--modern h3,
.cf7-mate-preset--modern h4, .cf7-mate-preset--modern h5, .cf7-mate-preset--modern h6 {
color: #0f172a;
margin-bottom: 14px;
}
.cf7-mate-preset--modern p {
color: #64748b;
margin-bottom: 12px;
}
.cf7-mate-preset--modern input[type="submit"],
.cf7-mate-preset--modern button[type="submit"],
.cf7-mate-preset--modern .cf7m-button {
background: #0ea5e9;
color: #fff;
border: none;
border-radius: 8px;
padding: 12px 24px;
font-weight: 600;
font-size: 15px;
}
.cf7-mate-preset--modern input[type="submit"]:hover,
.cf7-mate-preset--modern button[type="submit"]:hover,
.cf7-mate-preset--modern .cf7m-button:hover {
background: #0284c7;
} .cf7-mate-preset--rounded {
--cf7m-field-margin: 1.25rem;
--cf7m-placeholder: #a1a1aa;
--cf7m-radius: 16px;
--cf7m-input-padding-y: 14px;
--cf7m-input-padding-x: 18px;
}
.cf7-mate-preset--rounded input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
.cf7-mate-preset--rounded select,
.cf7-mate-preset--rounded textarea {
background: #fff;
border: 1px solid #e8e8e8;
border-radius: 16px;
padding: 14px 18px;
color: #333;
font-size: 15px;
line-height: 1.5;
}
.cf7-mate-preset--rounded input::placeholder,
.cf7-mate-preset--rounded textarea::placeholder {
color: #a1a1aa;
opacity: 0.9;
}
.cf7-mate-preset--rounded input:focus,
.cf7-mate-preset--rounded select:focus,
.cf7-mate-preset--rounded textarea:focus {
border-color: #6366f1;
outline: none;
box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.15);
}
.cf7-mate-preset--rounded label {
color: #555;
font-weight: 500;
font-size: 14px;
line-height: 1.5;
margin-bottom: 0.375rem;
}
.cf7-mate-preset--rounded h1, .cf7-mate-preset--rounded h2, .cf7-mate-preset--rounded h3,
.cf7-mate-preset--rounded h4, .cf7-mate-preset--rounded h5, .cf7-mate-preset--rounded h6 {
color: #333;
margin-bottom: 14px;
}
.cf7-mate-preset--rounded p {
color: #666;
margin-bottom: 12px;
}
.cf7-mate-preset--rounded input[type="submit"],
.cf7-mate-preset--rounded button[type="submit"],
.cf7-mate-preset--rounded .cf7m-button {
background: #6366f1;
color: #fff;
border: none;
border-radius: 16px;
padding: 14px 28px;
font-weight: 600;
font-size: 15px;
}
.cf7-mate-preset--rounded input[type="submit"]:hover,
.cf7-mate-preset--rounded button[type="submit"]:hover,
.cf7-mate-preset--rounded .cf7m-button:hover {
background: #4f46e5;
}#textos-legales ul {
display: flex;
flex-direction: row;
justify-content: center;
gap: 1rem;
}
@media (max-width: 980px) {
.et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header {
position: fixed;
top: 0;
}
.et_mobile_menu {
overflow: scroll !important;
max-height: 83vh;
}
}