.elementor-6307 .elementor-element.elementor-element-0a0eb16{--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;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-6307 .elementor-element.elementor-element-0a0eb16:not(.elementor-motion-effects-element-type-background), .elementor-6307 .elementor-element.elementor-element-0a0eb16 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3F3F3;}.elementor-6307 .elementor-element.elementor-element-82f487b .woocommerce-breadcrumb > a{color:var( --e-global-color-primary );}.elementor-6307 .elementor-element.elementor-element-82f487b .woocommerce-breadcrumb{text-align:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-6307 .elementor-element.elementor-element-d00af14{text-align:center;}.elementor-6307 .elementor-element.elementor-element-d00af14 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:35px;font-weight:600;color:#FF818D;}.elementor-6307 .elementor-element.elementor-element-14e183c{--display:flex;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-6307 .elementor-element.elementor-element-14e183c{--content-width:1300px;}}/* Start custom CSS for woocommerce-my-account, class: .elementor-element-17fe79e *//* =========================================================
   DASHBOARD Y LOGIN PREMIUM "MI CUENTA" - IPERUANO
   ========================================================= */

/* 1. Contenedor principal y tipografía */
.elementor-6307 .elementor-element.elementor-element-17fe79e .woocommerce {
    font-family: 'Poppins', sans-serif !important;
    width: 100% !important;
}

/* ---------------------------------------------------------
   VISTA 1: USUARIO CONECTADO (DASHBOARD)
   --------------------------------------------------------- */
/* Layout del Dashboard (Protegido para no afectar al Login) */
@media (min-width: 769px) {
    .elementor-6307 .elementor-element.elementor-element-17fe79e .woocommerce-MyAccount-navigation {
        float: left !important;
        width: 26% !important;
    }
    .elementor-6307 .elementor-element.elementor-element-17fe79e .woocommerce-MyAccount-content {
        float: right !important;
        width: 70% !important;
    }
    .elementor-6307 .elementor-element.elementor-element-17fe79e .woocommerce::after {
        content: ""; display: table; clear: both;
    }
}

/* Ocultar bordes y estilos feos del menú nativo */
.elementor-6307 .elementor-element.elementor-element-17fe79e .woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}

.elementor-6307 .elementor-element.elementor-element-17fe79e .woocommerce-MyAccount-navigation ul li {
    border: none !important;
    margin-bottom: 8px !important;
}

/* Botones del menú lateral */
.elementor-6307 .elementor-element.elementor-element-17fe79e .woocommerce-MyAccount-navigation ul li a {
    display: block !important;
    padding: 15px 25px !important;
    color: #4a4a4a !important;
    font-weight: 500 !important;
    font-size: 15px !important;
    text-decoration: none !important;
    border-radius: 12px !important;
    background-color: #f8f9fa !important;
    transition: all 0.3s ease !important;
}

.elementor-6307 .elementor-element.elementor-element-17fe79e .woocommerce-MyAccount-navigation ul li a:hover {
    background-color: #fff0f1 !important;
    color: #FF818D !important;
    transform: translateX(5px) !important;
}

.elementor-6307 .elementor-element.elementor-element-17fe79e .woocommerce-MyAccount-navigation ul li.is-active a {
    background-color: #FF818D !important;
    color: #ffffff !important;
    box-shadow: 0 6px 15px rgba(255, 129, 141, 0.3) !important;
    font-weight: 600 !important;
}

/* Tarjeta del contenido del Dashboard */
.elementor-6307 .elementor-element.elementor-element-17fe79e .woocommerce-MyAccount-content {
    background-color: #ffffff !important;
    padding: 40px !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 25px rgba(0, 0, 0, 0.04) !important;
    border: 1px solid #f0f0f0 !important;
}

/* Enlaces y Botones del Dashboard */
.elementor-6307 .elementor-element.elementor-element-17fe79e .woocommerce-MyAccount-content a {
    color: #FF818D !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}
.elementor-6307 .elementor-element.elementor-element-17fe79e .woocommerce-MyAccount-content a:hover {
    color: #e56d79 !important;
    text-decoration: underline !important;
}
.elementor-6307 .elementor-element.elementor-element-17fe79e .woocommerce-MyAccount-content .button {
    background-color: #FF818D !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    padding: 12px 24px !important;
    font-weight: 600 !important;
    border: none !important;
    transition: all 0.3s ease !important;
}
.elementor-6307 .elementor-element.elementor-element-17fe79e .woocommerce-MyAccount-content .button:hover {
    background-color: #e56d79 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 15px rgba(255, 129, 141, 0.3) !important;
}


/* ---------------------------------------------------------
   VISTA 2: USUARIO DESCONECTADO (LOGIN Y REGISTRO)
   --------------------------------------------------------- */

/* ¡EL TRUCO! Matamos los elementos fantasma nativos de WooCommerce que rompen la grilla */
.elementor-6307 .elementor-element.elementor-element-17fe79e #customer_login::before,
.elementor-6307 .elementor-element.elementor-element-17fe79e #customer_login::after {
    display: none !important;
}

