.elementor-kit-47{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-8fd5df2:#1B1B1B;--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;background-color:#FDFDFD;color:#1F1F1F;font-family:"Inter", Sans-serif;font-size:1.1em;font-weight:200;font-style:normal;}.elementor-kit-47 e-page-transition{background-color:#FFBC7D;}.elementor-kit-47 a{color:var( --e-global-color-secondary );font-family:"Inter", Sans-serif;font-weight:200;}.elementor-kit-47 a:hover{color:var( --e-global-color-8fd5df2 );}.elementor-kit-47 h1{color:#1F1F1F;font-family:"Inter", Sans-serif;font-weight:200;}.elementor-kit-47 h2{color:#1F1F1F;font-family:"Inter", Sans-serif;font-weight:200;}.elementor-kit-47 h3{color:#1F1F1F;font-family:"Inter", Sans-serif;font-weight:200;}.elementor-kit-47 h4{color:#1F1F1F;font-family:"Inter", Sans-serif;font-weight:200;}.elementor-kit-47 h5{color:#1F1F1F;font-family:"Inter", Sans-serif;}.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-kit-47{font-size:1em;}.elementor-kit-47 a{font-size:1em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.woocommerce table.shop_table,
.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
    font-family: 'Inter', sans-serif !important;
}

/* 
Botones de acciones en confirmación de pago (WooCommerce + Elementor)

🎯 Objetivo:
- Tipografía Inter
- Peso 200
- Tamaño 1.2em
- Fondo negro
- Texto blanco
- Hover gris suave

🧠 Nota:
Se usa .elementor-kit-47 específico para evitar conflictos con estilos de WooCommerce/Elementor
*/

.woocommerce .woocommerce-order .button,
.woocommerce .woocommerce-order .button.cancel,
.woocommerce .woocommerce-order .button.pay {
    font-family: 'Inter', sans-serif;
    font-weight: 200;
    font-size: 1.2em;
    background-color: #000000;
    color: #ffffff;
    border: none;
    transition: all 0.3s ease;
}

/* Hover */
.woocommerce .woocommerce-order .button:hover,
.woocommerce .woocommerce-order .button.cancel:hover,
.woocommerce .woocommerce-order .button.pay:hover {
    background-color: #666666; /* gris suave */
    color: #ffffff;
}
/* Espaciado entre botones SOLO en móvil */
@media (max-width: 767px) {
    
    .woocommerce .woocommerce-order .button {
        display: block;
        width: 100%;
        margin-bottom: 10px;
    }

    /* Evita espacio extra en el último botón */
    .woocommerce .woocommerce-order .button:last-child {
        margin-bottom: 0;
    }
}
.woocommerce .woocommerce-order .woocommerce-Price-amount {
    font-size: 1.1em !important;
}
/* Título "Acceder" en Mi Cuenta */
.woocommerce-account .woocommerce-form-login h2 {
    font-size: 2em;
}
/* Recuérdame + Olvidaste contraseña (tipografía + tamaño) */
.woocommerce-account .woocommerce-form-login__rememberme,
.woocommerce-account .woocommerce-form-login .lost_password a {
    font-family: 'Inter', sans-serif;
    font-weight: 200;
    font-size: 1.2em;
}

/* Móvil */
@media (max-width: 767px) {
    .woocommerce-account .woocommerce-form-login__rememberme,
    .woocommerce-account .woocommerce-form-login .lost_password a {
        font-size: 1.1em;
    }
}

/* Botones nativos WooCommerce */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce .button,
.woocommerce a.wc-forward {
    font-family: 'Inter', sans-serif;
    font-weight: 200;
    font-size: 1.2em;
    background-color: #000000;
    color: #ffffff;
    border: none;
    transition: all 0.3s ease;
}

/* Hover */
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce .button:hover,
.woocommerce a.wc-forward:hover {
    background-color: #666666; /* gris suave */
    color: #ffffff;
}
@media (max-width: 767px) {
    .woocommerce a.button,
    .woocommerce button.button,
    .woocommerce input.button,
    .woocommerce .button,
    .woocommerce a.wc-forward {
        font-size: 1.1em;
    }
}
/* Quitar fondo gris en variaciones */
.woocommerce div.product form.variations_form,
.woocommerce div.product form.variations_form table.variations,
.woocommerce div.product form.variations_form tbody,
.woocommerce div.product form.variations_form tr,
.woocommerce div.product form.variations_form td,
.woocommerce div.product form.variations_form th,
.woocommerce div.product form.variations_form .variable-items-wrapper,
.woocommerce div.product form.variations_form .single_variation_wrap,
.woocommerce div.product .woocommerce-variation-add-to-cart {
    background: transparent !important;
}

