.elementor-318 .elementor-element.elementor-element-15e9435f{--display:flex;}body.elementor-page-318 .container{max-width:1420px;}body.elementor-page-318 .elementor-section.elementor-section-boxed>.elementor-container{max-width:1420px;}body.elementor-page-318 .e-con {--container-max-width:1420px;}/* Start custom CSS for text-editor, class: .elementor-element-19a946a7 *//* Oculta los párrafos específicos de WooCommerce dentro de la cuenta */
.woocommerce-MyAccount-content > p {
    display: none !important;
}

/* Oculta el mensaje de avisos de WooCommerce */
.woocommerce-MyAccount-content .woocommerce-notices-wrapper {
    display: none !important;
}

/* --- 1. ESTILO DEL MENÚ LATERAL (BARRA DE CUENTA) --- */

/* Fondo amarillo corporativo para los botones del menú */
.woocommerce-MyAccount-navigation ul li {
    background: #F4D03F !important; /* AMARILLO CORPORATIVO */
    border-radius: 8px !important;
}

/* Color de texto marrón chocolate para los enlaces del menú */
.woocommerce-MyAccount-navigation ul li a {
    color: #5D4037 !important; /* MARRÓN CHOCOLATE */
    font-weight: bold !important;
}

/* Efecto al pasar el ratón (hover) en el menú (opcional) */
.woocommerce-MyAccount-navigation ul li:hover {
    background: #F1C40F !important; /* Un amarillo ligeramente diferente al hover */
}


/* --- 2. ESTILO DEL MENSAJE DE BIENVENIDA (ZONA CENTRAL) --- */

/* Color del título personalizado ("¡Bienvenido a Mundo Cacao...") */
.woocommerce-MyAccount-content div h2 {
    color: #5D4037 !important; /* MARRÓN CHOCOLATE */
}

/* Color del párrafo de bienvenida */
.woocommerce-MyAccount-content div p {
    color: #5D4037 !important; /* MARRÓN CHOCOLATE */
}

/* Opcional: Color de la caja (borde) */
.woocommerce-MyAccount-content div {
    border-color: #A1887F !important; /* Un marrón más claro para el borde de la caja */
}


/* --- 3. ESTILO DEL BOTÓN GRANDE ("IR A LA TIENDA") --- */

/* Botón grande en amarillo con texto marrón chocolate */
.woocommerce-MyAccount-content div a {
    background: #F4D03F !important; /* AMARILLO CORPORATIVO */
    color: #5D4037 !important; /* MARRÓN CHOCOLATE */
    border-radius: 10px !important;
    border: none !important;
    transition: all 0.3s ease;
}

/* Efecto al pasar el ratón (hover) en el botón grande */
.woocommerce-MyAccount-content div a:hover {
    background: #5D4037 !important; /* MARRÓN CHOCOLATE al hover */
    color: #fff !important; /* Texto blanco al hover para contraste */
}/* End custom CSS */