.elementor-kit-6275{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-kadence1:#2B6CB0;--e-global-color-kadence2:#215387;--e-global-color-kadence3:#1A202C;--e-global-color-kadence4:#2D3748;--e-global-color-kadence5:#4A5568;--e-global-color-kadence6:#718096;--e-global-color-kadence7:#EDF2F7;--e-global-color-kadence8:#F7FAFC;--e-global-color-kadence9:#ffffff;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-6275 e-page-transition{background-color:#FFBC7D;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --ink:#14161A; --ink-soft:#26282D; --chalk:#FCFCFB; --sheet:#F4F3F0; --ecru:#EDE6DA; --sand:#D6CCBC; --line:#E3DCD0; --line-dark:#3A3C41; --steel:#8E9297; --mute:#55534E; --mute-2:#6B6A66; --on-ink-mute:#A6A8AC; --copper:#C1743C; --copper-deep:#A25C2A; --amber:#E0A45C; --indigo:#16305C; --indigo-deep:#0B1A33; --indigo-mid:#3E6395; --f-ui:Archivo, "Helvetica Neue", Helvetica, sans-serif; --f-serif:"Cormorant Garamond", Georgia, serif; --f-mono:"IBM Plex Mono", Menlo, monospace; --fs-mono:11px; --fs-xs:12px; --fs-sm:13px; --fs-base:15px; --fs-md:17px; --fs-lg:21px; --fs-xl:30px; --fs-2xl:42px; --fs-3xl:60px; --fs-4xl:84px; --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:24px; --s-6:32px; --s-7:48px; --s-8:64px; --s-9:96px; --gap-grid:14px; --pad-page:48px; --max-w:1280px; --tap:44px; --track:0.18em; --track-wide:0.24em; --lh-tight:1.06; --lh-snug:1.25; --lh-body:1.7; --h-runway:640px; --h-hero:520px; --h-tile:300px; --h-card:420px; --h-shot:520px; --h-thumb:96px; --w-thumb:76px; --w-side:232px; --w-drawer:400px; --dot:3px; --rule:56px; --radius-pill:999px; }
/* Start custom CSS */@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800&family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=IBM+Plex+Mono:wght@400;500;600&display=swap');
/* ==========================================================
   CLD JEANS - Tienda (Product Archive) + WooCommerce buttons
   Scoped to Tienda classes; the Astra button fix is global.
   ========================================================== */

/* 1. Astra paints disabled Woo buttons with its own accent.
      Repaint them brand copper. */
.woocommerce-js #respond input#submit.alt.disabled,
.woocommerce-js #respond input#submit.alt.disabled:hover,
.woocommerce-js #respond input#submit.alt:disabled,
.woocommerce-js #respond input#submit.alt:disabled:hover,
.woocommerce-js #respond input#submit.alt:disabled[disabled],
.woocommerce-js #respond input#submit.alt:disabled[disabled]:hover,
.woocommerce-js a.button.alt.disabled,
.woocommerce-js a.button.alt.disabled:hover,
.woocommerce-js a.button.alt:disabled,
.woocommerce-js a.button.alt:disabled:hover,
.woocommerce-js a.button.alt:disabled[disabled],
.woocommerce-js a.button.alt:disabled[disabled]:hover,
.woocommerce-js button.button.alt.disabled,
.woocommerce-js button.button.alt.disabled:hover,
.woocommerce-js button.button.alt:disabled,
.woocommerce-js button.button.alt:disabled:hover,
.woocommerce-js button.button.alt:disabled[disabled],
.woocommerce-js button.button.alt:disabled[disabled]:hover,
.woocommerce-js input.button.alt.disabled,
.woocommerce-js input.button.alt.disabled:hover,
.woocommerce-js input.button.alt:disabled,
.woocommerce-js input.button.alt:disabled:hover,
.woocommerce-js input.button.alt:disabled[disabled],
.woocommerce-js input.button.alt:disabled[disabled]:hover,
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt.disabled.wc-variation-selection-needed {
  background-color: #C1743C;
  color: #FCFCFB;
  border-color: #C1743C;
  opacity: 1;
}

/* 2. Genero tabs - hover + active state driven by body class */
.elementor .brand-tab {
  text-decoration: none;
  transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}
.elementor .brand-tab:hover { border-color: var(--copper); color: var(--copper); }
body.woocommerce-shop #gtab-all,
body.cld-parent-dama #gtab-dama,
body.cld-parent-caballero #gtab-caballero,
body.cld-parent-nina #gtab-nina,
body.cld-parent-nino #gtab-nino {
  background-color: var(--ink);
  border-color: var(--ink);
  color: var(--chalk);
}
body.woocommerce-shop #gtab-all:hover,
body.cld-parent-dama #gtab-dama:hover,
body.cld-parent-caballero #gtab-caballero:hover,
body.cld-parent-nina #gtab-nina:hover,
body.cld-parent-nino #gtab-nino:hover { color: var(--chalk); border-color: var(--ink); }

/* 2b. Elementor's atomic button base (.e-button-base) outranks the
      global class on load order inside the editor, which made the tabs
      render blue with rounded corners there. Restate the tab skin with
      higher specificity so the editor matches the front end exactly. */
.elementor a.brand-tab.e-button-base,
.elementor button.brand-tab.e-button-base {
  background-color: transparent;
  color: var(--mute);
  border-radius: 0;
  border-width: 1px;
  border-style: solid;
  border-color: var(--line);
  text-decoration: none;
}
.elementor a.brand-tab.e-button-base:hover,
.elementor button.brand-tab.e-button-base:hover {
  border-color: var(--copper);
  color: var(--copper);
  background-color: transparent;
}
body.woocommerce-shop a#gtab-all.brand-tab,
body.cld-parent-dama a#gtab-dama.brand-tab,
body.cld-parent-caballero a#gtab-caballero.brand-tab,
body.cld-parent-nina a#gtab-nina.brand-tab,
body.cld-parent-nino a#gtab-nino.brand-tab,
body.woocommerce-shop a#gtab-all.brand-tab:hover,
body.cld-parent-dama a#gtab-dama.brand-tab:hover,
body.cld-parent-caballero a#gtab-caballero.brand-tab:hover,
body.cld-parent-nina a#gtab-nina.brand-tab:hover,
body.cld-parent-nino a#gtab-nino.brand-tab:hover {
  background-color: var(--ink);
  border-color: var(--ink);
  color: var(--chalk);
}

/* 3. Cortes grid rendered as the design's horizontal rail */
.elementor .subcat-row .elementor-loop-container {
  display: flex;
  grid-template-columns: none;
  gap: var(--gap-grid);
  overflow-x: auto;
  padding-bottom: var(--s-2);
}
.elementor .subcat-row .e-loop-item { flex: 0 0 168px; min-width: 0; }
.elementor .subcat-item { text-decoration: none; }
.elementor .subcat-item:hover .subcat-media { border-color: var(--ink); }
.elementor .subcat-item:hover .subcat-label { color: var(--copper); }
.elementor .subcat-media img { width: 100%; height: 100%; object-fit: cover; }

/* 4. El riel de Cortes sigue al Genero seleccionado.
      Cada tile se clasifica por SU PROPIO enlace, no por una lista de ids:
      un corte nuevo queda bien ubicado el dia que se crea, sin tocar este CSS.
      La regla oculta lo que NO pertenece al genero activo, de modo que si el
      navegador no soporta :has() la regla se descarta y el riel muestra todos
      los cortes. Degrada mostrando de mas, nunca ocultando. */
body.cld-parent-dama      .subcat-row .e-loop-item:not(:has(a[href*="/categoria-producto/dama/"])),
body.cld-parent-caballero .subcat-row .e-loop-item:not(:has(a[href*="/categoria-producto/caballero/"])),
body.cld-parent-nina      .subcat-row .e-loop-item:not(:has(a[href*="/categoria-producto/nina/"])),
body.cld-parent-nino      .subcat-row .e-loop-item:not(:has(a[href*="/categoria-producto/nino/"])) { display: none; }

/* 4b. Fuera del riel lo que no es un corte. Se listan por id a proposito:
      son terminos estructurales y finitos (los cuatro Generos raiz 29/30/31/32
      y Sin categorizar 15), no cortes. Ningun corte nuevo entra en esta lista.
      Vaquero-dama 46 es un termino creado por error, con 0 productos: se oculta
      hasta que se elimine (deficiencia D del informe del 2026-09-09). */
.elementor .subcat-row .e-loop-item-15,
.elementor .subcat-row .e-loop-item-29,
.elementor .subcat-row .e-loop-item-30,
.elementor .subcat-row .e-loop-item-31,
.elementor .subcat-row .e-loop-item-32,
.elementor .subcat-row .e-loop-item-46 { display: none !important; }

/* 4c. En la tienda sin filtrar, colapsa los cortes duplicados por nombre
      (Campana/Skinny/Wide leg/Vaquero existen bajo varios Generos) ocultando
      los de Nina y Nino. Tambien por enlace, para que un corte nuevo de Nina
      se colapse solo. */
body.woocommerce-shop .subcat-row .e-loop-item:has(a[href*="/categoria-producto/nina/"]),
body.woocommerce-shop .subcat-row .e-loop-item:has(a[href*="/categoria-producto/nino/"]) { display: none !important; }
/* 5. Sidebar removed - main column runs full width */
.elementor .shop-main { width: 100%; }
.elementor .sortbar { align-items: baseline; }

