/*
Theme Name:   Generatepress child
Theme URI:    https://generatepress.com
Description:  Child theme para modificaciones varias
Author:       Gino Levano
Author URI:   http://misitio.com
Template:     generatepress
Version:      3.6.0
License:      GNU General Public License v2 or later
License URI:  https://generatepress.com
Tags:         Dos columnas, Tres columnas, Una columna, Barra lateral derecha, Barra lateral izquierda, Widgets del pie de página, Blog, Comercio electrónico, flexible-header, Plantilla de anchura completa, buddypress, Cabecera personalizada, Fondo personalizado, custom-menu, Colores personalizados, Entrada fija, threaded-comments, translation-ready, rtl-language-support, Imágenes destacadas, Opciones del tema
Text Domain:  generatepress-child
*/

@font-face {
  font-family: "rubik";
  src: url(./rubik/Rubik-ExtraBold.ttf) format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "rubik-Medium";
  src: url(./rubik/Rubik-Light.ttf) format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "rubik-bold";
  src: url(./rubik/Rubik-Bold.ttf) format("truetype");
  font-display: swap;
}



:root {
    --color-primario: #eae9e8;
    --color-secundario: #1B1C1E;
    --color-terciario: #efc41b;

    --font-0: clamp(1rem, 0.95rem + 0.4vw, 1.125rem); /* body: ~16→18px */
    --font-1: clamp(1.125rem, 1rem + 0.9vw, 1.5rem);  /* ~18→24px */
    --font-2: clamp(1.25rem, 1.05rem + 1.6vw, 2rem);  /* ~20→32px */
    --font-3: clamp(1.5rem, 1.1rem + 2.6vw, 2.5rem);  /* ~24→40px */
    --font-4: clamp(2rem, 1.3rem + 4vw, 3.5rem);      /* ~32→56px */
    --font-5: clamp(2.5rem, 1.8rem + 6vw, 4.5rem);    /* ~40→72px */

    color-scheme: light; 
}

* {
    margin: 0;
    padding: 0;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: baseline;
}

img, picture, video, iframe, figure {
    max-width: 100%;
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
}

a {
    display: block;
}

p a {
    display: inline;
}

li {
    list-style-type: none;
}

html {
    scroll-behavior: smooth;
}

h1, h2, h3, h4, h5, h6, p, span, a, strong, blockquote, i, b, u, em {
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    text-decoration: none;
    color: inherit;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: "";
    content: none;
}

::-moz-selection {
    background-color: var(--color-secundario) !important;
    color: var(--color-primario);
}

::selection {
    background-color: var(--color-secundario) !important;
    color: var(--color-primario);
}

form, input, textarea, select, button, label {
    font-family: inherit;
    font-size: inherit;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    background-color: transparent;
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: var(--color-secundario);
}

table, tr, td {
    border-collapse: collapse;
    border-spacing: 0;
}

svg {
    width: 100%;
    display: block;
    fill: none;
}



body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    min-height: 100vh;
    font-size: 100%;
    font-family: "rubik-Medium";
    color: var(--color-secundario);
    background-color: var(--color-primario)!important;
    line-height: 1.4em;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-smooth: always;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/*CODIGO DE SUMAQ WRAPZ CSS*/

/* Header fijo */
#masthead.site-header {
    position: sticky;
    top: 0;
    z-index: 6;
}

.site-header{
    border-bottom: .4rem solid var(--color-terciario);
}
.main-navigation li{
    font-weight:  bold!important;
}

.inside-article {
    background-color: var(--color-primario)!important;
    padding: .4rem !important;
}

aside#block-2 {
    background-color: #1B1C1E!important
}

.main-navigation ul ul {
    background-color: var(--color-secundario);
}

.elementor-element.elementor-element-235b352.elementor-widget.elementor-widget-text-editor {
    color:var(--color-secundario);
    font-size: clamp(1.1rem, 20vw, .8rem);
}
/*first change color price each list of products*/
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price{
    color: var(--color-secundario)
}
/*end change color price each list of products*/

.wp-block-woocommerce-empty-cart-block .wc-block-cart__empty-cart__title,
.wp-block-woocommerce-empty-cart-block .wc-block-cart__empty-cart__description,
.wp-block-woocommerce-empty-cart-block .wc-block-cart__empty-cart__icon {
    display: none !important;
}

.archydark-empty-cart-message {
    text-align: center;
    color: var(--color-secundario);
    margin: 20px auto 40px;
    max-width: 700px;
}

.archydark-empty-cart-message h1 {
    font-size: 2rem;
    margin-bottom: 12px;
    color: var(--color-secundario);
    font-family: 'rubik-medium';
}

.archydark-empty-cart-message p {
    font-family: 'rubik-medium';
    font-size: 1rem;
    margin-bottom: 18px;
    color: var(--color-secundario);

}

a.archydark-empty-cart-btn {
    color: var(--color-secundario);
    font-family: 'rubik-bold';
    font-size: clamp(0.6rem, 20vw, 1.1em) !important;
}

.archydark-empty-cart-btn {
    display: inline-block;
    padding: 12px 24px;
    border: 1px solid var(--color-secundario);
    color: var(--color-secundario);
    text-decoration: none;
    transition: 0.3s ease;
}

.archydark-empty-cart-btn:hover {
    background: var(--color-primario);
    color: var(--color-secundario)!important;
}


body.woocommerce-cart
.wp-block-woocommerce-empty-cart-block
h2.wp-block-heading.has-text-align-center {
    position: relative;

    width: fit-content;

    margin: 44px auto 34px;

    font-family: "rubik-Medium";
    font-size: clamp(1.4rem, 1.2rem + .7vw, 1.8rem);
    font-weight: 400;

    letter-spacing: 0;
    text-transform: none;

    text-align: center;
    color: var(--color-secundario);
}

body.woocommerce-cart
.wp-block-woocommerce-empty-cart-block
h2.wp-block-heading.has-text-align-center::after {
    content: "";

    display: block;

    width: 52px;
    height: 1px;

    margin: 10px auto 0;

    background: var(--color-secundario);
}


/*change text contacto*/
h2.contacto-h2 {
    font-size: clamp(.9rem, 20vw, 1.8rem);
    font-family: 'rubik-bold';
    position: relative;
    display: inline-block;
}

h2.contacto-h2::after {
   content: "";
    position: absolute;
    left: 0;
    bottom: -12px;
    width: 100%;
    height: 1px;
    background: var(--color-primario);
}

.elementor-element.elementor-element-f0970b9 p{
    padding: 1.6rem 0rem 0rem 0rem;
    font-size: clamp(.9rem, 20vw, 1.4rem);
    font-family: 'rubik-medium';
    color: var(--color-secundario)!important;
}

.elementor-element.elementor-element-f0970b9 p a{
    color: var(--color-secundario)!important;
    font-size: clamp(.9rem, 20vw, 1.4rem);
    border-bottom: 1px solid var(--color-primario);
    font-family: 'rubik-medium';
}

header.entry-header {
    display: none;
}

.list_colleccion{
    padding: 1.8rem 0rem 0rem 0rem !important;
}
ul.products.columns-4 {
    padding: 1.8rem 0rem 0rem 0rem;
} 

.grid-container {
    margin-left: 0;
    margin-right:0;
    max-width: none;

}

.main-title a {
  font-family: "rubik";
  font-size: 3rem;
  letter-spacing: .3rem;
  color: #eae9e8!important;
  transition: .3s ease
  
}

.elementor-kit-65 a{
    color: var(--color-secundario)!important;
}

.wc-block-cart__submit-container {
    border: 1.3px solid var(--color-secundario);
}
/*REMOVE LOGO INICIO*/
.site-branding {
    display: none;
}
/*REMOVE LOGO INICIO / fin */

/*REMOVE MIGAS DE PAN INICIO */
.woocommerce-breadcrumb {
    display: none !important;
}
/*REMOVE MIGAS DE PAN FIN */


/*INICIO Item activo del menú */

/* ITEM ACTIVO MÓVIL */
.main-navigation .main-nav ul li.current-menu-item,
.main-navigation .main-nav ul li.current_page_item,
.main-navigation .main-nav ul li.current-menu-ancestor,
.main-navigation .main-nav ul li.current-page-ancestor {
    position: relative !important;
}

/* Línea amarilla ancho completo */
.main-navigation .main-nav ul li.current-menu-item::after,
.main-navigation .main-nav ul li.current_page_item::after,
.main-navigation .main-nav ul li.current-menu-ancestor::after,
.main-navigation .main-nav ul li.current-page-ancestor::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 1.5px !important;
    background: var(--color-terciario) !important;
}

/* Desactivar la antigua línea aplicada al enlace */
.main-navigation .main-nav ul li.current-menu-item > a::after,
.main-navigation .main-nav ul li.current_page_item > a::after,
.main-navigation .main-nav ul li.current-menu-ancestor > a::after,
.main-navigation .main-nav ul li.current-page-ancestor > a::after {
    content: none !important;
}

/* SUBMENÚ: estilo más limpio para item activo */
.main-navigation .main-nav ul ul li.current-menu-item > a,
.main-navigation .main-nav ul ul li.current_page_item > a,
.main-navigation .main-nav ul ul li.current-menu-ancestor > a,
.main-navigation .main-nav ul ul li.current-page-ancestor > a {
    color: #e0c500 !important;
    border-bottom: 1px solid #e0c500;
    display: inline-block;
    padding-bottom: 4px;
}

/* opcional: un poco más de aire en el dropdown */
.main-navigation .main-nav ul ul li > a {
    padding-top: 10px;
    padding-bottom: 10px;
}

/*FIN Item activo del menú */

.woocommerce div.product div.images .woocommerce-product-gallery__trigger{
    z-index: 3;
}
.single-product div.product .woocommerce-product-gallery {
    max-width: 620px;
}

.single-product div.product .woocommerce-product-gallery img {
    width: 100%;
    height: auto;
    display: block;
}


/* QUITAMOS ZOOM DE IMAGEN DE PRODUCTO */
/* SECCIÓN */
.sumaq-cat-section {
    margin: 1.3rem 0;
}

.elementor-element.elementor-element-4e668e3.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded {
    margin: 1.3rem 0;
}

h2.sumaq-cat-section__title {
    font-size: 1.8rem !important;
    font-family: "rubik-bold";
    font-weight: 400 !important;
    letter-spacing: -0.02em;
    position: relative;
    display: inline-block;
    width: fit-content;
    color: var(--color-secundario) !important;
}

.sumaq-cat-section__title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -12px;
    width: 100%;
    height: 1px;
    background: var(--color-secundario);
}

/* SLIDER */
.sumaq-cat-slider {
    display: flex;
    gap: 18px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding-bottom: 10px;
    -webkit-overflow-scrolling: touch;

    scrollbar-width: none;
    -ms-overflow-style: none;
}

.sumaq-cat-slider::-webkit-scrollbar {
    display: none;                /* Chrome, Safari, Edge */
}

/* CARD */
.sumaq-cat-card {
    flex: 0 0 auto;
    width: 350px;
    border-radius: 22px;
    overflow: hidden;
    text-decoration: none;
    background: #fff;
    scroll-snap-align: start;
    transition: transform 0.25s ease;
}

.sumaq-cat-card__image-wrap {
    position: relative;
    width: 100%;
    aspect-ratio: 4 / 5; /* cambia esto si quieres más cuadrado */
    overflow: hidden;
}

.sumaq-cat-card__image-wrap img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100% !important;
    display: block;
    object-fit: cover;
}


/* =========================
   POPUP / MODAL
========================= */
/* =========================
   NAVIGATION BASE
========================= */
.main-navigation {
    position: relative;
}

/* =========================
   LUPA SIEMPRE EN HEADER
========================= */

/* =========================================
   BUSCADOR HEADER
========================================= */

.sumaq-header-search-fixed {
    position: static !important;
    transform: none !important;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
}

.sumaq-header-search-fixed .sumaq-search-open {
    width: 40px !important;
    height: 40px !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: transparent !important;
    border: 0 !important;
    color: #eae9e8 !important;
    cursor: pointer;
}

.sumaq-header-search-fixed .sumaq-search-open svg {
    width: 20px !important;
    height: 20px !important;
    display: block !important;
}


/* ==============================
   MÓVIL
============================== */



.sumaq-search-open {
    background: transparent;
    border: 0;
    color: #fff;
    cursor: pointer;
    padding: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.95;
    transition: opacity 0.25s ease, transform 0.25s ease;
}

.sumaq-search-open svg {
    width: 20px;
    height: 20px;
    display: block;
}

.sumaq-search-open:hover {
    opacity: 1;
    transform: scale(1.06);
}

/* =========================
   MODAL
========================= */
.sumaq-search-modal {
    position: fixed;
    inset: 0;
    z-index: 6;
    display: none;
}

.sumaq-search-modal.is-active {
    display: block;
}

.sumaq-search-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
}

.sumaq-search-box {
    position: relative;

    width: min(720px, calc(100% - 32px));
    margin: 90px auto 0;

    background: var(--color-primario);
    border-radius: 18px;

    padding: 22px 56px 22px 22px;

    box-shadow: 0 20px 55px rgba(0,0,0,.24);

    z-index: 2;
}

.sumaq-search-close {
    position: absolute;
    top: 50%;
    right: 18px;

    transform: translateY(-50%);

    width: 34px;
    height: 34px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 0;

    background: transparent;
    border: 0;

    color: var(--color-secundario);

    font-size: 30px;
    font-weight: 300;
    line-height: 1;

    cursor: pointer;
}

/* =========================================
   BUSCADOR NATIVO WOOCOMMERCE
========================================= */

.sumaq-native-product-search {
    position: relative;
    width: 100%;
    margin: 0;
}

.sumaq-native-search-input {
    width: 100% !important;
    height: 56px !important;

    margin: 0 !important;
    padding: 0 52px 0 18px !important;

    background: rgba(27,28,30,.045) !important;

    border: 1px solid rgba(27,28,30,.10) !important;
    border-radius: 12px !important;

    color: var(--color-secundario) !important;

    font-family: "rubik-Medium" !important;
    font-size: 17px !important;

    outline: none !important;
    box-shadow: none !important;
}
/* Quitar la X nativa del input type="search" */
.sumaq-native-search-input::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
    display: none;
}

.sumaq-native-search-input::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}

.sumaq-native-search-input:focus {
    border-color: var(--color-terciario) !important;
}

.sumaq-native-search-submit {
    position: absolute;

    top: 50%;
    right: 14px;

    transform: translateY(-50%);

    width: 36px;
    height: 36px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 0;

    background: transparent !important;
    border: 0 !important;

    color: var(--color-secundario);

    cursor: pointer;
}

.sumaq-native-search-submit svg {
    width: 19px;
    height: 19px;
}


body.sumaq-search-opened {
    overflow: hidden;
}

@media (max-width: 768px) {

    .sumaq-search-box {
        width: calc(100% - 24px);
        margin-top: 60px;
        padding: 22px 18px 24px;
        border-radius: 18px;
    }
}

/* ETIQUETA INFERIOR */
.sumaq-cat-card__label {
    display: block;
    padding: .4rem 0;
    text-align: center;
    text-transform: capitalize;

    font-family: "rubik-bold";
    font-weight: 600;
    font-size: 1rem;
    letter-spacing: .5px;

    color: #0f4c5c;
    background: #dcefe8;
}

@media (max-width: 768px) {
    .sumaq-cat-section__title {
        font-size: 1.6rem;
    }
}

 /*INICIO SET CATEGORIA DE PRODUCTO*/

body.single-product form.cart {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: nowrap;
    margin-top: 1.5rem;
}

body.single-product form.cart .quantity {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 3.625rem;
    border: 1px solid var(--color-secundario);
    border-radius: 0.875rem;
    overflow: hidden;
    background: rgba(255,255,255,0.02);
    flex: 0 0 auto;
}

body.single-product form.cart .quantity .qty-btn,
body.single-product form.cart .quantity input.qty {
    width: 3.5rem;
    height: 3.625rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    border: 0;
    background: transparent;
    color: var(--color-secundario)!important;
    box-shadow: none;
}

