/* Estilos exclusivos del formulario de contacto de la plataforma. */
.cl-contact {
    max-width: 960px;
    margin: 0 auto;
    padding: 32px 40px 38px;
    color: #363636;
    font-size: 16px;
    line-height: 1.65;
}
.cl-contact .page-title { margin-bottom: 22px; }
.cl-contact .page-title h1 { line-height: 1.25; }
.cl-contact-intro { margin-bottom: 26px; }
.cl-contact-intro p { margin: 0 0 12px; }
.cl-contact-intro p:last-child { color: #606060; font-size: 15px; }
.cl-contact .cl-contact-required { margin: 0 0 20px; color: #606060; font-size: 14px; }
.cl-contact-fields { display: flex; flex-wrap: wrap; margin: 0 -12px; }
.cl-contact-fields .form-group { width: 50%; min-width: 0; margin: 0 0 20px; padding: 0 12px; }
.cl-contact-fields .cl-contact-wide { width: 100%; }
.cl-contact label { display: block; margin-bottom: 8px; font-size: 15px; font-weight: 700; }
.cl-contact .form-control {
    width: 100%;
    max-width: 100%;
    min-height: 46px;
    height: auto;
    padding: 10px 12px;
    color: #363636;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 0;
    box-shadow: none;
    font-family: inherit;
    font-size: 16px;
    line-height: 1.5;
}
.cl-contact textarea.form-control { min-height: 170px; resize: vertical; }
.cl-contact .form-control:focus { border-color: #2e6eab; outline: 2px solid #2e6eab; outline-offset: 2px; }
.cl-contact .has-error .form-control { border-color: #a94442; }
.cl-contact .help-block { margin: 6px 0 0; font-size: 14px; }
.cl-contact .help-block:empty { display: none; }
.cl-contact-actions { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.cl-contact-actions p { flex: 1; margin: 0; color: #606060; font-size: 14px; }
.cl-contact .btn { flex-shrink: 0; min-height: 46px; padding: 12px 24px; font-size: 16px; }
.cl-contact .btn i { margin-right: 7px; }
.cl-contact .btn:focus { outline: 2px solid #2e6eab !important; outline-offset: 3px; }
.cl-contact-notice { margin: 0 0 24px; line-height: 1.6; }
.cl-contact-notice p { margin: 6px 0 0; }
.cl-contact-trap { display: none !important; }
@media (max-width: 767px) {
    .cl-contact { padding: 24px 20px 28px; }
    .cl-contact .page-title h1 { font-size: 30px; }
    .cl-contact-fields { margin: 0; }
    .cl-contact-fields .form-group { width: 100%; padding: 0; }
    .cl-contact-actions { display: block; }
    .cl-contact-actions p { margin-bottom: 18px; }
    .cl-contact .btn { width: 100%; }
}