.elementor-kit-3613{--e-global-color-primary:#3D550C;--e-global-color-secondary:#1A1A1A;--e-global-color-text:#FFFFFF;--e-global-color-accent:#D4AF37;--e-global-color-345903d:#E0E0E0;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-weight:500;color:#1A1A1A;font-family:"Montserrat", Sans-serif;font-size:15px;}.elementor-kit-3613 button,.elementor-kit-3613 input[type="button"],.elementor-kit-3613 input[type="submit"],.elementor-kit-3613 .elementor-button{background-color:var( --e-global-color-accent );font-family:"Montserrat", Sans-serif;text-transform:uppercase;color:var( --e-global-color-secondary );}.elementor-kit-3613 e-page-transition{background-color:#FFBC7D;}.elementor-kit-3613 a{color:var( --e-global-color-accent );font-family:"Montserrat", Sans-serif;}.elementor-kit-3613 a:hover{color:var( --e-global-color-primary );}.elementor-kit-3613 h1{color:var( --e-global-color-text );font-family:"Montserrat", Sans-serif;}.elementor-kit-3613 h2{font-family:"Montserrat", Sans-serif;}.elementor-kit-3613 h3{font-family:"Montserrat", Sans-serif;}.elementor-kit-3613 h4{font-family:"Montserrat", Sans-serif;}.elementor-kit-3613 h5{font-family:"Montserrat", Sans-serif;}.elementor-kit-3613 h6{font-family:"Montserrat", Sans-serif;}.elementor-kit-3613 button:hover,.elementor-kit-3613 button:focus,.elementor-kit-3613 input[type="button"]:hover,.elementor-kit-3613 input[type="button"]:focus,.elementor-kit-3613 input[type="submit"]:hover,.elementor-kit-3613 input[type="submit"]:focus,.elementor-kit-3613 .elementor-button:hover,.elementor-kit-3613 .elementor-button:focus{color:var( --e-global-color-primary );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.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);}.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: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 *//*
 * Este código corrige la duplicidad de "Total" y "Subtotal" en la barra de totales
 * en móvil y tableta. La solución ajusta los .elementor-kit-3613es para que estas reglas
 * se apliquen exclusivamente en la página del carrito, sin afectar el mini-carrito
 * que aparece en el menú.
 */

/*
 * Se utiliza el .elementor-kit-3613 '.woocommerce-cart' para asegurar que el código solo
 * se aplique en la página principal del carrito.
 */
.woocommerce-cart .woocommerce table.shop_table_responsive tbody th.product-name,
.woocommerce-cart .woocommerce-page table.shop_table_responsive tbody th.product-name {
    display: table-cell !important; /* ¡Fuerza a mostrarlo! */
    white-space: normal !important;
    word-break: break-word !important;
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
}

.woocommerce-cart .woocommerce table.shop_table_responsive tbody th:not(.product-name),
.woocommerce-cart .woocommerce-page table.shop_table_responsive tbody th:not(.product-name),
.woocommerce-cart .woocommerce-cart-form__contents .cart_totals th {
    display: none !important;
}

.woocommerce-cart .woocommerce-cart-form__contents .product-thumbnail::before,
.woocommerce-cart .woocommerce-cart-form__contents .product-name::before,
.woocommerce-cart .woocommerce-cart-form__contents .product-thumbnail a::before,
.woocommerce-cart .woocommerce-cart-form__contents .product-name a::before {
    content: none !important;
    display: none !important;
}

.woocommerce-cart .woocommerce #content table.cart .product-thumbnail,
.woocommerce-cart .woocommerce table.cart .product-thumbnail,
.woocommerce-cart .woocommerce-page #content table.cart .product-thumbnail,
.woocommerce-cart .woocommerce-page table.cart .product-thumbnail {
    display: table-cell !important; /* ¡Fuerza a mostrarlo! */
}

/*
 * Opcional: Ajustes para que todo quepa mejor en móvil si lo necesitas
 * Se ha agregado '.woocommerce-cart' a cada .elementor-kit-3613.
 */
@media (max-width: 768px) {
    .woocommerce-cart .woocommerce-cart-form__contents .product-name {
        width: 30% !important;
        font-size: 0.9em !important;
    }
    .woocommerce-cart .woocommerce-cart-form__contents .product-thumbnail {
        width: 20% !important;
    }
    .woocommerce-cart .woocommerce-cart-form__contents .product-price,
    .woocommerce-cart .woocommerce-cart-form__contents .product-quantity,
    .woocommerce-cart .woocommerce-cart-form__contents .product-subtotal,
    .woocommerce-cart .woocommerce-cart-form__contents .product-remove {
        width: auto !important;
        font-size: 0.9em !important;
    }
}








/* Estilo para el contenedor principal del aviso, asegurando que esté en la parte superior */
.woocommerce-notices-wrapper {
    /* Define la posición fija para que no se mueva al hacer scroll */
    position: fixed;
    /* Coloca el aviso a 200px del borde superior */
    top: 100px;
    /* Estos tres estilos (left, right y transform) centran el elemento horizontalmente */
    left: 50%;
    right: auto; /* Se cambia a 'auto' para que no interfiera con 'left' */
    transform: translateX(-50%);
    /* Un z-index alto para que se muestre por encima de todo lo demás */
    z-index: 9999; 
    width: auto; /* Ancho automático para que se ajuste al contenido */
    max-width: 90%; /* Ancho máximo para evitar que sea muy largo en pantallas grandes */
}

/* El resto de tu código CSS se mantiene igual, no necesita cambios */

/* Estilo para el mensaje de WooCommerce */
.woocommerce-message {
    /* Color de fondo dorado y color de texto oscuro */
    background-color: #D4AF37;
    color: #1A1A1A;
    /* Bordes redondeados de 10px en todas las esquinas */
    border-radius: 10px;
    /* Añade un poco de espacio interno para que el texto no se pegue a los bordes */
    padding: 15px 40px 15px 15px;
    /* Elimina el margen por defecto y los bordes que añade WooCommerce */
    margin: 0;
    border-top-color: transparent;
    /* Posición relativa para que el botón de cerrar se posicione correctamente */
    position: relative;
}

/* Estilo para el botón "Ver carrito" */
.woocommerce-message .button.wc-forward {
    background-color: #1A1A1A;
    color: #D4AF37;
    border-radius: 5px;
    padding: 8px 15px;
    margin-left: 15px;
    text-decoration: none;
    font-weight: bold;
    border: none;
}

/* Estilo al pasar el cursor sobre el botón "Ver carrito" */
.woocommerce-message .button.wc-forward:hover {
    background-color: #000;
}

/* Estilo del botón de cerrar (la "X") */
.woocommerce-message .close-button {
    /* Posición absoluta para colocarlo en la esquina superior derecha del mensaje */
    position: absolute;
    top: 10px;
    right: 15px;
    /* Estilo del texto del botón de cerrar */
    font-size: 20px;
    font-weight: bold;
    color: #1A1A1A;
    cursor: pointer;
    text-decoration: none;
}

/* Oculta el ícono predeterminado del check */
.woocommerce-message:before {
    display: none;
}




/* Oculta la insignia (badge) de reCAPTCHA v3 en todo el sitio */
.grecaptcha-badge {
    visibility: hidden !important;
    opacity: 0 !important;
    /* Usar display: none a veces interfiere, pero puedes probarlo si lo anterior no funciona */
    /* display: none !important; */ 
}/* End custom CSS */