.elementor-716 .elementor-element.elementor-element-293377c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:18px 18px;--row-gap:18px;--column-gap:18px;--padding-top:22px;--padding-bottom:56px;--padding-left:20px;--padding-right:20px;}.elementor-716 .elementor-element.elementor-element-7f3a19e{text-align:center;}.elementor-716 .elementor-element.elementor-element-7f3a19e .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1.4px;color:#6A6F6C;}.elementor-716 .elementor-element.elementor-element-b0404b2.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-716 .elementor-element.elementor-element-b0404b2.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(max-width:1024px){.elementor-716 .elementor-element.elementor-element-b0404b2.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(min-width:768px){.elementor-716 .elementor-element.elementor-element-293377c{--content-width:1300px;}}@media(max-width:767px){.elementor-716 .elementor-element.elementor-element-7f3a19e .elementor-heading-title{font-size:11px;}.elementor-716 .elementor-element.elementor-element-b0404b2.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS *//* ==========================================================================
   Elorrieta Sport -- Shop archive (T6): header, toolbar, grid, card recipe,
   pagination spacing, empty state. Template 716; JetWooBuilder 714 cards are
   rendered inside it, so .elementor-716 CSS rules reach them.
   Kit tokens reused only (--ease-calm, --dur-color, --dur-lift, --elev-hover,
   --btn-glow, --tint-*, var(--e-global-color-*)). Colours/buttons/badges/
   stars/pagination-colour/price(global)/inputs/focus are already in the kit
   (post-9) and are NOT duplicated here.
   ========================================================================== */

/* ---- 0. Fix: 714's own compiled CSS reads --nvm-ink / --nvm-ink-muted for
   title/price/cats colour but neither is ever defined anywhere in the kit
   (only --nvm-accent is) -- so those rules were silently resolving to the
   inherited body colour instead of the intended ink tokens. Defining them
   here, scoped to this template, fixes every current and future consumer. */
.elementor-716{
  --nvm-ink: var(--e-global-color-primary);
  --nvm-ink-muted: var(--e-global-color-text);
}

/* ---- 1. Header: eyebrow / H1 / subcopy / category chips ---- */
.elementor-716 .elementor-element-1be5bca .elementor-heading-title{
  font-size:48px; line-height:1.1; letter-spacing:-0.01em; font-weight:700;
}
@media(max-width:1024px){
  .elementor-716 .elementor-element-1be5bca .elementor-heading-title{ font-size:38px; }
}
@media(max-width:767px){
  .elementor-716 .elementor-element-1be5bca .elementor-heading-title{ font-size:30px; }
}
.elementor-716 .elementor-element-1be5bca{ text-align:center; margin-top:4px; }
.elementor-716 .elementor-element-4c2d8b1{
  max-width:640px; margin:0 auto; color:var(--e-global-color-text); font-size:16px; line-height:1.6;
}
.elementor-716 .nvm-shop-chips{
  display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin:8px 0 0;
}
.elementor-716 .nvm-shop-chips a{
  display:inline-flex; align-items:center; height:36px; padding:0 16px;
  border:1px solid var(--e-global-color-border-ui);
  border-radius:999px;
  color:var(--e-global-color-primary);
  font-family:"Manrope",sans-serif; font-size:13px; font-weight:600;
  text-decoration:none;
  transition:background-color var(--dur-color) var(--ease-calm),
             color var(--dur-color) var(--ease-calm),
             border-color var(--dur-color) var(--ease-calm);
}
.elementor-716 .nvm-shop-chips a:hover{
  background:var(--tint-accent-8);
  color:var(--e-global-color-verdetexto);
  border-color:var(--e-global-color-verdetexto);
}
@media(max-width:767px){
  .elementor-716 .nvm-shop-chips a{ height:44px; }
}