@media (max-width: 767px) {
  .elementor .subcat-row .e-loop-item { flex: 0 0 132px; }
}
/* 6. Product card (loop item) */
.elementor a.card-media{text-decoration:none;position:relative}
.elementor .card-name a,.elementor a.card-name{text-decoration:none;color:var(--ink)}
.elementor .card-name a:hover,.elementor a.card-name:hover{color:var(--copper)}
.elementor .card-media .badge:empty{display:none}
.elementor .card-price-row{font-family:var(--f-mono)}
.elementor .card-price-row .woocommerce-Price-amount,.elementor .card-price-row .amount{font-family:var(--f-mono);font-size:var(--fs-sm);color:var(--ink)}
.elementor .card-price-row del,.elementor .card-price-row del .woocommerce-Price-amount{font-size:var(--fs-xs);color:var(--steel);text-decoration:line-through;opacity:1}
.elementor .card-price-row ins,.elementor .card-price-row ins .woocommerce-Price-amount{text-decoration:none;color:var(--copper-deep);font-size:var(--fs-sm)}
.elementor .card-price-row del{margin-inline-end:var(--s-2)}
.elementor a.card-cta.e-button-base{background-color:transparent;color:var(--ink);border-radius:0;border:1px solid var(--ink);text-decoration:none}
.elementor a.card-cta.e-button-base:hover{background-color:var(--ink);color:var(--chalk)}

/* 7. Load-more control: one quiet ghost action instead of blue links.
      Elementor's Loop Grid has no label control, so the English default
      is swapped visually here. */
.elementor .shop-main .elementor-button.elementor-size-sm{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:var(--tap);padding:0 var(--s-6);font-family:var(--f-ui);font-size:0;font-weight:600;letter-spacing:0.16em;text-transform:uppercase;border:1px solid var(--ink);border-radius:0;background-color:transparent;color:var(--ink);text-decoration:none;transition:background-color .15s ease,color .15s ease}
.elementor .shop-main .elementor-button.elementor-size-sm::after{content:'Ver más piezas';font-size:var(--fs-xs)}
.elementor .shop-main .elementor-button.elementor-size-sm:hover{background-color:var(--ink);color:var(--chalk);border-color:var(--ink)}
.elementor .shop-main .elementor-button.elementor-size-sm svg{width:16px;height:16px;fill:currentColor}
.elementor .shop-main .e-load-more-message{font-family:var(--f-mono);font-size:var(--fs-mono);letter-spacing:0.1em;text-transform:uppercase;color:var(--steel);text-align:center;padding-top:var(--s-4)}

/* ==========================================================
   8. Loop card image must fill the portrait frame
   ========================================================== */
.elementor .card-media-img,.elementor .card-media-img .elementor-widget-image,.elementor .card-media-img .elementor-widget-container,.elementor .card-media-img figure,.elementor .card-media-img a{width:100%;height:100%;display:block}
.elementor .card-media-img img{width:100%;height:100%;object-fit:cover;display:block}

/* ==========================================================
   9. Single product - force brand typography on Woo widgets
   ========================================================== */
.elementor .pdp,.elementor .pdp-buy,.elementor .pdp-related,.elementor .pdp-cart,.elementor .pdp-acc,.elementor .pdp-desc{font-family:var(--f-ui)}
.elementor .buy-name,.elementor .buy-name a{font-family:var(--f-ui);font-size:var(--fs-xl);font-weight:700;letter-spacing:-0.01em;line-height:var(--lh-snug);color:var(--ink);text-transform:none}
.elementor .price-row{font-family:var(--f-mono);display:flex;align-items:baseline;gap:var(--s-3);flex-wrap:wrap}
.elementor .price-row .woocommerce-Price-amount,.elementor .price-row .amount{font-family:var(--f-mono);font-size:var(--fs-md);color:var(--ink)}
.elementor .price-row del,.elementor .price-row del .woocommerce-Price-amount{font-size:var(--fs-sm);color:var(--steel);text-decoration:line-through;opacity:1}
.elementor .price-row ins,.elementor .price-row ins .woocommerce-Price-amount{text-decoration:none;color:var(--copper-deep);font-size:var(--fs-md)}
.elementor .pdp-desc,.elementor .pdp-desc p{font-family:var(--f-ui);font-size:var(--fs-base);line-height:var(--lh-body);color:var(--mute)}
.elementor .pdp-desc p{margin:0 0 var(--s-3)}
.elementor .crumbs a,.elementor .crumbs{font-family:var(--f-mono);font-size:var(--fs-mono);letter-spacing:0.1em;text-transform:uppercase;color:var(--steel);text-decoration:none}
.elementor .crumbs a:hover{color:var(--copper)}

/* 10. Gallery - thumbs as a left rail, main shot right (design layout).
      FlexSlider owns .woocommerce-product-gallery__wrapper as its track,
      so only the viewport and the thumb list are laid out here. */
.elementor .pdp-images .woocommerce-product-gallery{display:flex;flex-direction:row-reverse;align-items:flex-start;gap:var(--gap-grid);width:100%;float:none;margin:0}
.elementor .pdp-images .flex-viewport{flex:1 1 auto;min-width:0;margin:0}
.elementor .pdp-images .woocommerce-product-gallery__image img:not(.zoomImg){width:100%!important;height:auto!important;display:block;border:1px solid var(--line)}
/* jquery-zoom injects .zoomImg as an absolutely positioned overlay - it must
   keep its own intrinsic sizing or it paints a blank layer over the photo. */
.elementor .pdp-images img.zoomImg{max-width:none!important;width:auto;height:auto;border:0!important}
.elementor .pdp-images ol.flex-control-thumbs,.elementor .pdp-images .flex-control-thumbs{flex:0 0 var(--w-thumb)!important;width:var(--w-thumb)!important;display:flex!important;flex-direction:column!important;gap:var(--s-2);margin:0!important;padding:0!important;list-style:none}
.elementor .pdp-images .flex-control-thumbs li{width:100%!important;margin:0!important;padding:0!important;float:none!important;list-style:none}
.elementor .pdp-images .flex-control-thumbs img{width:100%!important;height:var(--h-thumb)!important;object-fit:cover;border:1px solid var(--line);opacity:1;cursor:pointer}
.elementor .pdp-images .flex-control-thumbs img.flex-active,.elementor .pdp-images .flex-control-thumbs img:hover{border-color:var(--ink)}
.elementor .pdp-images .woocommerce-product-gallery__trigger{z-index:5}

/* ==========================================================
   11. Variation .elementor-kit-6275 (Talla) - native select, brand skin
   ========================================================== */
.elementor .pdp-cart table.variations,.elementor .pdp-cart table.variations tbody,.elementor .pdp-cart table.variations tr,.elementor .pdp-cart table.variations td,.elementor .pdp-cart table.variations th{display:block;width:100%;border:0;padding:0;margin:0;background:none}
.elementor .pdp-cart table.variations th.label label{font-family:var(--f-mono);font-size:var(--fs-mono);letter-spacing:0.12em;text-transform:uppercase;color:var(--mute-2);margin:0 0 var(--s-2);display:block}
.elementor .pdp-cart .variations select,.elementor .pdp-cart select{width:100%;min-height:var(--tap);padding:0 var(--s-4);font-family:var(--f-ui);font-size:var(--fs-sm);color:var(--ink);background-color:var(--chalk);border:1px solid var(--line);border-radius:0;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%);background-position:calc(100% - 20px) 55%,calc(100% - 14px) 55%;background-size:6px 6px,6px 6px;background-repeat:no-repeat}
.elementor .pdp-cart .variations select:focus{outline:none;border-color:var(--copper)}
.elementor .pdp-cart .reset_variations{font-family:var(--f-mono);font-size:var(--fs-mono);letter-spacing:0.08em;text-transform:uppercase;color:var(--mute-2);text-decoration:none}
.elementor .pdp-cart .woocommerce-variation-price{margin:var(--s-3) 0}
.elementor .pdp-cart .woocommerce-variation-price .woocommerce-Price-amount{font-family:var(--f-mono);font-size:var(--fs-md);color:var(--ink)}
.elementor .pdp-cart .quantity input.qty{min-height:var(--tap);font-family:var(--f-mono);font-size:var(--fs-sm);border:1px solid var(--line);border-radius:0;background-color:var(--chalk);color:var(--ink)}

/* 12. Add to cart - relabelled to the brand wording and skinned.
      Elementor/Woo expose no label control here, so the default
      string is swapped visually. */
.elementor .pdp-cart button.single_add_to_cart_button{font-size:0!important;width:100%;min-height:var(--tap);display:inline-flex;align-items:center;justify-content:center;font-family:var(--f-ui);font-size:0;font-weight:600;letter-spacing:0.16em;text-transform:uppercase;background-color:var(--copper);color:var(--chalk);border:1px solid var(--copper);border-radius:0;margin-top:var(--s-3);transition:background-color .15s ease,border-color .15s ease}
.elementor .pdp-cart button.single_add_to_cart_button::after{content:'Añadir a la bolsa';font-size:var(--fs-xs)!important;line-height:1}
.elementor .pdp-cart button.single_add_to_cart_button:hover{background-color:var(--copper-deep);border-color:var(--copper-deep);color:var(--chalk)}
.elementor .pdp-cart button.single_add_to_cart_button.disabled,.elementor .pdp-cart button.single_add_to_cart_button.wc-variation-selection-needed{background-color:var(--copper);border-color:var(--copper);color:var(--chalk);opacity:.55}
.elementor a.btn.btn-block.e-button-base{width:100%;background-color:transparent;color:var(--ink);border:1px solid var(--ink);border-radius:0;text-decoration:none}
.elementor a.btn.btn-block.e-button-base:hover{background-color:var(--ink);color:var(--chalk)}

/* ==========================================================
   13. Accordion (Medidas / Composicion / Cuidado)
   ========================================================== */
.elementor .pdp-acc .e-n-accordion-item{border-top:1px solid var(--line);border-bottom:0;border-left:0;border-right:0;background:none;border-radius:0}
.elementor .pdp-acc .e-n-accordion-item-title{min-height:56px;padding:0;font-family:var(--f-ui);font-size:var(--fs-sm);font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink);background:none;border-radius:0}
.elementor .pdp-acc .e-n-accordion-item-title-text{font-family:var(--f-ui)}
.elementor .pdp-acc .e-n-accordion-item-title-icon{color:var(--copper)}
.elementor .pdp-acc .e-n-accordion-item > .e-con{padding:0 0 var(--s-5)}

