.elementor-7821 .elementor-element.elementor-element-21490596{--display:flex;}/* Start custom CSS for woocommerce-notices, class: .elementor-element-60fa5090 *//* --- Estilos Generales para todas las alertas --- */
.elementor-7821 .elementor-element.elementor-element-60fa5090 .woocommerce-message, 
.elementor-7821 .elementor-element.elementor-element-60fa5090 .woocommerce-info, 
.elementor-7821 .elementor-element.elementor-element-60fa5090 .woocommerce-error {
    border-radius: 8px !important;       /* Bordes redondeados */
    border-top: 0 !important;            /* Quita la barra de arriba */
    border-left: 6px solid !important;   /* La convierte en una barra lateral elegante */
    padding: 15px 20px !important;       /* Ajusta el espacio interno */
    font-family: inherit !important;     /* Usa la tipografía de tu sitio */
}

/* --- 1. ALERTA DE ÉXITO (Ej: Producto añadido) --- */
.elementor-7821 .elementor-element.elementor-element-60fa5090 .woocommerce-message {
    background-color: #E8F5E9 !important; /* Fondo verde claro */
    border-left-color: #4CAF50 !important; /* Barra lateral verde */
    color: #2E7D32 !important;            /* Color del texto */
}
/* Botón dentro de éxito (Ver carrito) */
.elementor-7821 .elementor-element.elementor-element-60fa5090 .woocommerce-message .button {
    background-color: #4CAF50 !important;
    color: #ffffff !important;
    border-radius: 4px !important;
}
.elementor-7821 .elementor-element.elementor-element-60fa5090 .woocommerce-message .button:hover {
    background-color: #388E3C !important;
}

/* --- 2. ALERTA DE INFORMACIÓN (La que ves en pantalla) --- */
.elementor-7821 .elementor-element.elementor-element-60fa5090 .woocommerce-info {
    background-color: #FDF6ED !important; /* Podés cambiarlo por un tono arena/crema si preferís */
    border-left-color: #E67E22 !important; /* Barra lateral naranja/azul */
    color: #A04000 !important;            /* Color del texto */
}

/* --- 3. ALERTA DE ERROR (Ej: Datos faltantes) --- */
.elementor-7821 .elementor-element.elementor-element-60fa5090 .woocommerce-error {
    background-color: #FFEBEE !important; /* Fondo rojo claro */
    border-left-color: #F44336 !important; /* Barra lateral roja */
    color: #C62828 !important;            /* Color del texto */
    list-style: none !important;          /* Quita puntitos molestos */
}
/* Limpiar el icono roto y acomodar el texto */
.elementor-7821 .elementor-element.elementor-element-60fa5090 .woocommerce-info::before,
.elementor-7821 .elementor-element.elementor-element-60fa5090 .woocommerce-message::before,
.elementor-7821 .elementor-element.elementor-element-60fa5090 .woocommerce-error::before {
    display: none !important; /* Quita el icono problemático por defecto */
}

.elementor-7821 .elementor-element.elementor-element-60fa5090 .woocommerce-info, 
.elementor-7821 .elementor-element.elementor-element-60fa5090 .woocommerce-message, 
.elementor-7821 .elementor-element.elementor-element-60fa5090 .woocommerce-error {
    padding-left: 25px !important; /* Le da aire al texto respecto a la barra naranja */
    display: flex !important;
    align-items: center !important; /* Centra el texto verticalmente en la caja */
    min-height: 50px; /* Asegura una altura mínima prolija */
}/* End custom CSS */