.elementor-4967 .elementor-element.elementor-element-62f551b{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-4967 .elementor-element.elementor-element-7478b7c{--display:flex;}.elementor-4967 .elementor-element.elementor-element-7478b7c:not(.elementor-motion-effects-element-type-background), .elementor-4967 .elementor-element.elementor-element-7478b7c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-4967 .elementor-element.elementor-element-71e0fb1{text-align:center;}.elementor-4967 .elementor-element.elementor-element-71e0fb1 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:28px;font-weight:700;color:#494949;}.elementor-4967 .elementor-element.elementor-element-29c6b82{--display:flex;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}@media(max-width:767px){.elementor-4967 .elementor-element.elementor-element-62f551b{--margin-top:-20px;--margin-bottom:-5px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-4967 .elementor-element.elementor-element-7478b7c{--margin-top:8px;--margin-bottom:12px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-4967 .elementor-element.elementor-element-71e0fb1 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 70px 0px 70px;}.elementor-4967 .elementor-element.elementor-element-71e0fb1 .elementor-heading-title{font-size:38px;}}/* Start custom CSS for shortcode, class: .elementor-element-a191544 *//* Fondo blanco para el área de contenido principal en Mi Cuenta */
.woocommerce-MyAccount-content {
    background-color: #ffffff;
    padding: 20px;
    border-radius: 5px;
    color: #666666; /* Gris para el texto principal */
    font-weight: normal; /* Letra menos gruesa */
}

/* Eliminar solo el mensaje adicional de "Desde el panel de control de tu cuenta..." */
.woocommerce-MyAccount-content .woocommerce-MyAccount-navigation-link--dashboard p {
    display: none;
}

/* Navegación de Mi Cuenta con fondo gris tenue */
.woocommerce-MyAccount-navigation ul {
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #f5f5f5; /* Fondo gris tenue */
    border-radius: 5px;
    padding: 15px;
}

/* Estilo de los elementos de menú en Mi Cuenta */
.woocommerce-MyAccount-navigation li {
    width: 100%;
    text-align: center;
    margin: 5px 0;
}

.woocommerce-MyAccount-navigation a {
    color: #808080; /* Gris más fuerte para el texto */
    text-decoration: none;
    font-weight: normal; /* Letra menos gruesa */
    padding: 12px 0;
    display: block;
    width: 100%;
    border-radius: 5px;
    font-size: 1.1em; /* Tamaño de fuente */
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Hover en morado claro con texto blanco */
.woocommerce-MyAccount-navigation a:hover {
    background-color: #9370db; /* Morado claro en hover */
    color: #ffffff; /* Texto blanco en hover */
}

/* Estilo para el elemento activo (pestaña actual) */
.woocommerce-MyAccount-navigation .is-active a {
    background-color: #9370db; /* Morado claro para la pestaña activa */
    color: #ffffff; /* Texto blanco en la pestaña activa */
}

/* Cambiar el color de hipervínculos en el área de contenido principal */
.woocommerce-MyAccount-content a {
    color: #9370db; /* Morado claro para hipervínculos */
    text-decoration: none;
    transition: color 0.3s ease;
}

.woocommerce-MyAccount-content a:hover {
    color: #6a0dad; /* Morado oscuro en hover */
}

/* Cambio del saludo y enlaces a morado claro */
.woocommerce-MyAccount-content .woocommerce-MyAccount-header,
.woocommerce-MyAccount-content .woocommerce-MyAccount-header a {
    color: #9370db; /* Morado claro */
    font-weight: normal; /* Letra menos gruesa */
}

/* Fondo blanco y estilo elegante para el formulario de acceso y registro */
.woocommerce form.woocommerce-form-login, .woocommerce form.woocommerce-form-register {
    background-color: #ffffff;
    padding: 20px;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    color: #666666; /* Gris para el texto principal */
    font-weight: normal;
    max-width: 400px; /* Ancho máximo para centrar */
    margin: 0 auto; /* Centrado */
}

/* Campos de entrada (nombre de usuario, correo, contraseña) */
.woocommerce input[type="text"],
.woocommerce input[type="email"],
.woocommerce input[type="password"] {
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    border-radius: 5px;
    color: #666666;
    background-color: #f9f9f9;
    transition: border-color 0.3s ease;
}

/* Estilo en el enfoque (focus) de los campos */
.woocommerce input[type="text"]:focus,
.woocommerce input[type="email"]:focus,
.woocommerce input[type="password"]:focus {
    border-color: #9370db; /* Morado claro en el borde al hacer focus */
    outline: none;
}

/* Botón de acceso y registro */
.woocommerce button.button, .woocommerce form .form-row .woocommerce-Button {
    background-color: #6a0dad; /* Morado oscuro */
    color: #ffffff;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    width: 100%;
    font-weight: bold;
    transition: background-color 0.3s ease;
    text-align: center;
    max-width: 400px;
    margin: 10px auto;
    display: block;
}

/* Hover para los botones de acceso y registro */
.woocommerce button.button:hover, .woocommerce form .form-row .woocommerce-Button:hover {
    background-color: #9370db; /* Morado claro en hover */
}

/* Enlaces como "¿Olvidaste la contraseña?" en morado claro */
.woocommerce form.woocommerce-form-login a,
.woocommerce form.woocommerce-form-register a {
    color: #9370db; /* Morado claro */
    text-decoration: none;
    transition: color 0.3s ease;
}

.woocommerce form.woocommerce-form-login a:hover,
.woocommerce form.woocommerce-form-register a:hover {
    color: #6a0dad; /* Morado oscuro en hover */
}

/* Mensajes de error y aviso */
.woocommerce .woocommerce-error,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-message {
    border-radius: 5px;
    padding: 15px;
    color: #ffffff;
    background-color: #6a0dad; /* Fondo morado oscuro */
    border: none;
}

/* Cambia el color del texto en los errores a blanco */
.woocommerce .woocommerce-error li,
.woocommerce .woocommerce-info li,
.woocommerce .woocommerce-message li {
    color: #ffffff;
}/* End custom CSS */