/* 14. Related products - match the 'Del mismo taller' cards */
.elementor .pdp-related h2,.elementor .pdp-related .related > h2,.elementor .pdp-related .products > h2{display:none}
.elementor .pdp-related ul.products li.product{text-align:left;background:none}
.elementor .pdp-related ul.products li.product a img{width:100%!important;height:var(--h-card)!important;object-fit:cover;border:1px solid var(--line);background-color:var(--chalk);margin:0 0 var(--s-3)}
.elementor .pdp-related ul.products li.product .woocommerce-loop-product__title{font-family:var(--f-ui);font-size:var(--fs-sm);font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:var(--ink);padding:0;margin:0 0 var(--s-2)}
.elementor .pdp-related ul.products li.product .price,.elementor .pdp-related ul.products li.product .price .woocommerce-Price-amount{font-family:var(--f-mono);font-size:var(--fs-sm);color:var(--ink)}
.elementor .pdp-related ul.products li.product .price del,.elementor .pdp-related ul.products li.product .price del .woocommerce-Price-amount{font-size:var(--fs-xs);color:var(--steel);text-decoration:line-through;opacity:1}
.elementor .pdp-related ul.products li.product .price ins,.elementor .pdp-related ul.products li.product .price ins .woocommerce-Price-amount{text-decoration:none;color:var(--copper-deep)}
.elementor .pdp-related ul.products li.product a.button{display:flex;align-items:center;justify-content:center;width:100%;min-height:var(--tap);margin-top:var(--s-3);font-family:var(--f-ui);font-size:var(--fs-xs);font-weight:600;letter-spacing:0.14em;text-transform:uppercase;color:var(--ink);background-color:transparent;border:1px solid var(--ink);border-radius:0}
.elementor .pdp-related ul.products li.product a.button:hover{background-color:var(--ink);color:var(--chalk)}
.elementor .pdp-related ul.products li.product .woocommerce-loop-product__link{text-decoration:none}

/* 15. Add-to-cart form: quantity on its own row, full-width primary
      action underneath, as in the design's buy dock. */
.elementor .pdp-cart form.cart{display:flex;flex-direction:column;align-items:stretch;gap:var(--s-3);margin:0}
.elementor .pdp-cart form.cart .quantity{margin:0}
.elementor .pdp-cart form.cart .quantity input.qty{width:88px;text-align:center}
.elementor .pdp-cart button.single_add_to_cart_button{width:100%!important;float:none!important;margin-top:0}
.elementor .pdp-cart .woocommerce-variation-add-to-cart{display:flex;flex-direction:column;align-items:stretch;gap:var(--s-3)}

/* ==========================================================
   16. Size .elementor-kit-6275 as selectable chips (design .size-row).
       Driven through Variation Swatches' own CSS variables,
       which is its supported theming hook.
   ========================================================== */
.elementor .pdp-cart .variable-items-wrapper{
  --wvs-item-background-color:var(--chalk);
  --wvs-item-text-color:var(--ink);
  --wvs-hover-item-background-color:var(--chalk);
  --wvs-hover-item-text-color:var(--ink);
  --wvs-selected-item-background-color:var(--ink);
  --wvs-selected-item-text-color:var(--chalk);
  --wvs-item-box-shadow:0 0 0 1px var(--line);
  --wvs-hover-item-box-shadow:0 0 0 1px var(--ink);
  --wvs-selected-item-box-shadow:0 0 0 1px var(--ink);
  --wvs-single-product-item-width:var(--tap);
  --wvs-single-product-item-height:var(--tap);
  --wvs-single-product-item-font-size:var(--fs-sm);
  display:flex;flex-wrap:wrap;gap:var(--s-2);margin:0;padding:0;list-style:none;
}
.elementor .pdp-cart .variable-items-wrapper .variable-item{margin:0!important;border-radius:0!important;font-family:var(--f-mono);cursor:pointer}
.elementor .pdp-cart .variable-items-wrapper .variable-item .variable-item-span{font-family:var(--f-mono);font-size:var(--fs-sm);line-height:1}
.elementor .pdp-cart .variable-items-wrapper .variable-item.disabled,.elementor .pdp-cart .variable-items-wrapper .variable-item.out-of-stock{color:var(--sand);text-decoration:line-through;cursor:not-allowed;opacity:1}

/* 16b. Selected chip: the visible surface is the inner contents/span,
       so the inverted state is painted there. */
.elementor .pdp-cart .variable-item .variable-item-contents,.elementor .pdp-cart .variable-item .variable-item-span{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:transparent;color:inherit}
.elementor .pdp-cart .variable-item.selected .variable-item-contents,.elementor .pdp-cart .variable-item.selected .variable-item-span{background-color:var(--ink);color:var(--chalk)}
.elementor .pdp-cart .variable-item.selected{box-shadow:0 0 0 1px var(--ink)!important}

/* 16c. Our opt-head already prints the TALLA label, so the plugin's
       attribute label row is redundant. */
.elementor .pdp-cart form.cart table.variations tr th.label{display:none}
.elementor .pdp-cart .reset_variations{display:inline-block;margin-top:var(--s-2)}


/* ==========================================================
   18. Add-to-cart toast (replaces the WooCommerce blue notice)
   ========================================================== */
.woocommerce-message,.woocommerce-notices-wrapper .woocommerce-message{display:none!important}
.cld-toast{position:fixed;right:var(--s-5);bottom:var(--s-5);z-index:99999;display:flex;align-items:center;gap:var(--s-3);max-width:380px;padding:var(--s-4) var(--s-5);background-color:var(--ink);color:var(--chalk);border:1px solid var(--ink);box-shadow:0 10px 30px rgba(20,22,26,0.18);opacity:0;transform:translateY(12px);pointer-events:auto;animation:cldToastIn 3.6s ease forwards}
/* show, hold ~3s, then dismiss - driven by CSS so it never depends on a JS timer */
@keyframes cldToastIn{0%{opacity:0;transform:translateY(12px)}8%{opacity:1;transform:translateY(0)}86%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(12px);visibility:hidden}}
.cld-toast.is-out{animation:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}
.cld-toast__dot{flex:0 0 auto;width:8px;height:8px;border-radius:var(--radius-pill);background-color:var(--copper)}
.cld-toast__text{flex:1 1 auto;font-family:var(--f-ui);font-size:var(--fs-sm);line-height:var(--lh-snug);color:var(--chalk)}
.cld-toast__text strong{font-weight:700;text-transform:uppercase;letter-spacing:0.04em}
.cld-toast__cta{flex:0 0 auto;min-height:36px;padding:0 var(--s-4);font-family:var(--f-ui);font-size:var(--fs-xs);font-weight:600;letter-spacing:0.14em;text-transform:uppercase;color:var(--chalk);background-color:var(--copper);border:1px solid var(--copper);border-radius:0;cursor:pointer;transition:background-color .15s ease}
.cld-toast__cta:hover{background-color:var(--copper-deep);border-color:var(--copper-deep)}
@media(max-width:767px){.cld-toast{left:var(--s-4);right:var(--s-4);bottom:var(--s-4);max-width:none}}

/* ==========================================================
   17. Global header + Mini-cart drawer (brand skin)
   ========================================================== */
.elementor-location-header .site-header{font-family:var(--f-ui);color:var(--ink)}
.elementor-location-header .elementor-nav-menu a{font-family:var(--f-ui);font-size:var(--fs-xs);font-weight:600;letter-spacing:0.14em;text-transform:uppercase;color:var(--ink)}
.elementor-location-header .elementor-nav-menu a:hover,.elementor-location-header .elementor-nav-menu .current-menu-item a{color:var(--copper)}
.elementor-menu-cart__toggle .elementor-button{font-family:var(--f-mono);font-size:var(--fs-mono);letter-spacing:0.1em;text-transform:uppercase;color:var(--ink);background-color:transparent;border:0;border-radius:0;padding:0}
.elementor-menu-cart__toggle .elementor-button-icon svg{fill:var(--ink)}
.elementor-menu-cart__toggle .elementor-button-icon-qty{background-color:var(--copper)!important;color:var(--chalk)!important;font-family:var(--f-mono);font-size:10px}
.elementor-menu-cart__main{padding:0!important;background-color:var(--chalk);border-left:1px solid var(--line);font-family:var(--f-ui);color:var(--ink)}
.elementor-menu-cart__close-button{position:absolute;top:var(--s-4);right:var(--s-5);width:24px;height:24px;color:var(--ink);opacity:1}
.elementor-menu-cart__close-button:hover{color:var(--copper)}
.widget_shopping_cart_content{display:flex;flex-direction:column;height:100%;padding:calc(var(--s-8) + var(--s-2)) var(--s-5) var(--s-5)}

/* 17b. Product rows - image, title, talla, qty x price */
.elementor-menu-cart__products{flex:1 1 auto;overflow-y:auto;border-top:1px solid var(--line);margin:0;padding:0}
.elementor-menu-cart__product{display:grid!important;grid-template-columns:88px 1fr 24px;grid-column-gap:var(--s-4);align-items:start;padding:var(--s-4) 0!important;margin:0!important;border-bottom:1px solid var(--line)!important;border-top:0!important}
.elementor-menu-cart__product-image{grid-column:1;margin:0!important;width:88px}
.elementor-menu-cart__product-image img{width:88px!important;height:118px!important;object-fit:cover;border:1px solid var(--line);display:block}
.elementor-menu-cart__product-name{grid-column:2;margin:0 0 var(--s-1)!important;padding:0!important}
.elementor-menu-cart__product-name a{font-family:var(--f-ui);font-size:var(--fs-sm);font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:var(--ink);text-decoration:none;line-height:var(--lh-snug)}
.elementor-menu-cart__product-name a:hover{color:var(--copper)}
.cld-cart-meta{grid-column:2;display:block;font-family:var(--f-mono);font-size:var(--fs-mono);letter-spacing:0.08em;text-transform:uppercase;color:var(--steel);margin:0 0 var(--s-2)}
.elementor-menu-cart__product-price{grid-column:2;margin:0!important;padding:0!important}
.elementor-menu-cart__product-price .quantity,.elementor-menu-cart__product-price .product-quantity,.elementor-menu-cart__product-price .woocommerce-Price-amount{font-family:var(--f-mono);font-size:var(--fs-sm);color:var(--ink)}
.elementor-menu-cart__product-remove{grid-column:3;grid-row:1;position:static!important;width:24px;height:24px;margin:0!important}
.elementor-menu-cart__product-remove a{width:24px;height:24px;line-height:24px;color:var(--steel);border:0;background:none;opacity:1}
.elementor-menu-cart__product-remove a:hover{color:var(--copper);background:none}