/* ---- 2. Toolbar: result count + ordering select on one baseline ----
   .woocommerce-pagination is ALSO rendered inside this same ".woocommerce"
   wrapper (confirmed live: without an explicit order it defaulted to 0 and
   flexbox visually pulled it up above the grid, next to the result count).
   Giving it order:4 keeps it where it belongs, after the grid. */
.elementor-716 .woocommerce.columns-5{
  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;
  gap:16px; margin:40px 0 24px;
}
.elementor-716 .woocommerce.columns-5 .woocommerce-notices-wrapper{ flex:0 0 100%; order:0; }
.elementor-716 .woocommerce-result-count{
  margin:0; order:1; font-size:13px; color:var(--e-global-color-text);
}
.elementor-716 .woocommerce-ordering{ margin:0; order:2; display:flex; align-items:center; }
.elementor-716 .woocommerce-ordering select.orderby{ min-width:220px; }
.elementor-716 ul.products.elementor-grid{ order:3; flex:1 1 100%; }
.elementor-716 .woocommerce.columns-5 .woocommerce-pagination{ order:4; flex:0 0 100%; }
@media(max-width:600px){
  .elementor-716 .woocommerce.columns-5{ flex-direction:column; align-items:stretch; }
  .elementor-716 .woocommerce-ordering select.orderby{ width:100%; }
}

/* ---- 3. Grid: spec gaps/columns per breakpoint ----
   Elementor Pro ships its OWN archive stylesheet with
   ".elementor-widget-wc-archive-products .woocommerce.columns-5 ul.products"
   (grid-template-columns, 4 classes) and this template's own auto-generated
   widget rule ".elementor-716 .elementor-element-b0404b2.elementor-wc-products
   ul.products" (gap, 5 classes) -- both measured live via the page's own
   CSSOM (matched rules) to out-specificity a shorter ".elementor-716
   ul.products.elementor-grid" rule. Mirroring the widget's own rule
   chain and adding .elementor-grid brings this to 6 classes, so it wins
   without !important. */
.elementor-716 .elementor-element.elementor-element-b0404b2.elementor-wc-products ul.products.elementor-grid{
  display:grid; grid-template-columns:repeat(4,1fr); gap:24px;
  list-style:none; align-items:stretch; margin:0; padding:0;
}
@media(max-width:1024px){
  .elementor-716 .elementor-element.elementor-element-b0404b2.elementor-wc-products ul.products.elementor-grid{
    grid-template-columns:repeat(3,1fr); gap:24px;
  }
}
@media(max-width:767px){
  .elementor-716 .elementor-element.elementor-element-b0404b2.elementor-wc-products ul.products.elementor-grid{
    grid-template-columns:repeat(2,1fr); gap:16px;
  }
}
.elementor-716 ul.products.elementor-grid > li.product{
  margin:0; padding:0; display:flex; flex-direction:column; height:100%; list-style:none;
}
.elementor-716 li.product > div[data-elementor-id="714"]{
  display:flex; flex-direction:column; flex:1 1 auto; width:100%;
}

/* ---- 4. The ONE card recipe, applied to the Jet 714 card from 716 ---- */
.elementor-716 .elementor-714 .elementor-element.elementor-element-f0cfc29.nvm-card{
  background:var(--e-global-color-blanco);
  border:1px solid var(--e-global-color-borde);
  border-radius:16px;
  overflow:hidden;
  flex:1 1 auto;
  transition:border-color var(--dur-color) var(--ease-calm),
             box-shadow var(--dur-lift) var(--ease-calm),
             transform var(--dur-lift) var(--ease-calm);
}
.elementor-716 .elementor-714 .elementor-element.elementor-element-f0cfc29.nvm-card:hover{
  box-shadow:var(--elev-hover);
  transform:translateY(-4px);
  border-color:var(--e-global-color-border-ui);
}
@media(prefers-reduced-motion: reduce){
  .elementor-716 .elementor-714 .elementor-element.elementor-element-f0cfc29.nvm-card:hover{ transform:none; }
}

