/* ES10_TPL skin — Grupodist 2024 · diseño "Fresco" propio.
   Verde pino + persimón sobre papel cálido; Gabarito (display) + Instrument Sans (texto) + DM Mono.
   Formas redondeadas y botones píldora. Claramente distinto del gris-azul recto de otras tiendas. */

/* ---- variables base del tema (las usa home.php y la vista de producto) ---- */
body.d10, body.sk-gd{
  --bg:#F4F1E9; --sup:#FFFFFF; --ink:#15241C; --acero:#5F6B61;
  --azul:#0E7C57; --azul-d:#0A5E42; --cal:#E2623A; --menta:#D5EBDF;
  --linea:#E3DED1; --foto:#FFFFFF; --wrap:1300px;
  --fh:'Gabarito',system-ui,sans-serif; --fm:'DM Mono',ui-monospace,monospace;
  /* ---- variables d10 (las usa d10.css: cabecera, tarjetas, ficha) ---- */
  --algodon:#F4F1E9; --blanco:#FFFFFF; --tinta:#15241C; --tinta-2:#5F6B61;
  --ambar:#0E7C57; --gris:#FFFFFF; --foto:#FFFFFF;
  --serif:'Gabarito',system-ui,sans-serif; --sans:'Instrument Sans',system-ui,sans-serif; --mono:'DM Mono',ui-monospace,monospace;
  --btn:#0E7C57; --btn-fg:#fff; --btn-h:#0A5E42; --cta:#E2623A; --cta-fg:#fff; --cta-h:#C94E2A; --sbtn:#15241C;
  --r:14px; --rs:12px; --rx:999px; --shadow-rgb:21,36,28;
}
body.d10{background:var(--bg)}
body.sk-gd{font-family:var(--sans)}
body.sk-gd h1,body.sk-gd h2,body.sk-gd h3{font-family:var(--fh);font-weight:800;letter-spacing:-.02em}

/* ---- scrollbars en paleta (SCROLL_V1) ---- */
body.sk-gd{scrollbar-color:var(--azul) var(--menta);scrollbar-width:thin}
body.sk-gd ::-webkit-scrollbar{width:11px;height:11px}
body.sk-gd ::-webkit-scrollbar-track{background:var(--menta)}
body.sk-gd ::-webkit-scrollbar-thumb{background:var(--azul);border-radius:999px;border:2px solid var(--menta)}
body.sk-gd ::-webkit-scrollbar-thumb:hover{background:var(--azul-d)}