/* 17c. Subtotal + the two footer actions */
.elementor-menu-cart__subtotal{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-3);margin:0!important;padding:var(--s-5) 0 var(--s-4)!important;border-top:1px solid var(--ink)!important;font-family:var(--f-mono);text-transform:uppercase;letter-spacing:0.1em;color:var(--ink)}
.elementor-menu-cart__subtotal strong{font-family:var(--f-mono);font-size:var(--fs-mono);font-weight:400;letter-spacing:0.14em;color:var(--steel)}
.elementor-menu-cart__subtotal .woocommerce-Price-amount{font-family:var(--f-ui);font-size:var(--fs-lg);font-weight:700;letter-spacing:0;color:var(--ink)}
.elementor-menu-cart__footer-buttons{display:flex!important;flex-direction:column;gap:var(--s-3);grid-template-columns:none!important;padding:0 0 var(--s-2)}
.elementor-menu-cart__footer-buttons .elementor-button{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;font-family:var(--f-ui);font-size:var(--fs-xs);font-weight:600;letter-spacing:0.16em;text-transform:uppercase;border-radius:0;text-decoration:none;transition:background-color .15s ease,color .15s ease}
.elementor-menu-cart__footer-buttons .elementor-button--checkout{order:1;background-color:var(--copper);color:var(--chalk);border:1px solid var(--copper)}
.elementor-menu-cart__footer-buttons .elementor-button--checkout:hover{background-color:var(--copper-deep);border-color:var(--copper-deep)}
.elementor-menu-cart__footer-buttons .elementor-button--view-cart{order:2;background-color:var(--chalk);color:var(--ink);border:1px solid var(--ink)}
.elementor-menu-cart__footer-buttons .elementor-button--view-cart:hover{background-color:var(--ink);color:var(--chalk)}
.elementor-menu-cart__empty-message{font-family:var(--f-mono);font-size:var(--fs-mono);letter-spacing:0.1em;text-transform:uppercase;color:var(--steel);padding:var(--s-6) 0}

/* 17d. Own the drawer's open/closed state.
       Elementor drives it with .elementor-menu-cart--shown, but its own
       transform rule gets clobbered in this stack, so the panel never slid
       in. Declaring both states here makes it deterministic. */
.elementor-menu-cart__container{transition:opacity .3s ease,background-color .3s ease!important}
.elementor-menu-cart__main{position:fixed!important;top:0!important;bottom:0!important;left:auto!important;width:420px!important;max-width:92vw!important;height:100%!important;transform:none!important;transition:right .32s ease!important;z-index:10}
body .elementor-widget-woocommerce-menu-cart:not(.elementor-menu-cart--shown) .elementor-menu-cart__container{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:none!important;background-color:transparent!important}
body .elementor-widget-woocommerce-menu-cart:not(.elementor-menu-cart--shown) .elementor-menu-cart__main{right:-460px!important}
body .elementor-widget-woocommerce-menu-cart.elementor-menu-cart--shown .elementor-menu-cart__container{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;background-color:rgba(20,22,26,0.45)!important}
body .elementor-widget-woocommerce-menu-cart.elementor-menu-cart--shown .elementor-menu-cart__main{right:0!important}

/* ==========================================================
   19. Casa tiles (home) - the whole tile links to its Genero
       archive, so the shop opens already filtered.
   ========================================================== */
.elementor a.tile,.elementor a.tile:hover,.elementor a.tile:focus{color:inherit;text-decoration:none}
.elementor a.tile{cursor:pointer}
.elementor a.tile .tile-media{transition:opacity .18s ease}
.elementor a.tile:hover .tile-media{opacity:.88}
.elementor a.tile:hover .tile-name{color:var(--copper)}

/* ==========================================================
   20. Single product - route line above the title, price
       weight, and the size-chart link in the Talla row.
   ========================================================== */
.elementor .pdp-route,.elementor .pdp-route .woocommerce-breadcrumb{margin:0;padding:0;border:0}
.elementor .pdp-route,.elementor .pdp-route a{font-family:var(--f-mono);font-size:var(--fs-mono);letter-spacing:var(--track);text-transform:uppercase;color:var(--copper);text-decoration:none}
.elementor .pdp-route a:hover{color:var(--copper-deep)}
.elementor .price-row p.price,.elementor .price-row .price{margin:0;font-family:var(--f-mono);font-size:var(--fs-md);font-weight:400;line-height:var(--lh-snug);color:var(--ink)}
.elementor .price-row .woocommerce-Price-amount,.elementor .price-row .amount{font-weight:400}
.elementor .price-row ins,.elementor .price-row ins .woocommerce-Price-amount{color:var(--ink);font-weight:400}
.elementor .opt-head .opt-link{min-height:0;padding:0;border-radius:0;font-weight:400;text-transform:none;text-decoration:none;white-space:nowrap}
.elementor .opt-head .opt-link:hover{color:var(--ink);border-bottom-color:var(--ink)}

/* ==========================================================
   21. Mi cuenta - the design's auth split and client dashboard.
       The wrappers are atomic elements with global classes; the
       forms, orders table and addresses are WooCommerce's own
       markup, for which Elementor exposes no atomic equivalent,
       so those are painted here against the design tokens.
   ========================================================== */
/* The art panel belongs to the signed-out state only; WordPress'
   own body class does the switching, because Elementor V4 display
   conditions serialise to an opaque string format. */
.elementor .auth-logo img{mix-blend-mode:multiply}
body.logged-in .elementor .auth-art{display:none}
body.logged-in .elementor .auth{display:block}
body.logged-in .elementor .auth-panel{max-width:var(--max-w);width:100%;margin:0 auto;padding:var(--s-7) var(--pad-page) var(--s-9)}
.elementor .acct{font-family:var(--f-ui)}
.elementor .acct .woocommerce-notices-wrapper:empty{display:none}
/* ---------- signed out: the login form as the design .auth-form ---------- */
/* WooCommerce prints login and register as two floated columns; the
   design is one panel with an Ingresar / Crear cuenta tab pair, so the
   columns are stacked and the CLD - Auth tabs snippet switches them.
   The col2-set clearfix pseudo-elements would become flex items here,
   exactly as on the address cards, so they are dropped. */
.elementor .acct.elementor-widget-woocommerce-my-account .e-my-account-tab #customer_login{display:flex;flex-direction:column;gap:var(--s-5);width:100%;margin:0}
.elementor .acct.elementor-widget-woocommerce-my-account .e-my-account-tab #customer_login::before,.elementor .acct.elementor-widget-woocommerce-my-account .e-my-account-tab #customer_login::after{display:none;content:none}
.elementor .acct.elementor-widget-woocommerce-my-account .e-my-account-tab #customer_login > .col-1,.elementor .acct.elementor-widget-woocommerce-my-account .e-my-account-tab #customer_login > .col-2{width:100%;float:none;margin:0;padding:0}
.elementor .acct.elementor-widget-woocommerce-my-account .e-my-account-tab #customer_login > .col-1 > h2,.elementor .acct.elementor-widget-woocommerce-my-account .e-my-account-tab #customer_login > .col-2 > h2{display:none}
.elementor .acct.elementor-widget-woocommerce-my-account .e-my-account-tab #customer_login [hidden]{display:none}
/* the tab pair (design .auth-tabs / .auth-tab / .auth-tab-on) */
.elementor .acct .cld-auth-tabs{display:flex;gap:var(--s-5);border-bottom:1px solid var(--line)}
.elementor .acct .cld-auth-tab{display:flex;align-items:center;min-height:var(--tap);padding:0;font-family:var(--f-ui);font-size:var(--fs-xs);font-weight:700;letter-spacing:var(--track);text-transform:uppercase;color:var(--steel);background:none;border:0;border-bottom:1px solid transparent;border-radius:0;cursor:pointer}
.elementor .acct .cld-auth-tab:hover{color:var(--ink)}
.elementor .acct .cld-auth-tab[aria-selected="true"]{color:var(--ink);border-bottom-color:var(--ink)}
/* Elementor hardcodes the field background, border and 14px size in its
   own (0,6,0) rule, so its exposed variables are set AND the fields are
   restated one class heavier. */
.elementor .acct{--forms-labels-color:var(--mute-2);--forms-fields-normal-color:var(--ink);--forms-fields-normal-background-color:var(--chalk);--forms-fields-focus-color:var(--ink);--forms-fields-border-radius:0;--forms-fields-padding:0 var(--s-3);--forms-buttons-border-radius:0;--forms-buttons-normal-text-color:var(--chalk);--forms-rows-gap:var(--s-4);--forms-label-spacing:var(--s-2)}
.elementor .acct.elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .form-row .input-text,.elementor .acct.elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .form-row select{background:var(--chalk);border:1px solid var(--line);border-radius:0;color:var(--ink);font-family:var(--f-ui);font-size:var(--fs-sm);padding:0 var(--s-3);min-height:var(--tap);width:100%}
.elementor .acct.elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .form-row .input-text:focus,.elementor .acct.elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .form-row select:focus{outline:none;border-color:var(--copper);color:var(--ink)}
.elementor .acct.elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .form-row label{margin:0;font-family:var(--f-mono);font-size:var(--fs-mono);letter-spacing:0.12em;text-transform:uppercase;color:var(--mute-2)}
.elementor .acct.elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .form-row label.woocommerce-form-login__rememberme{display:inline-flex;align-items:center;gap:var(--s-2);letter-spacing:0.08em;color:var(--mute-2)}
.elementor .acct.elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .form-row button,.elementor .acct.elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce button.button{width:100%;min-height:var(--tap);display:inline-flex;align-items:center;justify-content:center;padding:0 var(--s-4);font-family:var(--f-ui);font-size:var(--fs-xs);font-weight:600;letter-spacing:0.16em;text-transform:uppercase;background-color:var(--copper);color:var(--chalk);border:1px solid var(--copper);border-radius:0}
.elementor .acct.elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .form-row button:hover,.elementor .acct.elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce button.button:hover{background-color:var(--copper-deep);border-color:var(--copper-deep);color:var(--chalk)}
/* the submit row holds the remember-me label and the CTA; stack them so
   the button runs full width, as in the design auth panel */
