/* Temas por tienda (tiendas-kit). Se activa con body[data-tema] desde temas.js.
   Criterio: sobrio, como una tienda real. Una tipografia (Inter), color de marca solo en detalles. */

body[data-tema]{
  --tk-line:#0000001a;--tk-muted:#00000099;
  background:var(--tk-bg);color:var(--tk-ink);font-family:var(--tk-font);
}
body[data-tema=oscuro]{--tk-line:#ffffff1c;--tk-muted:#ffffff8c}

/* ---------- Barra de demo y encabezado ---------- */
body[data-tema]:not([data-barra]) .sc-presentation-bar{display:none}
body[data-tema] .sc-announcement{background:var(--tk-surface);color:var(--tk-muted);border-bottom:1px solid var(--tk-line);font-size:11px;letter-spacing:.06em;padding:10px}
body[data-tema] .sc-store-header{background:var(--tk-bg)!important;border-bottom:1px solid var(--tk-line);padding:18px 5%!important}
body[data-tema] .sc-store-header a{color:var(--tk-ink)!important}
body[data-tema] .sc-store-header nav a{font-size:13px}
body[data-tema] .sc-store-header nav{background:var(--tk-bg)}

body[data-tema] .sc-brand{font-size:16px;font-weight:600;letter-spacing:.12em}
.tk-brand{display:flex;align-items:center;gap:12px}
.tk-brand img{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}
.tk-brand small{display:none}

/* ---------- Botones ---------- */
body[data-tema] .btn{background:var(--tk-btn,var(--tk-ink))!important;border:1px solid var(--tk-btn,var(--tk-ink))!important;color:var(--tk-bg)!important;font-size:13px;font-weight:500;letter-spacing:.02em;border-radius:2px;padding:14px 26px;transition:opacity .16s ease-out}
@media (hover:hover){body[data-tema] .btn:hover{opacity:.85}}

/* ---------- Inicio ---------- */
.tk-hero{position:relative;background:#000;line-height:0}
.tk-hero img{display:block;width:100%;aspect-ratio:1920/800;max-height:560px;object-fit:cover}
.tk-hero-bar{line-height:1.4;display:flex;align-items:center;justify-content:space-between;gap:48px;padding:44px 5%;background:var(--tk-bg);border-bottom:1px solid var(--tk-line)}
.tk-hero-text{max-width:760px}
.tk-hero-text small{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--tk-accent);margin-bottom:14px}
.tk-hero-text h1{margin:0;font-size:clamp(30px,3.4vw,46px);font-weight:600;letter-spacing:-.025em;line-height:1.08;color:var(--tk-ink)}
.tk-hero-text p{margin:16px 0 0;font-size:15px;line-height:1.6;color:var(--tk-muted);max-width:520px}
.tk-hero-cta{display:flex;gap:12px;flex-shrink:0}
.tk-btn-sec{display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;border:1px solid var(--tk-line);border-radius:2px;font-size:13px;font-weight:500;color:var(--tk-ink)!important;transition:border-color .16s ease-out}
@media (hover:hover){.tk-btn-sec:hover{border-color:var(--tk-ink)}}

.tk-sec{padding:56px 5% 8px}
.tk-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:24px}
.tk-head h2{margin:0;font-size:22px;font-weight:600;letter-spacing:-.01em}
.tk-head h2 span{font-weight:400;font-size:14px;color:var(--tk-muted);margin-left:8px}
.tk-head a{font-size:13px;color:var(--tk-ink);text-decoration:underline;text-underline-offset:4px}

/* Tarjetas de producto */
body[data-tema] .sc-card-image{background:var(--tk-surface);margin-bottom:12px}
body[data-tema] .sc-card-image img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}
body[data-tema] .sc-store-card>small{color:var(--tk-muted);font-size:10px;letter-spacing:.08em}
body[data-tema] .sc-store-card h3{font-size:14px;font-weight:500;margin:4px 0;color:var(--tk-ink)}
body[data-tema] .sc-store-card p{font-size:14px;margin:4px 0;color:var(--tk-ink)}
body[data-tema] .sc-product-grid{gap:28px 16px}
body[data-tema] .sc-heart{background:var(--tk-bg);color:var(--tk-ink);opacity:.85}
body[data-tema] .sc-product-badge{background:var(--tk-ink);color:var(--tk-bg)}

