/*
Theme Name:   Xstore child
Theme URI:    https://xstore.8theme.com
Description:  XStore is a multi-purpose theme that offers the ultimate WordPress and WooCommerce synergy, providing a comprehensive, all-in-one solution.
Author:       8theme
Author URI:   https://www.8theme.com
Template:     xstore
Version:      1.0
Text Domain:  xstore-child
Tags: e-commerce, woocommerce, shop
*/

/* =====================================================================
   SCN REDESIGN · tpl-027 · Camisetas de Fútbol (es_ES)
   Diseño: estadio nocturno · verde césped + oro · tipografía potente
   Solo escribe aquí (child theme). No toca el tema padre.
   ===================================================================== */

:root{
  /* Paleta */
  --scn-navy:      #0a1b33;   /* noche de estadio */
  --scn-navy-2:    #0f254a;
  --scn-ink:       #0d1726;   /* texto principal */
  --scn-muted:     #5c6b81;   /* texto secundario */
  --scn-primary:   #10a760;   /* verde césped */
  --scn-primary-d: #0b8a4f;
  --scn-accent:    #ffb020;   /* oro / precios / ofertas */
  --scn-accent-d:  #e79a08;
  --scn-red:       #e23b4e;   /* rebajas */
  --scn-bg:        #ffffff;
  --scn-soft:      #f3f6fa;   /* fondo suave */
  --scn-soft-2:    #eaeef4;
  --scn-line:      #e3e9f1;   /* bordes */
  --scn-white:     #ffffff;

  /* Tipografía */
  --scn-font: "Poppins","Jost",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --scn-h1: clamp(2.1rem, 5.2vw, 4rem);
  --scn-h2: clamp(1.5rem, 3.2vw, 2.35rem);
  --scn-lead: clamp(1rem, 1.5vw, 1.18rem);

  /* Espacio / forma */
  --scn-radius: 16px;
  --scn-radius-sm: 10px;
  --scn-radius-pill: 999px;
  --scn-gap: 24px;
  --scn-section-y: clamp(48px, 7vw, 92px);
  --scn-shadow: 0 10px 30px -12px rgba(10,27,51,.22);
  --scn-shadow-lg: 0 24px 60px -20px rgba(10,27,51,.32);
  --scn-ease: cubic-bezier(.4,.14,.3,1);
}

/* ---------- Utilidades base ---------- */
body{ color:var(--scn-ink); }
.scn-band{ position:relative; width:100vw; margin-left:calc(50% - 50vw); }
.scn-wrap{ max-width:1280px; margin:0 auto; padding:0 clamp(16px,4vw,40px); }
.scn-eyebrow{
  display:inline-flex; align-items:center; gap:8px;
  font-size:.78rem; font-weight:700; letter-spacing:.16em; text-transform:uppercase;
  color:var(--scn-primary);
}
.scn-eyebrow::before{ content:""; width:26px; height:2px; background:var(--scn-accent); display:inline-block; }
.scn-h2{ font-size:var(--scn-h2); font-weight:800; line-height:1.12; letter-spacing:-.01em; margin:.35em 0 .2em; color:var(--scn-ink); }
.scn-sub{ color:var(--scn-muted); font-size:var(--scn-lead); max-width:60ch; }
.scn-center{ text-align:center; }
.scn-center .scn-sub{ margin-inline:auto; }