/* Usamos Grid para forzar dos columnas exactas lado a lado */
.elementor-6307 .elementor-element.elementor-element-17fe79e #customer_login {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important; /* Dos fracciones iguales */
    gap: 40px !important;
    width: 100% !important;
    align-items: start !important;
}

/* Tarjetas de Acceder y Registrarse */
.elementor-6307 .elementor-element.elementor-element-17fe79e #customer_login .u-column1,
.elementor-6307 .elementor-element.elementor-element-17fe79e #customer_login .u-column2 {
    background: #ffffff !important;
    padding: 40px !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 25px rgba(0, 0, 0, 0.04) !important;
    border: 1px solid #f0f0f0 !important;
    width: 100% !important; 
    float: none !important; 
}

/* Títulos */
.elementor-6307 .elementor-element.elementor-element-17fe79e #customer_login h2 {
    font-family: 'Poppins', sans-serif !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    color: #2b2b2b !important;
    margin-bottom: 25px !important;
}

/* Etiquetas (Labels) */
.elementor-6307 .elementor-element.elementor-element-17fe79e #customer_login .form-row label {
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #4a4a4a !important;
    margin-bottom: 8px !important;
    display: inline-block !important;
}

/* Campos de texto */
.elementor-6307 .elementor-element.elementor-element-17fe79e #customer_login .form-row input.input-text {
    background-color: #f8f9fa !important;
    border: 1px solid #eaeaea !important;
    border-radius: 8px !important;
    padding: 14px 18px !important;
    color: #333333 !important;
    transition: all 0.3s ease !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.elementor-6307 .elementor-element.elementor-element-17fe79e #customer_login .form-row input.input-text:focus {
    border-color: #FF818D !important;
    background-color: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(255, 129, 141, 0.1) !important;
    outline: none !important;
}

/* Botones de Login/Registro */
.elementor-6307 .elementor-element.elementor-element-17fe79e #customer_login .button {
    background-color: #FF818D !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 15px 30px !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    transition: all 0.3s ease !important;
    width: 100% !important;
    margin-top: 15px !important;
}

.elementor-6307 .elementor-element.elementor-element-17fe79e #customer_login .button:hover {
    background-color: #e56d79 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(255, 129, 141, 0.3) !important;
}

/* Enlace "Olvidaste tu contraseña" */
.elementor-6307 .elementor-element.elementor-element-17fe79e .woocommerce-LostPassword a {
    color: #FF818D !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    display: inline-block !important;
    margin-top: 15px !important;
}
.elementor-6307 .elementor-element.elementor-element-17fe79e .woocommerce-LostPassword a:hover {
    text-decoration: underline !important;
}

/* ---------------------------------------------------------
   RESPONSIVIDAD MÓVIL (AMBAS VISTAS PERFECTAS)
   --------------------------------------------------------- */
@media (max-width: 768px) {
    /* Dashboard en Móvil */
    .elementor-6307 .elementor-element.elementor-element-17fe79e .woocommerce-MyAccount-navigation,
    .elementor-6307 .elementor-element.elementor-element-17fe79e .woocommerce-MyAccount-content {
        width: 100% !important;
        float: none !important;
        margin-bottom: 20px !important;
    }
    .elementor-6307 .elementor-element.elementor-element-17fe79e .woocommerce-MyAccount-content {
        padding: 25px !important;
    }
    
    /* Login en Móvil */
    .elementor-6307 .elementor-element.elementor-element-17fe79e #customer_login {
        grid-template-columns: 1fr !important; /* Se apilan en 1 sola columna perfecta */
        gap: 20px !important;
    }
    .elementor-6307 .elementor-element.elementor-element-17fe79e #customer_login .u-column1,
    .elementor-6307 .elementor-element.elementor-element-17fe79e #customer_login .u-column2 {
        padding: 25px !important;
    }
}/* End custom CSS */