/* ================================================================
   sitio.gt V4 — Design System Completo
   FIX: iOS zoom (font-size≥16px en inputs)
   FIX: Bottom nav fixed sin transform
   FIX: Desktop header propio
   FIX: Cards compactas y correctas
   ================================================================ */

/* ── TOKENS ── */
:root{
  --p:#256B4F; --p-d:#1E5A43; --p-v:#59C97B; --p-l:#E8F5EF; --p-ll:#F2FAF5;
  --a:#F36A2E; --a-l:#FEF0E9;
  --wa:#25D366; --wa-d:#128C7E; --wa-l:#E7FDF0; --wa-m:#DCF8C6;
  --gold:#F59E0B; --gold-l:#FFFBEB;
  --blue:#2563EB; --blue-l:#EFF6FF;
  --bg:#FFFFFF; --bg-s:#F4F5F8; --bg-e:#EEF1F7;
  --head:#1D2433; --txt:#374151; --muted:#7C8597;
  --bdr:#E8EAED; --bdr-m:#D1D5DB;
  --sh-s:0 1px 6px rgba(29,36,51,.07);
  --sh-m:0 4px 20px rgba(29,36,51,.11);
  --sh-l:0 8px 40px rgba(29,36,51,.16);
  --r-s:8px; --r:12px; --r-m:14px; --r-l:18px; --r-xl:22px;
  --fd:"Plus Jakarta Sans","Poppins",-apple-system,BlinkMacSystemFont,sans-serif;
  --fb:"DM Sans","Inter",-apple-system,BlinkMacSystemFont,sans-serif;
  --nav-h:68px;
}

/* ── BASE ── */
*,*::before,*::after{box-sizing:border-box;}
body.sitio-gt{font-family:var(--fb);color:var(--txt);-webkit-font-smoothing:antialiased;background:var(--bg-s);}
body.sitio-gt h1,body.sitio-gt h2,body.sitio-gt h3{font-family:var(--fd);font-weight:800;color:var(--head);line-height:1.2;margin:0;}
body.sitio-gt a{color:var(--p);text-decoration:none;}
button{cursor:pointer;font-family:inherit;transition:transform .15s;border:none;}
button:active{transform:scale(.96);}

/* FIX CRÍTICO: Prevenir zoom iOS en inputs (requiere font-size≥16px) */
body.sitio-gt input,
body.sitio-gt input[type="text"],
body.sitio-gt input[type="search"],
body.sitio-gt input[type="email"],
body.sitio-gt input[type="tel"],
body.sitio-gt input[type="number"],
body.sitio-gt input[type="password"],
body.sitio-gt select,
body.sitio-gt textarea{
  font-size:16px !important;
  -webkit-text-size-adjust:100%;
}
/* Visualmente más pequeño sin perder el 16px que evita zoom */
body.sitio-gt .sitio-search-bar input,
body.sitio-gt .sitio-store-search input,
body.sitio-gt #sitio-search-q{
  font-size:16px !important;
  transform-origin:left center;
}

body.sitio-gt *{scrollbar-width:none;}
body.sitio-gt *::-webkit-scrollbar{display:none;}

/* ================================================================
   MOBILE ≤768px — NUCLEAR REHUB OVERRIDE
   ================================================================ */