.elementor .acct.elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce form p.form-row{display:flex;flex-direction:column;align-items:stretch;gap:var(--s-3);margin:0;padding:0}
.elementor .acct.elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .form-row button[type=submit]{width:100%;align-self:stretch}
.elementor .acct form.woocommerce-form-login,.elementor .acct form.woocommerce-form-register{display:flex;flex-direction:column;gap:var(--s-4);border:0;border-radius:0;padding:0;margin:0}
.elementor .acct form.woocommerce-form-register > p:not(.woocommerce-form-row):not(.form-row){margin:0;font-family:var(--f-ui);font-size:var(--fs-sm);line-height:var(--lh-body);color:var(--mute)}
.elementor .acct form p.form-row{margin:0;padding:0}
.elementor .acct .required{color:var(--copper)}
.elementor .acct .woocommerce-privacy-policy-text:empty{display:none}
.elementor .acct .woocommerce-form-row{display:flex;flex-direction:column;gap:var(--s-2);min-width:0;width:100%;padding:0;margin:0}
.elementor .acct label{display:block;margin:0;font-family:var(--f-mono);font-size:var(--fs-mono);letter-spacing:0.12em;text-transform:uppercase;color:var(--mute-2)}
.elementor .acct input[type=text],.elementor .acct input[type=email],.elementor .acct input[type=password],.elementor .acct input[type=tel]{width:100%;min-height:var(--tap);padding:0 var(--s-3);background-color:var(--chalk);border:1px solid var(--line);border-radius:0;box-shadow:none;font-family:var(--f-ui);font-size:var(--fs-sm);color:var(--ink)}
.elementor .acct input:focus{outline:none;border-color:var(--copper)}
.elementor .acct button[type=submit]{width:100%;min-height:var(--tap);display:inline-flex;align-items:center;justify-content:center;font-family:var(--f-ui);font-size:var(--fs-xs);font-weight:600;letter-spacing:0.16em;text-transform:uppercase;background-color:var(--copper);color:var(--chalk);border:1px solid var(--copper);border-radius:0;transition:background-color .15s ease,border-color .15s ease}
.elementor .acct button[type=submit]:hover{background-color:var(--copper-deep);border-color:var(--copper-deep);color:var(--chalk)}
.elementor .acct .woocommerce-form-login__rememberme{display:inline-flex;align-items:center;gap:var(--s-2);font-family:var(--f-mono);font-size:var(--fs-mono);letter-spacing:0.08em;text-transform:uppercase;color:var(--mute-2)}
.elementor .acct .woocommerce-LostPassword{margin:0}
.elementor .acct .woocommerce-LostPassword a{font-family:var(--f-mono);font-size:var(--fs-mono);letter-spacing:0.08em;text-transform:none;color:var(--mute-2);text-decoration:none;border-bottom:1px solid var(--line)}
.elementor .acct .woocommerce-LostPassword a:hover{color:var(--ink);border-bottom-color:var(--ink)}
/* ---------- signed in: the design .dash ---------- */
/* Elementor's own my-account stylesheet loads AFTER the kit CSS and
   selects at (0,5,3) with floats and a bordered section wrapper, so
   these rules carry its full chain plus .acct to outweigh it, and
   zero out the widget's spacing variables where it exposes them. */
.elementor .acct{--tab-content-spacing:0;--sections-padding:0;--tabs-spacing:0;--tabs-padding:0;--general-text-color:var(--mute);--links-normal-color:var(--copper-deep);--links-hover-color:var(--ink);--tables-links-normal-color:var(--copper-deep);--tables-links-hover-color:var(--ink)}
body.logged-in .elementor .acct.elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce{display:flex;align-items:flex-start;gap:var(--s-7)}
body.logged-in .elementor .acct.elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation{flex:0 0 var(--w-side);width:var(--w-side);float:none;position:sticky;top:var(--s-8)}
.elementor .acct.elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul{display:flex;flex-direction:column;gap:var(--s-2);list-style:none;margin:0;padding:0}
.elementor .acct.elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li{display:block;width:100%;margin:0;padding:0;list-style:none}
.elementor .acct.elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li:after{display:none}
.elementor .acct.elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li a{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);min-height:var(--tap);padding:0 var(--s-3);font-family:var(--f-ui);font-size:var(--fs-sm);font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:var(--mute);background:none;border:0;border-radius:0;text-decoration:none;text-align:start}
.elementor .acct.elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li a:hover{color:var(--ink);background:var(--sheet)}
.elementor .acct.elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a,.elementor .acct.elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a:hover{background:var(--ink);color:var(--chalk)}
body.logged-in .elementor .acct.elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce-MyAccount-content{flex:1 1 auto;min-width:0;width:auto;float:none;padding:0;display:flex;flex-direction:column;gap:var(--s-6)}
.elementor .acct.elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce-MyAccount-content-wrapper{display:flex;flex-direction:column;gap:var(--s-4);border:0;border-radius:0;padding:0}
.elementor .acct.elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce-MyAccount-content h2:first-of-type{margin-top:0}
.elementor .acct .woocommerce-MyAccount-content p{margin:0;font-family:var(--f-ui);font-size:var(--fs-base);line-height:var(--lh-body);color:var(--mute)}
.elementor .acct .woocommerce-MyAccount-content a{color:var(--copper-deep);text-decoration:none;border-bottom:1px solid var(--line)}
.elementor .acct .woocommerce-MyAccount-content a:hover{color:var(--ink);border-bottom-color:var(--ink)}
.elementor .acct .woocommerce-MyAccount-content h2,.elementor .acct .woocommerce-MyAccount-content h3,.elementor .acct legend{margin:0;font-family:var(--f-ui);font-size:var(--fs-sm);font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink)}
/* orders table, styled as the design order cards */
.elementor .acct table.shop_table{width:100%;margin:0;border:1px solid var(--line);border-collapse:collapse;border-radius:0}
.elementor .acct table.shop_table th{padding:var(--s-3) var(--s-4);text-align:start;font-family:var(--f-mono);font-size:10px;font-weight:400;letter-spacing:0.12em;text-transform:uppercase;color:var(--steel);border-bottom:1px solid var(--line)}
.elementor .acct table.shop_table td{padding:var(--s-4);border-top:1px solid var(--line);font-family:var(--f-ui);font-size:var(--fs-sm);color:var(--ink)}
.elementor .acct table.shop_table .woocommerce-button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 var(--s-4);font-family:var(--f-ui);font-size:var(--fs-xs);font-weight:600;letter-spacing:0.14em;text-transform:uppercase;color:var(--ink);background:none;border:1px solid var(--line);border-radius:0;text-decoration:none}
.elementor .acct table.shop_table .woocommerce-button:hover{background:none;color:var(--ink);border-color:var(--ink)}
.elementor .acct .woocommerce-orders-table__cell-order-status{font-family:var(--f-mono);font-size:var(--fs-mono);letter-spacing:0.1em;text-transform:uppercase;color:var(--copper-deep)}
/* addresses, styled as the design addr cards */
.elementor .acct.elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce-Addresses{display:flex;flex-wrap:wrap;gap:var(--gap-grid);width:100%;margin:0}
.elementor .acct.elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce-Addresses .woocommerce-Address{flex:1 1 calc(50% - (var(--gap-grid) / 2));width:auto;min-width:0;float:none;margin:0;display:flex;flex-direction:column;gap:var(--s-2);border:1px solid var(--line);border-radius:0;padding:var(--s-5)}
.elementor .acct.elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce-Address-title{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-3);margin:0;text-align:start;border:0;padding:0}
.elementor .acct.elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce-Address-title h2,.elementor .acct.elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce-Address-title h3{margin:0;text-align:start;font-family:var(--f-ui);font-size:var(--fs-sm);font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:var(--ink)}
.elementor .acct.elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce-Address-title a,.elementor .acct.elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce-Address-title a.edit{position:static;inset:auto;margin:0;white-space:nowrap;font-family:var(--f-mono);font-size:var(--fs-mono);letter-spacing:0.08em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid var(--line)}
.elementor .acct.elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce-Address address{margin:0;padding:0;border:0;font-style:normal;font-family:var(--f-ui);font-size:var(--fs-sm);line-height:var(--lh-body);color:var(--mute)}
.elementor .acct{--edit-link-margin-start:0;--edit-link-margin-top:0}
/* WooCommerce clears its column sets with ::before/::after table hacks;
   inside a flex row those become flex items and push each card onto
   its own line, so they are dropped here. */
.elementor .acct.elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce-Addresses::before,.elementor .acct.elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce-Addresses::after,.elementor .acct.elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce-Address::before,.elementor .acct.elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce-Address::after,.elementor .acct.elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce-Address-title::before,.elementor .acct.elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce-Address-title::after{display:none;content:none}
/* account details form */
.elementor .acct form.woocommerce-EditAccountForm{display:flex;flex-direction:column;gap:var(--s-4)}
.elementor .acct form.woocommerce-EditAccountForm fieldset{display:flex;flex-direction:column;gap:var(--s-4);border:0;border-top:1px solid var(--line);padding:var(--s-5) 0 0;margin:var(--s-2) 0 0}
.elementor .acct .woocommerce-form-row--first,.elementor .acct .woocommerce-form-row--last{width:100%;float:none}

