/* ES10_TPL skin — DOTI Home Iberia · diseño propio "Ártico".
   Cobalto eléctrico + aqua hielo sobre niebla fría; Bricolage Grotesque (display) + Hanken Grotesk (texto) + Spline Sans Mono.
   Cabecera 'vent' con barra de tipos. Claramente distinto del verde-papel de otras tiendas de la serie. */

/* ---- variables base del tema ---- */
body.d10, body.sk-dh{
  --bg:#EDF1F7; --sup:#FFFFFF; --ink:#152233; --acero:#566274;
  --azul:#1F5AE0; --azul-d:#1642B0; --cal:#0E8FA0; --menta:#DCE6FB;
  --linea:#DBE2EC; --foto:#FFFFFF; --wrap:1300px;
  --fh:'Bricolage Grotesque',system-ui,sans-serif; --fm:'Spline Sans Mono',ui-monospace,monospace;
  /* ---- variables d10 (cabecera, tarjetas, ficha) ---- */
  --algodon:#EDF1F7; --blanco:#FFFFFF; --tinta:#152233; --tinta-2:#566274;
  --ambar:#1F5AE0; --gris:#FFFFFF; --foto:#FFFFFF;
  --serif:'Bricolage Grotesque',system-ui,sans-serif; --sans:'Hanken Grotesk',system-ui,sans-serif; --mono:'Spline Sans Mono',ui-monospace,monospace;
  --btn:#1F5AE0; --btn-fg:#fff; --btn-h:#1642B0; --cta:#0E8FA0; --cta-fg:#fff; --cta-h:#0B7684; --sbtn:#152233;
  --r:14px; --rs:12px; --rx:999px; --shadow-rgb:21,34,51;
}
body.d10{background:var(--bg)}
body.sk-dh{font-family:var(--sans)}
body.sk-dh h1,body.sk-dh h2,body.sk-dh h3{font-family:var(--fh);font-weight:800;letter-spacing:-.02em}

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