@media(max-width:768px){
  /* Ocultar TODO el chrome de Rehub */
  #site-header,#masthead,.site-header,header.site-header,
  .rehub_header,#header,.rh-header-wrap,.rehub-top-panel,
  .top-header,.header-wrap,.custom-header,#main-nav,
  .rh-menu-wrap,.header-logo-wrap,.header-banner-wrap,
  .elementor-location-header,.site-header-inner,
  .breadcrumb_wrap,.rehub-breadcrumb,#breadcrumbs,.woocommerce-breadcrumb,
  .wrap-navigation,#site-navigation,nav.site-navigation,.rh-navigation,
  footer#colophon,footer.site-footer,#colophon,.site-footer,
  .footer-widgets,.footer-bar,#footer,.colophon,
  .rh_single_sticky,.rehub-sticky-bar,
  .back-to-top,.scroll-top-btn,
  .woocommerce-breadcrumb{
    display:none !important;visibility:hidden !important;height:0 !important;overflow:hidden !important;
  }
  body.sitio-gt{margin:0!important;padding:0!important;}
  body.sitio-gt .site-content,body.sitio-gt #primary,body.sitio-gt #content,
  body.sitio-gt .content-area,body.sitio-gt main,body.sitio-gt #main{
    margin:0!important;padding:0!important;width:100%!important;max-width:100%!important;float:none!important;
  }
  body.sitio-gt .woocommerce{margin:0;padding:0;}
  body.sitio-gt .woocommerce-product-rating,
  body.sitio-gt .woocommerce-tabs,
  body.sitio-gt .woocommerce-ordering{display:none!important;}

  /* APP WRAPPER */
  #sitio-app{max-width:430px;margin:0 auto;min-height:100vh;position:relative;overflow-x:hidden;background:var(--bg-s);}
  .sitio-page{padding-bottom:calc(var(--nav-h) + 12px);}

  /* STICKY HEADER */
  #sitio-hdr{
    position:sticky;top:0;z-index:200;
    background:var(--bg);padding:10px 14px;
    border-bottom:1px solid var(--bdr);box-shadow:var(--sh-s);width:100%;
  }
  body.admin-bar #sitio-hdr{top:46px;}
  .sitio-hdr-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;}
  .sitio-logo{font-family:var(--fd);font-weight:900;font-size:22px;color:var(--head);text-decoration:none;display:flex;align-items:baseline;gap:1px;line-height:1;}
  .sitio-logo .logo-inf{color:var(--p);font-size:26px;}
  .sitio-logo .logo-name{color:var(--p);}
  .sitio-logo .logo-tld{color:var(--muted);font-weight:600;}
  .sitio-tagline{font-size:9px;color:var(--muted);letter-spacing:.5px;text-transform:uppercase;}
  .sitio-hdr-icons{display:flex;align-items:center;gap:7px;}
  .sitio-icon-btn{
    width:34px;height:34px;border-radius:50%;background:var(--bg-e);border:1px solid var(--bdr);
    font-size:14px;display:flex;align-items:center;justify-content:center;
    position:relative;text-decoration:none;color:var(--head);cursor:pointer;
  }
  .sitio-notif-dot{position:absolute;top:1px;right:1px;width:8px;height:8px;border-radius:50%;background:var(--a);border:2px solid var(--bg);}
  .sitio-user-av{
    width:34px;height:34px;border-radius:50%;
    background:linear-gradient(135deg,var(--p-d),var(--p-v));
    display:flex;align-items:center;justify-content:center;
    color:#fff;font-family:var(--fd);font-weight:700;font-size:13px;
    text-decoration:none;flex-shrink:0;
  }
  .sitio-search-bar{
    display:flex;align-items:center;gap:8px;
    background:var(--bg-s);border:1.5px solid var(--bdr-m);
    border-radius:999px;padding:8px 14px;cursor:pointer;transition:border-color .2s;
  }
  .sitio-search-bar:focus-within{border-color:var(--p);}
  .sitio-search-ph{flex:1;font-size:13px;color:var(--muted);}
  .sitio-search-go{background:var(--p);color:#fff;border:none;border-radius:var(--r-s);padding:4px 12px;font-size:10px;font-weight:700;font-family:var(--fd);cursor:pointer;}

  /* BOTTOM NAV — FIX: position:fixed left/right en lugar de transform */
  #sitio-nav{
    position:fixed;
    bottom:0;left:0;right:0;
    z-index:300;
    background:var(--bg);
    border-top:1px solid var(--bdr);
    box-shadow:0 -2px 16px rgba(29,36,51,.08);
    padding-bottom:max(10px,env(safe-area-inset-bottom));
  }
  .sitio-nav-inner{
    max-width:430px;margin:0 auto;
    display:grid;grid-template-columns:repeat(5,1fr);
    padding:6px 0 0;
  }
  .sitio-nav-it{display:flex;flex-direction:column;align-items:center;gap:2px;padding:3px 0;background:transparent;border:none;text-decoration:none;color:inherit;cursor:pointer;}
  .sitio-nav-pill{width:40px;height:26px;border-radius:9px;display:flex;align-items:center;justify-content:center;position:relative;transition:background .2s;}
  .sitio-nav-it.active .sitio-nav-pill{background:var(--p-l);}
  .sitio-nav-ic{font-size:17px;line-height:1;}
  .sitio-nav-lbl{font-size:9px;font-weight:700;font-family:var(--fd);color:var(--muted);}
  .sitio-nav-it.active .sitio-nav-lbl{color:var(--p);}
  .sitio-nav-ctr{display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;}
  .sitio-nav-fab{
    width:44px;height:44px;border-radius:50%;
    background:linear-gradient(135deg,var(--p-d),var(--p-v));
    display:flex;align-items:center;justify-content:center;
    font-size:21px;margin-top:-12px;
    box-shadow:0 4px 14px rgba(37,107,79,.45);
  }
  .sitio-nav-bdg{
    position:absolute;top:-5px;right:-4px;
    background:var(--a);color:#fff;font-size:8px;font-weight:700;
    min-width:16px;height:16px;border-radius:8px;
    display:flex;align-items:center;justify-content:center;
    padding:0 3px;font-family:var(--fd);border:1.5px solid var(--bg);
  }
  /* WA FLOAT */
  .sitio-wa-float{
    position:fixed;bottom:calc(var(--nav-h) + 10px);right:14px;
    width:50px;height:50px;border-radius:50%;
    background:var(--wa);border:3px solid var(--bg);
    display:flex;align-items:center;justify-content:center;
    font-size:22px;z-index:250;box-shadow:0 4px 20px rgba(37,211,102,.5);
    text-decoration:none;animation:wa-pop 2.5s ease-in-out infinite;
  }
  @keyframes wa-pop{0%,100%{box-shadow:0 4px 20px rgba(37,211,102,.5);}50%{box-shadow:0 6px 30px rgba(37,211,102,.75);}}
}

/* ================================================================
   DESKTOP ≥769px — MARKETPLACE LAYOUT
   ================================================================ */
@media(min-width:769px){
  #sitio-nav,.sitio-wa-float,#sitio-hdr{display:none!important;}

  /* Desktop Header */
  #sitio-desk-hdr{
    background:var(--bg);border-bottom:1px solid var(--bdr);
    padding:0 24px;display:flex;align-items:center;gap:16px;
    height:62px;position:sticky;top:0;z-index:200;
    box-shadow:var(--sh-s);
  }
  body.admin-bar #sitio-desk-hdr{top:32px;}
  .sitio-desk-logo{font-family:var(--fd);font-weight:900;font-size:22px;color:var(--head);text-decoration:none;display:flex;align-items:baseline;gap:1px;flex-shrink:0;}
  .sitio-desk-logo .logo-inf{color:var(--p);font-size:26px;}
  .sitio-desk-logo .logo-name{color:var(--p);}
  .sitio-desk-logo .logo-tld{color:var(--muted);}
  .sitio-desk-search{flex:1;max-width:460px;background:var(--bg-s);border:1.5px solid var(--bdr-m);border-radius:999px;display:flex;align-items:center;gap:8px;padding:8px 14px;cursor:pointer;}
  .sitio-desk-search:focus-within{border-color:var(--p);}
  .sitio-desk-search input{flex:1;border:none;background:transparent;outline:none;font-size:13px;font-family:var(--fb);color:var(--head);}
  .sitio-desk-nav{display:flex;align-items:center;gap:4px;margin-left:auto;}
  .sitio-desk-nav a,.sitio-desk-nav button{
    display:flex;align-items:center;gap:5px;padding:7px 13px;
    background:transparent;border:1px solid var(--bdr);border-radius:var(--r-s);
    font-family:var(--fd);font-weight:600;font-size:12px;color:var(--head);
    text-decoration:none;cursor:pointer;transition:all .2s;white-space:nowrap;
  }
  .sitio-desk-nav a:hover,.sitio-desk-nav button:hover{border-color:var(--p);color:var(--p);}
  .sitio-desk-nav .btn-wa-desk{background:var(--wa);color:#fff!important;border-color:var(--wa);}
  .sitio-desk-nav .btn-primary-desk{background:var(--p);color:#fff!important;border-color:var(--p);}
  .sitio-desk-nav .user-av{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--p-d),var(--p-v));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:12px;font-family:var(--fd);}

  #sitio-app{max-width:1280px;margin:0 auto;padding:20px 24px 40px;}
  .sitio-page{padding-bottom:0;}

  /* Desktop: 3-4 col grids */
  .sitio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:0;}
  .sitio-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}

  /* Desktop 2-col layout */
  .sitio-desk-2col{display:grid;grid-template-columns:220px 1fr;gap:24px;align-items:start;}
  .sitio-desk-sidebar{position:sticky;top:82px;background:var(--bg);border:1px solid var(--bdr);border-radius:var(--r-m);padding:18px;box-shadow:var(--sh-s);}

  /* Carousel wider on desktop */
  .sitio-carousel>.gt-card{width:200px;}
}