/* Categorias con foto */
.tk-cats{display:grid;grid-template-columns:repeat(var(--n),1fr);gap:16px}
.tk-cats a{position:relative;display:block;aspect-ratio:3/4;overflow:hidden;background:var(--tk-surface)}
.tk-cats img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.23,1,.32,1)}
.tk-cats span{position:absolute;left:0;right:0;bottom:0;padding:40px 18px 16px;background:linear-gradient(transparent,#000000b3);color:#fff;font-size:16px;font-weight:600;line-height:1.3}
.tk-cats small{display:block;font-size:12px;font-weight:400;opacity:.8}
@media (hover:hover){.tk-cats a:hover img{transform:scale(1.03)}}

/* Instagram */
.tk-ig{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}
.tk-ig a{display:block;aspect-ratio:1;overflow:hidden;background:var(--tk-surface)}
.tk-ig img{width:100%;height:100%;object-fit:cover;display:block}

/* Beneficios */
.tk-benefits{display:grid;grid-template-columns:repeat(3,1fr);margin:56px 5% 0;border-top:1px solid var(--tk-line);border-bottom:1px solid var(--tk-line)}
.tk-benefits div{padding:28px 24px}
.tk-benefits div+div{border-left:1px solid var(--tk-line)}
.tk-benefits h3{margin:0 0 4px;font-size:14px;font-weight:600}
.tk-benefits p{margin:0;font-size:13px;color:var(--tk-muted)}

/* Pie de pagina */
.tk-footer{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;padding:56px 5% 28px;margin-top:64px;background:var(--tk-surface);border-top:1px solid var(--tk-line);font-size:13px}
.tk-footer-brand{display:flex;gap:14px;align-items:flex-start}
.tk-footer-brand img{width:44px;height:44px;border-radius:50%;object-fit:cover}
.tk-footer-brand b{letter-spacing:.1em}
.tk-footer-brand p{margin:8px 0 0;color:var(--tk-muted);line-height:1.6;max-width:320px}
.tk-footer nav{display:flex;flex-direction:column;gap:10px;position:static;padding:0;box-shadow:none;background:none}
.tk-footer nav b{font-size:12px;letter-spacing:.06em;margin-bottom:4px}
.tk-footer a{color:var(--tk-muted)}
.tk-footer small{grid-column:1/-1;border-top:1px solid var(--tk-line);padding-top:20px;color:var(--tk-muted);font-size:12px}

/* WhatsApp */
.tk-wsp{position:fixed;right:20px;bottom:20px;z-index:50;display:flex;align-items:center;gap:8px;background:#25d366;color:#fff!important;padding:12px 18px 12px 14px;border-radius:999px;font-size:13px;font-weight:600;box-shadow:0 4px 14px #0003}
.tk-wsp svg{width:22px;height:22px}

/* ---------- Paginas internas (catalogo, ficha, bolsa) ---------- */
body[data-tema] .sc-section h1,body[data-tema] .sc-product-info h1{font-weight:500;letter-spacing:-.02em;color:var(--tk-ink)}
body[data-tema] .sc-section h1{font-size:32px}
body[data-tema] .sc-section>p,body[data-tema] .sc-product-info>p,body[data-tema] .sc-product-info details p,body[data-tema] .sc-breadcrumb,body[data-tema] .sc-product-info>small,body[data-tema] .sc-count,body[data-tema] .admin-note{color:var(--tk-muted)}
body[data-tema] .sc-product-large,body[data-tema] .sc-summary,body[data-tema] .sc-thumb{background:var(--tk-surface)!important}
/* Ficha de producto: la foto llena su columna (las fotos son verticales) */
body[data-tema] .sc-product-detail{grid-template-columns:minmax(0,540px) minmax(0,460px);justify-content:center;gap:72px;align-items:start}
body[data-tema] .sc-product-large{padding:0;display:block;cursor:zoom-in}
body[data-tema] .sc-product-large .sc-art{aspect-ratio:3/4}
body[data-tema] .sc-product-large img{width:100%;height:100%;object-fit:cover;object-position:center 35%}
body[data-tema] .sc-product-large>span{position:absolute;right:12px;bottom:12px;padding:8px 12px;background:#000000a6;color:#fff;border-radius:2px;font-size:11px}
body[data-tema] .sc-product-detail .admin-note{display:none}
body[data-tema] .sc-gallery-thumbs{gap:8px;margin-top:8px}
body[data-tema] .sc-gallery-thumbs button{width:80px;height:106px;cursor:pointer;background:var(--tk-surface);border-color:var(--tk-line)}
body[data-tema] .sc-gallery-thumbs button[aria-pressed=true]{border-color:var(--tk-ink)}
body[data-tema] .sc-product-info{position:sticky;top:24px}
/* Vista ampliada: foto completa, sin recortar */
body[data-tema] .sc-zoom{background:#000;padding:16px;width:auto;max-width:92vw}
body[data-tema] .sc-zoom .sc-art{aspect-ratio:auto;max-height:86vh}
body[data-tema] .sc-zoom img{width:auto;max-width:88vw;height:auto;max-height:86vh;object-fit:contain}
body[data-tema] .sc-zoom p{color:#fff}
body[data-tema] .sc-detail-price{color:var(--tk-ink)!important}
body[data-tema] .sc-product-info details,body[data-tema] .sc-catalog-tools{border-color:var(--tk-line)}
body[data-tema] input,body[data-tema] select,body[data-tema] textarea{background:var(--tk-surface)!important;color:var(--tk-ink)!important;border:1px solid var(--tk-line)!important}
body[data-tema] .text-button{color:var(--tk-ink)}
body[data-tema] .sc-zoom,body[data-tema] .sc-dialog{background:var(--tk-surface);color:var(--tk-ink)}

/* ---------- Celular ---------- */
@media (max-width:760px){
  .tk-hero img{aspect-ratio:16/9}
  .tk-hero-bar{flex-direction:column;align-items:stretch;gap:24px;padding:32px 16px 36px}
  .tk-hero-text p{font-size:14px}
  .tk-hero-cta{flex-direction:column}
  .tk-hero-cta a{width:100%}
  .tk-sec{padding:40px 16px 4px}
  .tk-cats{grid-template-columns:repeat(2,1fr);gap:10px}
  .tk-ig{grid-template-columns:repeat(3,1fr);gap:4px}
  .tk-benefits{grid-template-columns:1fr;margin:40px 16px 0}
  .tk-benefits div+div{border-left:0;border-top:1px solid var(--tk-line)}
  .tk-benefits div{padding:18px 4px}
  .tk-footer{grid-template-columns:1fr 1fr;padding:40px 16px 24px;gap:28px}
  .tk-footer-brand{grid-column:1/-1}
  .tk-wsp span{display:none}
  .tk-wsp{padding:14px;right:14px;bottom:14px}
  body[data-tema] .sc-store-header{padding:14px 16px!important}
  .tk-brand img{width:34px;height:34px}
  body[data-tema] .sc-brand{font-size:14px}
}
.tk-footer b{color:var(--tk-ink);display:block}
.tk-footer nav{align-items:flex-start;text-align:left}
.tk-footer-brand b{font-size:14px}

/* Banner de campana (dos fotos grandes) */
.tk-campaign{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:64px}
.tk-campaign a{position:relative;display:block;height:min(78vh,720px);overflow:hidden;background:var(--tk-surface)}
.tk-campaign img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.23,1,.32,1)}
.tk-campaign a::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,#000000c7)}
.tk-campaign div{position:absolute;left:40px;right:40px;bottom:40px;z-index:1;color:#fff}
.tk-campaign small{font-size:11px;letter-spacing:.16em;text-transform:uppercase;opacity:.85}
.tk-campaign h2{margin:8px 0 18px;font-size:clamp(32px,3.6vw,54px);font-weight:600;letter-spacing:-.03em;line-height:1}
.tk-campaign span{display:inline-block;padding:13px 24px;background:#fff;color:#111;font-size:13px;font-weight:500;border-radius:2px}
@media (hover:hover){.tk-campaign a:hover img{transform:scale(1.03)}}
@media (max-width:760px){
  .tk-campaign{grid-template-columns:1fr;margin-top:44px}
  .tk-campaign a{height:72vh;max-height:560px}
  .tk-campaign div{left:20px;right:20px;bottom:24px}
}

/* Franja que gira con marcas (bajo la portada) */
.tk-ticker{background:#000;color:#fff;border-bottom:1px solid #ffffff1a;overflow:hidden}
body[data-tema=claro] .tk-ticker{background:var(--tk-ink)}
.tk-ticker-info{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 16px;padding:12px 16px;border-bottom:1px solid #ffffff1a;font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#ffffffb3}
.tk-ticker-info i{font-style:normal;opacity:.4}
.tk-ticker-run{display:flex;width:max-content;animation:tk-giro 45s linear infinite}
.tk-ticker-run>div{display:flex;align-items:center;flex-shrink:0;padding:22px 0}
.tk-ticker-run span{font-family:'Archivo',var(--tk-font);font-stretch:125%;font-weight:800;font-size:clamp(26px,3.2vw,44px);text-transform:uppercase;letter-spacing:.01em;line-height:1;white-space:nowrap;padding:0 28px}
.tk-ticker-run i{font-style:normal;color:#ffffff59;font-size:18px}
@media (hover:hover){.tk-ticker:hover .tk-ticker-run{animation-play-state:paused}}
@keyframes tk-giro{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.tk-ticker-run{animation:none}}
@media (max-width:760px){.tk-ticker-info{font-size:10px;letter-spacing:.1em}.tk-ticker-run>div{padding:16px 0}.tk-ticker-run span{padding:0 18px}}

/* Botones sobre la portada (debajo del logo) */
.tk-hero-cta{position:absolute;left:0;right:0;bottom:9%;display:flex;justify-content:center;gap:12px;line-height:1.2;padding:0 16px}
.tk-cta{display:inline-flex;align-items:center;justify-content:center;min-width:180px;padding:15px 28px;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;border-radius:2px;background:#fff;color:#111!important;border:1px solid #fff;transition:background-color .18s ease-out,color .18s ease-out}
.tk-cta-sec{background:#0000004d;color:#fff!important;border-color:#ffffffb3;backdrop-filter:blur(4px)}
@media (hover:hover){.tk-cta:hover{background:#111;color:#fff!important;border-color:#111}.tk-cta-sec:hover{background:#fff;color:#111!important;border-color:#fff}}
body[data-tema=claro] .tk-cta{background:var(--tk-ink);color:var(--tk-bg)!important;border-color:var(--tk-ink)}
body[data-tema=claro] .tk-cta-sec{background:#ffffff99;color:var(--tk-ink)!important;border-color:var(--tk-ink)}
@media (hover:hover){body[data-tema=claro] .tk-cta:hover{opacity:.85;background:var(--tk-ink);color:var(--tk-bg)!important}body[data-tema=claro] .tk-cta-sec:hover{background:var(--tk-ink);color:var(--tk-bg)!important}}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:760px){
  body[data-tema] .sc-product-detail{grid-template-columns:1fr;gap:28px}
  body[data-tema] .sc-product-info{position:static}
  .tk-hero img{aspect-ratio:1;max-height:none}
  .tk-hero-cta{position:static;flex-direction:column;align-items:stretch;gap:10px;padding:16px;background:var(--tk-bg)}
  .tk-cta{width:100%}
  body[data-tema=oscuro] .tk-cta-sec{background:transparent}
}

/* ---------- Paginas propias: Nosotros, Contacto, politicas, cuenta ---------- */
.tk-page{padding:56px 5% 24px;max-width:1240px;margin:0 auto}
.tk-narrow{max-width:760px}
.tk-page-head{margin-bottom:36px}
.tk-page-head small{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--tk-accent);margin-bottom:10px}
.tk-page-head h1{margin:0;font-size:clamp(30px,3.4vw,44px);font-weight:600;letter-spacing:-.025em;line-height:1.1;color:var(--tk-ink)}
.tk-page-head p{margin:12px 0 0;color:var(--tk-muted);font-size:15px}
.tk-page h2{font-size:17px;font-weight:600;margin:32px 0 8px;color:var(--tk-ink)}
.tk-page p{font-size:15px;line-height:1.7;color:var(--tk-muted)}
.tk-note{margin-top:40px;padding-top:20px;border-top:1px solid var(--tk-line)}
.tk-note a,.tk-page p a{color:var(--tk-ink);text-decoration:underline;text-underline-offset:3px}
.tk-about{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:56px;align-items:start}
.tk-lead{font-size:19px!important;line-height:1.6!important;color:var(--tk-ink)!important;margin:0 0 28px}
.tk-facts{list-style:none;padding:0;margin:0 0 32px;border-top:1px solid var(--tk-line)}
.tk-facts li{display:flex;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--tk-line);font-size:14px}
.tk-facts span{color:var(--tk-muted);text-align:right}
.tk-actions{display:flex;gap:12px;flex-wrap:wrap}
.tk-about-fotos{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.tk-about-fotos img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block;background:var(--tk-surface)}
.tk-about-fotos img:first-child{grid-row:span 2;height:100%}
.tk-contact{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:48px;align-items:start}
.tk-channels{display:grid;gap:12px}
.tk-channels a{display:grid;gap:6px;padding:24px;border:1px solid var(--tk-line);background:var(--tk-surface);color:var(--tk-ink);transition:border-color .16s ease-out}
.tk-channels b{font-size:16px}
.tk-channels span{font-size:14px;color:var(--tk-muted)}
.tk-channels em{font-style:normal;font-size:13px;font-weight:600;margin-top:8px}
@media (hover:hover){.tk-channels a:hover{border-color:var(--tk-ink)}}
.tk-form{display:grid;gap:14px}
.tk-form h2{margin:0 0 6px!important}
.tk-form label{display:grid;gap:6px;font-size:13px;color:var(--tk-muted)}
.tk-form input,.tk-form textarea{padding:13px 14px;font:inherit;font-size:14px;border-radius:2px}
.tk-form textarea{min-height:130px;resize:vertical}
.tk-form .btn{justify-self:start}
body[data-tema] .sc-account-links a{border-color:var(--tk-line)!important;color:var(--tk-ink)}
body[data-tema] .sc-account-links span{color:var(--tk-muted)}
.tk-ig-link{color:var(--tk-ink)!important;text-decoration:underline;text-underline-offset:3px}

/* ---------- Catalogo: filtros en una fila ---------- */
body[data-tema] .sc-catalog-tools{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr) auto;gap:12px;align-items:center;padding:20px 0;margin-top:20px}
body[data-tema] .sc-catalog-tools input,body[data-tema] .sc-catalog-tools select{width:100%;padding:12px 14px;font-size:13px;border-radius:2px}
body[data-tema] .sc-catalog-tools label{display:flex;align-items:center;gap:8px;font-size:13px;white-space:nowrap;color:var(--tk-ink)}
body[data-tema] .sc-catalog-tools label input{width:auto}
body[data-tema] .sc-count{font-size:13px;margin:4px 0 20px}

/* ---------- Bolsa y compra ---------- */
body[data-tema] .sc-bag-line{border-color:var(--tk-line)!important;gap:18px}
body[data-tema] .sc-bag-line .sc-thumb{width:84px;height:105px}
body[data-tema] .sc-bag-line .sc-thumb img{width:100%;height:100%;object-fit:cover}
body[data-tema] .sc-bag-line h3{font-size:15px;font-weight:500;color:var(--tk-ink)}
body[data-tema] .sc-bag-line p{color:var(--tk-muted);font-size:13px}
body[data-tema] .sc-stepper{display:flex;align-items:center;gap:0;border:1px solid var(--tk-line);width:max-content}
body[data-tema] .sc-stepper button{width:34px;height:34px;border:0;background:transparent;color:var(--tk-ink);font-size:16px;cursor:pointer}
body[data-tema] .sc-stepper span{min-width:28px;text-align:center;font-size:14px}
body[data-tema] .sc-stepper button[data-remove]{width:auto;padding:0 12px;font-size:12px;text-decoration:underline;border-left:1px solid var(--tk-line)}
body[data-tema] .sc-summary{border:1px solid var(--tk-line);gap:12px}
body[data-tema] .sc-summary h2{font-size:17px;font-weight:600;margin:0}
body[data-tema] .sc-summary p{display:flex;justify-content:space-between;font-size:14px;color:var(--tk-ink)}
body[data-tema] .sc-summary hr{border:0;border-top:1px solid var(--tk-line);width:100%}
body[data-tema] .sc-summary .btn{width:100%}
body[data-tema] .sc-form h2{font-size:17px;font-weight:600;margin:28px 0 12px;color:var(--tk-ink)}
body[data-tema] .sc-payment-options{border:1px solid var(--tk-line)!important;display:grid;gap:0}
body[data-tema] .sc-payment-options label{padding:14px;color:var(--tk-ink)}
body[data-tema] .sc-payment-options label+label{border-top:1px solid var(--tk-line)}
body[data-tema] .sc-check-label{color:var(--tk-muted);font-size:13px}
body[data-tema] .sc-check-label a{color:var(--tk-ink);text-decoration:underline}
body[data-tema] .sc-form label{color:var(--tk-muted)}

@media (max-width:760px){
  .tk-page{padding:36px 16px 16px}
  .tk-about,.tk-contact{grid-template-columns:1fr;gap:32px}
  .tk-facts li{flex-direction:column;gap:4px}
  .tk-facts span{text-align:left}
  .tk-form .btn{justify-self:stretch}
  body[data-tema] .sc-catalog-tools{grid-template-columns:1fr 1fr}
  body[data-tema] .sc-catalog-tools>input{grid-column:1/-1}
}

/* Icono de bolsa en el encabezado */
.tk-bag{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--tk-ink)!important}
.tk-bag svg{width:24px;height:24px}
.tk-bag span{position:absolute;top:2px;right:0;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--tk-ink);color:var(--tk-bg);font-size:11px;font-weight:600;line-height:18px;text-align:center}

/* Ancho maximo del contenido: en pantallas grandes no crece sin limite */
body[data-tema] .tk-sec,
body[data-tema] .sc-section,
body[data-tema] .tk-benefits{max-width:1360px;margin-left:auto;margin-right:auto;box-sizing:border-box}
body[data-tema] .tk-benefits{width:calc(100% - 10%)}
@media (min-width:1500px){body[data-tema] .tk-sec,body[data-tema] .sc-section{padding-left:0;padding-right:0}}
/* Tarjetas: foto vertical 4:5, igual en todas */
body[data-tema] .sc-card-image .sc-art{aspect-ratio:4/5}
body[data-tema] .sc-card-image img{height:100%;object-position:center 30%}
body[data-tema] .tk-ig a,.tk-cats a{max-height:none}

/* ---------- Detalles de celular ---------- */
@media (max-width:760px){
  body[data-tema] .sc-announcement{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px;padding:9px 16px}
  body[data-tema] .sc-store-header nav{border-top:0!important;box-shadow:none!important;padding-top:4px!important}
  body[data-tema] .sc-store-header{row-gap:6px}
  .tk-ticker-info{display:none}
  /* Categorias: fila que se desliza */
  .tk-cats{display:grid;grid-auto-flow:column;grid-template-columns:none!important;grid-auto-columns:62%;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -16px;padding:0 16px}
  .tk-cats::-webkit-scrollbar{display:none}
  .tk-cats a{scroll-snap-align:start}
}
body[data-tema] .sc-store-header nav{border-top-color:var(--tk-line)!important}

/* Segunda foto al pasar el mouse por la tarjeta */
.sc-art{position:relative}
.sc-art .tk-alt{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .35s ease-out;pointer-events:none}
@media (hover:hover){.sc-card-image:hover .tk-alt{opacity:1}}
.sc-product-large .tk-alt,.sc-zoom .tk-alt,.sc-thumb .tk-alt{display:none}

/* Galeria de la ficha: miniaturas verticales a la izquierda (computador) */
@media (min-width:761px){
  body[data-tema] .sc-product-detail{grid-template-columns:minmax(0,620px) minmax(0,440px)}
  body[data-tema] .sc-product-detail>div:first-child:has(.sc-gallery-thumbs){display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;align-items:start}
  body[data-tema] .sc-product-detail>div:first-child:has(.sc-gallery-thumbs) .sc-product-large{grid-column:2;grid-row:1}
  body[data-tema] .sc-gallery-thumbs{grid-column:1;grid-row:1;flex-direction:column;margin:0;max-height:calc(100vh - 200px);overflow-y:auto;scrollbar-width:none}
  body[data-tema] .sc-gallery-thumbs button{width:72px;height:96px;flex-shrink:0}
  body[data-tema] .sc-product-large{max-width:calc((100vh - 250px) * .75);margin:0}
}
/* Celular: miniaturas en fila deslizable */
@media (max-width:760px){
  body[data-tema] .sc-gallery-thumbs{overflow-x:auto;scrollbar-width:none}
  body[data-tema] .sc-gallery-thumbs button{width:64px;height:84px;flex-shrink:0}
}

/* ---------- Encabezado: menu por categorias + iconos ---------- */
body[data-tema] .sc-store-header{display:grid!important;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}
body[data-tema] .tk-nav{display:flex!important;gap:28px;justify-content:center}
body[data-tema] .tk-nav a{position:relative;font-size:13px;font-weight:500;padding:6px 0;white-space:nowrap}
body[data-tema] .tk-nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;transform:scaleX(0);transition:transform .2s ease-out}
body[data-tema] .tk-nav a[aria-current=page]::after{transform:scaleX(1)}
@media (hover:hover){body[data-tema] .tk-nav a:hover::after{transform:scaleX(1)}}
.tk-icons{display:flex;align-items:center;justify-content:flex-end;gap:4px}
.tk-ico{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--tk-ink)!important;border-radius:50%;transition:background-color .16s ease-out}
.tk-ico svg{width:22px;height:22px}
.tk-ico span{position:absolute;top:2px;right:0;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--tk-ink);color:var(--tk-bg);font-size:11px;font-weight:600;line-height:18px;text-align:center}
@media (hover:hover){.tk-ico:hover,.tk-bag:hover{background:var(--tk-surface)}}
.tk-bag{border-radius:50%;transition:background-color .16s ease-out}
/* Tablet y celular: menu en una fila que se desliza bajo el logo */
@media (max-width:1100px){
  body[data-tema] .sc-store-header{grid-template-columns:1fr auto;row-gap:10px}
  body[data-tema] .tk-nav{grid-column:1/-1;grid-row:2;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;border-top:0!important;padding:0!important;gap:24px;margin:0}
  body[data-tema] .tk-nav::-webkit-scrollbar{display:none}
}
@media (max-width:760px){
  body[data-tema] .tk-nav{gap:20px}
  .tk-ico-ig{display:none}
  .tk-ico,.tk-bag{width:36px;height:36px}
}
@media (max-width:760px){body[data-tema] .sc-brand{font-size:13px;letter-spacing:.06em;white-space:nowrap}.tk-brand{gap:10px;min-width:0}.tk-brand>span{overflow:hidden;text-overflow:ellipsis}}
@media (max-width:1100px){body[data-tema] .sc-store-header{grid-template-columns:minmax(0,1fr) auto}body[data-tema] .sc-brand{min-width:0;overflow:hidden}}
@media (max-width:760px){.tk-icons{gap:0}}
@media (max-width:400px){body[data-tema] .sc-brand{font-size:12px;letter-spacing:.03em}.tk-brand img{width:30px;height:30px}.tk-brand{gap:8px}}

/* ---------- Ficha: pedir por WhatsApp + confianza ---------- */
.tk-wsp-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin:14px 0 6px;padding:14px 20px;border:1px solid #25d366;border-radius:2px;color:var(--tk-ink)!important;font-size:14px;font-weight:600;transition:background-color .16s ease-out,color .16s ease-out}
.tk-wsp-btn svg{width:20px;height:20px;color:#25d366;transition:color .16s ease-out}
@media (hover:hover){.tk-wsp-btn:hover{background:#25d366;color:#fff!important}.tk-wsp-btn:hover svg{color:#fff}}
.tk-ig-btn{border-color:var(--tk-line)}
@media (hover:hover){.tk-ig-btn:hover{background:var(--tk-ink);color:var(--tk-bg)!important}}
.tk-trust{list-style:none;margin:18px 0 6px;padding:0;border-top:1px solid var(--tk-line)}
.tk-trust li{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;align-items:baseline;padding:12px 0;border-bottom:1px solid var(--tk-line);font-size:13px}
.tk-trust li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--tk-accent);grid-row:span 2;align-self:center}
.tk-trust b{font-weight:600;color:var(--tk-ink)}
.tk-trust span{grid-column:2;color:var(--tk-muted)}

/* ---------- Catalogo: accesos por categoria ---------- */
.tk-chips{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 4px}
.tk-chip{padding:9px 16px;border:1px solid var(--tk-line);border-radius:999px;font-size:13px;color:var(--tk-ink)!important;white-space:nowrap;transition:border-color .16s ease-out,background-color .16s ease-out}
.tk-chip[aria-current=page]{background:var(--tk-ink);color:var(--tk-bg)!important;border-color:var(--tk-ink)}
@media (hover:hover){.tk-chip:hover{border-color:var(--tk-ink)}}
@media (max-width:760px){.tk-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-left:-16px;margin-right:-16px;padding:0 16px}.tk-chips::-webkit-scrollbar{display:none}}

/* Tiendas claras con portada oscura: botones blancos sobre la foto (computador) */
@media (min-width:761px){
  body[data-tema=claro][data-banner=oscuro] .tk-cta{background:#fff;color:#111!important;border-color:#fff}
  body[data-tema=claro][data-banner=oscuro] .tk-cta-sec{background:#0000004d;color:#fff!important;border-color:#ffffffb3}
  @media (hover:hover){body[data-tema=claro][data-banner=oscuro] .tk-cta:hover{background:#111;color:#fff!important;border-color:#111;opacity:1}body[data-tema=claro][data-banner=oscuro] .tk-cta-sec:hover{background:#fff;color:#111!important}}
}
/* Modo claro: superficies y textos que estaban pensados para oscuro */
body[data-tema=claro] .tk-footer{background:var(--tk-surface)}
body[data-tema=claro] .sc-heart{background:#ffffffd9}

/* Banner de campana adaptable: 2, 3 o 4 categorias principales */
.tk-campaign{grid-template-columns:repeat(var(--n,2),minmax(0,1fr))}
.tk-campaign[style*="--n:3"] h2,.tk-campaign[style*="--n:4"] h2{font-size:clamp(24px,2.4vw,38px)}
.tk-campaign[style*="--n:3"] div,.tk-campaign[style*="--n:4"] div{left:28px;right:28px;bottom:32px}
@media (max-width:760px){
  .tk-campaign{grid-template-columns:1fr}
  .tk-campaign[style*="--n:3"],.tk-campaign[style*="--n:4"]{grid-template-columns:1fr 1fr}
  .tk-campaign[style*="--n:3"] a,.tk-campaign[style*="--n:4"] a{height:300px}
  .tk-campaign[style*="--n:3"] a:first-child{grid-column:1/-1;height:420px}
  .tk-campaign[style*="--n:3"] div,.tk-campaign[style*="--n:4"] div{left:14px;right:14px;bottom:16px}
  .tk-campaign[style*="--n:4"] h2,.tk-campaign[style*="--n:3"] a:not(:first-child) h2{font-size:22px;margin-bottom:12px}
  .tk-campaign[style*="--n:4"] span,.tk-campaign[style*="--n:3"] a:not(:first-child) span{padding:10px 14px;font-size:12px}
}

/* Bloque "Sobre nosotros" (seccion Historia del panel) y preguntas frecuentes */
.tk-story{text-align:center;max-width:760px!important;padding-top:72px!important}
.tk-story small{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--tk-accent);margin-bottom:14px}
.tk-story p{margin:0 0 18px;font-size:clamp(18px,1.8vw,22px);line-height:1.55;color:var(--tk-ink)}
.tk-story a{font-size:13px;color:var(--tk-ink);text-decoration:underline;text-underline-offset:4px}
.tk-faq{max-width:760px!important}
.tk-faq details{border-bottom:1px solid var(--tk-line);padding:18px 0}
.tk-faq summary{cursor:pointer;font-size:15px;font-weight:500;list-style:none;display:flex;justify-content:space-between;gap:16px;color:var(--tk-ink)}
.tk-faq summary::-webkit-details-marker{display:none}
.tk-faq summary::after{content:"+";font-weight:400;color:var(--tk-muted)}
.tk-faq details[open] summary::after{content:"−"}
.tk-faq details p{margin:10px 0 0;font-size:14px;line-height:1.7;color:var(--tk-muted)}

/* ---------- Descuentos ---------- */
body[data-tema] .sc-product-badge.tk-sale{background:#d0312d;color:#fff;font-size:12px;font-weight:700;letter-spacing:.02em;padding:6px 9px;border-radius:2px;top:12px;left:12px}
body[data-tema] .tk-precio-oferta{color:#d0312d!important;font-weight:600}
body[data-tema] .tk-precio-oferta s{color:var(--tk-muted);font-weight:400;margin-left:6px}
body[data-tema] .sc-detail-price.tk-precio-oferta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
body[data-tema] .sc-detail-price s{font-size:16px!important;margin-left:0}
.tk-sale-tag{background:#d0312d;color:#fff;font-size:12px;font-weight:700;padding:4px 8px;border-radius:2px}
.tk-ahorro{flex-basis:100%;font-size:13px;font-weight:500;color:#d0312d}
body[data-tema=oscuro] .sc-product-badge.tk-sale,body[data-tema=oscuro] .tk-sale-tag{background:#e0443f}
body[data-tema=oscuro] .tk-precio-oferta,body[data-tema=oscuro] .tk-ahorro{color:#ff6b66!important}