/* ---------- Botones ---------- */
.scn-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  font-family:var(--scn-font); font-weight:700; font-size:.98rem; letter-spacing:.01em;
  padding:14px 28px; border-radius:var(--scn-radius-pill); border:2px solid transparent;
  cursor:pointer; text-decoration:none; line-height:1; transition:transform .18s var(--scn-ease), box-shadow .18s var(--scn-ease), background .18s;
}
.scn-btn svg{ width:18px; height:18px; }
.scn-btn--primary{ background:var(--scn-primary); color:#fff; box-shadow:0 12px 24px -10px rgba(16,167,96,.6); }
.scn-btn--primary:hover{ background:var(--scn-primary-d); color:#fff; transform:translateY(-2px); }
.scn-btn--gold{ background:var(--scn-accent); color:var(--scn-navy); }
.scn-btn--gold:hover{ background:var(--scn-accent-d); color:var(--scn-navy); transform:translateY(-2px); }
.scn-btn--ghost{ background:transparent; color:#fff; border-color:rgba(255,255,255,.55); }
.scn-btn--ghost:hover{ background:#fff; color:var(--scn-navy); border-color:#fff; transform:translateY(-2px); }
.scn-btn--dark{ background:var(--scn-navy); color:#fff; }
.scn-btn--dark:hover{ background:var(--scn-navy-2); color:#fff; transform:translateY(-2px); }

/* =====================================================================
   1 · TOPBAR (anuncio) — inyectada en wp_body_open
   ===================================================================== */
.scn-topbar{
  background:var(--scn-navy);
  color:#eaf1ff; font-size:.82rem; font-weight:600; letter-spacing:.02em;
  text-align:center; padding:9px 16px; position:relative; z-index:60;
}
.scn-topbar b{ color:var(--scn-accent); }
.scn-topbar .sep{ opacity:.35; margin:0 14px; }
@media (max-width:600px){ .scn-topbar .scn-tb-hide{ display:none; } .scn-topbar{ font-size:.75rem; } }

/* =====================================================================
   2 · HEADER (XStore header builder → .header-wrapper)
   ===================================================================== */
.header-wrapper{
  background:#fff !important;
  border-bottom:1px solid var(--scn-line);
  box-shadow:0 2px 14px -8px rgba(10,27,51,.2);
}
/* sticky compacto */
.et-fixed-header .header-wrapper,
.header-wrapper.et-fixed-header{ box-shadow:0 6px 22px -12px rgba(10,27,51,.35); }

/* enlaces del menú principal */
.header-wrapper #menu-main-menu > li > a.item-link,
.header-wrapper .et-menu > li > a.item-link{
  font-weight:600; letter-spacing:.02em; color:var(--scn-ink); text-transform:uppercase; font-size:.86rem;
  position:relative; transition:color .16s;
}
.header-wrapper #menu-main-menu > li > a.item-link::after{
  content:""; position:absolute; left:0; bottom:-6px; height:2px; width:0; background:var(--scn-primary); transition:width .22s var(--scn-ease);
}
.header-wrapper #menu-main-menu > li:hover > a.item-link{ color:var(--scn-primary); }
.header-wrapper #menu-main-menu > li:hover > a.item-link::after{ width:100%; }
.header-wrapper #menu-main-menu > li.current-menu-item > a.item-link{ color:var(--scn-primary); }

/* iconos header (buscar / cuenta / carrito) */
.header-wrapper .et_b-icon .et-svg,
.header-wrapper .header-icon .et-svg{ transition:transform .16s; }
.header-wrapper .et-header-cart:hover .et-svg,
.header-wrapper a:hover > .et_b-icon{ color:var(--scn-primary); }
/* burbuja del carrito */
.header-wrapper .cart-amount,
.header-wrapper .et-cart-amount,
.header-wrapper .with-dot .dot,
.header-wrapper .et-cart-count{
  background:var(--scn-primary) !important; color:#fff !important;
}

/* Mobile: header sticky compacto ≤60px */
@media (max-width:992px){
  .mobile-header-wrapper{ background:#fff !important; border-bottom:1px solid var(--scn-line); }
  .mobile-header-wrapper .et_b_row,
  .mobile-header-wrapper .et-row-container{ min-height:56px; }
  .mobile-header-wrapper .logo img,
  .mobile-header-wrapper .custom-logo{ max-height:34px !important; width:auto !important; }
  .et-fixed-header .mobile-header-wrapper,
  .mobile-header-wrapper.et-fixed-header{ max-height:60px; }
}

/* =====================================================================
   3 · HERO
   ===================================================================== */
.scn-hero{
  background:
    radial-gradient(120% 120% at 85% 10%, rgba(16,167,96,.30), transparent 55%),
    radial-gradient(120% 120% at 10% 90%, rgba(255,176,32,.18), transparent 50%),
    linear-gradient(135deg, #08152b 0%, #0d2247 55%, #0a1b33 100%);
  color:#fff; overflow:hidden;
}
.scn-hero::before{ /* líneas de campo */
  content:""; position:absolute; inset:0; pointer-events:none; opacity:.5;
  background-image:
    linear-gradient(transparent 49.6%, rgba(255,255,255,.06) 49.6%, rgba(255,255,255,.06) 50.4%, transparent 50.4%),
    radial-gradient(circle at 50% 50%, transparent 118px, rgba(255,255,255,.07) 119px, rgba(255,255,255,.07) 121px, transparent 122px);
  background-size:100% 100%, 320px 320px; background-position:center; background-repeat:no-repeat;
}
.scn-hero__inner{
  display:grid; grid-template-columns:1.05fr .95fr; align-items:center; gap:40px;
  padding:clamp(52px,7vw,96px) clamp(16px,4vw,40px); position:relative; z-index:2;
  max-width:1280px; margin:0 auto;
}
.scn-hero__badge{
  display:inline-flex; align-items:center; gap:9px; background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.2); color:#dff5e8; font-weight:600; font-size:.8rem;
  padding:7px 15px; border-radius:var(--scn-radius-pill); letter-spacing:.04em; backdrop-filter:blur(4px);
}
.scn-hero__badge b{ color:var(--scn-accent); }
.scn-hero h1{
  font-size:var(--scn-h1); font-weight:800; line-height:1.02; letter-spacing:-.02em;
  margin:20px 0 16px; color:#fff; text-transform:uppercase;
}
.scn-hero h1 em{ font-style:normal; color:var(--scn-accent); }
.scn-hero__lead{ font-size:var(--scn-lead); color:#c6d3e6; max-width:46ch; margin-bottom:30px; }
.scn-hero__cta{ display:flex; flex-wrap:wrap; gap:14px; }
.scn-hero__stats{ display:flex; gap:30px; margin-top:36px; flex-wrap:wrap; }
.scn-hero__stats .n{ font-size:1.7rem; font-weight:800; color:#fff; line-height:1; }
.scn-hero__stats .l{ font-size:.78rem; color:#9fb0c8; text-transform:uppercase; letter-spacing:.08em; margin-top:6px; }
.scn-hero__media{ position:relative; }
.scn-hero__media img{
  width:100%; height:auto; display:block; border-radius:22px;
  box-shadow:var(--scn-shadow-lg); aspect-ratio:4/5; object-fit:cover;
}
.scn-hero__price{
  position:absolute; left:-10px; bottom:24px; background:#fff; color:var(--scn-ink);
  border-radius:14px; padding:12px 18px; box-shadow:var(--scn-shadow-lg); font-weight:800;
}
.scn-hero__price small{ display:block; font-weight:600; color:var(--scn-muted); font-size:.72rem; text-transform:uppercase; letter-spacing:.06em; }
.scn-hero__price b{ color:var(--scn-primary); font-size:1.5rem; }
@media (max-width:860px){
  .scn-hero__inner{ grid-template-columns:1fr; text-align:center; gap:30px; }
  .scn-hero__lead{ margin-inline:auto; }
  .scn-hero__cta,.scn-hero__stats{ justify-content:center; }
  .scn-hero__media{ max-width:360px; margin:0 auto; }
  .scn-hero__badge{ margin:0 auto; }
}

/* =====================================================================
   4 · TRUST BAR
   ===================================================================== */
.scn-trust{ background:var(--scn-soft); border-bottom:1px solid var(--scn-line); }
.scn-trust__grid{
  display:grid; grid-template-columns:repeat(4,1fr); gap:18px;
  max-width:1280px; margin:0 auto; padding:26px clamp(16px,4vw,40px);
}
.scn-trust__item{ display:flex; align-items:center; gap:14px; }
.scn-trust__ic{
  flex:0 0 46px; width:46px; height:46px; border-radius:12px; display:grid; place-items:center;
  background:#fff; color:var(--scn-primary); box-shadow:var(--scn-shadow); }
.scn-trust__ic svg{ width:22px; height:22px; }
.scn-trust__t{ font-weight:700; font-size:.95rem; color:var(--scn-ink); }
.scn-trust__d{ font-size:.8rem; color:var(--scn-muted); }
@media (max-width:820px){ .scn-trust__grid{ grid-template-columns:1fr 1fr; gap:16px 20px; } }
@media (max-width:460px){ .scn-trust__grid{ grid-template-columns:1fr; } }

/* =====================================================================
   5 · SECCIÓN genérica
   ===================================================================== */
.scn-section{ padding:var(--scn-section-y) 0; }
.scn-section--soft{ background:var(--scn-soft); }
.scn-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin-bottom:34px; flex-wrap:wrap; }
.scn-head .scn-link{ color:var(--scn-primary); font-weight:700; text-decoration:none; white-space:nowrap; }
.scn-head .scn-link:hover{ color:var(--scn-primary-d); }

/* =====================================================================
   6 · CATEGORÍAS (tiles)
   ===================================================================== */
.scn-cats{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.scn-cats--2 .scn-cat:first-child{ grid-column:span 2; }
.scn-cat{
  position:relative; display:block; border-radius:var(--scn-radius); overflow:hidden;
  aspect-ratio:3/4; box-shadow:var(--scn-shadow); text-decoration:none; background:var(--scn-navy);
  isolation:isolate;
}
.scn-cat img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .55s var(--scn-ease); }
.scn-cat::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(10,27,51,0) 30%, rgba(8,17,34,.86) 100%); z-index:1; }
.scn-cat:hover img{ transform:scale(1.07); }
.scn-cat__body{ position:absolute; left:0; right:0; bottom:0; z-index:2; padding:20px; color:#fff; }
.scn-cat__k{ font-size:.72rem; letter-spacing:.14em; text-transform:uppercase; color:var(--scn-accent); font-weight:700; }
.scn-cat__t{ font-size:1.22rem; font-weight:800; margin:4px 0 10px; line-height:1.1; }
.scn-cat__go{ display:inline-flex; align-items:center; gap:7px; font-weight:700; font-size:.85rem; color:#fff; opacity:.9; }
.scn-cat__go svg{ width:15px; height:15px; transition:transform .2s; }
.scn-cat:hover .scn-cat__go svg{ transform:translateX(4px); }
@media (max-width:820px){ .scn-cats{ grid-template-columns:1fr 1fr; } .scn-cats--2 .scn-cat:first-child{ grid-column:span 2; } }

/* =====================================================================
   7 · PROMO BANNER (franja)
   ===================================================================== */
.scn-promo{
  background:
    radial-gradient(100% 140% at 100% 0%, rgba(255,176,32,.28), transparent 55%),
    linear-gradient(120deg, #0b8a4f 0%, #10a760 45%, #0a1b33 120%);
  color:#fff;
}
.scn-promo__inner{
  max-width:1280px; margin:0 auto; padding:clamp(38px,5vw,64px) clamp(16px,4vw,40px);
  display:flex; align-items:center; justify-content:space-between; gap:30px; flex-wrap:wrap; position:relative; z-index:2;
}
.scn-promo h2{ font-size:var(--scn-h2); font-weight:800; line-height:1.08; letter-spacing:-.01em; max-width:20ch; }
.scn-promo h2 em{ font-style:normal; color:var(--scn-accent); }
.scn-promo p{ color:rgba(255,255,255,.85); margin-top:10px; max-width:44ch; }
.scn-promo__aside{ text-align:center; }
.scn-promo__ship{ font-size:.8rem; text-transform:uppercase; letter-spacing:.1em; opacity:.8; }
.scn-promo__num{ font-size:clamp(2.4rem,6vw,3.6rem); font-weight:800; line-height:1; color:var(--scn-accent); }

/* =====================================================================
   8 · WOOCOMMERCE PRODUCT CARDS (home shortcodes + PLP)
   ===================================================================== */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product{
  background:#fff; border:1px solid var(--scn-line); border-radius:var(--scn-radius);
  padding:12px 12px 18px; margin-bottom:8px;
  transition:transform .2s var(--scn-ease), box-shadow .2s var(--scn-ease), border-color .2s;
  display:flex; flex-direction:column;
}
.woocommerce ul.products li.product:hover{
  transform:translateY(-4px); box-shadow:var(--scn-shadow-lg); border-color:transparent;
}
.woocommerce ul.products li.product a img,
.woocommerce ul.products li.product .attachment-woocommerce_thumbnail{
  border-radius:var(--scn-radius-sm); margin-bottom:14px; background:var(--scn-soft); aspect-ratio:1/1; object-fit:cover;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2{
  font-size:.95rem !important; font-weight:600 !important; line-height:1.32; color:var(--scn-ink);
  padding:0 2px !important; min-height:2.6em;
}
.woocommerce ul.products li.product .price{
  color:var(--scn-ink); font-weight:800; font-size:1.06rem; margin-top:auto; padding:6px 2px 0;
}
.woocommerce ul.products li.product .price ins{ color:var(--scn-primary); text-decoration:none; }
.woocommerce ul.products li.product .price del{ color:var(--scn-muted); font-weight:500; opacity:.75; font-size:.9em; }
.woocommerce ul.products li.product .price .amount{ }
.woocommerce span.onsale{
  background:var(--scn-red) !important; color:#fff !important; border-radius:var(--scn-radius-pill);
  min-height:auto; min-width:auto; padding:5px 12px; font-weight:700; font-size:.72rem; letter-spacing:.03em;
  top:14px; left:14px; right:auto; margin:0; line-height:1.2;
}
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .added_to_cart{
  background:var(--scn-navy) !important; color:#fff !important; border-radius:var(--scn-radius-pill) !important;
  font-weight:700 !important; padding:11px 18px !important; margin-top:12px !important;
  transform:none !important; transition:background .18s, transform .18s !important; border:0 !important;
  text-transform:none; letter-spacing:.01em; width:100%; text-align:center;
}
.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product .added_to_cart:hover{
  background:var(--scn-primary) !important; color:#fff !important; transform:translateY(-2px) !important;
}
/* home shortcode grid spacing */
.scn-section .woocommerce{ margin:0; }
.scn-section ul.products{ margin:0 !important; }

/* =====================================================================
   9 · POR QUÉ NOSOTROS
   ===================================================================== */
.scn-why{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.scn-why__card{ background:#fff; border:1px solid var(--scn-line); border-radius:var(--scn-radius); padding:30px 26px; box-shadow:var(--scn-shadow); }
.scn-why__ic{ width:52px; height:52px; border-radius:14px; display:grid; place-items:center; background:var(--scn-navy); color:var(--scn-accent); margin-bottom:16px; }
.scn-why__ic svg{ width:26px; height:26px; }
.scn-why__card h3{ font-size:1.15rem; font-weight:800; margin:0 0 8px; color:var(--scn-ink); }
.scn-why__card p{ color:var(--scn-muted); font-size:.94rem; line-height:1.6; margin:0; }
@media (max-width:820px){ .scn-why{ grid-template-columns:1fr; } }

/* =====================================================================
   10 · FOOTER (reconstruido vía hook etheme_footer)
   ===================================================================== */
.et-footers-wrapper .footer.text-color-light{ background:transparent; }
.scn-site-footer{ background:var(--scn-navy); color:#c6d3e6; }
.scn-site-footer a{ color:#c6d3e6; text-decoration:none; transition:color .16s; }
.scn-site-footer a:hover{ color:#fff; }
.scn-foot__top{
  max-width:1280px; margin:0 auto; padding:clamp(48px,6vw,72px) clamp(16px,4vw,40px) 40px;
  display:grid; grid-template-columns:1.6fr 1fr 1fr 1.2fr; gap:40px;
}
.scn-foot__brand .n{ font-size:1.35rem; font-weight:800; color:#fff; letter-spacing:.01em; }
.scn-foot__brand .n em{ font-style:normal; color:var(--scn-accent); }
.scn-foot__brand p{ margin:14px 0 18px; font-size:.92rem; line-height:1.7; color:#9fb0c8; max-width:36ch; }
.scn-foot__pay{ display:flex; gap:8px; flex-wrap:wrap; }
.scn-foot__pay span{ background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.12); border-radius:8px; padding:6px 10px; font-size:.7rem; font-weight:700; letter-spacing:.05em; color:#dfe8f5; }
.scn-foot__col h4{ color:#fff; font-size:.8rem; text-transform:uppercase; letter-spacing:.12em; margin:0 0 16px; font-weight:700; }
.scn-foot__col ul{ list-style:none; margin:0; padding:0; }
.scn-foot__col li{ margin-bottom:11px; font-size:.92rem; }
.scn-foot__contact li{ display:flex; gap:10px; align-items:flex-start; color:#9fb0c8; }
.scn-foot__contact svg{ width:17px; height:17px; flex:0 0 17px; margin-top:2px; color:var(--scn-primary); }
.scn-foot__bottom{ border-top:1px solid rgba(255,255,255,.1); }
.scn-foot__bottom .in{ max-width:1280px; margin:0 auto; padding:20px clamp(16px,4vw,40px); display:flex; justify-content:space-between; gap:14px; flex-wrap:wrap; font-size:.82rem; color:#8598b3; }
@media (max-width:900px){ .scn-foot__top{ grid-template-columns:1fr 1fr; gap:32px; } }
@media (max-width:520px){ .scn-foot__top{ grid-template-columns:1fr; } .scn-foot__bottom .in{ flex-direction:column; text-align:center; } }
/* ocultar prefooter vacío del tema */
.prefooter:empty,.prefooter > .container:empty{ display:none; }

/* =====================================================================
   11 · PLP (tienda / archivo de producto)
   ===================================================================== */
.woocommerce .page-heading,
.woocommerce-shop .page-heading{ font-weight:800; letter-spacing:-.01em; }
/* barra de resultados / orden */
.woocommerce .woocommerce-result-count{ color:var(--scn-muted); font-size:.9rem; }
.woocommerce .woocommerce-ordering select,
.woocommerce select.orderby{
  border:1px solid var(--scn-line) !important; border-radius:var(--scn-radius-pill); padding:10px 16px; background:#fff; font-weight:600; color:var(--scn-ink);
}
/* sidebar filtros */
.woocommerce .widget, .widget-area .widget{ margin-bottom:26px; }
.widget-area .widget-title, .woocommerce .widget .widget-title{
  font-size:.82rem !important; text-transform:uppercase; letter-spacing:.1em; font-weight:800; color:var(--scn-ink);
  border-bottom:2px solid var(--scn-primary); padding-bottom:10px; margin-bottom:16px; display:inline-block;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range,
.woocommerce .price_slider .ui-slider-range{ background:var(--scn-primary) !important; }
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{ background:var(--scn-navy) !important; border-color:var(--scn-navy) !important; }
/* botones de orden / paginación */
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span{
  border-radius:10px; border:1px solid var(--scn-line); color:var(--scn-ink); font-weight:700;
}
.woocommerce nav.woocommerce-pagination ul li span.current{ background:var(--scn-navy); color:#fff; border-color:var(--scn-navy); }
/* scroll-margin para anclas de tarjeta (requisito móvil) */
.product-small.box{ scroll-margin-top:72px; }

/* =====================================================================
   12 · PDP realces
   ===================================================================== */
.scn-pdp-usp{ list-style:none; margin:22px 0 0; padding:18px 0 0; border-top:1px solid var(--scn-line); display:grid; gap:12px; }
.scn-pdp-usp li{ display:flex; gap:11px; align-items:center; font-size:.9rem; color:var(--scn-ink); font-weight:600; }
.scn-pdp-usp svg{ width:19px; height:19px; color:var(--scn-primary); flex:0 0 19px; }
.woocommerce div.product form.cart .button.single_add_to_cart_button{
  background:var(--scn-primary) !important; border-color:var(--scn-primary) !important; color:#fff !important;
  border-radius:var(--scn-radius-pill) !important; font-weight:800 !important; padding:16px 34px !important; letter-spacing:.01em;
}
.woocommerce div.product form.cart .button.single_add_to_cart_button:hover{ background:var(--scn-primary-d) !important; }

/* =====================================================================
   13 · Requisitos móviles / z-index seguro
   ===================================================================== */
.scn-topbar, .scn-band{ z-index:auto; }
/* cualquier sticky propio ≤5 (no usamos ninguno, pero lo dejamos acotado) */
.scn-sticky{ position:sticky; z-index:5; }
@media (max-width:768px){
  .scn-hero h1{ font-size:clamp(1.9rem,8vw,2.6rem); }
  .scn-section{ padding:clamp(40px,9vw,60px) 0; }
  .scn-head{ margin-bottom:24px; }
}

/* =====================================================================
   14 · HEADER PROPIO (inyectado — el tema no renderiza header desktop)
   ===================================================================== */
.scn-header{
  position:sticky; top:0; z-index:50; background:#fff;
  border-bottom:1px solid var(--scn-line); box-shadow:0 2px 16px -10px rgba(10,27,51,.28);
}
.scn-header__in{
  max-width:1280px; margin:0 auto; padding:0 clamp(16px,4vw,40px);
  height:72px; display:flex; align-items:center; gap:28px;
}
.scn-header__logo{ font-weight:800; font-size:1.3rem; letter-spacing:.02em; color:var(--scn-navy); text-decoration:none; white-space:nowrap; }
.scn-header__logo em{ font-style:normal; color:var(--scn-primary); }
.scn-header__logo span{ color:var(--scn-accent); }
.scn-header__nav{ margin-left:8px; flex:1; }
.scn-header__nav ul{ list-style:none; display:flex; gap:30px; margin:0; padding:0; }
.scn-header__nav a{
  font-weight:600; font-size:.86rem; letter-spacing:.03em; text-transform:uppercase;
  color:var(--scn-ink); text-decoration:none; position:relative; padding:6px 0; display:inline-block; transition:color .16s;
}
.scn-header__nav a::after{ content:""; position:absolute; left:0; bottom:0; height:2px; width:0; background:var(--scn-primary); transition:width .22s var(--scn-ease); }
.scn-header__nav a:hover{ color:var(--scn-primary); }
.scn-header__nav a:hover::after{ width:100%; }
.scn-header__nav .current-menu-item > a{ color:var(--scn-primary); }
.scn-header__act{ display:flex; align-items:center; gap:14px; margin-left:auto; }
.scn-cart{ position:relative; display:inline-flex; align-items:center; gap:8px; color:var(--scn-navy); text-decoration:none; font-weight:700; font-size:.9rem; }
.scn-cart svg{ width:24px; height:24px; }
.scn-cart:hover{ color:var(--scn-primary); }
.scn-cart__n{
  position:absolute; top:-8px; left:14px; min-width:18px; height:18px; padding:0 5px;
  background:var(--scn-primary); color:#fff; border-radius:999px; font-size:.68rem; font-weight:800;
  display:grid; place-items:center; line-height:1;
}
.scn-burger{ display:none; width:42px; height:42px; border:1px solid var(--scn-line); border-radius:10px; background:#fff; cursor:pointer; align-items:center; justify-content:center; color:var(--scn-navy); }
.scn-burger svg{ width:22px; height:22px; }
.scn-nav-toggle{ position:absolute; opacity:0; pointer-events:none; }
.scn-header__mobile{ display:none; border-top:1px solid var(--scn-line); background:#fff; }
.scn-header__mobile ul{ list-style:none; margin:0; padding:8px clamp(16px,4vw,40px) 14px; }
.scn-header__mobile a{ display:block; padding:13px 4px; font-weight:600; color:var(--scn-ink); text-decoration:none; border-bottom:1px solid var(--scn-soft-2); text-transform:uppercase; font-size:.9rem; letter-spacing:.02em; }
.scn-header__mobile a:hover{ color:var(--scn-primary); }
.scn-nav-toggle:checked ~ .scn-header__mobile{ display:block; }

@media (max-width:992px){
  .scn-header__in{ height:56px; gap:14px; }
  .scn-header__logo{ font-size:1.1rem; }
  .scn-header__nav{ display:none; }
  .scn-burger{ display:inline-flex; }
  .scn-header{ max-height:none; }
}
@media (min-width:993px){ .scn-header__mobile{ display:none !important; } }

/* ===== Polish round 2 — design review micro-tuning ===== */

/* 1. Shop grid: equal-height titles so star ratings line up across the row */
.woocommerce ul.products li.product .product-title,
.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product h3 {
  min-height: 2.7em;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.35;
  margin-bottom: 6px;
}

/* 2. Tactile, smooth hover on all primary buttons (was static/instant) */
.button, .woocommerce a.button, .single_add_to_cart_button,
input[type="submit"], .wd-buy-now-btn, .buy-now-button {
  transition: background-color .2s ease, transform .18s ease, box-shadow .2s ease;
}
.button:hover, .woocommerce a.button:hover, .single_add_to_cart_button:hover,
input[type="submit"]:hover, .wd-buy-now-btn:hover, .buy-now-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 18px rgba(0,0,0,.14);
}

/* 3. Product page: strengthen price hierarchy (was pale grey, under-emphasised) */
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color: #0f2438;
  font-weight: 700;
}

/* 4. Deepen the washed-out green CTAs for legible white-on-green contrast */
.single_add_to_cart_button,
.woocommerce div.product form.cart .button,
.wd-buy-now-btn, .buy-now-button, .checkout-button {
  background-color: #1f9d57 !important;
}
.single_add_to_cart_button:hover,
.woocommerce div.product form.cart .button:hover,
.wd-buy-now-btn:hover, .buy-now-button:hover, .checkout-button:hover {
  background-color: #17864a !important;
}

/* 5. Soften the required-size <select>: default red border reads as an error */
.woocommerce div.product form.cart .variations select {
  border-color: #cfd6dd !important;
  transition: border-color .2s ease;
}
.woocommerce div.product form.cart .variations select:focus {
  border-color: #1f9d57 !important;
}


/* === SCN verifyDeployment r2 @ 2026-07-01T18:09:34.696Z === */
/* category: 产品卡价格（div.text-center > span.price > .woocommerce-Price-amount > bdi）为浅绿色，白底上对比度不足（WCAG 客观命中），价格是转化关键信息却几乎看不见。仅调深颜色，不改字号/布局以免 CLS 回退。 [severity=medium] */
.woocommerce-Price-amount, .woocommerce-Price-amount bdi, .price .woocommerce-Price-amount, .price .woocommerce-Price-amount bdi { color:#0a6e37 !important; font-weight:700; }

/* homepage: Header Logo 中「TOTAL」（a.scn-header__logo > em）绿色在白色 header 上对比度不足（WCAG 客观命中）。仅加深颜色，不改字号（上轮因附带放大导致 CLS 回退，本轮只改 color）。 [severity=medium] */
.scn-header__logo em { color:#0a6e37; }

/* homepage: Section 头部次级链接（section.scn-section .scn-head a.scn-link，如「Ver todo / Regresa...」）灰色在浅色背景对比度不足（WCAG 客观命中，两处）。仅调深颜色。 [severity=medium] */
.scn-section .scn-head a.scn-link { color:#0a6e37; }

/* homepage: Section 头部 eyebrow 小标签（div.scn-head .scn-eyebrow）灰色在浅色背景对比度不足（WCAG 客观命中，两处）。仅调深颜色，不改字号。 [severity=medium] */
.scn-section .scn-head .scn-eyebrow { color:#4a5a4d; }

/* category: 移动端筛选（漏斗）浮动按钮压在第一个产品图左缘，与卡片重叠，轻微遮挡。 [severity=low] */
@media (max-width:768px){ .mobile-filter-toggle, a.filters-toggle, .off-canvas-toggle { margin-top:8px; box-shadow:0 2px 8px rgba(0,0,0,.15); } }

/* =====================================================================
   15 · Carrito lateral (drawer) — enganchado al mini-cart nativo de WC
   ===================================================================== */
.scn-cart-drawer{ position:fixed; inset:0; z-index:9999; visibility:hidden; pointer-events:none; }
.scn-cart-drawer.is-open{ visibility:visible; pointer-events:auto; }
.scn-cart-drawer__overlay{ position:absolute; inset:0; background:rgba(10,27,51,.42); opacity:0; transition:opacity .28s ease; }
.scn-cart-drawer.is-open .scn-cart-drawer__overlay{ opacity:1; }
.scn-cart-drawer__panel{
  position:absolute; top:0; right:0; height:100%; width:380px; max-width:88vw;
  background:#fff; box-shadow:-8px 0 32px -12px rgba(10,27,51,.35);
  transform:translateX(100%); transition:transform .3s cubic-bezier(.4,0,.2,1);
  display:flex; flex-direction:column;
}
.scn-cart-drawer.is-open .scn-cart-drawer__panel{ transform:translateX(0); }
.scn-cart-drawer__head{ display:flex; align-items:center; justify-content:space-between; padding:18px 20px; border-bottom:1px solid var(--scn-line,#e6e9ee); }
.scn-cart-drawer__title{ font-weight:800; font-size:1.05rem; color:var(--scn-navy,#0a1b33); }
.scn-cart-drawer__close{ appearance:none; border:0; background:transparent; font-size:1.7rem; line-height:1; cursor:pointer; color:var(--scn-navy,#0a1b33); padding:0 4px; }
.scn-cart-drawer__body{ flex:1; overflow-y:auto; padding:16px 20px; }
.scn-cart-drawer__body .woocommerce-mini-cart__total{ margin:14px 0; font-size:1rem; }
.scn-cart-drawer__body .woocommerce-mini-cart__buttons{ display:flex; flex-direction:column; gap:8px; }
.scn-cart-drawer__body .woocommerce-mini-cart__buttons a{ display:block; text-align:center; }
.scn-cart-drawer__body .woocommerce-mini-cart__buttons a.checkout{ background:var(--scn-primary,#0a6e37); color:#fff; }
/* XStore popup-footer fragment 自带 display:none(等它自己的 header JS 显示)——抽屉里强制显示 */
.scn-cart-drawer .product_list-popup-footer-inner{ display:block !important; margin-top:14px; border-top:1px solid var(--scn-line,#e6e9ee); padding-top:14px; }
.scn-cart-drawer .cart-popup-footer a{ display:block; text-align:center; padding:12px 16px; border-radius:8px; font-weight:700; text-decoration:none; margin-bottom:8px; }
.scn-cart-drawer .cart-popup-footer a.btn-view-cart{ background:#eef2ee; color:var(--scn-navy,#0a1b33); }
.scn-cart-drawer .cart-popup-footer a.btn-checkout,
.scn-cart-drawer .cart-popup-footer a.checkout{ background:var(--scn-primary,#0a6e37); color:#fff; }
.scn-cart-drawer .cart-widget-subtotal{ display:flex; justify-content:space-between; font-weight:700; margin:10px 0; }
html.scn-cart-open{ overflow:hidden; }
/* fragment 里 btn-view-cart 与底部 Ver carrito 重复 —— 藏顶部那个 */
.scn-cart-drawer .cart-popup-footer > a.btn-view-cart{ display:none; }

/* === SCN hover-contrast fix (2026-07-02 用户指出): XStore customizer 内联 CSS
   盖掉按钮 :hover 的 color → gold 钮 hover 白字/深金 2.3:1、ghost 钮 hover 白底白字消失。
   最高特异度 + !important 制胜 === */
a.scn-btn.scn-btn--gold:hover{ color:var(--scn-navy,#0a1b33) !important; background:var(--scn-accent-d,#e79a08) !important; }
a.scn-btn.scn-btn--ghost:hover{ color:var(--scn-navy,#0a1b33) !important; background:#fff !important; border-color:#fff !important; }
a.scn-btn.scn-btn--primary:hover{ color:#fff !important; }
a.scn-btn.scn-btn--dark:hover{ color:#fff !important; }

/* === SCN layout-overhaul r1 === (2026-07-16 三路排版审计修复) */

/* r1-1 · orderby select 被裁剪: line365 的 padding:10px 16px 叠在主题固定 height:30px 上
   → 内容区仅 ~10px, 桌面只剩碎点/移动端渲染成 "- - -"。放开高度。 */
.woocommerce .woocommerce-ordering select,
.woocommerce select.orderby{
  height:auto !important; min-height:42px; line-height:1.3; padding:8px 38px 8px 16px;
}

/* r1-2 · 购物车优惠券: 按钮塌缩 36px 叠压输入框右缘, 文案被裁。flex 两段式 + 触摸目标 ≥44px。 */
.woocommerce-cart .coupon{ display:flex !important; gap:10px; align-items:stretch; }
.woocommerce-cart .coupon #coupon_code{
  flex:1 1 auto; width:auto !important; min-height:44px; margin:0;
}
.woocommerce-cart .coupon input[name="apply_coupon"],
.woocommerce-cart .coupon button[name="apply_coupon"]{
  position:static !important; float:none !important; width:auto !important;
  min-width:max-content; min-height:44px; padding:0 20px !important;
  font-size:.82rem; overflow:visible; white-space:nowrap;
  background:var(--scn-navy); color:#fff; border-radius:var(--scn-radius-sm);
}

/* r1-3 · checkout: 信用卡支付区说明文字右对齐与全站脱节 → 左对齐、占满列宽。
   (iframe 内部字体/西语 label 是第三方跨域内容, 无法从主题层控制) */
.woocommerce-checkout .wc_payment_method.payment_method_cartadicreditopay_cc,
.woocommerce-checkout .payment_method_cartadicreditopay_cc p,
.woocommerce-checkout .payment_method_cartadicreditopay_cc .payment_box{
  text-align:left !important;
}
.woocommerce-checkout .wc_payment_method.payment_method_cartadicreditopay_cc{ width:100%; }

/* r1-4 · checkout: 右下浮标堆(邮件 FAB + WhatsApp)在 1366 视口压住 REALIZAR EL PEDIDO。
   结算页隐藏两枚 FAB(全视口), 结算流程零遮挡零干扰。 */
body.woocommerce-checkout .joinchat,
body.woocommerce-checkout a.scn-float-email{ display:none !important; }

/* r1-5 · PDP 描述通栏 180-200 字符/行 → 约束到可读宽度。 */
.single-product .woocommerce-tabs .tab-content-inner{ max-width:860px; margin-inline:auto; }

/* r1-6 · 1366 视口 XStore 上/下一商品固定 flyout 标签盖住描述首字符和加购按钮右端。
   窄于 1500px 直接隐藏(1920 不受影响)。 */
@media (max-width:1500px){
  .posts-nav-btn.prev-post, .posts-nav-btn.next-post{ display:none !important; }
}

/* r1-7 · 首页产品区块空态兜底: shortcode 输出空 div 时藏掉整个 section, 不留孤立标题。 */
.scn-section .scn-wrap > .woocommerce:empty{ display:none; }
.scn-section:has(.scn-wrap > .woocommerce:empty){ display:none; }

/* r1-8 · 商品卡标题: XStore 卡用 h2.product-title(旧规则只命中 loop__title), 36px 大标题
   3-4 行堆叠形成黑色块 → 统一 15px/600 + 2 行截断, 价格已有 margin-top:auto 底对齐。 */
.woocommerce ul.products li.product h2.product-title,
.products .product-title{
  font-size:.95rem !important; font-weight:600 !important; line-height:1.35 !important;
  display:-webkit-box !important; -webkit-line-clamp:2; -webkit-box-orient:vertical;
  overflow:hidden; min-height:2.7em; letter-spacing:0; text-transform:none;
}
.woocommerce ul.products li.product h2.product-title a{ font-size:inherit; font-weight:inherit; }

/* r1-9 · WPCPO 必选字段未交互就红框(像错误态)。未经用户交互的字段回中性边框;
   用户交互后留空(:user-invalid)才恢复红色提示。纯 CSS, 不动选项联动 JS。 */
.wpcpo-option.wpcpo-required .wpcpo-option-field:not(:user-invalid),
.wpcpo-option.wpcpo-has-error .wpcpo-option-field:not(:user-invalid){
  border-color:#d0d5dd !important;
}
.wpcpo-option.wpcpo-required .wpcpo-option-field:focus{ border-color:var(--scn-primary) !important; }

/* r1-10 · PDP 表单控件宽度三种规格 → WPCPO 字段统一 100% 栅格。 */
.wpcpo-options .wpcpo-option-field{ width:100%; max-width:100%; box-sizing:border-box; }

/* ---------- 移动端 (≤992px, 有底部固定导航 .et-mobile-panel-wrapper ≈66px) ---------- */
@media (max-width:992px){

  /* r1-11 · 浮标栈整体上移: WhatsApp 原来完全压住底部导航第 4 项 "Más"。
     panel 66px → WhatsApp 78 → 邮件 148 → back-top 218, 各留 ~10px 间距。
     注: mu-plugin scn-float-email.php 用 .joinchat{bottom:12px !important} 内联硬定位,
     var(--bottom) 不生效 → 必须更高特异度直接覆写 bottom。 */
  div.joinchat.joinchat--right{ bottom:78px !important; }
  a.scn-float-email{ bottom:148px !important; right:20px !important; }
  #back-top.back-top{ bottom:218px !important; right:22px; }

  /* r1-12 · shop 左缘悬浮筛选钮悬在屏幕中部盖住商品标题/页脚链接
     → 吸附到底部导航上方左侧, 不再遮首字。 */
  .et-toggle-mob-sidebars-inner.pos-fixed,
  .et-toggle-mob-sidebars.pos-fixed{
    top:auto !important; bottom:78px !important; left:10px !important;
    border-radius:50%; box-shadow:0 4px 16px rgba(10,27,51,.3);
  }

  /* r1-13 · 页面底部内容不被 66px 固定导航盖住 */
  .single-product div.product{ padding-bottom:76px; }

  /* r1-14 · PDP 首屏: 主图+缩略图占满一屏把标题/价格/CTA 全挤出首屏
     → 图廊限高, H1 降号, 首屏能看到标题。 */
  .single-product .product-images .woocommerce-product-gallery__image img,
  .single-product .product-images .swiper-slide img{
    max-height:52vh; width:auto; margin-inline:auto; object-fit:contain;
  }
  .single-product h1.product_title{ font-size:1.4rem; line-height:1.25; }
}

@media (max-width:600px){
  /* r1-15 · 移动端 hero 收紧呼吸(修复 404 主图后进一步压缩首屏占用) */
  .scn-hero__inner{ padding-top:38px; padding-bottom:42px; gap:24px; }
  .scn-hero__media{ max-width:320px; }
}

/* === SCN layout-overhaul r2-manual (2026-07-16): verify 二审 2 个尾巴 === */
/* shop 排序下拉 'Orden predeterminado' 被横向省略 → 放宽 */
.woocommerce-ordering select, .woocommerce-ordering .orderby{ min-width:230px !important; }
/* 首页分类卡 kicker 与标题粘连 → 加间距断行 */
.scn-catcard__kicker, .cat-card .kicker{ display:block; margin-bottom:6px; letter-spacing:.12em; }