/* Image: 1:1, consistent fit -- source renders are not all square (600x600
   vs 600x435), so object-fit:contain keeps the whole product visible instead
   of cropping it. */
.elementor-716 .jet-woo-builder-archive-product-thumbnail__wrapper,
.elementor-716 .jet-woo-builder-archive-product-thumbnail,
.elementor-716 .jet-woo-builder-archive-product-thumbnail a{
  display:block; width:100%; height:100%;
}
.elementor-716 .jet-woo-builder-archive-product-thumbnail__wrapper{
  aspect-ratio:1/1; overflow:hidden; background:var(--e-global-color-blanco);
}
.elementor-716 .jet-woo-builder-archive-product-thumbnail__wrapper img{
  width:100%; height:100%; object-fit:contain; object-position:center;
  transition:transform var(--dur-lift) var(--ease-calm);
}
.elementor-716 .elementor-714 .elementor-element.elementor-element-f0cfc29.nvm-card:hover
  .jet-woo-builder-archive-product-thumbnail__wrapper img{ transform:scale(1.045); }

/* Card padding (spec: 34/30/24), overriding 714's own baked-in 10px --
   these rules mirror 714's own compiled rule shape so they win on
   specificity regardless of stylesheet load order. */
.elementor-716 .elementor-714 .elementor-element.elementor-element-14af7cd,
.elementor-716 .elementor-714 .elementor-element.elementor-element-521b418,
.elementor-716 .elementor-714 .elementor-element.elementor-element-1a9194e{
  padding-left:34px; padding-right:34px;
}
.elementor-716 .elementor-714 .elementor-element.elementor-element-14af7cd{ padding-top:16px; }
.elementor-716 .elementor-714 .elementor-element.elementor-element-1a9194e{
  padding-bottom:24px; margin-top:auto;
}
@media(max-width:1024px){
  .elementor-716 .elementor-714 .elementor-element.elementor-element-14af7cd,
  .elementor-716 .elementor-714 .elementor-element.elementor-element-521b418,
  .elementor-716 .elementor-714 .elementor-element.elementor-element-1a9194e{
    padding-left:30px; padding-right:30px;
  }
}
@media(max-width:767px){
  .elementor-716 .elementor-714 .elementor-element.elementor-element-14af7cd,
  .elementor-716 .elementor-714 .elementor-element.elementor-element-521b418,
  .elementor-716 .elementor-714 .elementor-element.elementor-element-1a9194e{
    padding-left:24px; padding-right:24px;
  }
}

/* Title: H4 role (714 hardcodes 14px; override to the card-title role). */
.elementor-716 .elementor-714 .elementor-element.elementor-element-d856844 .jet-woo-builder-archive-product-title,
.elementor-716 .elementor-714 .elementor-element.elementor-element-d856844 .jet-woo-builder-archive-product-title a{
  font-size:20px; line-height:1.3; font-weight:700;
}
@media(max-width:1024px){
  .elementor-716 .elementor-714 .elementor-element.elementor-element-d856844 .jet-woo-builder-archive-product-title,
  .elementor-716 .elementor-714 .elementor-element.elementor-element-d856844 .jet-woo-builder-archive-product-title a{
    font-size:18px;
  }
}
@media(max-width:767px){
  .elementor-716 .elementor-714 .elementor-element.elementor-element-d856844 .jet-woo-builder-archive-product-title,
  .elementor-716 .elementor-714 .elementor-element.elementor-element-d856844 .jet-woo-builder-archive-product-title a{
    font-size:17px;
  }
}

/* Brand tag + category tags: small, muted, centred to match title/price/rating. */
.elementor-716 .nvm-brand{
  display:block; text-align:center; font-size:11px; color:var(--e-global-color-text);
  text-transform:uppercase; letter-spacing:.06em; font-weight:600; margin-bottom:2px;
}
.elementor-716 .elementor-714 .elementor-element.elementor-element-6cbdd79 .jet-woo-builder-archive-cats{
  text-align:center; font-size:12px;
}
.elementor-716 .elementor-714 .elementor-element.elementor-element-6cbdd79 .jet-woo-builder-archive-cats ul{
  list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; justify-content:center; gap:6px;
}

