/* ES10_TPL skin — ENCOPRO · diseño propio "Orquídea Nocturna".
   Berenjena profunda + magenta orquídea sobre lila-platino claro.
   Bricolage Grotesque (display) + Hanken Grotesk (texto) + IBM Plex Mono (mono). Cabecera clásica 'line'.
   Paleta berenjena/magenta distinta del verde, cobalto, índigo, coral, teal, granate y grafito-volt, y del donante. */

/* ---- variables base del tema ---- */
body.d10, body.sk-ec{
  --bg:#F6F1F6; --sup:#FFFFFF; --ink:#1E1326; --acero:#6A5A72;
  --azul:#3B1F52; --azul-d:#2A1540; --cal:#C01A64; --menta:#F7E3EF;
  --linea:#ECE2EC; --foto:#FFFFFF; --wrap:1300px;
  --fh:'Bricolage Grotesque',system-ui,sans-serif; --fm:'IBM Plex Mono',ui-monospace,monospace;
  /* ---- variables d10 (cabecera 'line', tarjetas, ficha) ---- */
  --algodon:#F6F1F6; --blanco:#FFFFFF; --tinta:#1E1326; --tinta-2:#6A5A72;
  --ambar:#C01A64; --gris:#FFFFFF; --foto:#FFFFFF;
  --serif:'Bricolage Grotesque',system-ui,sans-serif; --sans:'Hanken Grotesk',system-ui,sans-serif; --mono:'IBM Plex Mono',ui-monospace,monospace;
  --btn:#3B1F52; --btn-fg:#fff; --btn-h:#2A1540; --cta:#D6236A; --cta-fg:#fff; --cta-h:#B81A58; --sbtn:#1E1326;
  --r:14px; --rs:12px; --rx:999px; --shadow-rgb:30,19,38;
}
body.d10{background:var(--bg)}
body.sk-ec{font-family:var(--sans);color:var(--ink)}
body.sk-ec h1,body.sk-ec h2,body.sk-ec h3{font-family:var(--fh);font-weight:800;letter-spacing:-.02em}

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

/* ---- cabecera 'line' (clásica) — acentos magenta ---- */
.sk-ec .h10-top{background:var(--ink);color:#EAD9E5}
.sk-ec .h10-top a{color:#F2DEEB!important}
.sk-ec .h10-top .h10-secure b,.sk-ec .h10-top .h10-secure{color:#F6C9E0}
.sk-ec .h10l{background:#fff;box-shadow:0 1px 0 var(--linea)}
.sk-ec .h10l .h10-logo .w{font-family:var(--fh);font-weight:800;letter-spacing:-.03em;color:var(--ink)}
.sk-ec .h10l .h10-logo .s,.sk-ec .h10l .h10-logo .tx small{color:var(--cal)}
.sk-ec .h10l-nav a:hover,.sk-ec .h10l-nav a.on{color:var(--cal)!important}
.sk-ec .h10l-nav a.on::after,.sk-ec .h10l-nav a:hover::after{background:var(--cal)}
.sk-ec .h10-search{border-color:var(--linea)}
.sk-ec .h10-search:focus-within{border-color:var(--azul)}
.sk-ec .h10-search button{background:var(--azul);color:#fff}
.sk-ec .h10-search button:hover{background:var(--azul-d)}
.sk-ec .h10l-acts .cart{background:var(--azul);color:#fff!important}
.sk-ec .h10l-acts .cart:hover{background:var(--azul-d)}
.sk-ec .h10l-acts .cart .n,.sk-ec .h10-acts .n{background:var(--cta);color:#fff}

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

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

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

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

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

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

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


/* NODATE_V1 */
#h10m-dt{display:none!important}

/* CT24_V1: «24 h» legible */
.ct24 b{color:#fff!important}

/* PDPVAR_V1 START */
/* PDP L2: miniaturas verticales a la izquierda + compra en tarjeta pegajosa */
.pdp10 .g10{display:grid;grid-template-columns:86px 1fr;gap:12px}
.pdp10 .g10 .thumbs{order:-1;grid-template-columns:1fr!important;margin-top:0!important;align-content:start}
.pdp10 .pi10{position:sticky;top:110px;background:color-mix(in srgb,var(--azul) 7%,var(--blanco,#fff));border:1px solid color-mix(in srgb,var(--azul) 22%,transparent);border-radius:calc(var(--r,14px) + 8px);padding:clamp(20px,3vw,34px)}
@media(max-width:900px){.pdp10 .g10{grid-template-columns:1fr}.pdp10 .g10 .thumbs{order:0;grid-template-columns:repeat(4,1fr)!important}.pdp10 .pi10{position:static}}
/* Tabs b: píldoras */
.tabs10{border:0!important;background:none!important}.tabs10-h{border:0!important;padding:0!important;gap:8px!important}
.tabs10-h button{border:1.5px solid var(--linea)!important;border-radius:999px!important;padding:10px 18px!important;background:var(--blanco,#fff)!important}
.tabs10-h button.on{background:var(--azul)!important;border-color:var(--azul)!important;color:#fff!important}
.tabs10-p{margin-top:16px;background:var(--blanco,#fff);border:1px solid var(--linea);border-radius:var(--r,14px)}
/* Card a: sin borde, foto con fondo tintado */
.c10{border:0!important;background:transparent!important}.c10-ph{border-radius:var(--r,14px);background:color-mix(in srgb,var(--azul) 6%,#fff)!important}.c10-b{padding:14px 4px 6px!important}
/* PDPVAR_V1 END */