.elementor-3111 .elementor-element.elementor-element-5fc468b5{--display:flex;}/* Start custom CSS for shortcode, class: .elementor-element-2e963cc5 *//* ============================
   VARIABLES (ajústalas a gusto)
   ============================ */
:root {
    --bt-primary: #1D4ED8;        /* azul botón */
    --bt-primary-dark: #1E40AF;
    --bt-border: #E5E7EB;
    --bt-bg-form: #FFFFFF;
    --bt-text-main: #111827;
    --bt-text-muted: #6B7280;
}

/* ============================
   CONTENEDOR DEL FORMULARIO
   ============================ */
.user-registration .ur-frontend-form {
    max-width: 980px;
    margin: 0 auto 40px;
    background: var(--bt-bg-form);
    padding: 32px 40px;
    border-radius: 12px;
    border: 1px solid var(--bt-border);
    box-shadow: 0 16px 40px rgba(15, 23, 42, .08);
}

/* Título y descripción del formulario */
.user-registration .ur-form-heading {
    text-align: center;
    font-size: 26px;
    font-weight: 700;
    color: var(--bt-text-main);
    margin-bottom: 4px;
}

.user-registration .ur-form-description {
    text-align: center;
    font-size: 14px;
    color: var(--bt-text-muted);
    margin-bottom: 24px;
}

/* ============================
   SUBTÍTULOS DE COLUMNA
   (Información de la Empresa / Datos Persona de Contacto)
   ============================ */
.user-registration .ur-section-title,
.user-registration h3 {
    font-size: 16px;
    font-weight: 700;
    text-transform: none;
    letter-spacing: .02em;
    margin: 18px 0 10px;
    color: var(--bt-text-main);
    border-bottom: 1px solid var(--bt-border);
    padding-bottom: 6px;
}

/* ============================
   FILAS Y CAMPOS
   ============================ */
.user-registration .ur-form-row {
    margin-bottom: 16px;
}

/* Etiquetas */
.user-registration .ur-label,
.user-registration label {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: var(--bt-text-main);
    margin-bottom: 4px;
}

/* Inputs y selects */
.user-registration input[type="text"],
.user-registration input[type="email"],
.user-registration input[type="password"],
.user-registration input[type="tel"],
.user-registration select,
.user-registration textarea {
    width: 100%;
    border-radius: 8px;
    border: 1px solid var(--bt-border);
    padding: 9px 11px;
    font-size: 14px;
    color: var(--bt-text-main);
    background: #F9FAFB;
    transition: all .18s ease;
}

/* Estado focus */
.user-registration input[type="text"]:focus,
.user-registration input[type="email"]:focus,
.user-registration input[type="password"]:focus,
.user-registration input[type="tel"]:focus,
.user-registration select:focus,
.user-registration textarea:focus {
    outline: none;
    border-color: var(--bt-primary);
    box-shadow: 0 0 0 1px rgba(37, 99, 235, .35);
    background: #FFFFFF;
}

/* Placeholders más suaves */
.user-registration ::placeholder {
    color: #9CA3AF;
    font-size: 13px;
}

/* Mensajes de error / ayuda */
.user-registration .ur-field-description,
.user-registration .ur-error {
    font-size: 12px;
    margin-top: 4px;
}

.user-registration .ur-field-description {
    color: var(--bt-text-muted);
}

.user-registration .ur-error {
    color: #DC2626;
}

/* ============================
   BOTÓN ENVIAR
   ============================ */
.user-registration .ur-submit-button,
.user-registration button[type="submit"],
.user-registration input[type="submit"] {
    background: var(--bt-primary) !important;
    color: #FFF !important;
    border: none !important;
    border-radius: 999px !important;
    padding: 11px 28px !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    cursor: pointer;
    box-shadow: 0 10px 25px rgba(37, 99, 235, .35);
    transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}

.user-registration .ur-submit-button:hover,
.user-registration button[type="submit"]:hover,
.user-registration input[type="submit"]:hover {
    background: var(--bt-primary-dark) !important;
    transform: translateY(-1px);
    box-shadow: 0 14px 32px rgba(37, 99, 235, .45);
}

.user-registration .ur-submit-button:active,
.user-registration button[type="submit"]:active,
.user-registration input[type="submit"]:active {
    transform: translateY(0);
    box-shadow: 0 8px 20px rgba(15, 23, 42, .28);
}

/* Centrar botón y recaptcha */
.user-registration .ur-button-container,
.user-registration .g-recaptcha {
    margin-top: 12px;
}

/* ============================
   RESPONSIVE
   ============================ */
@media (max-width: 768px) {
    .user-registration .ur-frontend-form {
        padding: 24px 18px;
        box-shadow: 0 8px 24px rgba(15, 23, 42, .06);
    }

    .user-registration .ur-form-heading {
        font-size: 22px;
    }
}
/* ============================================
   ESTILO UNIFICADO PARA SELECT2 (País, Región, etc.)
   SOLO EN EL FORMULARIO DE REGISTRO
   ============================================ */

/* Contenedor visible del select2 */
.user-registration .select2-container--default .select2-selection--single {
    background-color: #f9fafb !important;
    border: 1px solid #d1d5db !important;
    border-radius: 8px !important;
    height: 44px !important;
    padding: 8px 12px !important;
    box-shadow: none !important;

    display: flex !important;
    align-items: center !important;
    transition: all .18s ease !important;
}

/* Texto dentro del select2 */
.user-registration .select2-selection--single .select2-selection__rendered {
    color: #111827 !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    padding-left: 0 !important; /* quita padding doble del tema */
}

/* Flechita del select2 */
.user-registration .select2-selection--single .select2-selection__arrow {
    height: 100% !important;
    right: 10px !important;
}

/* Borde cuando está enfocado/abierto */
.user-registration .select2-container--default.select2-container--open .select2-selection--single,
.user-registration .select2-container--default .select2-selection--single:focus {
    border-color: #2563eb !important;
    box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.25) !important;
    background-color: #ffffff !important;
}

/* Dropdown (lista de opciones) */
.user-registration .select2-container .select2-dropdown {
    border-radius: 8px !important;
    border: 1px solid #d1d5db !important;
    box-shadow: 0 10px 30px rgba(15, 23, 42, .18) !important;
}

.user-registration .select2-results__option {
    font-size: 14px !important;
    padding: 8px 10px !important;
}

/* Opción seleccionada/hover en el dropdown */
.user-registration .select2-results__option--highlighted {
    background-color: #2563eb !important;
    color: #ffffff !important;
}/* End custom CSS */