/* Rating count (stars themselves are already global-kit styled). */
.elementor-716 .nvm-rating-count{ font-size:12px; color:var(--e-global-color-text); }

/* Price hierarchy: "Desde"/suffix muted, amount = accent, sale ins = accent
   (714 hardcodes ins .amount to --nvm-ink, i.e. dark, not the sale accent). */
.elementor-716 .elementor-714 .elementor-element.elementor-element-d0f5131 .jet-woo-product-price .nvm-price-from{
  font-size:13px; font-weight:400; color:var(--e-global-color-text);
}
.elementor-716 .elementor-714 .elementor-element.elementor-element-d0f5131 .jet-woo-product-price .woocommerce-Price-amount{
  color:var(--e-global-color-verdetexto); font-variant-numeric:tabular-nums;
}
.elementor-716 .elementor-714 .elementor-element.elementor-element-d0f5131 .jet-woo-product-price .woocommerce-price-suffix{
  font-size:11px; color:var(--e-global-color-text); font-weight:400;
}
.elementor-716 .elementor-714 .elementor-element.elementor-element-d0f5131 .jet-woo-product-price ins .amount{
  color:var(--e-global-color-verdetexto);
}
.elementor-716 .elementor-714 .elementor-element.elementor-element-d0f5131 .jet-woo-product-price del .amount{
  color:var(--e-global-color-text);
}
.elementor-716 .nvm-pill{
  display:inline-block; background:var(--e-global-color-verdetexto); color:var(--e-global-color-blanco);
  font-size:11px; font-weight:600; padding:2px 8px; border-radius:6px;
}

/* ---- 5. Pagination spacing (colours already in the kit) ---- */
.elementor-716 .woocommerce-pagination{ margin-top:48px; }
.elementor-716 .woocommerce-pagination ul.page-numbers{
  display:flex; flex-wrap:wrap; align-items:center; justify-content:center;
  gap:8px; margin:0; padding:0; list-style:none;
}
.elementor-716 .woocommerce-pagination .page-numbers{
  display:inline-flex; align-items:center; justify-content:center;
  min-width:40px; height:40px; padding:0 10px; border-radius:8px;
}
@media(max-width:767px){
  .elementor-716 .woocommerce-pagination .page-numbers{ min-width:44px; height:44px; }
}

/* ---- 6. Designed empty state (Elementor Pro's own "nothing found" box) ---- */
.elementor-716 .elementor-nothing-found{
  text-align:center; max-width:420px; margin:32px auto 0; padding:56px 24px;
  color:var(--e-global-color-text); font-size:16px; line-height:1.6;
  border:1px dashed var(--e-global-color-borde); border-radius:16px;
  background:var(--e-global-color-gris);
}
.elementor-716 .elementor-nothing-found::before{
  content:""; display:block; width:48px; height:48px; margin:0 auto 16px;
  background-color:var(--e-global-color-border-ui);
  -webkit-mask:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M21 8l-9-5-9 5 9 5 9-5z'/><path d='M3 8v8l9 5 9-5V8'/><path d='M12 13v8'/></svg>") center/contain no-repeat;
  mask:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M21 8l-9-5-9 5 9 5 9-5z'/><path d='M3 8v8l9 5 9-5V8'/><path d='M12 13v8'/></svg>") center/contain no-repeat;
}

/* ---- 7. Focus-visible on new chip links (button/input/select/pagination
   already covered globally by the kit). ---- */
.elementor-716 .nvm-shop-chips a:focus-visible{
  outline:2px solid var(--e-global-color-verdetexto); outline-offset:2px;
}/* End custom CSS */