body.single-product form.cart .quantity .qty-btn {
    font-size: 1.8rem;
    line-height: 1;
    cursor: pointer;
}

body.single-product form.cart .single_add_to_cart_button {
    height: 58px;
    margin: 0;
    flex: 1 1 auto;
    min-width: 0;
    border-radius: 14px;
    color: var(--color-secundario);
    font-family: "rubik-bold";
}

body.single-product .summary .price {
    margin-bottom: 18px !important;
}

.single-product .product_meta {
    display: none;
}

/*FIN DESCRIPCION*/

h2.sumaq-cat-section__title {
    margin-bottom: 1em;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3{
    font-size: .8rem;
    font-family: "rubik-Medium";
    color: var(--color-secundario);
}

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    background: transparent !important;
    border: 1px solid var(--color-secundario) !important;
    border-radius: 0 !important;
    padding: 12px 20px !important;
    font-size: 0.9rem !important;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    transition: all 0.25s ease;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
    background: var(--color-terciario) !important;
    color: var(--color-secundario) !important;
    border-color: var(--color-terciario) !important;
}

span.price {
    font-size: clamp(1.3rem, 20vw, 0.9rem) !important;
    font-family: "rubik-Medium";
    color: var(--color-secundario);
}

.menu-toggle:focus,
.menu-toggle:active,
.menu-toggle:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}

.main-navigation .main-nav ul li a, .main-navigation .menu-toggle, .main-navigation .menu-bar-items{
    color: #eae9e8!important; 
    font-weight: bold;
    font-size: clamp(.8rem, 20vw, 1rem)!important;
}
button.menu-toggle{
    background:var(--color-terciario)!important;
    border:1.2px solid #eae9e8;
}

h2.elementor-heading-title.elementor-size-default {
    font-size: clamp(1.8rem, 20vw, .8rem) !important;
     font-family:"rubik-bold";
    font-weight: 400 !important;
    letter-spacing: -0.02em;
    position: relative;
    display: inline-block;
    width: fit-content;
    position: relative;
    color: var(--color-secundario)!important;
    font-weight: 100;
}

h2.elementor-heading-title.elementor-size-default::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -12px;
    width: 100%;
    height: 1px;
    background: var(--color-secundario);
}

.elementor-element.elementor-element-3d986ec.elementor-widget.elementor-widget-text-editor p {
    color: var(--color-secundario)!important; 
}



/* ==========================================
   OCULTAR CONTADOR Y ORDEN EN CATEGORÍAS
   ========================================== */

.woocommerce .woocommerce-result-count {
    display: none !important;
}

.woocommerce .woocommerce-ordering {
    display: none !important;
}
/* ==================================================
   SUMAQ WRAPZ - CATÁLOGO RESPONSIVE
   Desktop + Tablet + Mobile
   ================================================== */


/* ------------------------------------------
   CABECERA DE CATEGORÍA
   ------------------------------------------ */

.woocommerce-products-header {
    margin-bottom: 2.5rem !important;
}

.woocommerce-products-header__title.page-title {
    position: relative;
    display: inline-block;

    margin: 0 !important;
    padding-bottom: 14px;

     font-family: "rubik-bold";
    font-weight: 400 !important;
    letter-spacing: -0.02em;
    font-size: 2rem !important;
    line-height: 1.2;
    color: var(--color-secundario);
}

/* Pequeña línea amarilla */
.woocommerce-products-header__title.page-title::after {
    content: "";
    position: absolute;

    left: 0;
    bottom: 0;

    width: 48px;
    height: 2px;

    background: var(--color-terciario);
}


/* ------------------------------------------
   GRID DE PRODUCTOS
   ------------------------------------------ */

.woocommerce ul.products {
    display: grid !important;
    grid-template-columns:
        repeat(auto-fit, minmax(240px, 1fr)) !important;
    gap: 38px 28px !important;
    width: 100%;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.woocommerce ul.products::before,
.woocommerce ul.products::after {
    display: none !important;
    content: none !important;
}

.woocommerce ul.products li.product {
    width: 100% !important;
    margin: 0 !important;
    float: none !important;
    clear: none !important;
}


/* =========================================
   LITTLE TREASURES
========================================= */

.sumaq-little-treasures .woocommerce ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 1.75rem !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: stretch !important;
    justify-items: stretch !important;
}

.sumaq-little-treasures .woocommerce ul.products li.product {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    float: none !important;
    clear: none !important;

    display: flex !important;
    flex-direction: column !important;
}

.sumaq-little-treasures .woocommerce {
    width: 100% !important;
    margin-top: 1.5rem !important;
}
.sumaq-little-treasures .woocommerce ul.products li.product img {
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
}



/* ------------------------------------------
   IMAGEN
   ------------------------------------------ */

.woocommerce ul.products li.product img {
    width: 100% !important;
    height: auto !important;
    display: block;

    margin-bottom: 0 !important;
}


/* ------------------------------------------
   NOMBRE DEL PRODUCTO
   ------------------------------------------ */

.woocommerce ul.products li.product
.woocommerce-loop-product__title {

    margin: 11px 0 5px !important;

    padding: 0 !important;

    font-family: "rubik-Medium";
    font-size: 0.92rem !important;
    font-weight: 400;

    line-height: 1.35;

    color: var(--color-secundario);
}


/* ------------------------------------------
   PRECIO
   ------------------------------------------ */

.woocommerce ul.products li.product .price {
    display: block;

    margin: 4px 0 15px !important;

    font-family: "rubik-Medium";
    font-size: 1.35rem !important;
    line-height: 1.2;

    color: var(--color-secundario) !important;
}



.entry-content .alignwide, body:not(.no-sidebar) .entry-content .alignfull {
    margin-left: 0;
    width: 100% !important;
    max-width: none;
}

/* ==================================================
   TABLET
   ================================================== */

@media (max-width: 1024px) {

    .woocommerce ul.products {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        justify-content: stretch;
    }

    .woocommerce ul.products li.product {
        max-width: none !important;
    }

    

}


/* ==================================================
   MÓVIL
   ================================================== */

@media (max-width: 768px) {

    .woocommerce-products-header {
        margin-bottom: 2rem !important;
    }

    .woocommerce-products-header__title.page-title {
        font-size: 1.55rem !important;
        padding-bottom: 11px;
    }

    .woocommerce-products-header__title.page-title::after {
        width: 38px;
    }


    .woocommerce ul.products {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap: 22px 14px !important;
    }


    .woocommerce ul.products li.product
    .woocommerce-loop-product__title {
        font-size: 0.86rem !important;
    }
    
    .woocommerce ul.products li.product .price {
        font-size: 1.25rem !important;
        margin-bottom: 13px !important;
    }

    .sumaq-little-treasures .woocommerce ul.products {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 22px 14px !important;
}

.sumaq-little-treasures .woocommerce ul.products li.product
.woocommerce-loop-product__title {
    line-height: 1.3 !important;
}

.sumaq-little-treasures .woocommerce ul.products li.product .price {
    font-size: 1.2rem !important;
}
}


/**snippers inicio */

body.single-product form.cart .quantity input.qty {
    width: 56px;
    height: 58px;
    text-align: center;
    background: transparent;
    color: var(--color-secundario);
    border: 0;
    box-shadow: none;
    outline: none;
    appearance: textfield;
    -webkit-appearance: none;
    -moz-appearance: textfield;
}

body.single-product form.cart .quantity input.qty::-webkit-outer-spin-button,
body.single-product form.cart .quantity input.qty::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.single-product div.product .product_title {
    font-size: 2rem;
    line-height: 1.12;
    font-weight: 500;
    letter-spacing: 0.01em;
    margin-bottom: 0.45rem;
    color: var(--color-secundario);
    font-family: 'rubik-medium';
}

.single-product div.product p.price,
.single-product div.product span.price {
    color: var(--color-secundario);
        font-family: 'rubik-medium';
}

/*final quitamos anuncio de ver carrito en categoria de producto!*/
body.single-product .woocommerce-notices-wrapper {
    display: none;
}



/*inicio quitamos anuncio de ver carrito en categoria de producto!*/

.single-product form.cart .single_add_to_cart_button.is-adding {
    background: var(--color-primario);
    color: var(--color-secundario);
    border-color: var(--color-primario);
}

div#payment-method-message {
    display: none;
}

/*QUITAMOS  DESCRIPCION DE IMAGEN DE CARRITO DEL PRODUCTO*/

.wc-block-cart-item__description,
.woocommerce-cart .product-name small,
.woocommerce-cart .product-name p,
.woocommerce-cart .variation,
.woocommerce-cart-item__description {
    display: none !important;
}



.woocommerce-cart .quantity .qty {
    width: 55px;
    text-align: center;
}

.woocommerce-cart table.cart td,
.woocommerce-cart table.cart th {
    vertical-align: middle;
    padding: 14px 10px;
}


input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea, select{
    width: 100%;
}
.elementor-element.elementor-element-9bc5aba.elementor-widget.elementor-widget-shortcode{
    width: 100%;
}

html input[type="button"], input[type="reset"], input[type="submit"], a.button, a.wp-block-button__link:not(.has-background){
    width: 100%;
}


.elementor-element.elementor-element-f0970b9.elementor-widget.elementor-widget-html {
    width: 100%;
    color: var(--color-secundario);
}

.elementor-element.elementor-element-8ee0ddd.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded {
    padding: 0rem 1.8rem 0rem 1.8rem;
}

a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained {
    font-family: 'rubik-medium';
    background-color: var(--color-primario);
    color: var(--color-secundario)!important;
    border: 1px solid var(--color-primario);
    transition: all 0.25s ease;

}

a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:hover {
    color:var(--color-primario)!important;
    background-color: var(--color-secundario);
    border: none;
}

/* Ocultar subtotal de cada producto en el carrito */
.wc-block-cart-item__total {
    display: none !important;
}


/*inicio block ver carrito*/

a.added_to_cart.wc-forward {
    display: none;
}
/*fin block ver carrito*/

.wc-block-components-sidebar-layout.wc-block-cart.wp-block-woocommerce-filled-cart-block.is-large {
    padding: 0rem 1.8rem 0rem 1.8rem !important;
    color: var(--color-secundario);
}

.wc-block-components-sidebar-layout.wc-block-cart.wp-block-woocommerce-filled-cart-block.is-medium {
    padding: 0rem 1.8rem 0rem 1.8rem !important;
}
.wc-block-components-sidebar-layout.wc-block-cart.wp-block-woocommerce-filled-cart-block.is-small {
    padding: 0rem 1.8rem 0rem 1.8rem !important;
}



/* =========================================
   HOVER VIDEO EN CATEGORÍA DE PRODUCTO*/
/* =========================================
   VIDEO HOVER WOOCOMMERCE - AJUSTE FINO
========================================= */


/* =====================================================
   VIDEO HOVER ESTILO ETSY - CSS NUEVO
===================================================== */

.sumaq-thumb-media {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background: #f3f3f3;
    line-height: 0;
}

.sumaq-thumb-media .sumaq-thumb-image,
.sumaq-thumb-media .sumaq-thumb-video {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    display: block;
    object-fit: cover;
}

.sumaq-thumb-media .sumaq-thumb-image {
    z-index: 1;
}

.sumaq-thumb-media .sumaq-thumb-video {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 5;
    background: #f3f3f3;
    transition: opacity 0.2s ease, visibility 0.2s ease;
}

.sumaq-thumb-media:hover .sumaq-thumb-video {
    opacity: 1;
    visibility: visible;
}

.sumaq-thumb-media img,
.sumaq-thumb-media video {
    transform: none !important;
}

@media (max-width: 768px) {
    .sumaq-thumb-media .sumaq-thumb-video {
        display: none !important;
    }
}

/* =========================================
   HOVER VIDEO EN CATEGORÍA DE PRODUCTO FIN 
   =========================================
   */


@media (max-width:1220px) {
    .elementor-kit-65 a {
    font-size: 1.3rem;
}
}



/* ==============================================================
   SUMAQ WRAPZ — HEADER / MENÚ MÓVIL FINAL
   Sustituye los fixes móviles antiguos por una sola implementación.
   No afecta al header desktop.
============================================================== */
@media (max-width: 768px) {
    /* Header base */
    .site-header,
    .main-navigation,
    .main-navigation .inside-navigation,
    #mobile-menu-control-wrapper {
        background-color: var(--color-secundario) !important;
    }

    .main-navigation {
        position: relative !important;
        overflow: visible !important;
    }

    .main-navigation .inside-navigation {
        position: relative !important;
        padding-right: 0 !important;
    }

    /* Ocultar la copia de controles correspondiente a desktop */
    #site-navigation > .inside-navigation > .menu-bar-items {
        display: none !important;
    }

    /* Controles móviles: lupa + hamburguesa */
    #mobile-menu-control-wrapper {
        width: auto !important;
        margin-left: auto !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        flex-wrap: nowrap !important;
        gap: 4px;
    }

    #mobile-menu-control-wrapper .menu-bar-items {
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: transparent !important;
    }

    #mobile-menu-control-wrapper .sumaq-header-search-fixed {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        position: static !important;
        width: 44px !important;
        height: 44px !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
        background: transparent !important;
    }

    #mobile-menu-control-wrapper .sumaq-search-open {
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        color: var(--color-primario) !important;
    }

    #mobile-menu-control-wrapper .sumaq-search-open svg {
        width: 20px !important;
        height: 20px !important;
        display: block !important;
    }

    #mobile-menu-control-wrapper .menu-toggle,
    #mobile-menu-control-wrapper button.menu-toggle {
        position: relative !important;
        z-index: 10 !important;
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        flex: 0 0 44px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        color: var(--color-primario) !important;
    }

    #mobile-menu-control-wrapper .menu-toggle:focus,
    #mobile-menu-control-wrapper .menu-toggle:active,
    #mobile-menu-control-wrapper .menu-toggle:focus-visible,
    #mobile-menu-control-wrapper .sumaq-search-open:focus,
    #mobile-menu-control-wrapper .sumaq-search-open:focus-visible {
        outline: none !important;
        box-shadow: none !important;
    }

    /* Menú flotante: no empuja el contenido de la página */
    .main-navigation .main-nav {
        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 9999 !important;
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        background: var(--color-secundario) !important;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateY(-8px);
        max-height: 0;
        overflow: hidden;
        box-shadow: 0 20px 35px rgba(0,0,0,.18);
        transition:
            opacity .25s ease,
            transform .25s ease,
            max-height .35s ease,
            visibility .25s ease;
    }

    .main-navigation:not(.toggled) .main-nav {
        display: block !important;
    }

    .main-navigation.toggled .main-nav {
        display: block !important;
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translateY(0);
        max-height: 650px;
    }

    .main-navigation .main-nav ul,
    .main-navigation .main-nav ul li {
        background: var(--color-secundario) !important;
    }

    .main-navigation .main-nav ul {
        padding: 4px 0 !important;
    }

    .main-navigation .main-nav ul li > a {
    background: var(--color-secundario) !important;
    color: var(--color-primario) !important;
    font-family: "rubik-Medium";
    font-size: 0.92rem !important;
    font-weight: 400 !important;
    letter-spacing: 0.02em;
    min-height: 62px;
    padding: 14px 32px !important;
    display: flex !important;
    align-items: center;
    border-bottom: 1px solid rgba(234,233,232,.055);
    transition: 
        color .3s ease,
        background-color .3s ease;
}

    .main-navigation .main-nav ul ul li > a {
        padding-left: 48px !important;
        font-size: 0.88rem !important;
        color: rgba(234,233,232,.75) !important;
        background: rgba(255,255,255,.025) !important;
    }

    .main-navigation .main-nav ul li > a:hover,
    .main-navigation .main-nav ul li > a:focus {
        color: var(--color-terciario) !important;
        background: rgba(255,255,255,.035) !important;
    }

  