/* ================================
   🔤 STOCK + LIMPIAR (TIPOGRAFÍA)
================================ */

/* Desktop + Tablet */
.woocommerce-variation-availability .stock,
.woocommerce div.product p.stock,
.woocommerce div.product a.reset_variations,
.woocommerce div.product .reset_variations {
    font-family: 'Inter', sans-serif !important;
    font-weight: 200 !important;
    font-size: 1.2em !important;
    color: #000 !important;
    text-decoration: none !important;
}

/* Hover limpiar */
.woocommerce div.product a.reset_variations:hover,
.woocommerce div.product .reset_variations:hover {
    color: #666 !important;
}

/* ================================
   📱 MÓVIL
================================ */
@media (max-width: 767px) {
    .woocommerce-variation-availability .stock,
    .woocommerce div.product p.stock,
    .woocommerce div.product a.reset_variations,
    .woocommerce div.product .reset_variations {
        font-size: 1.1em !important;
    }
}
/* ================================
   🛒 MENSAJE "AÑADIDO AL CARRITO"
================================ */
.woocommerce-message {
    background-color: #000 !important;
    color: #fff !important;
    border: none !important;
    margin-top: 140px !important;
}

/* ❌ Quitar icono check */
.woocommerce-message::before {
    display: none !important;
}

/* 🔤 Texto del mensaje */
.woocommerce-message,
.woocommerce-message p,
.woocommerce-message span,
.woocommerce-message div,
.woocommerce-message strong,
.woocommerce-message em,
.woocommerce-message small {
    color: #fff !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 200 !important;
    font-size: 1.2em !important;
}

/* 📱 Móvil */
@media (max-width: 767px) {
    .woocommerce-message,
    .woocommerce-message p,
    .woocommerce-message span,
    .woocommerce-message div,
    .woocommerce-message strong,
    .woocommerce-message em,
    .woocommerce-message small {
        font-size: 1.1em !important;
    }
}

/* 🔗 Enlaces dentro del texto */
.woocommerce-message a:not(.button) {
    color: #fff !important;
    text-decoration: underline;
}

/* ================================
   🧾 BOTÓN "VER CARRITO"
================================ */
.woocommerce-message .button,
.woocommerce-message a.button.wc-forward {
    background: #fff !important;
    color: #000 !important;
    border: none !important;
    border-radius: 0 !important; /* 👈 AQUÍ */
    font-family: 'Inter', sans-serif !important;
    font-weight: 200 !important;
    font-size: 1.1em !important;
    transition: all 0.3s ease;
}

/* Hover botón */
.woocommerce-message .button:hover,
.woocommerce-message a.button.wc-forward:hover {
    background: #666 !important;
    color: #fff !important;
}
/* ================================
   💻 DESKTOP (ordenador)
================================ */
@media (min-width: 1025px) {
    .woocommerce div.product form.variations_form .variations {
        margin-left: -6.8em;
        width: calc(100% + 6em);
    }
}

/* ================================
   📲 TABLET
================================ */
@media (min-width: 768px) and (max-width: 1024px) {
    .woocommerce div.product form.variations_form .variations {
        margin-left: -5em;
        width: calc(100% + 2em);
    }
}

/* ================================
   📱 MÓVIL
================================ */
@media (max-width: 767px) {
    .woocommerce div.product form.variations_form .variations {
        margin-left: -1em;
        width: calc(100% + 2em);
    }
}
/* ================================
   🖼️ HOVER IMAGEN PRODUCTO
================================ */

/* Contenedor */
.hover-thumb-wrap {
    position: relative;
    display: block;
    overflow: hidden;
}

/* Imagen principal */
.hover-thumb-wrap .primary-image {
    display: block;
    width: 100%;
    height: auto;
}

/* Imagen hover */
.hover-thumb-wrap .hover-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    opacity: 0;
    transition: opacity 0.4s ease;
}

/* Hover */
.hover-thumb-wrap:hover .hover-image {
    opacity: 1;
}/* End custom CSS */