.elementor-kit-65{--e-global-color-primary:#101010;--e-global-color-secondary:#3E3E3E;--e-global-color-text:#797979;--e-global-color-accent:#53BA61;--e-global-color-30e72b6:#AEDC60;--e-global-color-78e05dd:#A378ED;--e-global-color-b3395de:#F477FF;--e-global-color-e10bfdb:#F3E163;--e-global-color-d07f4dc:#FE5E5E;--e-global-color-ec296de:#EEEEEE;--e-global-color-9f3b804:#FFA05C;--e-global-color-2cb07f1:#5CDEFF;--e-global-color-e3cd6be:#F1F3F5;--e-global-color-0abd95a:#1D92FF;--e-global-color-bcb90d4:#FFDFDF;--e-global-color-d39d0bc:#D8D8D8;--e-global-color-ab52867:#FDEAFF;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Red Hat Display";--e-global-typography-text-font-weight:500;--e-global-typography-accent-font-family:"Red Hat Display";--e-global-typography-accent-font-weight:700;background-color:var( --e-global-color-e3cd6be );}.elementor-kit-65 e-page-transition{background-color:#FFBC7D;}body.e-wc-error-notice .woocommerce-error, body.e-wc-error-notice .wc-block-components-notice-banner.is-error{background-color:#FFF3F3;border-style:none;}body.e-wc-message-notice .woocommerce-message, body.e-wc-message-notice .wc-block-components-notice-banner.is-success{background-color:#FCFFF6;border-style:none;}body.e-wc-info-notice .woocommerce-info, body.e-wc-info-notice .wc-block-components-notice-banner.is-info{background-color:#EFFCFF;border-style:none;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1300px;}.e-con{--container-max-width:1300px;--container-default-padding-top:50px;--container-default-padding-right:20px;--container-default-padding-bottom:50px;--container-default-padding-left:20px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.e-wc-error-notice .woocommerce-error, .e-wc-error-notice .wc-block-components-notice-banner.is-error{font-family:"Red Hat Display", Sans-serif;--error-message-icon-color:var( --e-global-color-d07f4dc );--error-box-border-radius:12px 12px 12px 12px;}body.e-wc-error-notice .woocommerce-error a.wc-backward, body.e-wc-error-notice .wc-block-components-notice-banner.is-error a.wc-backward{font-family:"Red Hat Display", Sans-serif;}.e-wc-message-notice .woocommerce-message, .e-wc-message-notice .wc-block-components-notice-banner.is-success{font-family:"Red Hat Display", Sans-serif;--message-message-icon-color:var( --e-global-color-30e72b6 );--message-box-border-radius:12px 12px 12px 12px;--message-buttons-border-radius:6px 6px 6px 6px;}body.e-wc-message-notice .woocommerce-message .restore-item, body.e-wc-message-notice .wc-block-components-notice-banner.is-success .restore-item, body.e-wc-message-notice .woocommerce-message a:not([class]), body.e-wc-message-notice .wc-block-components-notice-banner.is-success a:not([class]){font-family:"Red Hat Display", Sans-serif;}.e-wc-info-notice .woocommerce-info, .e-wc-info-notice .wc-block-components-notice-banner.is-info{font-family:"Red Hat Display", Sans-serif;--info-message-icon-color:var( --e-global-color-2cb07f1 );--info-box-border-radius:12px 12px 12px 12px;--info-buttons-border-radius:6px 6px 6px 6px;}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1366px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;--container-default-padding-top:50px;--container-default-padding-right:20px;--container-default-padding-bottom:50px;--container-default-padding-left:20px;}}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* 1. Posicionar el contenedor de notificaciones */
.woocommerce-notices-wrapper {
    position: fixed;
    top: 24px;
    right: 24px;
    z-index: 99999; /* Asegura que esté por encima del menú y otros elementos */
    max-width: 450px; /* Lo hace más estrecho */
    width: calc(100% - 48px); /* Evita que se salga en móviles */
    display: flex;
    flex-direction: column;
    gap: 18px; /* Espacio entre múltiples notificaciones */
    pointer-events: none; /* Permite hacer clic en lo que hay debajo si no hay mensajes */
}

/* 2. Estilar las cajas de mensaje individuales */
.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-notices-wrapper .woocommerce-error,
.woocommerce-notices-wrapper .woocommerce-info {
    pointer-events: auto; /* Reactiva el clic en el mensaje (ej. botón "Ver carrito") */
    box-shadow: 0 4px 16px rgba(0,0,0,0.2); /* Sombra para efecto flotante */
    border-radius: 8px; /* Bordes redondeados modernos */
    margin-bottom: 0 !important; /* Resetea márgenes del tema */
    font-size: 14px; /* Tamaño de texto equilibrado para cajas estrechas */
    animation: slideInRight 0.5s ease-out forwards; /* Animación de entrada */
    
    /* Opcional: Fondo blanco limpio si tu tema usa fondos transparentes */
    /* background-color: #fff; */ 
}

/* 3. Ajuste para que los botones dentro del mensaje se vean bien en espacio reducido */
.woocommerce-notices-wrapper .button {
    float: none !important;
    display: block;
    margin-top: 12px;
    text-align: center;
    width: 100%;
}

/* 4. Animación de entrada (Efecto deslizante desde la derecha) */
@keyframes slideInRight {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}/* End custom CSS */