.elementor-535 .elementor-element.elementor-element-69c78e08{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:1;--padding-top:120px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-535 .elementor-element.elementor-element-69c78e08:not(.elementor-motion-effects-element-type-background), .elementor-535 .elementor-element.elementor-element-69c78e08 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-kadence9 );}.elementor-535 .elementor-element.elementor-element-69c78e08::before, .elementor-535 .elementor-element.elementor-element-69c78e08 > .elementor-background-video-container::before, .elementor-535 .elementor-element.elementor-element-69c78e08 > .e-con-inner > .elementor-background-video-container::before, .elementor-535 .elementor-element.elementor-element-69c78e08 > .elementor-background-slideshow::before, .elementor-535 .elementor-element.elementor-element-69c78e08 > .e-con-inner > .elementor-background-slideshow::before, .elementor-535 .elementor-element.elementor-element-69c78e08 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://www.rulondas.com.ar/wp-content/uploads/2026/01/Gemini_Generated_Image_g6k28rg6k28rg6k2.png");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-535 .elementor-element.elementor-element-6efecedc{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-535 .elementor-element.elementor-element-1083c550{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-535 .elementor-element.elementor-element-431f1f16{--display:flex;}.elementor-535 .elementor-element.elementor-element-934461c{text-align:center;}.elementor-535 .elementor-element.elementor-element-4cbb787{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(min-width:768px){.elementor-535 .elementor-element.elementor-element-1083c550{--width:1322px;}}@media(max-width:1024px){.elementor-535 .elementor-element.elementor-element-69c78e08{--padding-top:70px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-535 .elementor-element.elementor-element-1083c550{--margin-top:0px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;}}@media(max-width:767px){.elementor-535 .elementor-element.elementor-element-69c78e08{--padding-top:70px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-535 .elementor-element.elementor-element-1083c550{--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-535 .elementor-element.elementor-element-934461c{margin:250px 0px calc(var(--kit-widget-spacing, 0px) + -30px) 0px;}}/* Start custom CSS for text-editor, class: .elementor-element-5cf80ffd *//* --- PANEL RULONDAS ESTABILIZADO --- */

/* 1. Contenedor principal centrado y con aire */
.woocommerce-MyAccount-content {
    text-align: center !important;
    padding: 50px 30px !important;
    background-color: #ffffff;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    margin-top: 20px;
}

/* 2. Menú de navegación estilo "Píldoras Grandes" */
.woocommerce-MyAccount-navigation ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    list-style: none !important;
    padding: 0 !important;
    margin-bottom: 50px !important;
}

.woocommerce-MyAccount-navigation ul li a {
    background-color: #f8f9fa;
    color: #2D5C8A !important;
    padding: 12px 32px !important; /* reducimos un poco el padding vertical */
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 600;
    font-size: 17px !important;
    display: inline-flex;             /* cambio a flex para centrar verticalmente */
    align-items: center;              /* centra el texto vertical */
    justify-content: center;          /* centra horizontal, opcional */
    line-height: 1.2;                 /* asegura que el texto no se vea muy alto */
    border: 2px solid transparent;
    transition: all 0.2s ease-in-out;
}

/* 3. Estado Activo y Hover (Sin saltos hacia arriba) */
.woocommerce-MyAccount-navigation ul li a:hover, 
.woocommerce-MyAccount-navigation ul li.is-active a {
    background-color: #2D5C8A !important;
    color: #ffffff !important;
    border-color: #2D5C8A;
    /* Eliminamos el translateY para que no se mueva de lugar al publicar */
}

/* 4. Estilo para el mensaje de contraseña temporal y bienvenida */
.woocommerce-MyAccount-content p, 
.woocommerce-info {
    font-size: 1.1rem !important;
    color: #444;
    max-width: 800px;
    margin: 0 auto 20px auto !important;
    line-height: 1.6;
}

/* Centrar el icono de usuario si aparece */
.woocommerce-MyAccount-content img, 
.avatar {
    display: block;
    margin: 0 auto 20px auto;
    border-radius: 50%;
    border: 3px solid #f0f0f0;
}/* End custom CSS */