.elementor-kit-122904{--e-global-color-primary:#4d4d4d;--e-global-color-secondary:#f2b3b3;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-tertiary:#2baab1;--e-global-color-quaternary:#c9c1b5;--e-global-color-primary_hover:#5a5a5a;--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:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-122904 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.page-title{display:var(--page-title-display);}@media(max-width:991px){.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 */ul.products .woocommerce-loop-product__title {
    white-space: wrap;
}

.woocommerce-message { /* Opcionalmente, reemplaza con #single-cart-notice o .single-cart-notice si es más específico */
    background-color: #a89581 !important; /* Color de fondo marrón/beige del botón de ejemplo */
    color: #ffffff !important;             /* Color del texto blanco */
    border: none !important;               /* Sin borde, como el botón de ejemplo */
    border-radius: 8px !important;         /* Esquinas redondeadas, ajusta según sea necesario */
    padding: 15px 25px !important;         /* Espaciado interno, ajusta para el aspecto deseado */
    text-align: center !important;         /* Texto centrado */
    font-family: 'Inter', sans-serif;      /* Fuente sans-serif limpia (Inter es un ejemplo, usa la de tu tema si prefieres) */
    font-weight: 600 !important;           /* Peso de fuente semi-bold, similar a muchos botones */
    text-transform: uppercase !important;  /* Texto en mayúsculas, como "VER CARRITO" */
    letter-spacing: 0.5px;               /* Ligero espaciado entre letras para mejorar la legibilidad */
    margin-left: auto !important;          /* Centrar el bloque si tiene un ancho definido y es display:block */
    margin-right: auto !important;         /* Centrar el bloque */
    margin-bottom: 2em !important;         /* Espacio debajo del aviso */
    box-shadow: none !important;           /* Sin sombra de caja */
    display: block !important;             /* Asegura que se comporte como un bloque */
    line-height: 1.5 !important;           /* Altura de línea para mejor legibilidad del texto interno */
    max-width: 100%;                     /* Asegura que no exceda el ancho del contenedor */
}

/*
 * Estilo para los enlaces DENTRO del aviso (ej. el botón "Ver carrito" que suele estar dentro).
 * Esto asegura que el enlace sea legible y se integre con el nuevo estilo del aviso.
 */
.woocommerce-message a,
.woocommerce-message a.button,
.woocommerce-message a.button.wc-forward {
    color: #ffffff !important;                 /* Texto del enlace en blanco */
    background-color: transparent !important;  /* Fondo transparente para que se mezcle */
    text-decoration: underline !important;     /* Subrayado para indicar que es un enlace clickeable */
    font-weight: inherit !important;           /* Hereda el peso de la fuente del aviso (bold/semi-bold) */
    text-transform: inherit !important;        /* Hereda la transformación a mayúsculas */
    border: none !important;                   /* Sin borde propio, ya que el contenedor lo tiene */
    padding: 0 5px !important;                 /* Pequeño padding si es necesario, o 0 si fluye con el texto */
    box-shadow: none !important;               /* Sin sombra propia */
    display: inline !important;                /* Para que fluya con el texto del aviso */
}

.woocommerce-message a:hover,
.woocommerce-message a.button:hover,
.woocommerce-message a.button.wc-forward:hover {
    color: #f0f0f0 !important;                 /* Color ligeramente diferente al pasar el mouse (opcional) */
    text-decoration: none !important;          /* Quitar subrayado al pasar el mouse (opcional) */
    background-color: transparent !important;
}

/*
 * Opcional: Ocultar el icono por defecto de los mensajes de WooCommerce (si lo tiene y no lo quieres).
 * Muchos temas añaden un icono (como un checkmark) usando un pseudo-elemento ::before.
 */
.woocommerce-message::before {
    display: none !important;
}/* End custom CSS */