/* ---- cabecera: franja superior verde, logo Gabarito, buscador píldora ---- */
.sk-gd .h10-top{background:var(--ink);color:#DDEADF;border-bottom:0}
.sk-gd .h10-top .h10-in{font-family:var(--fm);font-size:11.5px;font-weight:400;gap:4px 10px}
.sk-gd .h10-top .tb-msg > *+*::before{content:"•";margin-right:10px;color:var(--azul);display:inline-block}
.sk-gd .h10{background:var(--sup);border-bottom:1px solid var(--linea)}
.sk-gd .h10-logo .w{font-family:var(--fh);font-weight:900;font-size:25px;letter-spacing:-.04em;color:var(--ink)}
.sk-gd .h10-search{border:1.5px solid var(--ink);background:#fff;border-radius:999px;padding-right:0;padding-left:16px;overflow:hidden}
.sk-gd .h10-search input{background:transparent}
.sk-gd .h10-search button{height:100%;padding:0 22px;font-size:14px;background:var(--azul);color:#fff;border-radius:0 999px 999px 0}
.sk-gd .h10-acts .n{background:var(--cal);color:#fff;border-radius:999px}
.sk-gd .h10-acts a:hover{background:var(--menta)}
.sk-gd .h10-cats{border-top:1px solid var(--linea)}
.sk-gd .h10-cats a{font-weight:600}
.sk-gd .h10-cats a.on{border-bottom-color:var(--azul);color:var(--azul)}
.sk-gd .h10-cats a:hover{color:var(--azul)}

/* ---- títulos y acentos ---- */
.sk-gd .t10,.sk-gd .f10-claim{font-family:var(--fh);font-weight:800;letter-spacing:-.03em}
.sk-gd .t10 em,.sk-gd .f10-claim em,.sk-gd h1 em,.sk-gd h2 em{font-style:normal;color:var(--azul)}
.sk-gd .kick10,.sk-gd .ct10-i dt{color:var(--cal);font-family:var(--fm);letter-spacing:.02em}

/* ---- botones píldora en toda la tienda ---- */
.sk-gd .btn10,.sk-gd .c10-add,.sk-gd .pi10 .add,.sk-gd .d9-cta,.sk-gd .d9-cta-ink,
.sk-gd .sum10 .btn,.sk-gd .ck10 button,.sk-gd .hz-go{border-radius:999px!important}

/* ---- tarjeta de producto: foto blanca, redondeada, precio Gabarito ---- */
.sk-gd .c10{border-color:var(--linea);border-radius:18px;overflow:hidden;background:#fff;transition:transform .18s,box-shadow .18s}
.sk-gd .c10:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(21,36,28,.12)}
.sk-gd .c10-ph{background:#fff;border-bottom:1px solid var(--linea)}
.sk-gd .c10-ph img{mix-blend-mode:multiply}
.sk-gd .c10-brand{border:0;padding:0;height:auto;color:var(--acero);letter-spacing:.1em;font-family:var(--fm);font-size:11px}
.sk-gd .c10-brand::before{display:none}
.sk-gd .c10-n{font-family:var(--sans);font-weight:600;font-size:16px;letter-spacing:-.01em;line-height:1.3}
.sk-gd .c10-s{color:var(--ink);padding-bottom:12px;border-bottom:1px solid var(--linea)}
.sk-gd .c10-p b{font-family:var(--fh);font-weight:800;font-size:25px;letter-spacing:-.02em;color:var(--ink)}
.sk-gd .c10-act{flex-direction:row;align-items:center;justify-content:space-between;gap:8px}
.sk-gd .c10-act form{flex:1}
.sk-gd .c10-add{white-space:nowrap;font-size:13px;padding:0 14px;height:42px;background:var(--azul);color:#fff}
.sk-gd .c10-add:hover{background:var(--azul-d)}
.sk-gd .c10-cmp{font-size:12px;gap:5px;color:var(--acero)}

/* ---- ficha de producto ---- */
.sk-gd .g10 .main,.sk-gd .g10 .thumbs button,.sk-gd .ln10 .ph,.sk-gd .mi10 img,.sk-gd .cmp10 thead img{background:#fff;border:1px solid var(--linea);border-radius:16px}
.sk-gd .g10 .main img,.sk-gd .g10 .thumbs img,.sk-gd .ln10 .ph img{mix-blend-mode:multiply}
.sk-gd .pi10 .pr b,.sk-gd .sum10 .tot > b,.sk-gd .ln10 .tt{font-family:var(--fh);font-weight:800;letter-spacing:-.02em;color:var(--ink)}
.sk-gd .pi10 h1{font-family:var(--fh);font-weight:800}

/* ---- filtros / chips / segmentos / paginación ---- */
.sk-gd .chips10 a,.sk-gd .pg10 a{border-radius:999px}
.sk-gd .chips10 a.on,.sk-gd .seg10 input:checked + span{background:var(--azul);border-color:var(--azul);color:#fff!important}
.sk-gd .ck.on i{background:var(--azul);border-color:var(--azul)}
.sk-gd .pg10 .on{background:var(--azul);border-color:var(--azul)}
.sk-gd .seg10 span{border-radius:999px}
.sk-gd .tabs10-h button.on{border-bottom-color:var(--azul);color:var(--azul)}

/* ---- enlaces generales ---- */
.sk-gd a{color:var(--azul)}
.sk-gd .h10-logo a,.sk-gd .c10 a,.sk-gd .tz,.sk-gd .d9-brand{color:var(--ink)}

@media(max-width:560px){.sk-gd .c10-act{flex-direction:column;align-items:stretch}}