.elementor-1869 .elementor-element.elementor-element-e90ff1e{--display:flex;}.elementor-1869 .elementor-element.elementor-element-5213bf8{--display:flex;--border-radius:25px 25px 25px 25px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-1869 .elementor-element.elementor-element-5213bf8:not(.elementor-motion-effects-element-type-background), .elementor-1869 .elementor-element.elementor-element-5213bf8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-59a631c *//* ==========================================================================
   Estilos para el Formulario de Registro SWPM (El Polo de Sara)
   ========================================================================== */

/* Contenedor principal del formulario */
.swpm-registration-form-container {
    background-color: #FDFEFE; /* Blanco roto limpio de fondo */
    color: #2E3355; /* Azul marino oscuro para el texto principal */
    font-family: 'DM Sans', sans-serif;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(46, 51, 85, 0.08);
    max-width: 500px;
    margin: 20px auto;
}

/* Títulos del formulario */
.swpm-registration-form-header h2,
.swpm-registration-form-container h3 {
    color: #2E3355;
    font-weight: 700;
    margin-bottom: 20px;
}

/* Filas y etiquetas */
.swpm-registration-form-row {
    margin-bottom: 15px;
}

.swpm-registration-form-row label {
    display: block;
    margin-bottom: 6px;
    font-weight: 600;
    color: #2E3355;
}

/* Campos de entrada (Inputs) */
.swpm-registration-form-row input[type="text"],
.swpm-registration-form-row input[type="email"],
.swpm-registration-form-row input[type="password"],
.swpm-registration-form-row select {
    width: 100%;
    padding: 10px 14px;
    border: 2px solid #B2DDE8; /* Azul claro/turquesa sutil para los bordes */
    border-radius: 20px; /* Bordes redondeados como el estilo de la web */
    background-color: #FFFFFF;
    color: #2E3355;
    font-size: 15px;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
    box-sizing: border-box;
}

/* Estado Focus (Cuando el usuario hace clic en un campo) */
.swpm-registration-form-row input:focus,
.swpm-registration-form-row select:focus {
    border-color: #D34394; /* Cambia al rosa/magenta vibrante */
    outline: none;
    box-shadow: 0 0 0 3px rgba(211, 67, 148, 0.15);
}

/* Botón de envío (Submit) */
.swpm-registration-submit-button {
    background-color: #D34394; /* Rosa/magenta corporativo */
    color: #FFFFFF;
    border: none;
    padding: 12px 24px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 25px; /* Botón bien redondeado como el de Instagram */
    cursor: pointer;
    width: 100%;
    transition: background-color 0.3s ease, transform 0.1s ease;
    margin-top: 10px;
}

/* Efecto Hover del botón */
.swpm-registration-submit-button:hover {
    background-color: #BD3582; /* Un tono rosa un poco más oscuro al pasar el cursor */
}

.swpm-registration-submit-button:active {
    transform: scale(0.98);
}

/* Mensajes de error o descripciones de nivel */
.swpm-registration-level-description {
    border-left: 4px solid #D34394;
    padding-left: 10px;
    margin-bottom: 20px;
    color: #2E3355;
    font-style: italic;
}/* End custom CSS */