/* Indicador amarillo del item activo */
.main-navigation .main-nav ul li.current-menu-item > a::after,
.main-navigation .main-nav ul li.current_page_item > a::after,
.main-navigation .main-nav ul li.current-menu-ancestor > a::after,
.main-navigation .main-nav ul li.current-page-ancestor > a::after {
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    transform: none !important;
    width: 100% !important;
    height: 1.5px !important;
    background: var(--color-terciario) !important;
}


    .sumaq-little-treasures h2 {
        margin-bottom: .4rem !important;
        padding-bottom: 0.5rem !important;
    }
}

/* GRID DESKTOP */
body.woocommerce-cart
.wp-block-woocommerce-product-new
ul.wc-block-grid__products {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 280px)) !important;
    justify-content: center !important;

    gap: 28px !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    align-items: start !important;
}


/* TARJETA */

body.woocommerce-cart
.wp-block-woocommerce-product-new
ul.wc-block-grid__products
> li.wc-block-grid__product {
    position: relative !important;

    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    flex: none !important;

    text-align: left !important;

    border: 0 !important;

    container-type: inline-size;
}


/* IMAGEN */

body.woocommerce-cart
.wp-block-woocommerce-product-new
.wc-block-grid__product-image {
    position: relative;

    width: 100% !important;

    aspect-ratio: 1 / 1;

    margin: 0 !important;

    overflow: hidden;

    border-radius: 16px;
}


body.woocommerce-cart
.wp-block-woocommerce-product-new
.wc-block-grid__product-image img {
    width: 100% !important;
    height: 100% !important;

    display: block;

    object-fit: cover !important;

    border-radius: 16px;
}


/* TÍTULO */

body.woocommerce-cart
.wp-block-woocommerce-product-new
.wc-block-grid__product-title {
    display: block !important;

    margin: 11px 0 5px !important;
    padding: 0 !important;

    font-family: "rubik-Medium" !important;
    font-size: .92rem !important;
    font-weight: 400 !important;

    line-height: 1.35 !important;

    text-align: left !important;

    color: var(--color-secundario) !important;
}


/* PRECIO */

body.woocommerce-cart
.wp-block-woocommerce-product-new
.wc-block-grid__product-price {
    display: block !important;

    margin: 4px 0 15px !important;
    padding: 0 !important;

    font-family: "rubik-Medium" !important;
    font-size: 1.35rem !important;

    line-height: 1.2 !important;

    text-align: left !important;

    color: var(--color-secundario) !important;
}


body.woocommerce-cart
.wp-block-woocommerce-product-new
.wc-block-grid__product-price .price {
    font-size: inherit !important;
    color: inherit !important;
}




/* ==================================================
   TABLET
================================================== */

@media (max-width: 1024px) {

    body.woocommerce-cart
    .wp-block-woocommerce-product-new
    ul.wc-block-grid__products {
        grid-template-columns:
            repeat(3, minmax(0, 1fr)) !important;

        gap: 22px 16px !important;
    }

}


/* ==================================================
   MÓVIL
================================================== */