/* ==========================================================
   22. Mi cuenta - WooCommerce default-behaviour cleanup.
   ========================================================== */

/* --- password fields ---------------------------------------------------
   WooCommerce already wraps every password input in .password-input with a
   .show-password-input toggle button, so the eye is native - it just needs
   to stop inheriting the copper CTA styling and sit inside the field. */
.elementor .acct.elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .password-input,
.elementor .acct .password-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch;position:relative;width:100%}
.elementor .acct .password-input .input-text{flex:0 0 100%;min-width:0;width:100%;padding-inline-end:44px}
.elementor .acct.elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .form-row button.show-password-input,
.elementor .acct button.show-password-input{position:static;flex:0 0 44px;align-self:stretch;width:44px;height:auto;min-height:0;padding:0;margin:0;margin-inline-start:-44px;display:inline-flex;align-items:center;justify-content:center;background:none;border:0;border-radius:0;color:var(--mute-2);cursor:pointer}
.elementor .acct button.show-password-input:hover{background:none;color:var(--ink)}
.elementor .acct button.show-password-input::after{content:"";width:18px;height:18px;background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5C5 5 2 12 2 12s3 7 10 7 10-7 10-7-3-7-10-7zm0 11a4 4 0 1 1 0-8 4 4 0 0 1 0 8z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5C5 5 2 12 2 12s3 7 10 7 10-7 10-7-3-7-10-7zm0 11a4 4 0 1 1 0-8 4 4 0 0 1 0 8z'/%3E%3C/svg%3E") center/contain no-repeat}
.elementor .acct button.show-password-input.display-password{color:var(--copper)}
.elementor .acct button.show-password-input.display-password::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5C5 5 2 12 2 12s3 7 10 7 10-7 10-7-3-7-10-7zm0 11a4 4 0 1 1 0-8 4 4 0 0 1 0 8z'/%3E%3Crect x='1' y='11' width='22' height='2.4' transform='rotate(-45 12 12)'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5C5 5 2 12 2 12s3 7 10 7 10-7 10-7-3-7-10-7zm0 11a4 4 0 1 1 0-8 4 4 0 0 1 0 8z'/%3E%3Crect x='1' y='11' width='22' height='2.4' transform='rotate(-45 12 12)'/%3E%3C/svg%3E")}

/* helper note under a field */
.elementor .acct .cld-field-note{font-family:var(--f-mono);font-size:var(--fs-mono);letter-spacing:0.06em;color:var(--steel)}

/* --- Mi perfil ---------------------------------------------------------
   The display name is generated from the account and only confuses people,
   so the whole row goes (WooCommerce keeps saving the stored value). */
.elementor .acct .woocommerce-EditAccountForm p.woocommerce-form-row#account_display_name_field,
.elementor .acct .woocommerce-EditAccountForm p:has(> #account_display_name),
.elementor .acct .woocommerce-EditAccountForm #account_display_name,
.elementor .acct .woocommerce-EditAccountForm label[for="account_display_name"],
.elementor .acct .woocommerce-EditAccountForm #account_display_name + span em{display:none}

/* the password fieldset should read as one more block of ordinary fields */
.elementor .acct .woocommerce-EditAccountForm fieldset legend{margin:0 0 var(--s-2)}
.elementor .acct .woocommerce-EditAccountForm fieldset .form-row{width:100%;float:none}

/* --- empty states ------------------------------------------------------
   WooCommerce prints a blue info bar with an icon and a button; the design
   has no such component, so it becomes a quiet bordered block. */
.elementor .acct .woocommerce-info,
.elementor .acct .woocommerce-message,
.elementor .acct .woocommerce-Message{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s-4);margin:0;padding:var(--s-6);background:none;border:1px solid var(--line);border-radius:0;font-family:var(--f-ui);font-size:var(--fs-base);line-height:var(--lh-body);color:var(--mute)}
.elementor .acct .woocommerce-info::before,
.elementor .acct .woocommerce-message::before,
.elementor .acct .woocommerce-Message::before,
.elementor .acct .woocommerce-info::after,
.elementor .acct .woocommerce-message::after,
.elementor .acct .woocommerce-Message::after{display:none;content:none}
.elementor .acct .woocommerce-info .button,
.elementor .acct .woocommerce-message .button,
.elementor .acct .woocommerce-Message .button{flex:0 0 auto;width:auto;min-height:var(--tap);display:inline-flex;align-items:center;justify-content:center;padding:0 var(--s-5);font-family:var(--f-ui);font-size:var(--fs-xs);font-weight:600;letter-spacing:0.16em;text-transform:uppercase;color:var(--ink);background:none;border:1px solid var(--line);border-radius:0;text-decoration:none}
.elementor .acct .woocommerce-info .button:hover,
.elementor .acct .woocommerce-message .button:hover,
.elementor .acct .woocommerce-Message .button:hover{background:var(--ink);border-color:var(--ink);color:var(--chalk)}
/* ==========================================================
   23. Finalizar compra - the shipping address is the address.
       WooCommerce renders billing (.col-1) then shipping
       (.col-2); the order is swapped so the shopper fills where
       the parcel goes first, and its own ship-to-a-different-
       address toggle is replaced by ours.
   ========================================================== */
body.woocommerce-checkout #customer_details{display:flex;flex-direction:column;gap:var(--s-6)}
body.woocommerce-checkout #customer_details::before,body.woocommerce-checkout #customer_details::after{display:none;content:none}
body.woocommerce-checkout .e-checkout__container #customer_details > .col-1{display:flex!important;flex-direction:column;gap:var(--s-6);width:100%;float:none}
body.woocommerce-checkout #customer_details > .col-2{width:100%;float:none}
body.woocommerce-checkout .woocommerce-shipping-fields{order:1}
body.woocommerce-checkout .woocommerce-billing-fields{order:2}
body.woocommerce-checkout .woocommerce-account-fields{order:3}
body.woocommerce-checkout .woocommerce-additional-fields{order:4}
body.woocommerce-checkout #ship-to-different-address{display:block;margin:0 0 var(--s-4);padding:0;font-family:var(--f-ui);font-size:var(--fs-sm);font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink)}
body.woocommerce-checkout #ship-to-different-address label{display:block;margin:0;font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;pointer-events:none}
body.woocommerce-checkout #ship-to-different-address-checkbox{display:none}
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper{display:flex;flex-direction:column;gap:var(--s-4)}

/* WHICH ROWS MAY COLLAPSE IS FIXED HERE, BY ID.
   billing_email_field and billing_phone_field are deliberately absent:
   no AJAX re-render can ever hide the fields an order needs.
   !important is required: wc-country-select writes an inline display:block
   on every .address-field row whenever the country locale is recalculated. */
.woocommerce-billing-fields.cld-billing-collapsed #billing_first_name_field,.woocommerce-billing-fields.cld-billing-collapsed #billing_last_name_field,.woocommerce-billing-fields.cld-billing-collapsed #billing_company_field,.woocommerce-billing-fields.cld-billing-collapsed #billing_country_field,.woocommerce-billing-fields.cld-billing-collapsed #billing_address_1_field,.woocommerce-billing-fields.cld-billing-collapsed #billing_address_2_field,.woocommerce-billing-fields.cld-billing-collapsed #billing_city_field,.woocommerce-billing-fields.cld-billing-collapsed #billing_state_field,.woocommerce-billing-fields.cld-billing-collapsed #billing_postcode_field{display:none!important}

/* a quiet reveal when the shopper asks for a separate billing address */
.woocommerce-billing-fields.cld-billing-open #billing_first_name_field,.woocommerce-billing-fields.cld-billing-open #billing_last_name_field,.woocommerce-billing-fields.cld-billing-open #billing_company_field,.woocommerce-billing-fields.cld-billing-open #billing_country_field,.woocommerce-billing-fields.cld-billing-open #billing_address_1_field,.woocommerce-billing-fields.cld-billing-open #billing_address_2_field,.woocommerce-billing-fields.cld-billing-open #billing_city_field,.woocommerce-billing-fields.cld-billing-open #billing_state_field,.woocommerce-billing-fields.cld-billing-open #billing_postcode_field{animation:cld-billing-reveal .26s ease both}
@keyframes cld-billing-reveal{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}

body.woocommerce-checkout .cld-billing-toggle-row{margin:0;padding:0}
body.woocommerce-checkout .cld-billing-toggle{display:inline-flex;align-items:center;gap:var(--s-2);margin:0;font-family:var(--f-ui);font-size:var(--fs-sm);font-weight:400;letter-spacing:0;text-transform:none;color:var(--mute);cursor:pointer}
body.woocommerce-checkout .cld-billing-toggle:hover{color:var(--ink)}
body.woocommerce-checkout .cld-billing-toggle input{width:16px;height:16px;min-height:0;margin:0;accent-color:var(--copper)}

/* ==========================================================
   24. Pedido recibido - the thank-you endpoint on the brand.
       WooCommerce and Elementor's checkout widget both ship a
       boxed, shaded treatment here; the design has neither, so
       this reduces it to hairlines, brand type and copper.
   ========================================================== */
body.woocommerce-order-received .woocommerce-order{display:flex;flex-direction:column;gap:var(--s-7)}

/* the confirmation line reads as a statement, not a notice */
body.woocommerce-order-received .woocommerce-thankyou-order-received{margin:0;padding:0;background:none;border:0;font-family:var(--f-serif);font-weight:400;font-size:var(--fs-xl);line-height:var(--lh-snug);color:var(--ink)}
body.woocommerce-order-received .woocommerce-thankyou-order-received::before,
body.woocommerce-order-received .woocommerce-thankyou-order-received::after{display:none;content:none}

/* order / date / total / payment, as a hairline meta strip */
body.woocommerce-order-received ul.woocommerce-order-overview{display:flex;flex-wrap:wrap;gap:var(--s-7);margin:0;padding:var(--s-5) 0;list-style:none;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
body.woocommerce-order-received ul.woocommerce-order-overview li{display:flex;flex-direction:column;gap:var(--s-1);margin:0;padding:0;border:0;list-style:none;font-family:var(--f-mono);font-size:10px;letter-spacing:0.12em;text-transform:uppercase;color:var(--steel)}
body.woocommerce-order-received ul.woocommerce-order-overview li strong{font-family:var(--f-ui);font-size:var(--fs-sm);font-weight:600;letter-spacing:0;text-transform:none;color:var(--ink)}

/* section titles */
body.woocommerce-order-received .woocommerce-order-details__title,
body.woocommerce-order-received .woocommerce-column__title,
body.woocommerce-order-received .woocommerce-order-details h2,
body.woocommerce-order-received .woocommerce-customer-details h2{margin:0 0 var(--s-4);padding:0;background:none;border:0;font-family:var(--f-ui);font-size:var(--fs-sm);font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink)}
/* Elementor paints these headings as a shaded, bordered bar; its .elementor-kit-6275
   carries the widget container, so this one has to as well. */
body.woocommerce-order-received .woocommerce-order-details__title,body.woocommerce-order-received .woocommerce-column__title{margin:0 0 var(--s-4)!important;padding:0!important;background:none!important;border:0!important;border-radius:0!important;font-family:var(--f-ui);font-size:var(--fs-sm);font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink)}