/* ---- VENT_V1 — logo izquierda · buscador píldora · barra de tipos con iconos ---- */
.sk-dh .h10v{position:sticky;top:0;z-index:60;background:#fff;box-shadow:0 1px 0 var(--linea)}
.sk-dh .h10v-top{background:var(--ink);color:#B7C2D6;font-size:12px}
.sk-dh .h10v-top .h10-in{display:flex;justify-content:center;min-height:34px;align-items:center}
.sk-dh .h10v-top .tb-msg{display:flex;gap:28px;white-space:nowrap;overflow:hidden}
.sk-dh .h10v-top .tb-msg span::before{content:"";display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:#3FC6D6;vertical-align:1px}
.sk-dh .h10v-top .tb-lnk{display:none}
.sk-dh .h10v-row{display:flex;align-items:center;gap:clamp(14px,2.4vw,36px);min-height:80px}
.sk-dh .h10v-logo{flex:none;display:flex;align-items:center;gap:11px;text-decoration:none!important;color:var(--ink)!important}
.sk-dh .h10v-logo img{width:40px;height:40px}
.sk-dh .h10v-logo span{display:flex;flex-direction:column;line-height:1.04}
.sk-dh .h10v-logo .w{font:800 24px var(--serif);letter-spacing:-.03em}
.sk-dh .h10v-logo .s{font:500 11.5px var(--sans);color:var(--cal)}
.sk-dh .h10v-q{flex:1;display:flex;align-items:center;max-width:640px;height:50px;margin:0 auto;padding:0 6px 0 22px;border:1.5px solid var(--linea);border-radius:999px;background:var(--bg);transition:border-color .2s,background .2s}
.sk-dh .h10v-q:focus-within{border-color:var(--azul);background:#fff}
.sk-dh .h10v-q input{flex:1;min-width:0;border:0;background:none;font:400 15px var(--sans);color:var(--ink);outline:0}
.sk-dh .h10v-q button{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:var(--azul);color:#fff;cursor:pointer}
.sk-dh .h10v-q button:hover{background:var(--azul-d)}
.sk-dh .h10v-acts{flex:none;display:flex;align-items:center;gap:6px}
.sk-dh .h10v-acts a{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 10px;border-radius:12px;font:500 11.5px var(--sans);color:#3a4656!important;text-decoration:none!important}
.sk-dh .h10v-acts a.ic:hover{background:var(--menta);color:var(--azul)!important}
.sk-dh .h10v-acts .n{position:absolute;top:2px;right:8px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--cal);color:#fff;font-size:10px;line-height:17px;text-align:center}
.sk-dh .h10v-acts .cart{flex-direction:row;gap:8px;margin-left:6px;padding:0 8px 0 18px;height:48px;border-radius:999px;background:var(--azul);color:#fff!important;font-size:14px;font-weight:600}
.sk-dh .h10v-acts .cart b{display:grid;place-items:center;min-width:30px;height:30px;border-radius:50%;background:#fff;color:var(--azul);font-size:13px}
.sk-dh .h10v-acts .cart:hover{background:var(--azul-d)}
.sk-dh .h10v-nav{border-top:1px solid var(--linea);background:#fff}
.sk-dh .h10v-nav>.h10-in{display:flex;align-items:stretch;gap:2px;overflow-x:auto;scrollbar-width:none}
.sk-dh .h10v-nav>.h10-in::-webkit-scrollbar{display:none}
.sk-dh .h10v-nav a{position:relative;flex:none;display:flex;align-items:center;gap:9px;padding:11px 15px;font:600 14px var(--sans);color:#3a4656!important;text-decoration:none!important;transition:color .2s}
.sk-dh .h10v-nav svg{width:34px;height:20px;fill:none;stroke:currentColor;stroke-width:3.4;stroke-linejoin:round;stroke-linecap:round;color:#8793a6;transition:color .2s,transform .3s}
.sk-dh .h10v-nav a::after{content:"";position:absolute;left:15px;right:15px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--azul);transform:scaleX(0);transition:transform .25s}
.sk-dh .h10v-nav a:hover,.sk-dh .h10v-nav a.on{color:var(--ink)!important}
.sk-dh .h10v-nav a:hover svg,.sk-dh .h10v-nav a.on svg{color:var(--azul);transform:translateY(-1px)}
.sk-dh .h10v-nav a.on::after,.sk-dh .h10v-nav a:hover::after{transform:scaleX(1)}
.sk-dh .h10v-nav .sp{flex:1}
.sk-dh .h10v-nav a.tx{font-weight:500;color:#5a6779!important}
.sk-dh .h10v-burger{display:none}
@media (max-width:1180px){.sk-dh .h10v-acts a.ic span{display:none}.sk-dh .h10v-nav a{padding:11px 11px}}
@media (max-width:900px){
  .sk-dh .h10v-top{display:none}
  .sk-dh .h10v-row{flex-wrap:wrap;gap:10px 12px;min-height:0;padding-top:12px;padding-bottom:12px}
  .sk-dh .h10v-burger{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;border:0;border-radius:12px;background:var(--menta);cursor:pointer}
  .sk-dh .h10v-burger i{display:block!important;width:18px!important;height:2px!important;border-radius:2px;flex:none;background:var(--ink)!important}
  .sk-dh .h10v-logo{flex:1}.sk-dh .h10v-logo img{width:32px;height:32px}.sk-dh .h10v-logo .w{font-size:19px}.sk-dh .h10v-logo .s{display:none}
  .sk-dh .h10v-acts a.ic{display:none}.sk-dh .h10v-acts .cart{height:44px;padding:0 6px 0 14px;margin:0}.sk-dh .h10v-acts .cart span{display:none}
  .sk-dh .h10v-q{order:5;flex-basis:100%;max-width:none;height:46px}
  .sk-dh .h10v-nav>.h10-in{gap:0}
  .sk-dh .h10v-nav a{flex-direction:column;gap:3px;padding:9px 10px;font-size:12px}.sk-dh .h10v-nav .sp,.sk-dh .h10v-nav a.tx{display:none}
  body.h10l-open .sk-dh .h10v-nav a.tx{display:flex}
}

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

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

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

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

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

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

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