@media (max-width: 768px) {

    body.woocommerce-cart
    .wp-block-woocommerce-product-new
    ul.wc-block-grid__products {
        display: grid !important;

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap: 22px 14px !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    body.woocommerce-cart
    .wp-block-woocommerce-product-new
    ul.wc-block-grid__products
    > li.wc-block-grid__product {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;

        margin: 0 !important;

        flex: none !important;
    }


    body.woocommerce-cart
    .wp-block-woocommerce-product-new
    .wc-block-grid__product-title {
        font-size: .86rem !important;

        margin: 9px 0 4px !important;
    }


    body.woocommerce-cart
    .wp-block-woocommerce-product-new
    .wc-block-grid__product-price {
        margin: 4px 0 13px !important;

        font-size: 1.2rem !important;
    }
}

body.tax-product_cat .site-content {
    width: 100%;
    max-width: 90rem;
    margin: 0 auto;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

/* =========================================
   FIND YOUR STYLE — COLORES CÍCLICOS
========================================= */

.sumaq-cat-card:nth-child(4n + 1) .sumaq-cat-card__label {
    background: #dcefe8;
}

.sumaq-cat-card:nth-child(4n + 2) .sumaq-cat-card__label {
    background: #f4e1c7;
}

.sumaq-cat-card:nth-child(4n + 3) .sumaq-cat-card__label {
    background: #f6dce4;
}

.sumaq-cat-card:nth-child(4n + 4) .sumaq-cat-card__label {
    background: #dff2d8;
}
/*FINAL Alternar los fondos de los títulos cada 4 tarjetas */


/* NEW ARRIVALS: lista horizontal deslizable */
/* NEW ARRIVALS - CONTENER SLIDER */
.sumaq-product-slider {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden;
}

.sumaq-product-slider .woocommerce {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden;
}

/* Una sola fila */
body .sumaq-product-slider .woocommerce ul.products {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    align-items: stretch !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 0 16px !important;

    gap: 24px !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
        /* OCULTAR SCROLLBAR */
    scrollbar-width: none;
    -ms-overflow-style: none;

}

body .sumaq-product-slider .woocommerce ul.products::-webkit-scrollbar {
    display: none;
}

/* Tarjetas sin salto a otra fila */
body .sumaq-product-slider .woocommerce ul.products li.product {
    display: flex !important;
    flex-direction: column;

    flex: 0 0 280px !important;
    width: 280px !important;
    max-width: none !important;
    min-width: 0;

    margin: 0 !important;
    float: none !important;
    clear: none !important;
    scroll-snap-align: start;
}

/* Botones alineados abajo */
body .sumaq-product-slider .woocommerce ul.products li.product > .button {
    margin-top: auto !important;
}

/* Móvil: mostrar parte de la siguiente tarjeta */
@media (max-width: 768px) {

    body .sumaq-product-slider .woocommerce ul.products {
        gap: 12px !important;
    }

    body .sumaq-product-slider .woocommerce ul.products li.product {
        flex: 0 0 calc(50% - 6px) !important;
        width: calc(50% - 6px) !important;
        max-width: calc(50% - 6px) !important;
    }
}

/* =========================================
   CATEGORÍAS WOOCOMMERCE - GRID DEFINITIVO
========================================= */

/* DESKTOP: 4 productos */
body.tax-product_cat.woocommerce ul.products {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 2rem 1.5rem !important;
    max-width: 100% !important;
    padding: 0 !important;
}

body.tax-product_cat.woocommerce ul.products li.product {
    max-width: none !important;
}


/* TABLET: 3 productos */
@media (max-width: 1024px) {

    body.tax-product_cat.woocommerce ul.products {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 1.75rem 1.25rem !important;
    }

}


/* MÓVIL: 2 productos */
@media (max-width: 768px) {

    body.tax-product_cat.woocommerce ul.products {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 1.25rem 0.75rem !important;
    }

    body.tax-product_cat.woocommerce ul.products li.product {
        min-width: 0 !important;
        display: flex !important;
        flex-direction: column !important;
    }

    .sumaq-little-treasures {
        --flex-wrap-mobile: nowrap !important;
    }

    .sumaq-little-treasures > .e-con-inner {
        flex-wrap: nowrap !important;
    }
}

/* =========================================
   FLECHAS SLIDERS DESKTOP
========================================= */

.sumaq-slider-arrows {
    display: flex;
    align-items: center;
    gap: 10px;
}

.sumaq-slider-arrows button {
    width: 42px;
    height: 42px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 0;

    border: 1px solid var(--color-secundario);
    border-radius: 50%;

    background: transparent;
    color: var(--color-secundario);

    font-size: 1.6rem;
    line-height: 1;

    cursor: pointer;

    transition:
        background-color .2s ease,
        border-color .2s ease,
        transform .2s ease;
}

.sumaq-slider-arrows button:hover {
    background: var(--color-terciario);
    border-color: var(--color-terciario);
    transform: translateY(-1px);
}

/* Tablet + móvil: ocultar flechas */
@media (max-width: 1024px) {

    .sumaq-slider-arrows {
        display: none !important;
    }

}

/* =========================================
   FIND YOUR STYLE - TITLE + ARROWS
========================================= */

.sumaq-cat-heading-row {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 1.8rem;
}

.sumaq-cat-heading-row .sumaq-cat-section__title {
    margin-bottom: 0 !important;
}

@media (max-width: 1024px) {

    .sumaq-cat-heading-row .sumaq-slider-arrows {
        display: none !important;
    }

}


/* =========================================================
   CART - MISMO BOTÓN VISUAL QUE PRODUCT CARDS V2
========================================================= */

body.woocommerce-cart
.wp-block-woocommerce-product-new
.wc-block-grid__product {
    position: relative !important;
    container-type: inline-size;
}

body.woocommerce-cart
.wp-block-woocommerce-product-new
.wc-block-grid__product-add-to-cart {
    position: absolute !important;

    top: calc(100cqi - 66px) !important;
    right: 14px !important;

    width: 48px !important;
    height: 48px !important;

    margin: 0 !important;
    padding: 0 !important;

    z-index: 5;
}

body.woocommerce-cart
.wp-block-woocommerce-product-new
.wc-block-grid__product-add-to-cart
.wp-block-button {
    width: 48px !important;
    height: 48px !important;

    margin: 0 !important;
    padding: 0 !important;
}

body.woocommerce-cart
.wp-block-woocommerce-product-new
.wc-block-grid__product-add-to-cart
.wp-block-button__link {
    position: relative !important;

    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;

    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 50% !important;

    background: var(--color-terciario) !important;

    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    overflow: hidden !important;
    bottom: .8rem;
    right: .5rem;
}

body.woocommerce-cart
.wp-block-woocommerce-product-new
.wc-block-grid__product-add-to-cart
.wp-block-button__link::before {
    content: "" !important;

    position: absolute;
    top: 50%;
    left: 50%;

    width: 22px;
    height: 22px;

    transform: translate(-50%, -50%);

    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231B1C1E' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 8h12l1 13H5L6 8Z'/%3E%3Cpath d='M9 8V6a3 3 0 0 1 6 0v2'/%3E%3Cpath d='M12 12v5'/%3E%3Cpath d='M9.5 14.5h5'/%3E%3C/svg%3E");
}

@media (hover: hover) {
    body.woocommerce-cart
    .wp-block-woocommerce-product-new
    .wc-block-grid__product-add-to-cart
    .wp-block-button__link:hover {
        transform: translateY(-2px) scale(1.04);
        box-shadow: 0 5px 14px rgba(0,0,0,.14);
    }
}

@media (max-width: 768px) {

    body.woocommerce-cart
    .wp-block-woocommerce-product-new
    .wc-block-grid__product-add-to-cart {
        top: calc(100cqi - 58px) !important;
        right: 10px !important;

        width: 40px !important;
        height: 40px !important;
    }

    body.woocommerce-cart
    .wp-block-woocommerce-product-new
    .wc-block-grid__product-add-to-cart
    .wp-block-button,
    body.woocommerce-cart
    .wp-block-woocommerce-product-new
    .wc-block-grid__product-add-to-cart
    .wp-block-button__link {
        width: 40px !important;
        min-width: 40px !important;
        max-width: 40px !important;

        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;
    }

    body.woocommerce-cart
    .wp-block-woocommerce-product-new
    .wc-block-grid__product-add-to-cart
    .wp-block-button__link::before {
        width: 18px;
        height: 18px;
    }
}

/* =========================================================
   SUMAQ WRAPZ — PRODUCT CARDS V2
   Botón circular sobre la imagen
   Se aplica a todos los listados WooCommerce.
   No modifica el botón de la ficha individual del producto.
========================================================= */


/* La tarjeta será la referencia para posicionar el botón */
.woocommerce ul.products li.product {
    position: relative !important;

    /*
     * Nos permite usar el ancho real de cada tarjeta
     * para colocar el botón correctamente sobre
     * una imagen cuadrada.
     */
    container-type: inline-size;
}


/* =========================================================
   IMAGEN
========================================================= */

.woocommerce ul.products li.product .sumaq-thumb-media {
    border-radius: 16px;
}

/* =========================================================
   BOTÓN CIRCULAR PRODUCTOS
========================================================= */

.woocommerce ul.products li.product .button {
    position: absolute !important;
    top: calc(100cqi - 62px) !important;
    right: 14px !important;
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;

    background-color: var(--color-terciario) !important;

    /* Ocultamos el texto Add to Cart */
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    text-indent: -9999px !important;
    overflow: hidden !important;
    z-index: 5;
    cursor: pointer;
    transition:
        transform .2s ease,
        box-shadow .2s ease;
}


/* Icono de bolsa */
.woocommerce ul.products li.product .button::before {
    content: "" !important;

    position: absolute;
    top: 50%;
    left: 50%;

    width: 22px;
    height: 22px;

    transform: translate(-50%, -50%);

    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231B1C1E' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 8h12l1 13H5L6 8Z'/%3E%3Cpath d='M9 8V6a3 3 0 0 1 6 0v2'/%3E%3Cpath d='M12 12v5'/%3E%3Cpath d='M9.5 14.5h5'/%3E%3C/svg%3E");

    text-indent: 0 !important;
}


/* Hover desktop */
@media (hover: hover) {

    .woocommerce ul.products li.product .button:hover {
        background-color: var(--color-terciario) !important;
        transform: translateY(-2px) scale(1.04);

        box-shadow: 0 5px 14px rgba(0,0,0,.14);
    }

}


/* Móvil */
@media (max-width: 768px) {

    .woocommerce ul.products li.product .button {
        top: calc(100cqi - 52px) !important;
        right: 10px !important;
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        max-width: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;
        padding: 0 !important;
        margin: 0 !important;
        border-radius: 999px !important;
        box-sizing: border-box !important;
        z-index: 5;

    }

    .woocommerce ul.products li.product .button::before {
        width: 18px;
        height: 18px;
    }

}

.sumaq-info-bar {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-top: 1px solid rgba(27, 28, 30, .15);
    border-bottom: 1px solid rgba(27, 28, 30, .15);
    margin-top: 2.4rem;
    margin-bottom: 2.4rem;
}

.sumaq-info-item {
    min-width: 0;
    min-height: 105px;
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 22px 26px;
    color: var(--color-secundario) !important;
}

.sumaq-info-item:not(:last-child) {
    border-right: 1px solid rgba(27, 28, 30, .15);
}

.sumaq-info-icon {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sumaq-info-icon svg {
    width: 100%;
    height: 100%;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.sumaq-info-text {
    min-width: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 3px;
    line-height: 1.3;
}

.sumaq-info-text strong {
    font-family: "rubik-bold";
    font-size: .95rem;
}

.sumaq-info-text small {
    font-family: "rubik-Medium";
    font-size: .8rem;
    opacity: .72;
}

.sumaq-info-item--link {
    text-decoration: none;
    cursor: pointer;
    transition: background-color .2s ease;
}

.sumaq-info-arrow {
    flex: 0 0 auto;
    font-size: 1.5rem;
    line-height: 1;
}

@media (hover: hover) {
    .sumaq-info-item--link:hover {
        background: rgba(255, 255, 255, .22);
    }
}

@media (max-width: 768px) {
    .sumaq-info-bar {
        grid-template-columns: 1fr;
    }

    .sumaq-info-item {
        min-height: 82px;
        padding: 17px 16px;
    }

    .sumaq-info-item:not(:last-child) {
        border-right: 0;
        border-bottom: 1px solid rgba(27, 28, 30, .15);
    }

    .sumaq-info-icon {
        width: 28px;
        height: 28px;
        flex-basis: 28px;
    }
}


/* =====================================================
   SUMAQ WRAPZ - ANNOUNCEMENT BAR
===================================================== */

.sumaq-announcement-bar {
    width: 100%;
    background: var(--color-terciario);
    color: var(--color-secundario);
    text-align: center;
    font-family: "rubik-bold";
    font-size: clamp(0.68rem, 0.64rem + 0.25vw, 0.76rem);
    font-weight: 500;
    letter-spacing: .035em;
    text-transform: uppercase;
    padding: 8px 16px;
    line-height: 1.2;
}

@media (max-width: 768px) {

    .sumaq-announcement-bar {
        font-size: clamp(.56rem, 2.4vw, .68rem);
        padding: 7px 6px;
        line-height: 1.15;
        letter-spacing: .01em;
        text-align: center;
    }
}
/* =====================================================
   SUMAQ WRAPZ - CONTACT PAGE
===================================================== */
.sumaq-contact-section {
    width: 100%;
    display: grid;
    grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
    gap: clamp(40px, 6vw, 90px);

    padding: clamp(50px, 6vw, 90px) clamp(20px, 4vw, 60px);
}
/* LEFT */

.sumaq-contact-copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    transform: translateY(-28px);
}

.sumaq-contact-copy h1 {
    margin: 0 0 18px !important;

    font-family: "rubik-Medium" !important;
    font-size: clamp(1.8rem, 1.5rem + 1vw, 2.4rem) !important;
    font-weight: 400 !important;
    line-height: 1.15 !important;
    letter-spacing: 0 !important;
}

.sumaq-contact-copy p {
    max-width: 390px;
    margin: 0 0 22px;

    font-family: "rubik-Medium";
    font-size: .95rem;
    line-height: 1.6;
    opacity: .72;
}

.sumaq-contact-email {
    display: inline-block;
    width: fit-content;

    font-family: "rubik-bold";
    font-size: clamp(1rem,20vw, 1.8rem);

    border-bottom: 1px solid rgba(27,28,30,.28);
    padding-bottom: 4px;
}


/* FORM CARD */

.sumaq-contact-form {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
}


/* LABELS */

.sumaq-contact-form label {
    margin-bottom: 8px;

    font-family: "rubik-bold";
    font-size: .78rem;
}


/* INPUTS */
.sumaq-contact-form input,
.sumaq-contact-form textarea {
    width: 100% !important;

    margin: 0 0 12px !important;
    padding: 10px 2px !important;

    background: transparent !important;

    border: 0 !important;
    border-bottom: 1px solid rgba(27,28,30,.30) !important;
    border-radius: 0 !important;

    font-family: "rubik-Medium" !important;
    font-size: .9rem !important;
    color: var(--color-secundario) !important;
    box-shadow: none !important;
}

@media (min-width: 769px) {

    .sumaq-contact-form textarea {
        height: 110px !important;
        min-height: 110px !important;
        resize: vertical;
    }

}


.sumaq-contact-form input:focus,
.sumaq-contact-form textarea:focus {
    outline: none !important;
    border-bottom-color: var(--color-terciario) !important;
    box-shadow: none !important;
}

/* BUTTON */

.sumaq-contact-form input[type="submit"],
.sumaq-contact-form button[type="submit"] {
    width: 100% !important;
    min-width: 160px !important;
    min-height: 44px !important;

    margin: 6px 0 0 !important;
    padding: 9px 24px !important;

    border: 0 !important;
    border-radius: 999px !important;

    background: var(--color-secundario) !important;
    color: var(--color-primario) !important;

    font-family: "rubik-bold" !important;
    font-size: .78rem !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;

    cursor: pointer;
}


@media (hover:hover) {
    .sumaq-contact-form input[type="submit"]:hover,
    .sumaq-contact-form button[type="submit"]:hover {
        background: var(--color-terciario);
        color: var(--color-secundario);

        transform: translateY(-1px);
    }
}


/* MOBILE */

@media (max-width: 768px) {

    .sumaq-contact-section {
        grid-template-columns: 1fr;
        gap: 32px;

        padding: 36px 0px;
    }

    .sumaq-contact-form {
    padding: 0 !important;
    border-radius: 0 !important;
    }

    .sumaq-contact-form textarea {
        min-height: 130px !important;
        resize: vertical;

    }

    .elementor-kit-65 a {
        font-size: 1.2rem;
    }
}


/* =========================================
   SUMAQ WRAPZ - RELATED PRODUCTS
========================================= */

.single-product .related.products {
    width: 100%;
    margin-top: clamp(3rem, 5vw, 4.5rem);
}

/* TÍTULO */
.single-product .related.products > h2 {
    position: relative;
    display: inline-block;

    margin: 0 0 2rem;
    padding-bottom: 0.7rem;

    font-family: "rubik-Medium";
    font-size: var(--font-2);
    font-weight: 400;
    line-height: 1.2;

    color: var(--color-secundario);
}


/* Línea amarilla */
.single-product .related.products > h2::after {
    content: "";

    position: absolute;
    left: 0;
    bottom: 0;

    width: 2.8rem;
    height: 0.125rem;

    background: var(--color-terciario);
}


/* GRID DESKTOP */
.single-product .related.products ul.products {
    display: grid !important;

    grid-template-columns:
        repeat(4, minmax(0, 1fr)) !important;

    gap: clamp(1rem, 2vw, 1.75rem) !important;

    width: 100%;

    margin: 0 !important;
}


/* PRODUCT CARD */
.single-product .related.products ul.products li.product {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;

    margin: 0 !important;

    float: none !important;
    clear: none !important;
}


/* MOBILE */
@media (max-width: 48rem) {

    .single-product .related.products {
        margin-top: 2.5rem;
    }

    .single-product .related.products > h2 {
        margin-bottom: 1.5rem;

        font-size: var(--font-1);
    }

    .single-product .related.products ul.products {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap: 1.25rem 0.8rem !important;
    }

}

/* ==================================================
   SUMAQ WRAPZ — PRODUCT INFO LIMPIO
================================================== */

.single-product .sumaq-product-info {
    width: 100%;
    margin-top: 16px;
    border-top: 1px solid rgba(27, 28, 30, 0.14);
}

.single-product .sumaq-product-info__item {
    width: 100%;
    margin: 0;
    border-bottom: 1px solid rgba(27, 28, 30, 0.14);
}

.single-product .sumaq-product-info__item summary {
    width: 100%;

    display: flex;
    align-items: center;
    justify-content: space-between;

    padding: 14px 2px;

    cursor: pointer;
    list-style: none;

    font-family: "rubik-Medium";
    font-size: 0.95rem;
    font-weight: 500;

    color: var(--color-secundario);
}

.single-product .sumaq-product-info__item summary::-webkit-details-marker {
    display: none;
}

.single-product .sumaq-product-info__icon {
    width: 24px;
    height: 24px;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 0;
    font-weight: 300;
}

.single-product .sumaq-product-info__icon::before {
    content: "+";
    font-size: 1.3rem;
}

.single-product .sumaq-product-info__item[open]
.sumaq-product-info__icon::before {
    content: "−";
}

.single-product .sumaq-product-info__content {
    padding: 4px 2px 18px;

    font-family: "rubik-Medium";
    font-size: 0.9rem;
    line-height: 1.55;

    color: rgba(27, 28, 30, 0.72);
}

.single-product .sumaq-product-info__content p {
    margin: 0 !important;
    max-width: 680px;

    font-size: inherit !important;
    line-height: inherit !important;
}


/* DETAILS */

.single-product .sumaq-product-details {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.single-product .sumaq-product-detail {
    display: grid;
    grid-template-columns: minmax(110px, 150px) 1fr;

    gap: 18px;

    padding: 9px 0;

    border-bottom: 1px solid rgba(27, 28, 30, 0.07);
}

.single-product .sumaq-product-detail:last-child {
    border-bottom: 0;
}

.single-product .sumaq-product-detail__name {
    font-family: "rubik-bold";
    font-size: 0.88rem;
}

.single-product .sumaq-product-detail__value {
    font-family: "rubik-Medium";
    font-size: 0.9rem;

    color: rgba(27, 28, 30, 0.72);
}


/* MOBILE */

@media (max-width: 767px) {

    .single-product .sumaq-product-info__content {
        padding: 4px 0 16px;
    }

    .single-product .sumaq-product-detail {
        grid-template-columns: 105px 1fr;
        gap: 12px;
        padding: 8px 0;
    }

    .single-product .sumaq-product-detail__name,
    .single-product .sumaq-product-detail__value {
        font-size: 0.84rem;
    }

    .single-product .sumaq-product-info__item summary,
    .single-product .sumaq-product-info__item summary:focus,
    .single-product .sumaq-product-info__item summary:focus-visible,
    .single-product .sumaq-product-info__item summary:active {
        outline: none !important;
        box-shadow: none !important;
    }

}

/* =========================================
   PRODUCT TRUST BLOCK - MINIMAL
========================================= */

.single-product .sumaq-product-trust {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;

    width: 100%;
    margin-top: 18px;
    padding: 12px 0;

    background: transparent;
    border: 0;
    border-top: 1px solid rgba(27, 28, 30, 0.12);
    border-bottom: 1px solid rgba(27, 28, 30, 0.12);
    border-radius: 0;
}

.single-product .sumaq-product-trust__item {
    display: flex;
    flex-direction: column;
    gap: 4px;

    min-width: 0;
    padding: 4px 18px;
}

.single-product .sumaq-product-trust__item:first-child {
    padding-left: 0;
}

.single-product .sumaq-product-trust__item:last-child {
    padding-right: 0;
}

.single-product .sumaq-product-trust__item:not(:last-child) {
    border-right: 1px solid rgba(27, 28, 30, 0.10);
}

.single-product .sumaq-product-trust__item strong {
    font-family: "rubik-bold";
    font-size: 13px;
    font-weight: 600;
    line-height: 1.3;
    color: var(--color-secundario);
}

.single-product .sumaq-product-trust__item span {
    font-family: "rubik-Medium";
    font-size: 12px;
    line-height: 1.4;
    color: rgba(27, 28, 30, 0.58);
}

/* =========================================
   PRODUCT TRUST - TABLET
========================================= */

@media (max-width: 1024px) {

    .single-product .sumaq-product-trust__item,
    .single-product .sumaq-product-trust__item:first-child,
    .single-product .sumaq-product-trust__item:last-child {
        padding: 4px 12px;
    }

    .single-product .sumaq-product-trust__item:first-child {
        padding-left: 0;
    }

    .single-product .sumaq-product-trust__item:last-child {
        padding-right: 0;
    }
}


/* =========================================
   PRODUCT TRUST - MOBILE
========================================= */

@media (max-width: 767px) {

    .single-product .sumaq-product-trust {
        margin-top: 16px;
    }

    .single-product .sumaq-product-trust__item,
    .single-product .sumaq-product-trust__item:first-child,
    .single-product .sumaq-product-trust__item:last-child {
        padding: 3px 9px;
    }

    .single-product .sumaq-product-trust__item:first-child {
        padding-left: 0;
    }

    .single-product .sumaq-product-trust__item:last-child {
        padding-right: 0;
    }

    .single-product .sumaq-product-trust__item strong {
        font-size: 10px;
        line-height: 1.25;
    }

    .single-product .sumaq-product-trust__item span {
        font-size: 9.5px;
    }
}



.single-product div.product p.price {
    margin-bottom: 14px !important;
}

/* =========================================
   SINGLE PRODUCT - LAYOUT DESKTOP
========================================= */

@media (min-width: 1025px) {

    body.single-product div.product {
        display: grid;
        grid-template-columns: minmax(420px, 560px) minmax(420px, 620px);
        column-gap: clamp(50px, 6vw, 90px);
        align-items: start;
        justify-content: center;
    }

    body.single-product div.product .woocommerce-product-gallery {
        width: 100% !important;
        max-width: 560px !important;
        float: none !important;
        margin: 0 !important;
    }

    body.single-product div.product .summary {
        width: 100% !important;
        max-width: 620px;
        float: none !important;
        margin: 0 !important;
    }

    body.single-product div.product > .related.products,
    body.single-product div.product > .upsells.products,
    body.single-product div.product > .woocommerce-tabs {
        grid-column: 1 / -1 !important;
        width: 100% !important;
    }
}

@media (min-width: 1025px) {

    body.single-product .site-main {
        padding-left: clamp(30px, 4vw, 70px);
        padding-right: clamp(30px, 4vw, 70px);
    }

}

.single-product .woocommerce-product-gallery__wrapper {
    overflow: hidden;
    border-radius: 12px;
}

.single-product .woocommerce-product-gallery__image img {
    border-radius: 12px;
}

.single-product .flex-control-thumbs {
    display: flex !important;
    gap: 10px;
    margin-top: 12px !important;
    padding: 0 !important;
}

.single-product .flex-control-thumbs li {
    width: 76px !important;
    height: 76px !important;
    margin: 0 !important;
    overflow: hidden;
    border-radius: 9px;
    border: 1px solid transparent;
}

.single-product .flex-control-thumbs li img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 9px;
    opacity: 0.65;
    cursor: pointer;
    transition:
        opacity .2s ease,
        border-color .2s ease,
        transform .2s ease;
}

.single-product .flex-control-thumbs li img.flex-active {
    opacity: 1;
}

@media (hover: hover) {
    .single-product .flex-control-thumbs li img:hover {
        opacity: 1;
        transform: scale(1.03);
    }
}

.single-product .flex-control-thumbs li:has(img.flex-active) {
    border-color: var(--color-secundario);
}

/* DESACTIVAR EFECTOS DE ZOOM VISUAL EN GALERÍA */
.single-product .woocommerce-product-gallery img {
    transform: none !important;
    transition: none !important;
}

.single-product .woocommerce-product-gallery__image {
    overflow: hidden;
}

/* Quitar los tres puntos del carrito vacío */
body.woocommerce-cart
.wp-block-woocommerce-empty-cart-block
.wp-block-separator {
    display: none !important;
}

.site-content {
    min-height: 72vh;
}



textarea.wpcf7-form-control.wpcf7-textarea {
    height: 20vh;
}

.elementor-element.elementor-element-2b7cfea.e-con-full.sumaq-contact-copy.e-flex.e-con.e-child {
    justify-content: flex-start!important;
}

/* =========================================================
   SUMAQ WRAPZ — HEADER TOOLS DESKTOP DEFINITIVO
   Idioma + carrito + búsqueda perfectamente centrados
========================================================= */

@media (min-width: 1025px) {

    /* Contenedor nativo de GeneratePress */
    #site-navigation > .inside-navigation {
        align-items: center !important;
    }


    /* Zona derecha: idioma + carrito + lupa */
    #site-navigation > .inside-navigation > .menu-bar-items {
        align-self: stretch !important;

        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;

        gap: 4px !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* =====================================================
       LOS TRES CONTROLES COMPARTEN EL MISMO EJE
    ===================================================== */

.sumaq-lang-switcher,
.sumaq-header-cart,
.sumaq-header-search-fixed {
        position: relative !important;

        top: auto !important;
        bottom: auto !important;

        transform: none !important;

        height: 40px !important;

        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        align-self: center !important;
    }



    /* =====================================================
       CARRITO + BÚSQUEDA
    ===================================================== */

    .sumaq-header-cart {
        width: 42px !important;
        flex: 0 0 42px !important;
    }


    .sumaq-header-cart__link {
        width: 40px !important;
        height: 40px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    .sumaq-header-search-fixed {
        width: 40px !important;
        flex: 0 0 40px !important;
    }


    .sumaq-header-search-fixed .sumaq-search-open {
        width: 40px !important;
        height: 40px !important;

        margin: 0 !important;
        padding: 0 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

}




/* =========================================================
   SUMAQ WRAPZ — MINI CART / ADD TO CART CONFIRMATION
   ========================================================= */


/* CONTENEDOR GENERAL */

.sumaq-cart-confirm {
    position: fixed;
    inset: 0;
    z-index: 99999;

    visibility: hidden;
    pointer-events: none;
}


/* CUANDO ESTÁ ABIERTO */

.sumaq-cart-confirm.is-open {
    visibility: visible;
    pointer-events: auto;
}


/* FONDO OSCURO */

.sumaq-cart-confirm__overlay {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    padding: 0;
    margin: 0;

    border: 0;

    background: rgba(0, 0, 0, 0.3);

    opacity: 0;

    transition: opacity 0.3s ease;

    cursor: pointer;
}

.sumaq-cart-confirm.is-open
.sumaq-cart-confirm__overlay {
    opacity: 1;
}


/* =========================================================
   PANEL DESKTOP
   ========================================================= */

.sumaq-cart-confirm__panel {
    position: absolute;

    top: 0;
    right: 0;

    width: min(92%, 26rem);
    height: 100%;

    padding: 1.75rem;

    display: flex;
    flex-direction: column;
    gap: 1.5rem;

    background: #f7f6f3;

    box-shadow:
        -0.4rem 0 1.8rem rgba(0, 0, 0, 0.12);

    transform: translateX(100%);

    transition: transform 0.35s ease;

    overflow-y: auto;
}

.sumaq-cart-confirm.is-open
.sumaq-cart-confirm__panel {
    transform: translateX(0);
}


/* =========================================================
   BOTÓN CERRAR
   ========================================================= */

.sumaq-cart-confirm__close {
    position: absolute;

    top: 1rem;
    right: 1rem;

    width: 2.5rem;
    height: 2.5rem;

    padding: 0;

    display: flex;
    justify-content: center;
    align-items: center;

    border: 0;

    background: transparent;

    color: var(--color-secundario);

    font-size: 1.8rem;
    line-height: 1;

    cursor: pointer;
}


/* =========================================================
   MENSAJE "ADDED TO YOUR CART"
   ========================================================= */

.sumaq-cart-confirm__status {
    display: flex;
    align-items: center;

    gap: 0.65rem;

    padding-right: 2.5rem;

    font-family: "rubik-medium";
    font-size: 1.05rem;

    color: var(--color-secundario);
}


.sumaq-cart-confirm__check {
    width: 1.75rem;
    height: 1.75rem;

    flex: 0 0 1.75rem;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: var(--color-primario);

    color: var(--color-secundario);

    font-size: 1rem;
}


/* =========================================================
   PRODUCTO
   ========================================================= */

.sumaq-cart-confirm__product {
    display: flex;
    align-items: center;

    gap: 1rem;

    padding-block: 1.25rem;

    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}


.sumaq-cart-confirm__image {
    width: 5.5rem;

    flex: 0 0 5.5rem;
}


.sumaq-cart-confirm__image img {
    display: block;

    width: 100%;

    aspect-ratio: 1;

    object-fit: cover;

    border-radius: 0.5rem;
}


.sumaq-cart-confirm__info {
    display: flex;
    flex-direction: column;

    gap: 0.4rem;

    color: var(--color-secundario);
}


.sumaq-cart-confirm__info strong {
    font-family: "rubik-medium";

    font-size: 1rem;
    line-height: 1.3;
}


.sumaq-cart-confirm__info span {
    font-size: 0.95rem;
}


/* =========================================================
   BOTONES
   ========================================================= */

.sumaq-cart-confirm__actions {
    display: flex;
    flex-direction: column;

    gap: 0.75rem;

    margin-top: auto;
}


.sumaq-cart-confirm__checkout,
.sumaq-cart-confirm__cart,
.sumaq-cart-confirm__continue {
    width: 100%;

    min-height: 3.4rem;

    padding: 0.8rem 1.25rem;

    display: flex;
    align-items: center;
    justify-content: center;

    text-align: center;

    font-family: "rubik-medium";
    font-size: 0.9rem;

    text-decoration: none;

    transition:
        background-color 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease;
}

/* CHECKOUT */
.sumaq-cart-confirm__checkout {
    font-family: "rubik-medium";
    font-weight: 500;
    min-height: 3.5rem;
}

/* CONTINUE SHOPPING */

.sumaq-cart-confirm__continue {
    min-height: auto;

    padding-block: 0.6rem;

    border: 0;

    background: transparent;

    color: var(--color-secundario);

    cursor: pointer;

    text-decoration: underline;
    text-underline-offset: 0.25rem;
}




/* =========================================================
   ESTADO ADD TO CART
   ========================================================= */

.single-product
.single_add_to_cart_button.is-added {
    background: var(--color-primario) !important;

    color: var(--color-secundario) !important;

    border-color: var(--color-primario) !important;
}


/* EVITA SCROLL DE LA PÁGINA CUANDO MINI-CART ESTÁ ABIERTO */

body.sumaq-cart-confirm-open {
    overflow: hidden;
}


/* =========================================================
   MÓVIL — PANEL DESDE ABAJO
   ========================================================= */

@media (max-width: 47.9375rem) {

    .sumaq-cart-confirm__panel {
        top: auto;
        right: 0;
        bottom: 0;

        width: 100%;
        height: auto;

        max-height: 85dvh;

        padding: 1.5rem 1.25rem 1.75rem;

        border-radius: 1rem 1rem 0 0;

        transform: translateY(100%);
    }


    .sumaq-cart-confirm.is-open
    .sumaq-cart-confirm__panel {
        transform: translateY(0);
    }


    .sumaq-cart-confirm__product {
        gap: 0.9rem;
    }


    .sumaq-cart-confirm__image {
        width: 5rem;
        flex-basis: 5rem;
    }


    .sumaq-cart-confirm__actions {
        gap: 0.65rem;
    }

}

/* =========================================================
   FIX MINI CART — OVERLAY NO CAMBIA AL HACER HOVER
   ========================================================= */

.sumaq-cart-confirm__overlay,
.sumaq-cart-confirm__overlay:hover,
.sumaq-cart-confirm__overlay:focus,
.sumaq-cart-confirm__overlay:focus-visible,
.sumaq-cart-confirm__overlay:active {

    background: rgba(0, 0, 0, 0.30) !important;
    background-color: rgba(0, 0, 0, 0.30) !important;

    border: 0 !important;
    box-shadow: none !important;

    outline: none !important;

    transform: none !important;
}



/* =========================================================
   HOVER
   ========================================================= */

@media (hover: hover) {

    /* Amarillo → negro */
    .sumaq-cart-confirm__checkout:hover {
        background: var(--color-secundario) !important;
        color: var(--color-terciario) !important;

        border-color: var(--color-secundario) !important;
    }


    /* View cart: gris MUY ligero, no negro */
    .sumaq-cart-confirm__cart:hover {
        background: rgba(27, 28, 30, 0.05) !important;
        color: var(--color-secundario) !important;

        border-color: var(--color-secundario) !important;
    }


    .sumaq-cart-confirm__continue:hover {
        background: transparent !important;
        color: var(--color-secundario) !important;

        opacity: 0.65;
    }

}


/* =========================================================
   SUMAQ WRAPZ — FOOTER
   ========================================================= */

.sumaq-footer {
    width: 100%;
    background: #f1efec;
    color: #292929;
    margin: 0;
    padding: clamp(3rem, 6vw, 5.5rem) 0 0;
}


/* CONTENEDOR PRINCIPAL */
.sumaq-footer__inner {
    width: 90%;
    max-width: 90rem;
    margin: 0 auto;

    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    gap: clamp(2rem, 4vw, 5rem);

    padding-bottom: clamp(3rem, 5vw, 4.5rem);
}


/* =========================
   MARCA
   ========================= */

.sumaq-footer__brand {
    max-width: 24rem;
}

.sumaq-footer__logo {
    display: inline-block;
    margin-bottom: 1.25rem;
    text-decoration: none;
    line-height: 0;
}

.sumaq-footer__logo:hover {
    opacity: 0.9;
}

.sumaq-footer__description {
    max-width: 21rem;
    margin: 0;

    font-size: 0.95rem;
    line-height: 1.65;

    color: rgba(41, 41, 41, 0.72);
}


/* =========================
   COLUMNAS
   ========================= */

.sumaq-footer__title {
     position: relative;
    width: fit-content;
    padding-bottom: 0.55rem;
}


.sumaq-footer__title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;

    width: 1.4rem;
    height: 0.12rem;

    background: var(--color-terciario);
    border-radius: 2rem;
}


/* ELIMINAMOS ESTILOS DE LISTA */
.sumaq-footer__links {
    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}

.sumaq-footer__links li {
    margin: 0 0 0.65rem !important;
    padding: 0 !important;
}


/* LINKS */
.sumaq-footer__links a,
.sumaq-footer__links span {
    color: rgba(41, 41, 41, 0.75);

    font-size: 0.93rem;
    line-height: 1.5;

    text-decoration: none;
}

.sumaq-footer__links a {
    transition:
        color 0.2s ease,
        opacity 0.2s ease;
}

.sumaq-footer__links a:hover {
    color: #000;
}


/* =========================================================
   PARTE INFERIOR
   ========================================================= */

.sumaq-footer__bottom {
    width: 90%;
    max-width: 90rem;

    margin: 0 auto;

    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 2rem;

    padding: 1.4rem 0 1.6rem;

    border-top: 1px solid rgba(41, 41, 41, 0.16);
}


.sumaq-footer__bottom p {
    margin: 0;
}


.sumaq-footer__copyright,
.sumaq-footer__legal,
.sumaq-footer__credit {
    font-size: 0.78rem;
    color: rgba(41, 41, 41, 0.6);
}


/* LEGAL */
.sumaq-footer__legal {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
}

.sumaq-footer__legal a {
    color: inherit;
    text-decoration: none;
}

.sumaq-footer__legal a:hover {
    color: #000;
}


/* DEVELOPED BY */
.sumaq-footer__credit {
    text-align: right;
}

.sumaq-footer__credit a {
    color: inherit;
    text-decoration: none;
}

.sumaq-footer__credit a:hover {
    color: #000;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 64rem) {

    .sumaq-footer__inner {
        grid-template-columns: 1.5fr 1fr 1fr;
    }

    .sumaq-footer__brand {
        grid-column: 1 / -1;
        max-width: 28rem;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 48rem) {

    .sumaq-footer {
        padding-top: clamp(2.5rem, 4vw, 4rem);
    }

    .sumaq-footer__inner {
        width: 92%;

        grid-template-columns: 1fr 1fr;
        gap: 2.5rem 1.5rem;

        padding-bottom: clamp(2.2rem, 3.5vw, 3rem);
    }


    /* MARCA OCUPA TODO EL ANCHO */
    .sumaq-footer__brand {
        grid-column: 1 / -1;
        max-width: 100%;
    }


    .sumaq-footer__description {
        max-width: 22rem;
    }


    /* PARTE INFERIOR */
    .sumaq-footer__bottom {
        width: 92%;

        grid-template-columns: 1fr;
        gap: 0.65rem;

        align-items: start;

        padding: 1.5rem 0 2rem;
    }


    .sumaq-footer__legal {
        justify-content: flex-start;
    }


    .sumaq-footer__credit {
        text-align: left;
    }

}


/* =========================================================
   SUMAQ WRAPZ — BRAND ACCENTS
   ========================================================= */

/* Links del footer */
.sumaq-footer__links a,
.sumaq-footer__legal a,
.sumaq-footer__credit a {
    transition: color 0.2s ease;
}


/* Amarillo SUMAQ al pasar el ratón */
.sumaq-footer__links a:hover,
.sumaq-footer__legal a:hover,
.sumaq-footer__credit a:hover {
    color: var(--color-terciario) !important;
}

/* =========================================================
   SUMAQ WRAPZ — FIX FOOTER MOBILE LINKS
   ========================================================= */

.sumaq-footer__legal a,
.sumaq-footer__credit a {
    font-size: inherit !important;
}

/* =========================================================
   SUMAQ WRAPZ — PAGE TITLE
   ========================================================= */

.sumaq-page-title {
    position: relative;
    display: inline-block;

    margin: 2rem 0 3rem !important;
    padding-bottom: 0.9rem;

    font-family: "rubik-Medium";
    font-size: 2rem !important;
    font-weight: 400;
    line-height: 1.2;

    color: var(--color-secundario);
}


/* LÍNEA AMARILLA */
.sumaq-page-title::after {
    content: "";
    position: absolute;

    left: 0;
    bottom: 0;

    width: 3rem;
    height: 0.125rem;

    background: var(--color-terciario);
}


/* MOBILE */
@media (max-width: 48rem) {

    .sumaq-page-title {
        font-size: 1.55rem !important;
        margin: 1.5rem 0 2.5rem !important;
        padding-bottom: 0.75rem;
    }

    .sumaq-page-title::after {
        width: 2.4rem;
    }

}

/* =========================================================
   SUMAQ WRAPZ — TÍTULOS DE PÁGINAS
   Mismo estilo que categorías WooCommerce
   ========================================================= */

h1.sumaq-page-heading,
.sumaq-page-heading h1 {
    position: relative !important;
    display: inline-block !important;

    margin: 0 0 2.5rem !important;
    padding: 0 0 14px !important;

    font-family: "rubik-Medium" !important;
    font-size: 2rem !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;

    color: var(--color-secundario) !important;
}


/* Línea amarilla */
h1.sumaq-page-heading::after,
.sumaq-page-heading h1::after {
    content: "";
    position: absolute;

    left: 0;
    bottom: 0;

    width: 48px;
    height: 2px;

    background: var(--color-terciario);
}


/* Móvil */
@media (max-width: 768px) {

    h1.sumaq-page-heading,
    .sumaq-page-heading h1 {
        font-size: 1.55rem !important;
        padding-bottom: 11px !important;
        margin-bottom: 2rem !important;
    }

    h1.sumaq-page-heading::after,
    .sumaq-page-heading h1::after {
        width: 38px;
    }

}


/* =========================================================
   SUMAQ WRAPZ — SHIPPING & RETURNS
   ========================================================= */

.sumaq-policy-copy {
    max-width: 52rem;
}


/* TÍTULOS SHIPPING / RETURNS */
.sumaq-policy-copy h2 {
    margin: 0 0 1.25rem !important;
    padding: 0 !important;

    font-family: "rubik-bold" !important;
    font-size: 0.95rem !important;
    font-weight: 500 !important;

    letter-spacing: 0.06em;
    text-transform: uppercase;

    color: var(--color-secundario) !important;
}


/* Separación antes de RETURNS */
.sumaq-policy-copy h2:not(:first-child) {
    margin-top: 3rem !important;
}


/* TEXTO */
.sumaq-policy-copy p {
    margin: 0 0 1rem !important;

    font-family: "rubik-Medium" !important;
    font-size: 0.95rem !important;

    line-height: 1.7;

    color: var(--color-secundario) !important;
}


/* MOBILE */
@media (max-width: 768px) {

    .sumaq-policy-copy {
        max-width: 100%;
    }

    .sumaq-policy-copy h2 {
        font-size: 0.9rem !important;
    }

    .sumaq-policy-copy p {
        font-size: 0.92rem !important;
        line-height: 1.65;
    }

}


/* =========================================================
   SUMAQ WRAPZ — FAQ
   ========================================================= */

.sumaq-faq {
    max-width: 52rem;
    margin-top: 1.2rem;
}

/* Ajuste de separación específico del FAQ */
h1.sumaq-page-heading {
    margin-bottom: 2.2rem !important;
}

/* ITEM */
.sumaq-faq__item {
    border-bottom: 1px solid rgba(27, 28, 30, 0.14);
}

/* quitamos la línea superior para que no compita con la línea amarilla del título */
.sumaq-faq__item:first-child {
    border-top: 0;
}


/* PREGUNTA */
.sumaq-faq__item summary {
    position: relative;
    list-style: none;
    cursor: pointer;

    padding: 1.2rem 2.4rem 1.2rem 0;

    font-family: "rubik-Medium" !important;
    font-size: 1rem;
    line-height: 1.45;

    color: var(--color-secundario);

    transition:
        color 0.25s ease,
        padding 0.25s ease;
}

.sumaq-faq__item summary::-webkit-details-marker {
    display: none;
}

.sumaq-faq__item summary:hover {
    color: var(--color-terciario);
}


/* ICONO + */
.sumaq-faq__item summary::after {
    content: "+";

    position: absolute;
    right: 0;
    top: 50%;

    transform: translateY(-50%) rotate(0deg);

    font-size: 1.55rem;
    font-weight: 300;
    line-height: 1;

    color: var(--color-secundario);

    transition:
        transform 0.28s ease,
        color 0.25s ease;
}

.sumaq-faq__item[open] summary::after {
    transform: translateY(-50%) rotate(45deg);
    color: var(--color-terciario);
}


/* RESPUESTA — animación más suave */
.sumaq-faq__answer {
    display: grid;
    grid-template-rows: 0fr;

    opacity: 0;
    padding: 0 2rem 0 0;

    transition:
        grid-template-rows 0.32s ease,
        opacity 0.25s ease,
        padding 0.25s ease;
}

.sumaq-faq__answer > * {
    overflow: hidden;
}

.sumaq-faq__item[open] .sumaq-faq__answer {
    grid-template-rows: 1fr;
    opacity: 1;
    padding: 0 2rem 1.2rem 0;
}

.sumaq-faq__answer p {
    margin: 0;

    font-family: "rubik-Medium" !important;
    font-size: 0.95rem;
    line-height: 1.7;

    color: rgba(27, 28, 30, 0.72);
}


/* MOBILE */
@media (max-width: 768px) {

    .sumaq-faq {
        max-width: 100%;
        margin-top: 0.85rem;
    }

    h1.sumaq-page-heading {
    margin-bottom: 1.8rem !important;
}

    h1.sumaq-page-heading::after {
        width: 38px;
    }

    .sumaq-faq__item summary {
        font-size: 0.95rem;
        padding: 1.1rem 2rem 1.1rem 0;
    }

    .sumaq-faq__item summary::after {
        font-size: 1.4rem;
    }

    .sumaq-faq__answer {
        padding-right: 1.2rem;
    }

    .sumaq-faq__item[open] .sumaq-faq__answer {
        padding: 0 1.2rem 1rem 0;
    }

    .sumaq-faq__answer p {
        font-size: 0.92rem;
        line-height: 1.65;
    }
}

/* =========================================================
   SUMAQ WRAPZ — TÍTULO FAQ / PÁGINAS
   Igual que categorías WooCommerce
   ========================================================= */

.sumaq-page-heading .elementor-heading-title {
    position: relative !important;
    display: inline-block !important;
    width: fit-content !important;

    padding-bottom: 14px !important;

    font-family: "rubik-Medium" !important;
    font-size: 2rem !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;

    color: var(--color-secundario) !important;
}


/* Rayita amarilla corta */
.sumaq-page-heading .elementor-heading-title::after {
    content: "" !important;

    position: absolute !important;
    left: 0 !important;
    bottom: 0 !important;

    width: 48px !important;
    height: 2px !important;

    background: var(--color-terciario) !important;
}


/* MÓVIL */
@media (max-width: 768px) {

    .sumaq-page-heading .elementor-heading-title {
        font-size: 1.55rem !important;
        padding-bottom: 11px !important;
    }

    .sumaq-page-heading .elementor-heading-title::after {
        width: 38px !important;
    }
}


/* =====================================================
   FIND YOUR STYLE - AUTOPLAY / MOBILE UX
===================================================== */

.sumaq-cat-slider {
    scroll-behavior: smooth;
}

/* Evita que el último elemento quede pegado al borde */
.sumaq-cat-slider::after {
    content: "";
    flex: 0 0 0.5rem;
}

/* En móvil dejamos un pequeño "peek" de la siguiente tarjeta */
@media (max-width: 768px) {

    .sumaq-cat-slider {
        gap: 10px;
        scroll-padding-left: 0;
        overscroll-behavior-x: contain;
        touch-action: pan-x;
    }

    .sumaq-cat-card {
        /*
         * Un poco menos que el ancho disponible:
         * así se insinúa visualmente que existe otra categoría.
         */
        flex: 0 0 44%;
        width: auto;
    }
}

/* Respeta usuarios que prefieren menos movimiento */
@media (prefers-reduced-motion: reduce) {

    .sumaq-cat-slider {
        scroll-behavior: auto;
    }

}


/* =========================================
   FOOTER LEGAL - MOBILE
========================================= */

@media (max-width: 768px) {

    .sumaq-footer__legal {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 0.35rem;
    }

    .sumaq-footer__legal > span {
        display: none;
    }

    .sumaq-footer__legal a {
        display: inline-block;
        white-space: nowrap;
        color: rgba(41, 41, 41, 0.68) !important;
        font-size: 0.8rem !important;
        line-height: 1.5;
    }


    .sumaq-footer__legal a:hover {
        color: var(--color-terciario) !important;
    }


}
/* =========================================
   LEGAL / POLICY PAGES
========================================= */

.elementor-element.sumaq-policy-page {
    width: min(90%, 70rem) !important;
    max-width: 70rem !important;

    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 3rem !important;
    margin-bottom: 5rem !important;
}

.elementor-element.sumaq-policy-copy {
    width: 100% !important;
    max-width: 52rem !important;
}

@media (max-width: 768px) {

 .elementor-element.sumaq-policy-page {
        width: 100% !important;
        max-width: 100% !important;

        margin-top: 2rem !important;
        margin-bottom: 3.5rem !important;
}

    .elementor-element.sumaq-policy-copy {
        width: 100% !important;
        max-width: 100% !important;
    }
}

.sumaq-footer__logo-img {
    display: block;
    width: 12rem;
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

@media (max-width: 768px) {
    .sumaq-footer__logo-img {
        width: 10rem;
    }
}


/* =========================================================
   SUMAQ WRAPZ — ANCHO GLOBAL MÓVIL DEFINITIVO
   Mantiene el mismo gutter en todas las páginas
========================================================= */

@media (max-width: 768px) {

    :root {
        --sumaq-mobile-gutter: 1rem;
    }


    /* =====================================
       CONTENEDOR GENERAL
    ===================================== */

    .site-content {
        width: 100% !important;
        max-width: 100% !important;

        padding-left: var(--sumaq-mobile-gutter) !important;
        padding-right: var(--sumaq-mobile-gutter) !important;

        margin-left: auto !important;
        margin-right: auto !important;

        box-sizing: border-box !important;
    }


    /* GeneratePress */
    .inside-article {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }


    /* =====================================
       WOOCOMMERCE CATEGORIES
    ===================================== */

    body.tax-product_cat.woocommerce .site-content {
        width: 100% !important;
        max-width: 100% !important;

        padding-left: var(--sumaq-mobile-gutter) !important;
        padding-right: var(--sumaq-mobile-gutter) !important;

        margin-left: auto !important;
        margin-right: auto !important;
    }


    /* =====================================
       CONTACT
       Elementor no añade otro gutter
    ===================================== */

    .sumaq-contact-section {
        width: 100% !important;

        padding-left: 0 !important;
        padding-right: 0 !important;

        margin-left: 0 !important;
        margin-right: 0 !important;
    }


    /* =====================================
       SHIPPING / RETURNS / FAQ / POLICIES
    ===================================== */

    .elementor-element.sumaq-policy-page {
        width: 100% !important;
        max-width: 100% !important;

        margin-left: 0 !important;
        margin-right: 0 !important;
    }


    .elementor-element.sumaq-policy-copy {
        width: 100% !important;
        max-width: 100% !important;
    }


    /* =====================================
       LITTLE TREASURES
    ===================================== */

    .sumaq-little-treasures {
        width: 100% !important;

        padding-left: 0 !important;
        padding-right: 0 !important;

        margin-left: 0 !important;
        margin-right: 0 !important;
    }

}


/* =========================================================
   SUMAQ WRAPZ — 404 PAGE
========================================================= */

.sumaq-404 {
    width: 100%;
    min-height: 68vh;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: clamp(4rem, 8vw, 8rem) 1rem;

    background: var(--color-primario);
    color: var(--color-secundario);
}

.sumaq-404__inner {
    width: min(100%, 42rem);

    margin: 0 auto;

    text-align: center;
}

.sumaq-404__number {
    display: block;

    margin-bottom: 1.2rem;

    font-family: "rubik-bold";
    font-size: clamp(4rem, 12vw, 8rem);
    line-height: .9;

    color: var(--color-terciario);
}

.sumaq-404__title {
    margin: 0 0 1rem;

    font-family: "rubik-Medium";
    font-size: clamp(1.7rem, 4vw, 2.5rem);
    line-height: 1.2;

    color: var(--color-secundario);
}

.sumaq-404__text {
    max-width: 34rem;

    margin: 0 auto 2rem;

    font-family: "rubik-Medium";
    font-size: .95rem;
    line-height: 1.7;

    color: rgba(27, 28, 30, .68);
}

.sumaq-404__actions {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .8rem;

    flex-wrap: wrap;
}

.sumaq-404__button {
    min-width: 10rem;

    padding: .9rem 1.4rem;

    display: inline-flex;
    justify-content: center;
    align-items: center;

    border-radius: 999px;

    font-family: "rubik-bold";
    font-size: .8rem;

    text-transform: uppercase;
    letter-spacing: .05em;

    transition:
        background-color .2s ease,
        color .2s ease,
        transform .2s ease;
}

.sumaq-404__button--primary {
    background: var(--color-terciario);
    color: var(--color-secundario) !important;
    border: 1px solid var(--color-terciario);
}

.sumaq-404__button--secondary {
    background: transparent;
    color: var(--color-secundario) !important;
    border: 1px solid var(--color-secundario);
}

@media (hover: hover) {

    .sumaq-404__button:hover {
        transform: translateY(-2px);
    }

    .sumaq-404__button--primary:hover {
        background: var(--color-secundario);
        border-color: var(--color-secundario);
        color: var(--color-terciario) !important;
    }

    .sumaq-404__button--secondary:hover {
        background: rgba(27, 28, 30, .05);
    }
}


/* MOBILE */

@media (max-width: 768px) {

    .sumaq-404 {
        min-height: 60vh;
        padding: 4rem 1rem;
    }

    .sumaq-404__actions {
        flex-direction: column;
    }

    .sumaq-404__button {
        width: 100%;
        max-width: 20rem;
    }

}

/* =========================================================
   SUMAQ WRAPZ — SEARCH EMPTY
========================================================= */

.sumaq-search-empty {
    width: min(100%, 42rem);
    margin: 1.5rem auto 5rem;
    text-align: center;

    color: var(--color-secundario);
}

.sumaq-search-empty__label {
    display: inline-block;

    margin-bottom: 1rem;

    font-family: "rubik-bold";
    font-size: .78rem;

    letter-spacing: .08em;
    text-transform: uppercase;

    color: var(--color-terciario);
}

.sumaq-search-empty__title {
    margin: 0 0 1rem;

    font-family: "rubik-Medium";
    font-size: clamp(1.5rem, 3vw, 2rem);
    line-height: 1.25;

    color: var(--color-secundario);
}

.sumaq-search-empty__text {
    max-width: 32rem;

    margin: 0 auto 2rem;

    font-family: "rubik-Medium";
    font-size: .95rem;
    line-height: 1.65;

    color: rgba(27, 28, 30, .68);
}


/* SEARCH INPUT */

.sumaq-search-empty__form {
    width: min(100%, 32rem);

    display: flex;
    align-items: center;

    gap: .6rem;

    margin: 0 auto 1.5rem;
}

.sumaq-search-empty__form input[type="search"] {
    flex: 1;

    min-height: 3.2rem;

    padding: 0 1rem !important;

    border: 1px solid rgba(27,28,30,.22) !important;
    border-radius: 999px !important;

    background: transparent !important;

    color: var(--color-secundario) !important;

    outline: none;
}

.sumaq-search-empty__form input[type="search"]:focus {
    border-color: var(--color-terciario) !important;
}

.sumaq-search-empty__form button {
    min-height: 3.2rem;

    padding: 0 1.4rem;

    border-radius: 999px;

    background: var(--color-secundario);
    color: var(--color-primario);

    font-family: "rubik-bold";
    font-size: .8rem;

    cursor: pointer;
}


/* BUTTONS */

.sumaq-search-empty__actions {
    display: flex;
    justify-content: center;

    gap: .75rem;

    flex-wrap: wrap;
}

.sumaq-search-empty__button {
    min-width: 10rem;

    padding: .9rem 1.3rem;

    display: inline-flex;
    justify-content: center;
    align-items: center;

    border-radius: 999px;

    font-family: "rubik-bold";
    font-size: .8rem;

    text-transform: uppercase;
    letter-spacing: .05em;
}

.sumaq-search-empty__button--primary {
    background: var(--color-terciario);
    border: 1px solid var(--color-terciario);

    color: var(--color-secundario) !important;
}

.sumaq-search-empty__button--secondary {
    background: transparent;
    border: 1px solid var(--color-secundario);

    color: var(--color-secundario) !important;
}


/* MOBILE */

@media (max-width: 768px) {

    .sumaq-search-empty {
        margin: 2rem auto 4rem;
    }

    .sumaq-search-empty__form {
        flex-direction: column;
    }

    .sumaq-search-empty__form input[type="search"],
    .sumaq-search-empty__form button {
        width: 100%;
    }

    .sumaq-search-empty__actions {
        flex-direction: column;
        align-items: center;
    }

    .sumaq-search-empty__button {
        width: 100%;
        max-width: 20rem;
    }

}

/* =========================================================
   SEARCH — OCULTAR TÍTULO NATIVO SOLO SIN RESULTADOS
========================================================= */

body.search-no-results .page-header,
body.search-no-results .woocommerce-products-header {
    display: none !important;
}


/* =========================================================
   SUMAQ WRAPZ — ESPACIO BAJO TÍTULOS DE PÁGINAS LEGALES
========================================================= */

.elementor-element.sumaq-policy-page .sumaq-page-heading {
    margin-bottom: 2rem !important;
}

.elementor-element.sumaq-policy-page
.sumaq-page-heading .elementor-heading-title {
    margin-bottom: 0 !important;
}


/* MOBILE */
@media (max-width: 768px) {

    .elementor-element.sumaq-policy-page .sumaq-page-heading {
        margin-bottom: 1.6rem !important;
    }

}

/* =========================================================
   SUMAQ WRAPZ — MINI CART COLORES DEFINITIVOS
========================================================= */

/* CHECK */
.sumaq-cart-confirm__check {
    background: var(--color-terciario) !important;
    color: var(--color-secundario) !important;
}


/* CHECKOUT */
.sumaq-cart-confirm__checkout,
.sumaq-cart-confirm__checkout:visited {
    background: var(--color-terciario) !important;
    color: var(--color-secundario) !important;
    border: 1px solid var(--color-terciario) !important;
}


/* VIEW CART */
.sumaq-cart-confirm__cart,
.sumaq-cart-confirm__cart:visited {
    background: transparent !important;
    color: var(--color-secundario) !important;
    border: 1px solid var(--color-secundario) !important;
}


/* CONTINUE SHOPPING */
.sumaq-cart-confirm__continue {
    background: transparent !important;
    color: var(--color-secundario) !important;
}


/* DESKTOP HOVER */
@media (hover: hover) {

    .sumaq-cart-confirm__checkout:hover {
        background: var(--color-secundario) !important;
        color: var(--color-terciario) !important;
        border-color: var(--color-secundario) !important;
    }

    .sumaq-cart-confirm__cart:hover {
        background: rgba(27, 28, 30, 0.05) !important;
        color: var(--color-secundario) !important;
        border-color: var(--color-secundario) !important;
    }

    .sumaq-cart-confirm__continue:hover {
        background: transparent !important;
        color: var(--color-secundario) !important;
        opacity: .65;
    }

}

/* =========================================================
   SUMAQ WRAPZ — HEADER CART
========================================================= */

.sumaq-header-cart {
    position: relative;

    width: 42px;
    height: 40px;
    flex: 0 0 42px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin: 0;
    padding: 0;
}


.sumaq-header-cart__link {
    position: relative;

    width: 40px;
    height: 40px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin: 0;
    padding: 0;

    color: var(--color-primario) !important;

    text-decoration: none !important;
}


.sumaq-header-cart__link svg {
    width: 21px !important;
    height: 21px !important;

    display: block;

    fill: none !important;
    stroke: currentColor !important;

    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}


/* CONTADOR */

.sumaq-header-cart__count {
    position: absolute;

    top: 1px;
    right: 0;

    min-width: 17px;
    height: 17px;

    padding: 0 4px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 999px;

    background: var(--color-terciario);
    color: var(--color-secundario) !important;

    font-family: "rubik-bold";
    font-size: 9px;
    line-height: 1;

    pointer-events: none;
}


/* Si carrito = 0 no mostramos badge */

.sumaq-header-cart__count.is-empty {
    display: none;
}


/* HOVER DESKTOP */

@media (hover: hover) {

    .sumaq-header-cart__link {
        transition:
            color .2s ease,
            transform .2s ease;
    }

    .sumaq-header-cart__link:hover {
        color: var(--color-terciario) !important;
        transform: translateY(-1px);
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 768px) {

    #mobile-menu-control-wrapper .sumaq-header-cart {
        width: 44px !important;
        height: 44px !important;

        flex: 0 0 44px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    #mobile-menu-control-wrapper
    .sumaq-header-cart__link {
        width: 44px !important;
        height: 44px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    #mobile-menu-control-wrapper
    .sumaq-header-cart__link svg {
        width: 20px !important;
        height: 20px !important;
    }


    #mobile-menu-control-wrapper
    .sumaq-header-cart__count {
        top: 2px;
        right: 1px;

        min-width: 16px;
        height: 16px;

        font-size: 8px;
    }

}

a.sumaq-header-cart__link{
    color:var(--color-primario)!important
}

/* =========================================================
   SUMAQ WRAPZ — CUSTOM LANGUAGE SWITCHER DEFINITIVO
========================================================= */

.sumaq-lang-switcher {
    position: relative !important;

    width: 54px !important;
    height: 40px !important;
    flex: 0 0 54px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;

    z-index: 100;
}


/* =========================================================
   BOTÓN: EN / ES
========================================================= */

.sumaq-lang-switcher__trigger {
    width: 54px !important;
    height: 40px !important;
    min-width: 54px !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 7px !important;

    background: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    color: var(--color-primario) !important;

    font-family: "rubik-Medium" !important;
    font-size: .8rem !important;
    font-weight: 400 !important;

    line-height: 1 !important;

    cursor: pointer !important;
}


/* Evitar hover del tema */

.sumaq-lang-switcher__trigger:hover,
.sumaq-lang-switcher__trigger:active {
    background: transparent !important;
    color: var(--color-primario) !important;
}


/* =========================================================
   CÓDIGO ACTUAL
========================================================= */

.sumaq-lang-switcher__current {
    display: block;

    margin: 0;
    padding: 0;

    color: inherit;

    line-height: 1;
}


/* =========================================================
   FLECHA
========================================================= */

.sumaq-lang-switcher__chevron {
    width: 7px !important;
    height: 5px !important;

    flex: 0 0 7px;

    display: block !important;

    margin: 0 !important;

    color: var(--color-primario) !important;

    transition: transform .2s ease;
}


.sumaq-lang-switcher__chevron path {
    stroke: currentColor !important;
}


/* Giramos flecha al abrir */

.sumaq-lang-switcher__trigger[aria-expanded="true"]
.sumaq-lang-switcher__chevron {
    transform: rotate(180deg);
}


/* =========================================================
   DROPDOWN
========================================================= */

.sumaq-lang-switcher__menu {
    position: absolute !important;

    top: calc(100% + 7px) !important;
    left: 50% !important;

    transform: translateX(-50%) !important;

    width: 64px !important;
    min-width: 64px !important;

    margin: 0 !important;
    padding: 4px !important;

    background: #232426 !important;

    border: 1px solid rgba(234, 233, 232, .14) !important;
    border-radius: 8px !important;

    box-shadow:
        0 10px 24px rgba(0, 0, 0, .22) !important;

    overflow: hidden !important;

    z-index: 99999 !important;
}


.sumaq-lang-switcher__menu[hidden] {
    display: none !important;
}


/* =========================================================
   OPCIÓN DEL DROPDOWN
========================================================= */

.sumaq-lang-switcher__option {
    width: 100% !important;
    min-height: 34px !important;

    margin: 0 !important;
    padding: 0 8px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    border-radius: 5px;

    background: transparent !important;

    color: var(--color-primario) !important;

    font-family: "rubik-Medium" !important;
    font-size: .78rem !important;
    font-weight: 400 !important;

    line-height: 1 !important;

    text-decoration: none !important;
}


/* =========================================================
   HOVER DESKTOP
========================================================= */

@media (hover: hover) {

    .sumaq-lang-switcher__option:hover {
        background: rgba(255, 255, 255, .08) !important;

        color: var(--color-terciario) !important;
    }

}


/* =========================================================
   FOCUS — ACCESIBILIDAD
========================================================= */

.sumaq-lang-switcher__trigger:focus {
    outline: none !important;
    box-shadow: none !important;
}


.sumaq-lang-switcher__trigger:focus-visible {
    outline: 1px solid var(--color-terciario) !important;
    outline-offset: 3px !important;

    border-radius: 4px !important;
}


/* =========================================================
   EVITAR QUE EL HEADER CORTE EL DROPDOWN
========================================================= */

#site-navigation,
#site-navigation > .inside-navigation,
#site-navigation > .inside-navigation > .menu-bar-items {
    overflow: visible !important;
}


/* =========================================================
   MÓVIL
========================================================= */

@media (max-width: 768px) {

    #mobile-menu-control-wrapper
    .sumaq-lang-switcher {
        width: 52px !important;
        height: 44px !important;
        flex: 0 0 52px !important;

        margin: 0 !important;
        padding: 0 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }


    #mobile-menu-control-wrapper
    .sumaq-lang-switcher__trigger {
        width: 52px !important;
        height: 44px !important;
        min-width: 52px !important;

        font-size: .76rem !important;
    }


    #mobile-menu-control-wrapper
    .sumaq-lang-switcher__menu {
        top: calc(100% + 5px) !important;

        width: 60px !important;
        min-width: 60px !important;
    }

}

a.sumaq-lang-switcher__option {
    color: var(--color-primario) !important;
}

.sumaq-lang-switcher__menu {
    max-height: 280px !important;
    overflow-y: auto !important;
}

.sumaq-home-h1 {
    margin: 0 0 14px !important;
    padding: 0 !important;
}

.sumaq-home-h1 .elementor-heading-title {
    font-family: "rubik-Medium", sans-serif !important;
    font-size: clamp(20px, 1.8vw, 28px) !important;
    line-height: 1.2 !important;
    font-weight: 500 !important;
    color: var(--color-secundario) !important;
    margin: 0 !important;
}

@media (max-width: 767px) {

    .sumaq-home-h1 {
        margin-top: 0 !important;
        margin-bottom: 28px !important;
    }

    .sumaq-home-h1 .elementor-heading-title {
        font-size: 20px !important;
        line-height: 1.25 !important;
    }
}

/* =========================================
   SUMAQ - REVEAL HOME
========================================= */

body.home .sumaq-home-h1,
body.home .sumaq-find-style,
body.home .sumaq-new-arrivals,
body.home .sumaq-little-treasures {
    opacity: 0;
    transform: translateY(10px);

    transition:
        opacity 0.55s ease,
        transform 0.55s ease;
}

body.home .sumaq-home-h1.is-visible,
body.home .sumaq-find-style.is-visible,
body.home .sumaq-new-arrivals.is-visible,
body.home .sumaq-little-treasures.is-visible {
    opacity: 1;
    transform: translateY(0);
}


/* Accesibilidad */
@media (prefers-reduced-motion: reduce) {

    body.home .sumaq-home-h1,
    body.home .sumaq-find-style,
    body.home .sumaq-new-arrivals,
    body.home .sumaq-little-treasures {
        opacity: 1;
        transform: none;
        transition: none;
    }
}

/* =========================================
   ELEMENTOR EDITOR - DESACTIVAR REVEAL
========================================= */

body.elementor-editor-active .sumaq-home-h1,
body.elementor-editor-active .sumaq-find-style,
body.elementor-editor-active .sumaq-new-arrivals,
body.elementor-editor-active .sumaq-little-treasures,
.elementor-editor-active .sumaq-home-h1,
.elementor-editor-active .sumaq-find-style,
.elementor-editor-active .sumaq-new-arrivals,
.elementor-editor-active .sumaq-little-treasures {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
}

@media screen and (max-width: 450px){

    .site-branding-container .site-logo{
         margin-right: 0em;
    }

    .site-header .header-image {
    width: 120px;
}

}

/* =========================================
   SUMAQ WRAPZ - THANK YOU PAGE
========================================= */

body.woocommerce-order-received
.woocommerce-order-overview {
    display: none !important;
}

body.woocommerce-order-received
.woocommerce-thankyou-order-received {
    display: none !important;
}


/* =========================================
   WRAPPER
========================================= */

.sumaq-thankyou {
    width: min(100% - 32px, 960px);
    margin: 60px auto 90px;

    color: #1e1e1e;
}


/* =========================================
   HERO
========================================= */

.sumaq-thankyou__hero {
    max-width: 650px;

    margin: 0 auto 46px;

    text-align: center;
}

.sumaq-thankyou__check {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 58px;
    height: 58px;

    margin: 0 auto 20px;

    border-radius: 50%;

    background: #f4c20d;
    color: #1e1e1e;

    font-size: 27px;
    font-weight: 700;
}

.sumaq-thankyou__eyebrow {
    margin: 0 0 10px;

    font-size: 12px;
    font-weight: 700;

    letter-spacing: 0.14em;
}

.sumaq-thankyou__hero h1 {
    margin: 0 0 14px;

    font-size: clamp(30px, 5vw, 46px);
    line-height: 1.1;
}

.sumaq-thankyou__intro {
    max-width: 520px;

    margin: 0 auto 12px;

    color: #696969;

    line-height: 1.55;
}

.sumaq-thankyou__number {
    margin: 0;

    font-size: 14px;
    font-weight: 600;
}


/* =========================================
   ORDER INFO
========================================= */

.sumaq-order-meta {
    display: grid;
    grid-template-columns: repeat(4, 1fr);

    margin-bottom: 50px;

    border: 1px solid #e4e1db;
    border-radius: 14px;

    background: #fff;

    overflow: hidden;
}

.sumaq-order-meta__item {
    padding: 22px;

    border-right: 1px solid #e4e1db;
}

.sumaq-order-meta__item:last-child {
    border-right: 0;
}

.sumaq-order-meta__item span {
    display: block;

    margin-bottom: 5px;

    color: #777;

    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.sumaq-order-meta__item strong {
    display: block;

    font-size: 15px;
    font-weight: 600;
}

/* =========================================
   FIX PRECIO + SÍMBOLO € THANK YOU PAGE
========================================= */

.sumaq-order-meta__item:nth-child(3) strong,
.sumaq-order-meta__item:nth-child(3) .woocommerce-Price-amount,
.sumaq-order-meta__item:nth-child(3) .woocommerce-Price-amount bdi {
    white-space: nowrap !important;
}

.sumaq-order-meta__item:nth-child(3) .woocommerce-Price-currencySymbol {
    display: inline !important;
    white-space: nowrap !important;
}


/* =========================================
   SECTIONS
========================================= */

.sumaq-thankyou__section {
    margin: 0 0 42px;
}

.sumaq-thankyou__section > h2 {
    margin: 0 0 20px;

    font-size: 24px;
}


/* =========================================
   PRODUCTS
========================================= */

.sumaq-order-products {
    border: 1px solid #e4e1db;
    border-radius: 14px;

    background: #fff;

    overflow: hidden;
}

.sumaq-order-product {
    display: grid;
    grid-template-columns: 85px 1fr auto;
    align-items: center;

    gap: 20px;

    padding: 20px;
}

.sumaq-order-product + .sumaq-order-product {
    border-top: 1px solid #e4e1db;
}

.sumaq-order-product__image img {
    display: block;

    width: 85px;
    height: 100px;

    object-fit: cover;

    border-radius: 8px;
}

.sumaq-order-product__info h3 {
    margin: 0 0 7px;

    font-size: 17px;
    line-height: 1.35;
}

.sumaq-order-product__info span {
    color: #777;

    font-size: 14px;
}

.sumaq-order-product__price {
    font-weight: 600;

    white-space: nowrap;
}


/* =========================================
   TOTALS
========================================= */

.sumaq-order-totals {
    width: min(100%, 480px);

    margin: 0 0 55px auto;

    padding: 24px;

    border: 1px solid #e4e1db;
    border-radius: 14px;

    background: #fff;
}

.sumaq-order-total-row {
    display: flex;
    justify-content: space-between;

    gap: 30px;

    padding: 9px 0;

    font-size: 15px;
}

.sumaq-order-total-row strong {
    white-space: nowrap;
}

.sumaq-order-total-row--final {
    margin-top: 8px;
    padding-top: 16px;

    border-top: 1px solid #dedbd5;

    font-size: 18px;
}


/* =========================================
   ADDRESSES
========================================= */

.sumaq-address-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);

    gap: 18px;
}

.sumaq-address-card {
    padding: 22px;

    border: 1px solid #e4e1db;
    border-radius: 14px;

    background: #fff;

    line-height: 1.55;
}

.sumaq-address-card h3 {
    margin: 0 0 14px;

    font-size: 17px;
}

.sumaq-address-card__email {
    margin: 12px 0 0;

    color: #666;

    overflow-wrap: anywhere;
}


/* =========================================
   FOOTER
========================================= */

.sumaq-thankyou__footer {
    margin-top: 55px;

    text-align: center;
}

.sumaq-thankyou__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 54px;

    padding: 0 34px;

    border-radius: 6px;

    background: #f4c20d;
    color: #1e1e1e !important;

    font-weight: 600;

    text-decoration: none !important;

    transition:
        transform 0.2s ease,
        opacity 0.2s ease;
}

.sumaq-thankyou__button:hover {
    transform: translateY(-1px);

    opacity: 0.88;
}

.sumaq-thankyou__footer p {
    margin: 18px 0 0;

    color: #747474;

    font-size: 14px;
}

.sumaq-thankyou__footer p a {
    color: #1e1e1e;

    overflow-wrap: anywhere;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .sumaq-thankyou {
        width: calc(100% - 32px);

        margin-top: 32px;
        margin-bottom: 60px;
    }

    .sumaq-thankyou__hero {
        margin-bottom: 30px;
    }

    .sumaq-thankyou__check {
        width: 56px;
        height: 56px;

        margin-bottom: 18px;
    }

    .sumaq-thankyou__intro {
        line-height: 1.5;
    }


    /* ORDER INFO */

    .sumaq-order-meta {
        grid-template-columns: repeat(2, 1fr);

        margin-bottom: 42px;
    }

    .sumaq-order-meta__item {
        padding: 17px;

        border-bottom: 1px solid #e4e1db;
    }

    .sumaq-order-meta__item:nth-child(2) {
        border-right: 0;
    }

    .sumaq-order-meta__item:nth-child(3),
    .sumaq-order-meta__item:nth-child(4) {
        border-bottom: 0;
    }


    /* SECTIONS */

    .sumaq-thankyou__section {
        margin-bottom: 34px;
    }


    /* PRODUCT */

    .sumaq-order-product {
        grid-template-columns: 70px 1fr;

        gap: 15px;

        padding: 16px;
    }

    .sumaq-order-product__image img {
        width: 70px;
        height: 84px;
    }

    .sumaq-order-product__price {
        grid-column: 2;

        margin-top: -5px;
    }


    /* TOTALS */

    .sumaq-order-totals {
        width: 100%;

        margin-bottom: 45px;

        padding: 20px;
    }


    /* ADDRESSES */

    .sumaq-address-grid {
        grid-template-columns: 1fr;

        gap: 14px;
    }

    .sumaq-address-card {
        padding: 20px;

        line-height: 1.5;
    }


    /* BUTTON */

    .sumaq-thankyou__button {
        width: 100%;
    }

}


/* Dirección única cuando Billing = Shipping */
.sumaq-address-grid--single {
    grid-template-columns: 1fr;
    max-width: 600px;
}

.sumaq-address-card__same {
    margin: 16px 0 0;
    padding-top: 14px;

    border-top: 1px solid #e4e1db;

    color: #777;
    font-size: 13px;
}

/* =========================================================
   SUMAQ WRAPZ - CHECKOUT FINAL POLISH
   Orden visual + tipografía + bordes consistentes
========================================================= */


/* =========================================================
   1. TIPOGRAFÍA GENERAL DEL CHECKOUT
========================================================= */

.wp-block-woocommerce-checkout,
.wp-block-woocommerce-checkout button,
.wp-block-woocommerce-checkout input,
.wp-block-woocommerce-checkout select,
.wp-block-woocommerce-checkout textarea,
.wp-block-woocommerce-checkout label,
.wp-block-woocommerce-checkout p,
.wp-block-woocommerce-checkout span {
    font-family: "Rubik", sans-serif !important;
    font-weight: 400;
}


/* =========================================================
   2. QUITAR LÍNEAS / BORDES DESORDENADOS DE WOOCOMMERCE
========================================================= */

.wp-block-woocommerce-checkout
.wc-block-components-totals-wrapper,

.wp-block-woocommerce-checkout
.wc-block-components-totals-item,

.wp-block-woocommerce-checkout
.wc-block-components-totals-coupon,

.wp-block-woocommerce-checkout
.wc-block-components-order-summary,

.wp-block-woocommerce-checkout
.wc-block-components-order-summary-item {

    border-color: transparent !important;
}


/* =========================================================
   3. ORDER SUMMARY - TARJETA LIMPIA
========================================================= */

.wp-block-woocommerce-checkout
.wp-block-woocommerce-checkout-order-summary-block {

    background: #ffffff;

    border: 1px solid rgba(27, 28, 30, 0.12) !important;
    border-radius: 14px;

    padding: 24px;

    box-shadow:
        0 5px 18px rgba(27, 28, 30, 0.035);
}


/* Título */
.wp-block-woocommerce-checkout
.wp-block-woocommerce-checkout-order-summary-block
.wc-block-components-checkout-step__title {

    font-family: "Rubik", sans-serif !important;
    font-size: 1.25rem;
    font-weight: 500;

    color: var(--color-secundario);
}


/* =========================================================
   4. PRODUCTOS DEL RESUMEN
========================================================= */

.wp-block-woocommerce-checkout
.wc-block-components-order-summary-item {

    padding: 16px 0 !important;
}


/* Solo una línea suave ENTRE productos */

.wp-block-woocommerce-checkout
.wc-block-components-order-summary-item
+ .wc-block-components-order-summary-item {

    border-top:
        1px solid rgba(27, 28, 30, 0.08) !important;
}

/* =========================================================
   IMAGEN PRODUCTO - ORDER SUMMARY
   Responsive / REM / sin recorte
========================================================= */

.wp-block-woocommerce-checkout
.wc-block-components-order-summary-item__image {

    position: relative !important;

    width: 4.5rem !important;
    min-width: 4.5rem !important;
    max-width: 4.5rem !important;

    flex: 0 0 4.5rem !important;

    align-self: flex-start !important;

    overflow: visible !important;

    border-radius: 0.5rem;
}


/* Imagen real */

.wp-block-woocommerce-checkout
.wc-block-components-order-summary-item__image img {

    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    height: auto !important;
    max-height: none !important;

    object-fit: contain !important;
    object-position: center !important;

    border-radius: 0.5rem;
}


/* =========================================================
   CANTIDAD SOBRE IMAGEN
========================================================= */

.wp-block-woocommerce-checkout
.wc-block-components-order-summary-item__quantity {

    position: absolute !important;

    top: -0.45rem !important;
    right: -0.45rem !important;

    min-width: 1.4rem !important;
    width: auto !important;

    height: 1.4rem !important;
    min-height: 1.4rem !important;

    padding: 0 0.35rem !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    border-radius: 50rem !important;

    background: var(--color-secundario) !important;
    color: #fff !important;

    font-family: "rubik-Medium", sans-serif !important;
    font-size: 0.7rem !important;
    font-weight: 400 !important;

    line-height: 1 !important;

    z-index: 5;
}



/* Nombre del producto */

.wp-block-woocommerce-checkout
.wc-block-components-product-name {

    font-family: "Rubik", sans-serif !important;

    font-size: 0.95rem;
    font-weight: 500;

    color: var(--color-secundario);
}


/* Descripción secundaria */

.wp-block-woocommerce-checkout
.wc-block-components-product-metadata {

    color: rgba(27, 28, 30, 0.60);

    font-size: 0.78rem;
    line-height: 1.4;
}


/* =========================================================
   5. CUPÓN
========================================================= */

.wp-block-woocommerce-checkout
.wc-block-components-totals-coupon {

    margin-top: 8px;

    padding: 16px 0 !important;

    border-top:
        1px solid rgba(27, 28, 30, 0.10) !important;

    border-bottom:
        1px solid rgba(27, 28, 30, 0.10) !important;
}


/* =========================================================
   6. SUBTOTAL Y ENVÍO
========================================================= */

.wp-block-woocommerce-checkout
.wc-block-components-totals-item {

    padding: 13px 0 !important;
}


/* Evita dobles líneas */

.wp-block-woocommerce-checkout
.wc-block-components-totals-item::before,

.wp-block-woocommerce-checkout
.wc-block-components-totals-item::after {

    display: none !important;
}


/* =========================================================
   7. TOTAL FINAL
========================================================= */

.wp-block-woocommerce-checkout
.wc-block-components-totals-footer-item {

    margin-top: 10px;

    padding-top: 20px !important;

    border-top:
        1px solid rgba(27, 28, 30, 0.14) !important;
}


.wp-block-woocommerce-checkout
.wc-block-components-totals-footer-item
.wc-block-components-totals-item__label,

.wp-block-woocommerce-checkout
.wc-block-components-totals-footer-item
.wc-block-components-totals-item__value {

    font-family: "Rubik", sans-serif !important;

    font-size: 1.25rem !important;
    font-weight: 600 !important;

    color: var(--color-secundario);
}


/* =========================================================
   8. SHIPPING OPTION
========================================================= */

.wp-block-woocommerce-checkout
.wc-block-components-shipping-rates-control {

    border: 0 !important;
}


.wp-block-woocommerce-checkout
.wc-block-components-radio-control__option {

    background: #ffffff !important;

    border:
        1px solid rgba(27, 28, 30, 0.13) !important;

    border-radius: 10px;

    margin-bottom: 10px;

    min-height: 62px;

    padding:
        18px
        18px
        18px
        54px !important;
}


/* Seleccionado */

.wp-block-woocommerce-checkout
.wc-block-components-radio-control__option--checked {

    border-color:
        rgba(27, 28, 30, 0.40) !important;

    background:
        rgba(239, 196, 27, 0.045) !important;
}


/* =========================================================
   9. PAYMENT OPTIONS
========================================================= */

.wp-block-woocommerce-checkout
.wc-block-checkout__payment-method {

    background: #ffffff;

    border:
        1px solid rgba(27, 28, 30, 0.13) !important;

    border-radius: 12px;

    overflow: hidden;
}


/* Opciones internas sin líneas agresivas */

.wp-block-woocommerce-checkout
.wc-block-checkout__payment-method
.wc-block-components-radio-control__option {

    margin: 0;

    border: 0 !important;
    border-radius: 0;

    border-bottom:
        1px solid rgba(27, 28, 30, 0.09) !important;
}


.wp-block-woocommerce-checkout
.wc-block-checkout__payment-method
.wc-block-components-radio-control__option:last-child {

    border-bottom: 0 !important;
}


/* =========================================================
   10. INTERIOR TARJETA STRIPE
========================================================= */

.wp-block-woocommerce-checkout
.wc-block-components-radio-control-accordion-content {

    background:
        rgba(234, 233, 232, 0.48) !important;

    border-top:
        1px solid rgba(27, 28, 30, 0.09) !important;

    padding: 20px !important;
}


/* Contenedores visibles alrededor de inputs Stripe */

.wp-block-woocommerce-checkout
.wc-block-components-radio-control-accordion-content
input {

    font-family: "Rubik", sans-serif !important;
}
/* =========================================================
   11. INPUTS NORMALES DEL CHECKOUT
   Solo campos de texto - NO checkbox ni radio
========================================================= */

.wp-block-woocommerce-checkout
.wc-block-components-text-input input:not([type="checkbox"]):not([type="radio"]),

.wp-block-woocommerce-checkout
.wc-block-components-combobox-control input:not([type="checkbox"]):not([type="radio"]),

.wp-block-woocommerce-checkout
.wc-block-components-address-form input:not([type="checkbox"]):not([type="radio"]),

.wp-block-woocommerce-checkout
textarea,

.wp-block-woocommerce-checkout
select {

    font-family: "rubik-Medium", sans-serif !important;

    font-size: 1rem !important;
    font-weight: 400;

    color: var(--color-secundario);

    background: #ffffff;

    border:
        1px solid rgba(27, 28, 30, 0.18) !important;

    border-radius: 8px !important;

    min-height: 52px;

    box-shadow: none !important;
}


/* Focus */

.wp-block-woocommerce-checkout
.wc-block-components-text-input input:not([type="checkbox"]):not([type="radio"]):focus,

.wp-block-woocommerce-checkout
.wc-block-components-combobox-control input:not([type="checkbox"]):not([type="radio"]):focus,

.wp-block-woocommerce-checkout
.wc-block-components-address-form input:not([type="checkbox"]):not([type="radio"]):focus,

.wp-block-woocommerce-checkout
textarea:focus,

.wp-block-woocommerce-checkout
select:focus {

    border-color: var(--color-secundario) !important;

    box-shadow:
        0 0 0 1px var(--color-secundario) !important;

    outline: none;
}


/* =========================================================
   CHECKBOXES CHECKOUT
========================================================= */

.wp-block-woocommerce-checkout
.wc-block-components-checkbox__input[type="checkbox"] {

    width: 20px !important;
    min-width: 20px !important;
    max-width: 20px !important;

    height: 20px !important;
    min-height: 20px !important;
    max-height: 20px !important;

    padding: 0 !important;
    margin: 0 !important;

    flex: 0 0 20px !important;

    border-radius: 4px !important;
}


/* Checkbox + texto */

.wp-block-woocommerce-checkout
.wc-block-components-checkbox {

    display: flex !important;
    align-items: center !important;

    gap: 10px;
}


/* Texto del checkbox */

.wp-block-woocommerce-checkout
.wc-block-components-checkbox__label {

    margin: 0 !important;
    font-family: "rubik-Medium", sans-serif !important;
    font-weight: 400 !important;

    line-height: 1.4;
}

/* =========================================================
   12. BOTÓN FINAL
========================================================= */

.wp-block-woocommerce-checkout
.wc-block-components-checkout-place-order-button {

    min-height: 62px;

    background:
        var(--color-terciario) !important;

    color:
        var(--color-secundario) !important;

    font-family:
        "Rubik", sans-serif !important;

    font-size: 1rem !important;
    font-weight: 600 !important;

    border: 0 !important;
    border-radius: 10px !important;

    box-shadow:
        0 5px 14px rgba(27, 28, 30, 0.08);

    transition:
        transform 0.15s ease,
        box-shadow 0.15s ease,
        background-color 0.15s ease;
}


.wp-block-woocommerce-checkout
.wc-block-components-checkout-place-order-button:hover {

    background: #f5ca27 !important;

    transform: translateY(-1px);

    box-shadow:
        0 8px 18px rgba(27, 28, 30, 0.12);
}


/* =========================================================
   13. TEXTO LEGAL / NOTA
========================================================= */

.wp-block-woocommerce-checkout
.wc-block-checkout__terms,

.wp-block-woocommerce-checkout
.wc-block-components-checkout-order-note-block {

    font-family: "Rubik", sans-serif !important;

    color:
        rgba(27, 28, 30, 0.65);
}


/* =========================================================
   14. MOBILE
========================================================= */

@media (max-width: 781px) {

    .wp-block-woocommerce-checkout
    .wp-block-woocommerce-checkout-order-summary-block {

        padding: 18px;

        border-radius: 12px;
    }


    .wp-block-woocommerce-checkout
    .wc-block-components-radio-control__option {

        min-height: 62px;

        padding:
            18px
            15px
            18px
            52px !important;
    }


    .wp-block-woocommerce-checkout
    .wc-block-components-radio-control-accordion-content {

        padding: 16px !important;
    }


    .wp-block-woocommerce-checkout
    .wc-block-components-checkout-place-order-button {

        min-height: 60px;

        border-radius: 9px !important;
    }

    @media (max-width: 48rem) {

    .wp-block-woocommerce-checkout
    .wc-block-components-order-summary-item__image {

        width: 4rem !important;
        min-width: 4rem !important;
        max-width: 4rem !important;

        flex-basis: 4rem !important;
    }
}
}


.wc-block-checkout__actions_row.wc-block-checkout__actions_row--justify-flex-end{
    margin-top: 1.4rem;
}


/* =========================================================
   SUMAQ WRAPZ - SOLD OUT PRODUCT MESSAGE
========================================================= */

.single-product .sumaq-sold-out-box {
    width: 100%;
    max-width: 33rem;

    margin-top: 1rem;
    padding: 1.15rem 1.25rem;

    background: #ffffff;

    border: 1px solid rgba(27, 28, 30, 0.08);
    border-radius: 0.65rem;

    box-shadow:
        0 0.3rem 1rem rgba(27, 28, 30, 0.045);
}


/* SOLD OUT BADGE */
.single-product .sumaq-sold-out-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 0.65rem;
    padding: 0.32rem 0.65rem;

    background: var(--color-terciario);
    color: var(--color-secundario);

    border-radius: 999rem;

    font-family: "rubik-bold";
    font-size: 0.68rem;

    letter-spacing: 0.07em;
}


/* TÍTULO */
.single-product .sumaq-sold-out-box h3 {
    margin: 0 0 0.3rem;

    font-family: "rubik-Medium";
    font-size: clamp(1.15rem, 1rem + 0.5vw, 1.35rem);
    font-weight: 400;

    line-height: 1.3;

    color: var(--color-secundario);
}


/* TEXTO */
.single-product .sumaq-sold-out-box p {
    margin: 0 0 0.9rem;

    font-family: "rubik-Medium";
    font-size: 0.9rem;

    line-height: 1.5;

    color: rgba(27, 28, 30, 0.58);
}


/* BOTÓN */
.single-product .sumaq-sold-out-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.8rem;
    padding: 0.7rem 1rem;
    background: var(--color-terciario);
    border: 1px solid var(--color-terciario);
    border-radius: 0.4rem;
    color: var(--color-secundario) !important;
    font-family: "rubik-bold";
    font-size: 0.82rem;
    text-decoration: none !important;
    transition:
        background-color 0.2s ease,
        color 0.2s ease,
        transform 0.2s ease;
}

.single-product .stock.out-of-stock {
    display: none !important;
}

/* HOVER */
@media (hover: hover) {

    .single-product .sumaq-sold-out-button:hover {
        background: var(--color-secundario);
        color: var(--color-terciario) !important;

        transform: translateY(-0.08rem);
    }

}


/* MOBILE */
@media (max-width: 48rem) {

    .single-product .sumaq-sold-out-box {
        padding: 1rem;
    }

    .single-product .sumaq-sold-out-button {
        width: 100%;
    }

}

/*PRODUCTOS VENDIDOS*/

/* =========================================
   SUMAQ WRAPZ - SOLD OUT EN CATÁLOGO
========================================= */

/* Producto agotado */
.woocommerce ul.products li.product.outofstock {
    position: relative;
}


/* Imagen un poco más suave */
.woocommerce ul.products li.product.outofstock img {
    opacity: 0.82;

    transition: opacity 0.2s ease;
}


/* Etiqueta SOLD OUT */
.woocommerce ul.products li.product.outofstock::before {
    content: "SOLD OUT";

    position: absolute;
    top: 1rem;
    left: 1rem;

    z-index: 5;

    padding: 0.4rem 0.7rem;

    background: var(--color-secundario);
    color: #fff;

    border-radius: 999rem;

    font-family: "rubik-bold";
    font-size: 0.7rem;

    letter-spacing: 0.06em;

    pointer-events: none;
}

.woocommerce ul.products li.product.outofstock .add_to_cart_button,
.woocommerce ul.products li.product.outofstock .button {
    display: none !important;
}