/* the order table: hairlines, mono figures, no shaded header bar */
body.woocommerce-order-received .e-checkout__container .woocommerce-table--order-details,
body.woocommerce-order-received table.woocommerce-table--order-details{width:100%;margin:0;border:1px solid var(--line);border-radius:0;border-collapse:collapse;background:none}
body.woocommerce-order-received table.woocommerce-table--order-details th{padding:var(--s-3) var(--s-4);text-align:start;background:none;border:0;border-bottom:1px solid var(--line);font-family:var(--f-mono);font-size:10px;font-weight:400;letter-spacing:0.12em;text-transform:uppercase;color:var(--steel)}
body.woocommerce-order-received table.woocommerce-table--order-details td{padding:var(--s-4);background:none;border:0;border-top:1px solid var(--line);font-family:var(--f-ui);font-size:var(--fs-sm);color:var(--ink)}
body.woocommerce-order-received table.woocommerce-table--order-details tfoot th{border-top:1px solid var(--line);border-bottom:0;font-family:var(--f-ui);font-size:var(--fs-sm);font-weight:600;letter-spacing:0;text-transform:none;color:var(--mute)}
body.woocommerce-order-received table.woocommerce-table--order-details .woocommerce-Price-amount,
body.woocommerce-order-received table.woocommerce-table--order-details .amount{font-family:var(--f-mono);color:var(--ink)}
body.woocommerce-order-received table.woocommerce-table--order-details tfoot tr:last-child th,
body.woocommerce-order-received table.woocommerce-table--order-details tfoot tr:last-child td .amount{font-size:var(--fs-md)}
body.woocommerce-order-received table.woocommerce-table--order-details a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line)}
body.woocommerce-order-received table.woocommerce-table--order-details a:hover{color:var(--copper);border-bottom-color:var(--copper)}
body.woocommerce-order-received .wc-item-meta,
body.woocommerce-order-received .wc-item-meta strong{font-family:var(--f-mono);font-size:var(--fs-mono);letter-spacing:0.06em;color:var(--steel);list-style:none;margin:0;padding:0}

/* addresses, as the two bordered cards used elsewhere */
body.woocommerce-order-received .woocommerce-columns--addresses{display:flex;flex-wrap:wrap;gap:var(--gap-grid);width:100%;margin:0}
body.woocommerce-order-received .woocommerce-columns--addresses::before,
body.woocommerce-order-received .woocommerce-columns--addresses::after{display:none;content:none}
body.woocommerce-order-received .woocommerce-columns--addresses > .woocommerce-column{flex:1 1 calc(50% - (var(--gap-grid) / 2));min-width:0;width:auto;float:none;margin:0;padding:var(--s-5);border:1px solid var(--line);border-radius:0;background:none}
body.woocommerce-order-received .woocommerce-customer-details address{margin:0;padding:0;border:0;font-style:normal;font-family:var(--f-ui);font-size:var(--fs-sm);line-height:var(--lh-body);color:var(--mute)}
body.woocommerce-order-received .woocommerce-customer-details--phone,
body.woocommerce-order-received .woocommerce-customer-details--email{margin:var(--s-2) 0 0;padding:0;font-family:var(--f-mono);font-size:var(--fs-mono);letter-spacing:0.06em;color:var(--steel)}
body.woocommerce-order-received .woocommerce-customer-details--phone::before,
body.woocommerce-order-received .woocommerce-customer-details--email::before{display:none;content:none}

/* ==========================================================
   25. Finalizar compra - visual pass over the mockup.
       Styling only. Nothing here touches the billing collapse
       (section 23, by id), the fieldset order, or the widget's
       translated strings.
   ========================================================== */

/* --- the two columns ---------------------------------------------------- */
body.woocommerce-checkout .e-checkout__column-start{display:flex;flex-direction:column;gap:var(--s-6)}
/* Elementor cards both columns; the mockup has a plain left column and a
   single sheet panel on the right, so its boxes are flattened and the
   sheet moves to the outer wrapper. */
body.woocommerce-checkout .e-checkout__container #customer_details > .col-1{background:none;border:0;border-radius:0;padding:0}
body.woocommerce-checkout .elementor-widget-woocommerce-checkout-page .e-checkout__order_review{background:var(--sheet);border:0;border-radius:0;padding:var(--s-6)}
body.woocommerce-checkout .e-checkout__column-end .woocommerce-checkout-review-order{background:none;border:0;border-radius:0;padding:0}

/* --- section headings: hairline above, brand caps ----------------------- */
body.woocommerce-checkout .woocommerce-billing-fields > h3,body.woocommerce-checkout #ship-to-different-address,body.woocommerce-checkout .woocommerce-additional-fields > h3,body.woocommerce-checkout #order_review_heading{margin:0 0 var(--s-5);padding:var(--s-5) 0 0;border-top:1px solid var(--line);font-family:var(--f-ui);font-size:var(--fs-sm);font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--ink)}
body.woocommerce-checkout .e-checkout__column-start > .col2-set > .col-1 > *:first-child > h3,body.woocommerce-checkout #ship-to-different-address{border-top:0;padding-top:0}
body.woocommerce-checkout #order_review_heading{border-top:0;padding-top:0;display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-3)}

/* --- fields: mono caps labels, chalk inputs, paired rows ----------------- */
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper,body.woocommerce-checkout .woocommerce-additional-fields__field-wrapper{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--s-4)}
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper > .form-row,body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper > .form-row,body.woocommerce-checkout .woocommerce-additional-fields__field-wrapper > .form-row{flex:1 1 100%;min-width:0;margin:0;padding:0;float:none;width:auto}
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper > .form-row-first,body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper > .form-row-last,body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper > .form-row-first,body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper > .form-row-last{flex:1 1 220px}

body.woocommerce-checkout form.checkout .form-row label{display:block;margin:0 0 var(--s-2);font-family:var(--f-mono);font-size:var(--fs-mono);font-weight:400;letter-spacing:0.12em;text-transform:uppercase;color:var(--mute-2)}
body.woocommerce-checkout form.checkout .form-row .required{color:var(--copper);text-decoration:none}
body.woocommerce-checkout form.checkout .input-text,body.woocommerce-checkout form.checkout select,body.woocommerce-checkout form.checkout textarea,body.woocommerce-checkout form.checkout .select2-selection--single{width:100%;min-height:var(--tap);padding:0 var(--s-4);background-color:var(--chalk);border:1px solid var(--line);border-radius:0;box-shadow:none;font-family:var(--f-ui);font-size:var(--fs-base);color:var(--ink)}
body.woocommerce-checkout form.checkout textarea{min-height:120px;padding:var(--s-3) var(--s-4);line-height:var(--lh-body);resize:vertical}
body.woocommerce-checkout form.checkout .input-text:focus,body.woocommerce-checkout form.checkout select:focus,body.woocommerce-checkout form.checkout textarea:focus{outline:none;border-color:var(--copper)}
body.woocommerce-checkout form.checkout .input-text::placeholder,body.woocommerce-checkout form.checkout textarea::placeholder{color:var(--steel)}

/* --- the order summary panel -------------------------------------------- */
body.woocommerce-checkout table.woocommerce-checkout-review-order-table{width:100%;margin:0;background:none;border:0;border-collapse:collapse}
body.woocommerce-checkout table.woocommerce-checkout-review-order-table thead th{padding:0 0 var(--s-3);text-align:start;background:none;border:0;border-bottom:1px solid var(--line);font-family:var(--f-mono);font-size:10px;font-weight:400;letter-spacing:0.12em;text-transform:uppercase;color:var(--steel)}
body.woocommerce-checkout table.woocommerce-checkout-review-order-table thead th:last-child{text-align:end}
body.woocommerce-checkout table.woocommerce-checkout-review-order-table td,body.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot th{padding:var(--s-4) 0;background:none;border:0;border-top:1px solid var(--line);font-family:var(--f-ui);font-size:var(--fs-sm);color:var(--ink);vertical-align:top}
body.woocommerce-checkout table.woocommerce-checkout-review-order-table td:last-child,body.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot td{text-align:end}
body.woocommerce-checkout table.woocommerce-checkout-review-order-table tr.cart_item td:first-child{font-weight:600;letter-spacing:0.04em;text-transform:uppercase}
body.woocommerce-checkout table.woocommerce-checkout-review-order-table .product-quantity{font-family:var(--f-mono);font-weight:400;letter-spacing:0;text-transform:none;color:var(--steel)}
body.woocommerce-checkout table.woocommerce-checkout-review-order-table .variation,body.woocommerce-checkout table.woocommerce-checkout-review-order-table .wc-item-meta{margin:var(--s-2) 0 0;padding:0;list-style:none;font-family:var(--f-mono);font-size:var(--fs-mono);font-weight:400;letter-spacing:0.06em;text-transform:none;color:var(--steel)}
body.woocommerce-checkout table.woocommerce-checkout-review-order-table .woocommerce-Price-amount,body.woocommerce-checkout table.woocommerce-checkout-review-order-table .amount{font-family:var(--f-mono);color:var(--ink)}
body.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot th{font-family:var(--f-ui);font-weight:400;color:var(--mute);text-align:start}
body.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot tr.order-total th{font-weight:700;color:var(--ink);font-size:var(--fs-md)}
body.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot tr.order-total .amount{font-size:var(--fs-md);font-weight:700}

