.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}/* Start custom CSS for section, class: .elementor-element-200608d7 *//* ================================================= */
/* ESTILOS GENERALES DE WOOCOMMERCE      */
/* ================================================= */

/* Personaliza los títulos de los productos */
h2.woocommerce-loop-product__title, 
.product_title.entry-title {
    font-family: 'Arial', sans-serif; /* Cambia a tu fuente preferida */
    font-size: 1.5em; 
    font-weight: 700;
    color: #333333; /* Color oscuro */
    margin-bottom: 5px;
}

/* Estilo para los precios */
.woocommerce-Price-amount {
    font-size: 1.25em;
    font-weight: 800;
    color: #007bff; /* Un color de acento azul moderno */
}

/* Oculta los precios tachados (precio anterior) si no quieres que se vean */
del .woocommerce-Price-amount {
    color: #a0a0a0;
    font-size: 0.8em;
    font-weight: 400;
}

/* ================================================= */
/* ESTILOS DE BOTONES (Add to Cart)      */
/* ================================================= */

/* Estilo base para todos los botones principales de WC */
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button, 
.woocommerce #respond input#submit, 
.woocommerce .button.alt {
    background-color: #ff6f61 !important; /* Color de fondo: coral o tu acento principal */
    color: #ffffff !important; /* Color del texto del botón */
    border: none;
    border-radius: 8px; /* Bordes más redondeados */
    padding: 12px 25px;
    text-transform: uppercase;
    font-weight: 600;
    transition: background-color 0.3s ease; /* Transición suave para el hover */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* Efecto Hover para los botones */
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover, 
.woocommerce #respond input#submit:hover, 
.woocommerce .button.alt:hover {
    background-color: #e55a4e !important; /* Un tono un poco más oscuro al pasar el mouse */
    color: #ffffff !important;
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
}

/* ================================================= */
/* ESTILOS DE NOTIFICACIONES             */
/* ================================================= */

/* Estilo para las notificaciones (ej: "Producto añadido a tu carrito") */
.woocommerce-message, 
.woocommerce-error, 
.woocommerce-info {
    border-left: 5px solid #ff6f61; /* Línea de color acento */
    background-color: #f9f9f9; 
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}/* End custom CSS */