/* ================================================================
   SHARED COMPONENTS
   ================================================================ */

/* Mobile 2-col grid */
.sitio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:10px 12px 14px;}

/* ── GT CARD ── */
.gt-card{
  background:var(--bg);border:1px solid var(--bdr);border-radius:var(--r-m);
  overflow:hidden;display:flex;flex-direction:column;
  box-shadow:var(--sh-s);transition:transform .2s,box-shadow .2s;
  text-decoration:none;color:inherit;position:relative;
}
.gt-card:hover{transform:translateY(-2px);box-shadow:var(--sh-m);}
.gt-card-img{height:130px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--bg-e);flex-shrink:0;}
.gt-card-img img{width:100%;height:100%;object-fit:cover;}
.gt-card-body{padding:9px 10px 11px;display:flex;flex-direction:column;flex:1;}
.gt-card-store{font-size:9px;color:var(--muted);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.gt-card-title{font-size:12px;font-weight:600;line-height:1.35;margin-bottom:3px;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.gt-card-price{font-family:var(--fd);font-weight:800;font-size:15px;color:var(--p);margin:3px 0 7px;}
.gt-card-price del{font-size:10px;color:var(--muted);margin-left:4px;font-weight:400;}
.gt-save-btn{position:absolute;top:8px;right:8px;z-index:2;background:rgba(255,255,255,.92);border:none;width:28px;height:28px;border-radius:50%;font-size:13px;display:flex;align-items:center;justify-content:center;box-shadow:var(--sh-s);cursor:pointer;}
.gt-stock-low{position:absolute;bottom:0;left:0;right:0;background:rgba(243,106,46,.9);text-align:center;font-size:9px;font-weight:700;font-family:var(--fd);color:#fff;padding:3px;}
.gt-badge{display:inline-flex;align-items:center;gap:2px;font-size:9px;font-weight:700;font-family:var(--fd);padding:2px 7px;border-radius:999px;white-space:nowrap;}
.gt-badge-tl{position:absolute;top:8px;left:8px;z-index:1;}

/* ── BUTTONS ── */
.btn-wa{
  display:flex;align-items:center;justify-content:center;gap:6px;
  background:linear-gradient(90deg,var(--wa-d),var(--wa));
  color:#fff!important;font-family:var(--fd)!important;font-weight:800;
  font-size:12px;padding:11px;border:none;border-radius:var(--r);
  width:100%;box-shadow:0 3px 14px rgba(37,211,102,.28);
  transition:all .2s;text-decoration:none;cursor:pointer;
}
.btn-wa:hover{transform:translateY(-1px);box-shadow:0 5px 18px rgba(37,211,102,.42);color:#fff!important;}
.btn-wa.lg{font-size:14px;padding:14px;}
.btn-wa.sm{font-size:11px;padding:9px;}
.btn-consult{
  display:flex;align-items:center;justify-content:center;gap:5px;
  background:var(--wa-l);color:var(--wa-d)!important;font-family:var(--fd);font-weight:700;font-size:11px;
  padding:8px;border:1.5px solid var(--wa);border-radius:var(--r);width:100%;transition:all .2s;cursor:pointer;
}
.btn-consult:hover{background:var(--wa);color:#fff!important;}
.btn-primary{
  display:flex;align-items:center;justify-content:center;gap:6px;
  background:var(--p);color:#fff!important;font-family:var(--fd);font-weight:700;font-size:13px;
  padding:12px 18px;border:none;border-radius:var(--r);transition:all .2s;text-decoration:none;cursor:pointer;
}
.btn-primary:hover{background:var(--p-d);}
.btn-outline{
  display:flex;align-items:center;justify-content:center;gap:5px;
  background:transparent;color:var(--head);font-family:var(--fd);font-weight:600;font-size:12px;
  padding:9px 14px;border:1.5px solid var(--bdr-m);border-radius:var(--r);transition:all .2s;cursor:pointer;
}
.btn-outline:hover{border-color:var(--p);color:var(--p);}
.btn-cart{
  display:flex;align-items:center;justify-content:center;gap:4px;
  background:var(--bg-e);color:var(--txt);font-family:var(--fd);font-weight:600;font-size:10px;
  padding:8px;border:1px solid var(--bdr-m);border-radius:var(--r);width:100%;transition:all .2s;cursor:pointer;
}
.btn-cart.in-cart{background:var(--p-l);color:var(--p);border-color:var(--p);}

/* ── SECTIONS ── */
.sitio-sec{background:var(--bg);margin-top:8px;}
.sitio-sec-pad{padding:14px 14px 8px;}
.sitio-sec-hdr{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:10px;}
.sitio-sec-title{font-family:var(--fd);font-weight:800;font-size:15px;color:var(--head);}
.sitio-sec-sub{font-size:10px;color:var(--muted);margin-top:1px;}
.sitio-see-all{font-size:12px;color:var(--p);font-weight:700;font-family:var(--fd);text-decoration:none;white-space:nowrap;}

/* ── STORIES ── */
.sitio-stories{background:var(--bg);border-bottom:1px solid var(--bdr);}
.sitio-stories-row{display:flex;gap:12px;overflow-x:auto;padding:10px 12px;}
.sitio-story{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;text-decoration:none;}
.sitio-story-av{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--fd);font-weight:800;font-size:18px;overflow:hidden;flex-shrink:0;}
.sitio-story-av img{width:100%;height:100%;object-fit:cover;border-radius:50%;}
.sitio-story-av.ver{box-shadow:0 0 0 2.5px var(--p),0 0 0 4px var(--p-l);}
.sitio-story-av.unver{box-shadow:0 0 0 2px var(--bdr-m);}
.sitio-story-av.flash{background:linear-gradient(135deg,#F36A2E,#ff8800);box-shadow:0 0 0 2.5px var(--a);}
.sitio-story-lbl{font-size:9px;font-weight:600;font-family:var(--fd);color:var(--head);max-width:56px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* ── HERO ── */
.sitio-hero{border-radius:var(--r-xl);overflow:hidden;margin:10px 12px 0;position:relative;min-height:158px;}
.sitio-hero-slide{display:none;flex-direction:column;justify-content:flex-end;min-height:158px;padding:18px 16px;position:relative;}
.sitio-hero-slide.active{display:flex;}
.sitio-hero-em{position:absolute;right:12px;top:10px;font-size:68px;opacity:.88;filter:drop-shadow(0 4px 10px rgba(0,0,0,.3));}
.sitio-hero-tag{background:rgba(255,255,255,.18);color:#fff;font-size:9px;font-weight:700;font-family:var(--fd);padding:2px 9px;border-radius:999px;width:fit-content;margin-bottom:6px;backdrop-filter:blur(4px);}
.sitio-hero-h{font-family:var(--fd);font-weight:800;font-size:18px;color:#fff;line-height:1.2;margin-bottom:3px;max-width:68%;text-shadow:0 1px 5px rgba(0,0,0,.25);}
.sitio-hero-p{font-size:11px;color:rgba(255,255,255,.76);margin-bottom:11px;}
.sitio-hero-btn{background:#fff;border:none;border-radius:999px;padding:7px 16px;font-family:var(--fd);font-weight:700;font-size:11px;cursor:pointer;width:fit-content;box-shadow:0 2px 10px rgba(0,0,0,.18);}
.sitio-dots{display:flex;gap:5px;justify-content:center;padding:7px 0 3px;}
.sitio-dot{width:6px;height:6px;border-radius:3px;background:var(--bdr-m);cursor:pointer;transition:all .3s;}
.sitio-dot.active{width:20px;background:var(--p);}

/* ── FLASH SALE ── */
.sitio-flash{background:var(--bg);border-radius:var(--r-l);overflow:hidden;border:1px solid var(--bdr);margin:8px 12px 0;box-shadow:var(--sh-s);}
.sitio-flash-hdr{background:linear-gradient(90deg,#F36A2E,#ff8800);padding:9px 12px;display:flex;align-items:center;gap:8px;justify-content:space-between;}
.sitio-flash-ttl{font-family:var(--fd);font-weight:800;font-size:14px;color:#fff;}
.sitio-cd-wrap{display:flex;gap:3px;align-items:center;}
.sitio-cd{background:rgba(0,0,0,.65);color:#fff;font-family:var(--fd);font-weight:800;font-size:13px;width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;}
.sitio-cd-sep{color:#fff;font-weight:800;font-size:13px;}
.sitio-flash-items{display:flex;gap:8px;overflow-x:auto;padding:10px 12px;}
.sitio-flash-card{flex-shrink:0;width:106px;cursor:pointer;text-decoration:none;color:inherit;}
.sitio-flash-thumb{height:76px;border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:32px;background:var(--bg-e);margin-bottom:5px;position:relative;}
.sitio-flash-thumb img{width:100%;height:100%;object-fit:cover;}
.sitio-flash-name{font-size:10px;font-weight:600;font-family:var(--fd);line-height:1.2;color:var(--head);margin-bottom:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.sitio-flash-price{font-family:var(--fd);font-weight:800;font-size:13px;color:var(--a);}
.sitio-flash-old{font-size:9px;color:var(--muted);text-decoration:line-through;}

/* ── TRUST ── */
.sitio-trust{display:flex;gap:7px;overflow-x:auto;padding:10px 12px;}
.sitio-trust-pill{flex-shrink:0;background:var(--bg);border:1px solid var(--bdr);border-radius:999px;padding:5px 11px;font-size:11px;color:var(--txt);white-space:nowrap;display:flex;align-items:center;gap:4px;box-shadow:var(--sh-s);}

/* ── STORES ROW ── */
.sitio-stores-row{display:flex;gap:7px;overflow-x:auto;padding:0 0 4px;}
.sitio-store-sm{
  flex-shrink:0;width:86px;background:var(--bg);border:1px solid var(--bdr);border-radius:var(--r-m);
  padding:10px 6px;display:flex;flex-direction:column;align-items:center;gap:4px;
  cursor:pointer;box-shadow:var(--sh-s);text-decoration:none;transition:transform .2s;
}
.sitio-store-sm:hover{transform:translateY(-2px);}
.sitio-av{border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--fd);font-weight:800;overflow:hidden;flex-shrink:0;}
.sitio-av img{width:100%;height:100%;object-fit:cover;}
.sitio-av-sm{width:36px;height:36px;font-size:14px;}
.sitio-av-md{width:48px;height:48px;font-size:18px;}
.sitio-av-lg{width:64px;height:64px;font-size:24px;border-radius:16px;}
.sitio-av-xl{width:72px;height:72px;font-size:28px;border-radius:20px;}
.sitio-store-nm{font-size:9px;font-weight:700;font-family:var(--fd);color:var(--head);text-align:center;max-width:78px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* ── CARRUSEL ── */
.sitio-carousel-wrap{position:relative;overflow:hidden;}
.sitio-carousel{display:flex;gap:9px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 12px 4px;}
.sitio-carousel>.gt-card{flex-shrink:0;width:148px;scroll-snap-align:start;}

/* ── RECENTLY VIEWED ── */
.sitio-rv-row{display:flex;gap:9px;overflow-x:auto;padding:0 0 4px;}
.sitio-rv-item{flex-shrink:0;width:100px;cursor:pointer;text-decoration:none;color:inherit;}
.sitio-rv-thumb{height:72px;border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--bg-e);margin-bottom:4px;}
.sitio-rv-thumb img{width:100%;height:100%;object-fit:cover;}
.sitio-rv-name{font-size:10px;font-weight:600;color:var(--head);line-height:1.3;margin-bottom:1px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.sitio-rv-price{font-family:var(--fd);font-weight:700;font-size:11px;color:var(--p);}

/* ── MODE + FILTERS BAR ── */
.sitio-mode-bar{background:var(--bg);padding:10px 12px 0;border-bottom:1px solid var(--bdr);position:sticky;top:108px;z-index:10;}
.sitio-mode-toggle{display:flex;background:var(--bg-s);border-radius:11px;padding:3px;gap:3px;margin-bottom:9px;}
.sitio-mode-btn{flex:1;padding:7px;background:transparent;border:none;border-radius:8px;font-family:var(--fd);font-weight:700;font-size:11px;color:var(--muted);cursor:pointer;transition:all .2s;}
.sitio-mode-btn.active{background:var(--bg);color:var(--p);box-shadow:var(--sh-s);}
.sitio-sort-row{display:flex;gap:5px;overflow-x:auto;padding-bottom:9px;}
.sitio-sort-chip{flex-shrink:0;background:transparent;color:var(--muted);border:1px solid var(--bdr);border-radius:999px;padding:5px 10px;font-family:var(--fd);font-weight:600;font-size:10px;cursor:pointer;transition:all .2s;}
.sitio-sort-chip.active{background:var(--p-l);color:var(--p);border-color:var(--p);}
.sitio-cat-row{display:flex;gap:5px;overflow-x:auto;padding-bottom:9px;}
.sitio-cat-chip{flex-shrink:0;border-radius:999px;padding:5px 12px;font-family:var(--fd);font-weight:700;font-size:10px;cursor:pointer;transition:all .2s;border:1.5px solid var(--bdr);background:var(--bg-s);color:var(--txt);}
.sitio-cat-chip.active{color:#fff;border-color:transparent;}
.sitio-filter-btn{display:flex;align-items:center;gap:4px;background:var(--bg-e);border:1.5px solid var(--bdr-m);border-radius:var(--r-s);padding:5px 10px;font-family:var(--fd);font-weight:600;font-size:10px;color:var(--txt);cursor:pointer;white-space:nowrap;flex-shrink:0;}
.sitio-filter-cnt{background:var(--p);color:#fff;border-radius:999px;padding:0 5px;font-size:9px;}

/* ── FILTER DRAWER ── */
#sitio-drawer{display:none;position:fixed;inset:0;z-index:500;}
#sitio-drawer.open{display:block;}
.sitio-drawer-ov{position:absolute;inset:0;background:rgba(29,36,51,.45);backdrop-filter:blur(3px);}
.sitio-drawer-sheet{
  position:absolute;bottom:0;left:50%;transform:translateX(-50%);
  width:100%;max-width:520px;background:var(--bg);
  border-radius:var(--r-xl) var(--r-xl) 0 0;max-height:82vh;overflow-y:auto;
  box-shadow:var(--sh-l);animation:slide-up .26s ease;
}
@keyframes slide-up{from{transform:translateX(-50%) translateY(100%);}to{transform:translateX(-50%) translateY(0);}}
.sitio-drawer-handle{width:36px;height:4px;border-radius:2px;background:var(--bdr-m);margin:10px auto 0;}
.sitio-drawer-hdr{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--bdr);position:sticky;top:0;background:var(--bg);z-index:1;}
.sitio-drawer-ttl{font-family:var(--fd);font-weight:800;font-size:17px;}
.sitio-drawer-close{background:var(--bg-e);border:none;width:28px;height:28px;border-radius:50%;font-size:13px;color:var(--muted);}
.sitio-f-section{margin-bottom:16px;}
.sitio-f-lbl{font-family:var(--fd);font-weight:700;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;}
.sitio-f-chips{display:flex;gap:5px;flex-wrap:wrap;}
.sitio-fchip{background:var(--bg-s);color:var(--txt);border:1.5px solid var(--bdr);border-radius:999px;padding:5px 12px;font-family:var(--fd);font-weight:700;font-size:11px;cursor:pointer;transition:all .2s;}
.sitio-fchip.active{background:var(--p);color:#fff;border-color:var(--p);}
.sitio-drawer-foot{display:grid;grid-template-columns:1fr 2fr;gap:8px;padding:12px 16px;border-top:1px solid var(--bdr);position:sticky;bottom:0;background:var(--bg);}

/* ── WA BRIDGE ── */
#sitio-bridge{display:none;position:fixed;inset:0;z-index:600;flex-direction:column;justify-content:flex-end;max-width:520px;margin:0 auto;left:50%;transform:translateX(-50%);width:100%;}
#sitio-bridge.open{display:flex;}
.sitio-bridge-ov{flex:1;background:rgba(29,36,51,.55);backdrop-filter:blur(4px);}
.sitio-bridge-sheet{background:var(--bg);border-radius:var(--r-xl) var(--r-xl) 0 0;max-height:90vh;overflow-y:auto;box-shadow:var(--sh-l);padding-bottom:28px;animation:slide-up2 .26s ease;}
@keyframes slide-up2{from{transform:translateY(100%);}to{transform:translateY(0);}}
.sitio-bridge-handle{width:36px;height:4px;border-radius:2px;background:var(--bdr-m);margin:10px auto 0;}
.sitio-bridge-body{padding:14px 16px;}
.sitio-bridge-why{background:var(--wa-l);border:1.5px solid rgba(37,211,102,.28);border-radius:var(--r-m);padding:10px 12px;margin-bottom:12px;display:flex;gap:9px;align-items:flex-start;}
.sitio-bridge-vendor{background:var(--bg-s);border:1px solid var(--bdr);border-radius:var(--r-m);padding:11px;margin-bottom:11px;display:flex;gap:10px;align-items:center;}
.sitio-wa-preview{background:#E5DDD5;border-radius:var(--r-m);padding:10px;margin-bottom:11px;}
.sitio-wa-lbl{font-size:9px;font-weight:700;font-family:var(--fd);color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:7px;}
.sitio-wa-bubble{background:var(--wa-m);border-radius:12px 12px 2px 12px;padding:9px 11px;max-width:92%;margin-left:auto;box-shadow:0 1px 2px rgba(0,0,0,.1);}
.sitio-wa-txt{font-size:12px;color:var(--head);line-height:1.55;white-space:pre-wrap;}
.sitio-wa-tick{font-size:9px;color:#53BDEB;text-align:right;margin-top:2px;}
.sitio-bridge-perks{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:14px;}
.sitio-bridge-perk{background:var(--bg-s);border:1px solid var(--bdr);border-radius:10px;padding:9px;}
.sitio-bridge-perk-ttl{font-size:10px;font-weight:700;font-family:var(--fd);color:var(--head);margin-bottom:1px;}
.sitio-bridge-perk-sub{font-size:9px;color:var(--muted);}
.sitio-bridge-cta{padding:0 16px 8px;}
.sitio-bridge-foot-txt{font-size:10px;color:var(--muted);text-align:center;margin-top:5px;}
.sitio-bridge-sent{padding:36px 24px;text-align:center;}
.sitio-sent-icon{width:86px;height:86px;border-radius:50%;background:var(--wa-l);border:3px solid var(--wa);display:flex;align-items:center;justify-content:center;font-size:36px;margin:0 auto 14px;animation:pop-in .4s ease;}
@keyframes pop-in{0%{transform:scale(.4);opacity:0;}80%{transform:scale(1.08);}100%{transform:scale(1);opacity:1;}}

/* ── PRODUCT SINGLE ── */
.sitio-product-hero{min-height:255px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--bg-e);}
.sitio-product-hero img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;}
.sitio-product-hero-fade{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 45%,var(--bg) 100%);z-index:1;}
.sitio-ph-back,.sitio-ph-save{position:absolute;z-index:5;background:rgba(255,255,255,.92);border:none;width:36px;height:36px;border-radius:50%;font-size:15px;cursor:pointer;box-shadow:var(--sh-m);display:flex;align-items:center;justify-content:center;text-decoration:none;}
.sitio-ph-back{top:12px;left:12px;}
.sitio-ph-save{top:12px;right:12px;}
.sitio-product-body{padding:14px;background:var(--bg);}
.sitio-sale-banner{background:linear-gradient(90deg,#F36A2E,#ff8800);border-radius:10px;padding:9px 12px;margin-bottom:11px;display:flex;justify-content:space-between;align-items:center;}
.sitio-product-h1{font-family:var(--fd);font-weight:800;font-size:20px;line-height:1.25;margin-bottom:7px;}
.sitio-product-price{font-family:var(--fd);font-weight:800;font-size:28px;color:var(--p);display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin:9px 0 7px;}
.sitio-product-price del{font-size:14px;color:var(--muted);font-weight:400;}
.sitio-save-tag{background:var(--a-l);color:var(--a);font-size:11px;font-weight:700;font-family:var(--fd);padding:3px 9px;border-radius:999px;}
.sitio-tabs{display:flex;border-bottom:1px solid var(--bdr);margin-bottom:11px;}
.sitio-tab-btn{flex:1;padding:9px 0;background:transparent;border:none;border-bottom:2.5px solid transparent;font-family:var(--fd);font-weight:700;font-size:11px;color:var(--muted);cursor:pointer;}
.sitio-tab-btn.active{border-bottom-color:var(--p);color:var(--p);}
.sitio-tab-pane{display:none;}
.sitio-tab-pane.active{display:block;}
.sitio-vendor-chip{display:flex;align-items:center;gap:10px;background:var(--bg-s);border:1px solid var(--bdr);border-radius:var(--r-m);padding:11px;cursor:pointer;text-decoration:none;color:inherit;transition:border-color .2s;}
.sitio-vendor-chip:hover{border-color:var(--p);}
.sitio-sticky-cta{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:520px;background:var(--bg);border-top:1px solid var(--bdr);padding:10px 14px;padding-bottom:max(12px,env(safe-area-inset-bottom));box-shadow:0 -4px 20px rgba(0,0,0,.09);z-index:100;}

/* ── VENDOR STORE ── */
.sitio-store-hero{position:relative;overflow:hidden;}
.sitio-store-bg{min-height:170px;padding:44px 14px 14px;background:linear-gradient(135deg,var(--p-d),var(--p));position:relative;}
.sitio-store-bg.has-banner{background-size:cover;background-position:center;}
.sitio-store-back{position:absolute;top:12px;left:12px;background:rgba(255,255,255,.2);border:none;width:32px;height:32px;border-radius:50%;color:#fff;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;}
.sitio-store-name{font-family:var(--fd);font-weight:800;font-size:19px;color:#fff;line-height:1.2;}
.sitio-store-loc{font-size:11px;color:rgba(255,255,255,.75);margin-top:2px;}
.sitio-store-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--bdr);overflow:hidden;}
.sitio-store-stat{background:var(--bg);padding:10px 4px;text-align:center;}
.sitio-stat-num{font-family:var(--fd);font-weight:800;font-size:14px;line-height:1;}
.sitio-stat-lbl{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.3px;margin-top:2px;}
.sitio-store-actions{display:grid;grid-template-columns:2fr 1fr 1fr;gap:8px;padding:11px 12px;background:var(--bg);}
/* Store search - FIX zoom iOS: font-size ≥ 16px */
.sitio-store-search{margin:8px 12px;background:var(--bg-s);border:1.5px solid var(--bdr-m);border-radius:999px;display:flex;align-items:center;gap:7px;padding:8px 12px;}
.sitio-store-search input{flex:1;border:none;background:transparent;font-size:16px!important;font-family:var(--fb);color:var(--head);outline:none;}
.sitio-store-tabs{display:flex;background:var(--bg);border-bottom:1px solid var(--bdr);position:sticky;top:0;z-index:10;}
.sitio-store-tab{flex:1;padding:10px 0;background:transparent;border:none;border-bottom:2.5px solid transparent;font-family:var(--fd);font-weight:700;font-size:11px;color:var(--muted);cursor:pointer;}
.sitio-store-tab.active{border-bottom-color:var(--p);color:var(--p);}
.sitio-store-cats{display:flex;gap:6px;overflow-x:auto;padding:9px 12px;background:var(--bg);border-bottom:1px solid var(--bdr);}
.sitio-store-cat-chip{flex-shrink:0;border-radius:999px;padding:5px 12px;font-family:var(--fd);font-weight:700;font-size:10px;cursor:pointer;transition:all .2s;border:1.5px solid var(--bdr);background:var(--bg-s);color:var(--txt);}
.sitio-store-cat-chip.active{background:var(--p);color:#fff;border-color:var(--p);}

/* ── SHIPPING ── */
.sitio-ship-list{display:flex;flex-direction:column;gap:6px;}
.sitio-ship-opt{display:flex;align-items:center;gap:9px;padding:10px 11px;border-radius:var(--r);border:1.5px solid var(--bdr);background:var(--bg);cursor:pointer;transition:all .2s;}
.sitio-ship-opt.selected{background:var(--p-l);border-color:var(--p);}
.sitio-free-bar{background:var(--bg-e);border:1px solid var(--bdr);border-radius:var(--r);padding:9px 11px;}
.sitio-free-bar.ok{background:var(--p-l);border-color:var(--p);}

/* ── ONBOARDING ── */
.sitio-onboarding{display:none;position:fixed;inset:0;z-index:9999;background:var(--p-d);flex-direction:column;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;}
.sitio-onboarding.open{display:flex;}
.sitio-ob-slide{display:none;text-align:center;padding:32px 28px;width:100%;max-width:400px;}
.sitio-ob-slide.active{display:block;}
.sitio-ob-icon{font-size:72px;margin-bottom:20px;display:block;}
.sitio-ob-h{font-family:var(--fd);font-weight:800;font-size:24px;color:#fff;margin-bottom:10px;}
.sitio-ob-p{font-size:14px;color:rgba(255,255,255,.78);line-height:1.6;max-width:280px;margin:0 auto;}
.sitio-ob-dots{display:flex;gap:7px;justify-content:center;margin:28px 0 18px;}
.sitio-ob-dot{width:8px;height:8px;border-radius:4px;background:rgba(255,255,255,.35);transition:all .3s;}
.sitio-ob-dot.active{width:22px;background:#fff;}
/* FIX: botones onboarding con pointer-events explícito */
.sitio-ob-next{
  background:#fff;color:var(--p-d);border:none;border-radius:999px;
  padding:14px 36px;font-family:var(--fd);font-weight:800;font-size:15px;
  cursor:pointer;width:calc(100% - 56px);max-width:320px;
  display:block;margin:0 auto;
  pointer-events:auto !important;
  position:relative;z-index:10000;
  -webkit-tap-highlight-color:rgba(0,0,0,.1);
}
.sitio-ob-skip{
  background:none;border:none;color:rgba(255,255,255,.55);
  font-size:13px;margin-top:12px;cursor:pointer;font-family:var(--fd);
  display:block;
  pointer-events:auto !important;
  position:relative;z-index:10000;
  padding:8px 20px;
}

/* ── SEARCH OVERLAY ── */
#sitio-search{display:none;position:fixed;inset:0;z-index:600;background:var(--bg);flex-direction:column;}
#sitio-search.open{display:flex;}
.sitio-search-hdr{display:flex;gap:9px;align-items:center;padding:11px 14px;border-bottom:1px solid var(--bdr);}
.sitio-search-inp-wrap{flex:1;background:var(--bg-s);border:1.5px solid var(--p);border-radius:999px;display:flex;align-items:center;gap:7px;padding:8px 13px;}
.sitio-search-inp-wrap input{flex:1;border:none;background:transparent;font-size:16px!important;font-family:var(--fb);color:var(--head);outline:none;}
.sitio-search-back{background:var(--bg-e);border:none;width:34px;height:34px;border-radius:50%;font-size:15px;flex-shrink:0;cursor:pointer;}
.sitio-search-body{overflow-y:auto;flex:1;padding:14px;}
.sitio-search-chip{background:var(--bg-s);color:var(--txt);border:1px solid var(--bdr);border-radius:999px;padding:5px 11px;font-size:11px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;margin:3px;}
.sitio-search-chip.hot{background:var(--p-l);color:var(--p);border-color:var(--p);}

/* ── CART ── */
.sitio-cart-item{background:var(--bg);border-radius:var(--r-m);border:1px solid var(--bdr);padding:11px;margin-bottom:9px;display:flex;gap:10px;box-shadow:var(--sh-s);}
.sitio-cart-thumb{width:66px;height:66px;border-radius:10px;flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--bg-e);}
.sitio-cart-thumb img{width:100%;height:100%;object-fit:cover;}
.sitio-cart-summary{background:var(--bg);border-radius:var(--r-m);border:1px solid var(--bdr);padding:14px;box-shadow:var(--sh-s);}
.sitio-sum-row{display:flex;justify-content:space-between;font-size:13px;margin-bottom:5px;}
.sitio-sum-total{border-top:1px solid var(--bdr);padding-top:7px;margin-top:4px;}
.sitio-sum-total .sitio-sum-row span:last-child{font-family:var(--fd);font-weight:800;font-size:17px;color:var(--p);}

/* ── ACCOUNT ── */
.sitio-acc-hdr{background:linear-gradient(135deg,var(--p-d),var(--p));padding:20px 14px;}
.sitio-acc-photo{width:58px;height:58px;border-radius:50%;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff;font-family:var(--fd);font-weight:800;flex-shrink:0;overflow:hidden;}
.sitio-acc-photo img{width:100%;height:100%;object-fit:cover;}
.sitio-menu-item{display:flex;align-items:center;gap:11px;padding:13px 16px;border-bottom:1px solid var(--bdr);cursor:pointer;text-decoration:none;color:inherit;transition:background .15s;}
.sitio-menu-item:hover{background:var(--bg-s);}
.sitio-menu-icon{width:34px;height:34px;border-radius:10px;background:var(--bg-e);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;}
.sitio-menu-lbl{font-size:13px;font-weight:600;flex:1;}

/* ── CHECKOUT ── */
.sitio-checkout-sec{background:var(--bg);border-radius:var(--r-m);border:1px solid var(--bdr);padding:14px;margin-bottom:12px;box-shadow:var(--sh-s);}
.sitio-checkout-ttl{font-family:var(--fd);font-weight:700;font-size:14px;margin-bottom:12px;}
.sitio-form-group{margin-bottom:10px;}
.sitio-form-label{font-size:11px;font-weight:700;color:var(--txt);margin-bottom:4px;display:block;font-family:var(--fd);}
.sitio-form-input{width:100%;background:var(--bg-s);border:1.5px solid var(--bdr);border-radius:var(--r);padding:10px 13px;font-size:16px!important;font-family:var(--fb);color:var(--head);outline:none;transition:border .2s;}
.sitio-form-input:focus{border-color:var(--p);}
.sitio-form-row2{display:grid;grid-template-columns:1fr 1fr;gap:9px;}

/* ── TOAST + SK ── */
#sitio-toast{position:fixed;bottom:calc(var(--nav-h) + 10px);left:50%;transform:translateX(-50%);background:rgba(29,36,51,.92);color:#fff;font-family:var(--fd);font-weight:700;font-size:12px;padding:10px 20px;border-radius:999px;white-space:nowrap;z-index:800;box-shadow:var(--sh-m);display:none;backdrop-filter:blur(8px);}
.sk{background:var(--bg-e);border-radius:var(--r-s);position:relative;overflow:hidden;}
.sk::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);animation:shimmer 1.3s infinite;}
@keyframes shimmer{0%{transform:translateX(-100%);}100%{transform:translateX(100%);}}

/* ── WC OVERRIDES ── */
body.sitio-gt .woocommerce ul.products li.product .button.add_to_cart_button{display:none!important;}
body.sitio-gt .woocommerce span.onsale{background:var(--a)!important;color:#fff!important;font-family:var(--fd)!important;font-weight:700!important;border-radius:999px!important;padding:3px 9px!important;font-size:10px!important;min-height:auto!important;min-width:auto!important;}
body.sitio-gt .woocommerce .price{color:var(--p)!important;font-family:var(--fd)!important;font-weight:800!important;}
body.sitio-gt .woocommerce button.button,body.sitio-gt .woocommerce input.button{background:var(--p)!important;color:#fff!important;font-family:var(--fd)!important;font-weight:700!important;border-radius:var(--r)!important;border:none!important;}
body.sitio-gt .woocommerce form .form-row input.input-text,body.sitio-gt .woocommerce form .form-row select{border:1.5px solid var(--bdr);border-radius:var(--r);font-family:var(--fb);padding:10px 13px;font-size:16px!important;}
body.sitio-gt .woocommerce form .form-row input.input-text:focus{border-color:var(--p);outline:none;}
body.sitio-gt .woocommerce-message{border-top-color:var(--p)!important;background:var(--p-l)!important;}

/* ── SERVICES ── */
.sitio-svc-card{background:var(--bg);border:1px solid var(--bdr);border-radius:var(--r-m);overflow:hidden;box-shadow:var(--sh-s);transition:transform .2s;}
.sitio-svc-card:hover{transform:translateY(-2px);box-shadow:var(--sh-m);}
.sitio-svc-img{height:140px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--bg-e);}
.sitio-svc-img img{width:100%;height:100%;object-fit:cover;}
.sitio-svc-body{padding:12px;}
.sitio-svc-cat{font-size:9px;font-weight:700;font-family:var(--fd);color:var(--p);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;}
.sitio-svc-title{font-family:var(--fd);font-weight:700;font-size:14px;margin-bottom:5px;}
.sitio-svc-price{font-family:var(--fd);font-weight:800;font-size:15px;color:var(--p);}
.sitio-svc-vendor{font-size:10px;color:var(--muted);margin-bottom:8px;}

/* ── PWA ── */
@media(display-mode:standalone){
  #sitio-nav{padding-bottom:max(14px,env(safe-area-inset-bottom));}
  #sitio-hdr{padding-top:max(10px,env(safe-area-inset-top));}
}