.elementor-375 .elementor-element.elementor-element-3b4a7fc0{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-3b4a7fc0 *//* ========================================================
   OPCIÓN NUCLEAR: TODOS LOS BOTONES Y CAMPOS DE TUTOR LMS
   ======================================================== */

/* 1. Todos los campos de texto sin importar dónde estén */
html body #page [class*="tutor"] input[type="text"],
html body #page [class*="tutor"] input[type="email"],
html body #page [class*="tutor"] input[type="password"] {
    background-color: #1a1a1a !important;
    border: 1px solid #333 !important;
    color: #ffffff !important;
    border-radius: 8px !important;
}

/* 2. Todos los botones de Tutor LMS (incluido el botón rosa rebelde) */
html body #page [class*="tutor"] button[type="submit"],
html body #page .tutor-btn,
html body #page .tutor-btn-primary,
html body #page .tutor-course-login-wrap button {
    background-color: #E0B342 !important; /* Dorado Elite */
    border: 1px solid #E0B342 !important;
    color: #000000 !important; /* Texto negro */
    border-radius: 8px !important;
    font-weight: bold !important;
    background: #E0B342 !important; /* Respaldo para anular gradientes */
}

/* 3. Textos alrededor del formulario */
html body #page [class*="tutor"] label,
html body #page .tutor-login-form-wrapper * {
    color: #cccccc !important;
}/* End custom CSS */
/* Start custom CSS *//* ========================================================
   REGISTRO ELITE: CAMPOS OSCUROS + BOTÓN SUTIL
   ======================================================== */

/* 1. CAMPOS OSCUROS Y COMPACTOS (Estética visual pro) */
body.elementor-page-375 .tutor-registration-form-wrap {
    max-width: 480px !important;
    margin: 0 auto !important;
}

body.elementor-page-375 .tutor-form-control, 
body.elementor-page-375 input {
    background-color: #121212 !important; /* Fondo negro mate */
    border: 1px solid #333 !important; /* Borde sutil */
    color: #ffffff !important;
    border-radius: 8px !important;
    padding: 10px !important;
    height: auto !important;
}

body.elementor-page-375 label {
    color: #cccccc !important; /* Texto de etiquetas suave */
    font-size: 14px !important;
}

/* 2. EL BOTÓN SUTIL (Estilo elegante) */
body.elementor-page-375 button[type="submit"],
body.elementor-page-375 .tutor-btn-primary {
    background-color: transparent !important; /* Fondo transparente */
    border: 1px solid #E0B342 !important; /* Borde fino dorado */
    color: #E0B342 !important; /* Texto dorado */
    padding: 10px 25px !important;
    border-radius: 6px !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}

/* Efecto al pasar el mouse */
body.elementor-page-375 button[type="submit"]:hover,
body.elementor-page-375 .tutor-btn-primary:hover {
    background-color: #E0B342 !important; /* Se llena de dorado */
    color: #000000 !important; /* Texto cambia a negro */
    box-shadow: 0 4px 15px rgba(224, 179, 66, 0.2) !important;
}/* End custom CSS */