.elementor-8513 .elementor-element.elementor-element-34242bc{--display:flex;--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8513 .elementor-element.elementor-element-34242bc.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-8513 .elementor-element.elementor-element-e1ae291{width:100%;max-width:100%;}.elementor-8513 .elementor-element.elementor-element-e1ae291.elementor-element{--align-self:stretch;--flex-grow:0;--flex-shrink:0;}body.elementor-page-8513:not(.elementor-motion-effects-element-type-background), body.elementor-page-8513 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(min-width:768px){.elementor-8513 .elementor-element.elementor-element-34242bc{--width:95.452%;}}/* Start custom CSS for container, class: .elementor-element-34242bc *//* 1. Forzamos al contenedor de Elementor a centrar todo */
.login-vendedor-container {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
}

/* 2. La tarjeta blanca (centrada por el flex del padre) */
.login-vendedor-card {
    width: 100% !important;
    max-width: 400px !important;
    padding: 25px !important;
    border: 1px solid #ddd !important;
    border-radius: 10px !important;
    background: #fff !important;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1) !important;
    margin: 0 auto !important;
    /* Esto es lo que falta para que el contenido de adentro se centre */
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

/* 3. El formulario interno de WordPress (El causante del problema a la izquierda) */
.login-vendedor-card form#loginform {
    float: none !important; /* Eliminamos cualquier flotado a la izquierda */
    margin: 0 auto !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

/* 4. Aseguramos que las etiquetas y campos estén centrados */
.login-vendedor-card p {
    width: 100% !important;
    text-align: center !important;
}/* End custom CSS */