/* --- payment methods as selectable cards -------------------------------- */
body.woocommerce-checkout #payment{background:none;border-radius:0}
body.woocommerce-checkout #payment ul.wc_payment_methods{display:flex;flex-direction:column;gap:var(--s-3);margin:0 0 var(--s-5);padding:0;list-style:none;border:0}
body.woocommerce-checkout #payment ul.wc_payment_methods li.wc_payment_method{display:block;margin:0;padding:0;list-style:none;background:var(--chalk);border:1px solid var(--line)}
body.woocommerce-checkout #payment ul.wc_payment_methods li.wc_payment_method > label{display:flex;align-items:center;gap:var(--s-3);margin:0;padding:var(--s-4);min-height:var(--tap);font-family:var(--f-ui);font-size:var(--fs-sm);font-weight:400;letter-spacing:0;text-transform:none;color:var(--ink);cursor:pointer}
body.woocommerce-checkout #payment ul.wc_payment_methods li.wc_payment_method > input[type=radio]{margin:0 0 0 var(--s-4);accent-color:var(--ink)}
body.woocommerce-checkout #payment ul.wc_payment_methods li.wc_payment_method:has(input:checked){border-color:var(--ink)}
body.woocommerce-checkout #payment ul.wc_payment_methods li.wc_payment_method .payment_box{margin:0;padding:0 var(--s-4) var(--s-4);background:none;border:0;border-radius:0;font-family:var(--f-ui);font-size:var(--fs-sm);line-height:var(--lh-body);color:var(--mute)}
body.woocommerce-checkout #payment ul.wc_payment_methods li.wc_payment_method .payment_box::before{display:none;content:none}

/* --- place order -------------------------------------------------------- */
body.woocommerce-checkout #payment #place_order,body.woocommerce-checkout #place_order{width:100%;min-height:56px;display:inline-flex;align-items:center;justify-content:center;padding:0 var(--s-5);font-family:var(--f-ui);font-size:var(--fs-xs);font-weight:600;letter-spacing:0.16em;text-transform:uppercase;color:var(--chalk);background-color:var(--copper);border:1px solid var(--copper);border-radius:0;transition:background-color .15s ease,border-color .15s ease}
body.woocommerce-checkout #payment #place_order:hover,body.woocommerce-checkout #place_order:hover{background-color:var(--copper-deep);border-color:var(--copper-deep);color:var(--chalk)}
body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper{font-family:var(--f-ui);font-size:var(--fs-sm);color:var(--mute)}

/* --- the login prompt and coupon row ------------------------------------ */
body.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info,body.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--s-3);margin:0;padding:0;background:none;border:0;border-radius:0;font-family:var(--f-ui);font-size:var(--fs-sm);color:var(--mute)}
body.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info::before,body.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info::before{display:none;content:none}
body.woocommerce-checkout .woocommerce-form-login-toggle a,body.woocommerce-checkout .woocommerce-form-coupon-toggle a{font-family:var(--f-mono);font-size:var(--fs-mono);letter-spacing:0.08em;color:var(--mute-2);text-decoration:none;border-bottom:1px solid var(--line)}
body.woocommerce-checkout .woocommerce-form-login-toggle a:hover,body.woocommerce-checkout .woocommerce-form-coupon-toggle a:hover{color:var(--ink);border-bottom-color:var(--ink)}

/* ==========================================================
   26. Trust signals and the empty-cart state.
       The trust row itself is native Elementor elements using the
       trust-row / trust-item global classes; only the copper marker
       lives here, since a ::before is not an atomic prop.
   ========================================================== */
.elementor .trust-item::before{content:"";flex:0 0 auto;width:6px;height:6px;background:var(--copper)}

/* --- empty cart / standalone Woo notices, site-wide -------------------
   WooCommerce paints these with a blue 3px top border, a grey panel and
   an icon. None of that exists in the design, so it is reduced to type
   and a hairline. */
.woocommerce .cart-empty,.woocommerce-page .cart-empty,.elementor .cart-empty{display:block;margin:0;padding:var(--s-6) 0;background:none;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;font-family:var(--f-ui);font-size:var(--fs-base);line-height:var(--lh-body);color:var(--mute)}
.woocommerce .cart-empty::before,.woocommerce-page .cart-empty::before,.elementor .cart-empty::before,.woocommerce .cart-empty::after,.elementor .cart-empty::after{display:none;content:none}
.woocommerce .return-to-shop,.woocommerce-page .return-to-shop,.elementor .return-to-shop{margin:var(--s-5) 0 0;padding:0}
.woocommerce .return-to-shop .button,.woocommerce-page .return-to-shop .button,.elementor .return-to-shop .button,.woocommerce a.button.wc-backward{display:inline-flex;align-items:center;justify-content:center;min-height:var(--tap);padding:0 var(--s-6);font-family:var(--f-ui);font-size:var(--fs-xs);font-weight:600;letter-spacing:0.16em;text-transform:uppercase;color:var(--chalk);background-color:var(--copper);border:1px solid var(--copper);border-radius:0;text-decoration:none;transition:background-color .15s ease,border-color .15s ease}
.woocommerce .return-to-shop .button:hover,.woocommerce-page .return-to-shop .button:hover,.elementor .return-to-shop .button:hover,.woocommerce a.button.wc-backward:hover{background-color:var(--copper-deep);border-color:var(--copper-deep);color:var(--chalk)}


/* ==========================================================
   27. GLOBAL HEADER - MENU PANEL (off-canvas, tablet + mobile)
   Desktop keeps the horizontal nav. From 1024px down the nav is
   hidden and the hamburger opens the native Elementor Off-Canvas
   widget, which carries the same "Principal" menu plus a small
   product rail. Everything below is paint the atomic props cannot
   express: Elementor's own nav-menu / loop-grid internals.
   ========================================================== */

/* the toggle reads as a real tap target and sits flush with the gutter */
.elementor-location-header .site-header .nav-toggle .elementor-icon-wrapper{display:flex}
.elementor-location-header .site-header .nav-toggle a.elementor-icon{display:flex;align-items:center;justify-content:center;min-width:var(--tap);min-height:var(--tap);margin-inline-start:calc(var(--s-3) * -1)}
.elementor-location-header .site-header .nav-toggle a.elementor-icon:hover{color:var(--copper)}

/* close control inside the panel */
.e-off-canvas .nav-close a.elementor-icon{display:flex;align-items:center;justify-content:center;min-width:var(--tap);min-height:var(--tap);margin-inline-start:calc(var(--s-3) * -1)}
.e-off-canvas .nav-close a.elementor-icon:hover{color:var(--copper)}

/* the panel sheet - Elementor hardcodes #fff and a drop shadow on the content box */
.elementor-widget-off-canvas .e-off-canvas__content{background-color:var(--chalk);box-shadow:none}

/* menu links: one hairline-separated stack, full-width rows */
.e-off-canvas .menu-links .elementor-nav-menu--main .elementor-nav-menu{width:100%}
.e-off-canvas .menu-links .elementor-nav-menu--main .elementor-nav-menu>li{border-block-end:1px solid var(--line)}
.e-off-canvas .menu-links .elementor-nav-menu--main .elementor-nav-menu>li:last-child{border-block-end:0}
.e-off-canvas .menu-links .elementor-nav-menu--main .elementor-item{width:100%;font-family:var(--f-ui)}

/* product rail: the shop card compacted for a 340-420px drawer */
.e-off-canvas .menu-grid .card-media{height:190px}
.e-off-canvas .menu-grid .card-product{gap:var(--s-2)}
.e-off-canvas .menu-grid .card-name{font-size:11px;letter-spacing:.04em}
.e-off-canvas .menu-grid .card-brand,.e-off-canvas .menu-grid .card-fit-tag,.e-off-canvas .menu-grid .card-cta{display:none}
.e-off-canvas .menu-grid .card-price-row .price{font-size:12px}

/* --- Tienda's category tier ------------------------------------------------
   The four gender categories are children of "Tienda" in the WordPress menu,
   so one edit in Apariencia > Menus feeds both the desktop hover dropdown and
   this panel. Inside the drawer the tier stays open - a shopper should see the
   categories without a second tap - so SmartMenus' toggle arrows are removed
   and the sub-list is forced visible. */
.e-off-canvas .menu-links .elementor-nav-menu--main ul.sub-menu{display:block!important;padding-block-start:var(--s-2);padding-block-end:var(--s-3)}
.e-off-canvas .menu-links .elementor-nav-menu--main ul.sub-menu .elementor-item{padding-inline-start:var(--s-4)}
.e-off-canvas .menu-links .elementor-nav-menu--main .sub-arrow,.e-off-canvas .menu-links .elementor-nav-menu--main .dropdown-menu-toggle{display:none!important}

/* Astra injects its own arrow span into every parent item; Elementor already
   draws one, so the theme's duplicate is suppressed in the desktop bar too. */
.elementor-location-header .site-header .elementor-nav-menu .dropdown-menu-toggle{display:none!important}

/* Elementor positions every sub-menu absolutely (SmartMenus flyout). Inside the
   drawer the tier has to sit in normal flow under Tienda instead, and SmartMenus
   writes top/left/width inline when it opens one, so these have to be !important. */
.e-off-canvas .menu-links .elementor-nav-menu--main ul.sub-menu{position:static!important;inset:auto!important;width:auto!important;min-width:0!important;max-width:none!important;box-shadow:none!important;transform:none!important;z-index:auto!important;background:transparent!important}/* End custom CSS */