/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.4.1755784749
Updated: 2025-08-21 13:59:09

*/

/* ===============================
   BOTONES DE PRODUCTOS (GRID SHOP)
   =============================== */
.woocommerce ul.products li.product .button {
    display: inline-block;
    margin-top: 1em;
    color: #FFFFFF;
    background-color: #000000;
    border-color: #FFFFFF;
}

.woocommerce ul.products li.product .button:hover {
    background-color: #54595F;
}

/* ===============================
   BOTONES GENERALES (FORMULARIOS, CHECKOUT, ETC.)
   =============================== */
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) 
#respond input#submit,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) 
.woocommerce #respond input#submit,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) 
.woocommerce a.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) 
.woocommerce button.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) 
.woocommerce input.button {
    padding: .618em .5em;
}

/* BOTONES ALT (PRIMARIOS COMO “FINALIZAR COMPRA”) */
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) 
#respond input#submit.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) 
.woocommerce #respond input#submit.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) 
.woocommerce a.button.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) 
.woocommerce button.button.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) 
.woocommerce input.button.alt {
    background-color: #000;
    color: #fff;
}

/* BOTONES ALT (HOVER) */
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) 
#respond input#submit.alt:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) 
.woocommerce #respond input#submit.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) 
.woocommerce a.button.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) 
.woocommerce button.button.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) 
.woocommerce input.button.alt:hover {
    background-color: #c42124;
    color: #fff;
}

/* ===============================
   BOTÓN DE "AÑADIR AL CARRITO" EN PÁGINA DE PRODUCTO
   =============================== */
.woocommerce div.product form.cart .button {
    height: 42px;
    background-color: #000;
}
.woocommerce div.product form.cart .button:hover {
    background-color: #54595f;
}

/* ===============================
   TÍTULOS DE PRODUCTOS (GRID)
   =============================== */
.woocommerce ul.products li.product 
.woocommerce-loop-category__title,
.woocommerce ul.products li.product 
.woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
    padding: .5em 0;
    margin: 0;
    font-family: "FranklinGothic book", Sans-serif;
    font-size: 21px;
    font-weight: 600;
    color: #000;
    min-height: 180px;
}

/* ===============================
   PRECIOS EN GRID DE PRODUCTOS
   =============================== */
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) 
ul.products li.product .price,
.elementor-19 .elementor-element.elementor-element-45d312b.elementor-wc-products 
ul.products li.product .price {
    color: #c42124;
    font-size: 21px;
    font-weight: bold;
}

/* ===============================
   PRECIOS EN PÁGINA DE PRODUCTO
   =============================== */
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) 
div.product p.price,
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) 
div.product span.price {
    color: #c42124;
    font-size: 29px;
    font-weight: bold;
}

/* ===============================
   LAYOUT PRODUCTOS Y PÁGINAS
   =============================== */
.woocommerce ul.products li.last,
.woocommerce-page ul.products li {
    text-align: center;
}

/* Forzar altura mínima en títulos productos (legacy) */
ul.products li.product h2 {
    min-height: 180px;
}

/* Espaciado en cabecera y footer */
.page-header .entry-title,
.site-footer .footer-inner,
.site-footer:not(.dynamic-footer),
.site-header .header-inner,
.site-header:not(.dynamic-header),
body:not([class*=elementor-page-]) .site-main {
    padding: 3rem 2rem;
}

/* ===============================
   TIPOGRAFÍA GLOBAL
   =============================== */
h1 {
    font-size: 1.5rem;
}

/* ===============================
   LINKS
   =============================== */
a {
    background-color: transparent;
    color: #c42124;
    text-decoration: none;
}
a:hover {
    color: #c42124;
    font-weight: bold;
}

/* ===============================
   MENSAJES WOOCOMMERCE
   =============================== */
.woocommerce-message {
    display: none;
}

/* ===============================
   RESPONSIVE
   =============================== */
@media (max-width: 1024px) {
    .elementor-section .elementor-container {
        flex-wrap: wrap;
        justify-content: center;
    }
}