/* Clandestinos — estilos globales: tokens, efectos y header/footer */
:root{
  --clr-bg:#0d0d0d;
  --clr-tobacco:#1a1008;
  --clr-brown:#4a2a16;
  --clr-gold:#d4af37;
  --clr-gold-lt:#f5d98a;
  --clr-ivory:#f5e3c8;
  --clr-text:#d9c9ae;
  --clr-muted:#9a8a73;
  --clr-line:rgba(212,175,55,.16);
  --clr-serif:'Playfair Display',Georgia,serif;
  --clr-sans:'Inter',system-ui,-apple-system,Segoe UI,sans-serif;
}
body.clr{background:var(--clr-bg);font-family:var(--clr-sans);-webkit-font-smoothing:antialiased}
body.clr h1,body.clr h2,body.clr h3,body.clr h4,body.clr .entry-title{font-family:var(--clr-serif);font-weight:500}
body.clr ::selection{background:var(--clr-gold);color:#000}
html{scroll-behavior:smooth}

/* Grano orgánico (muy ligero) sobre todo el sitio */
body.clr::after{content:"";position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.07;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .9 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}

/* Humo real (generado): textura en escala de grises mezclada en modo Screen */
.clr-smoke{position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;opacity:.24;z-index:0;filter:sepia(.55) saturate(.7);
  background:url("../img/smoke.webp") 0 0/1600px 900px repeat;animation:clrSmoke 140s linear infinite}
@keyframes clrSmoke{from{background-position:0 0}to{background-position:-1600px -450px}}
@media (prefers-reduced-motion:reduce){.clr-smoke{animation:none}}

/* Ocultar loader, header y footer anteriores */
body.clr #load,body.clr .ring-loader{display:none!important}
body.clr .elementor-location-header,
body.clr .elementor-location-footer,
body.clr footer.footer.elementor-footer,
body.clr #masthead{display:none!important}

/* Header */
.clr-hdr{position:sticky;top:0;z-index:9990;background:rgba(13,13,13,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--clr-line);transition:background .35s,border-color .35s}
body.clr-home-page .clr-hdr{position:fixed;left:0;right:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-color:transparent}
body.clr-home-page .clr-hdr.is-solid,body.clr-home-page .clr-hdr.is-open{background:rgba(13,13,13,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-color:var(--clr-line)}
body.admin-bar .clr-hdr{top:32px}
.clr-hdr__in{max-width:1400px;margin:0 auto;padding:1.1rem clamp(1.25rem,4vw,3rem);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem}
.clr-hdr__logo img{height:30px;width:auto;display:block}
.clr-hdr__nav{display:flex;gap:1.3rem;white-space:nowrap}
.clr-hdr a{color:var(--clr-ivory)!important;text-decoration:none!important;font:500 .78rem var(--clr-sans);letter-spacing:.14em;text-transform:uppercase;transition:color .25s}
.clr-hdr__nav a:hover,.clr-hdr__tools a:hover{color:var(--clr-gold)!important}
.clr-hdr__tools{display:flex;gap:1.6rem;align-items:center;justify-content:flex-end}
.clr-hdr__cart{position:relative;display:flex;align-items:center}
.clr-cart-count{position:absolute;top:-8px;right:-10px;min-width:17px;height:17px;border-radius:9px;background:var(--clr-gold);color:#0d0d0d;font:600 .78rem/17px var(--clr-sans);text-align:center;padding:0 4px}
.clr-hdr__burger{display:none;background:none;border:0;width:30px;height:22px;position:relative;cursor:pointer;padding:0}
.clr-hdr__burger span{position:absolute;left:0;width:100%;height:1.5px;background:var(--clr-ivory);transition:transform .3s,top .3s}
.clr-hdr__burger span:first-child{top:6px}
.clr-hdr__burger span:last-child{top:14px}
.clr-hdr.is-open .clr-hdr__burger span:first-child{top:10px;transform:rotate(45deg)}
.clr-hdr.is-open .clr-hdr__burger span:last-child{top:10px;transform:rotate(-45deg)}
.clr-drawer{display:none}
html.clr-lock{overflow:hidden}
@media(max-width:1360px){
  .clr-hdr__in{grid-template-columns:auto 1fr}
  .clr-hdr__nav,.clr-hdr__acct{display:none}
  .clr-hdr__burger{display:block}
  .clr-hdr.is-open .clr-drawer{display:flex;flex-direction:column;padding:1.5rem clamp(1.25rem,4vw,3rem) 2.5rem;gap:1.4rem;height:calc(100vh - 66px);background:rgba(13,13,13,.98)}
  .clr-drawer a{font:500 1.5rem var(--clr-serif)!important;letter-spacing:.06em!important;text-transform:uppercase!important}
}

/* Footer */
.clr-ftr{background:#080604;border-top:1px solid var(--clr-line);color:var(--clr-muted);font:300 .92rem/1.8 var(--clr-sans)}
.clr-ftr a{color:var(--clr-text)!important;text-decoration:none!important;display:block;transition:color .25s}
.clr-ftr a:hover{color:var(--clr-gold)!important}
.clr-ftr__top{max-width:1300px;margin:0 auto;padding:clamp(3.5rem,7vw,6rem) clamp(1.25rem,4vw,3rem);display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:3rem}
.clr-ftr__brand img{height:28px;width:auto;margin-bottom:1.4rem}
.clr-ftr__brand p{max-width:42ch;margin:0 0 1rem}
.clr-ftr h4{font:500 .7rem var(--clr-sans)!important;letter-spacing:.3em;text-transform:uppercase;color:var(--clr-gold);margin:0 0 1.2rem}
.clr-ftr__top p{margin:0 0 .6rem}
.clr-ftr__legal{border-top:1px solid var(--clr-line);padding:2rem clamp(1.25rem,4vw,3rem) 2.5rem;text-align:center;max-width:1300px;margin:0 auto}
.clr-ftr__links{display:flex;flex-wrap:wrap;gap:.4rem 1.6rem;justify-content:center;margin-bottom:1.4rem}
.clr-ftr__links a{font-size:.8rem}
.clr-ftr__warn{color:var(--clr-ivory);font-size:.82rem;margin:0 0 .5rem}
.clr-ftr__copy{font-size:.76rem;margin:0}
@media(max-width:900px){.clr-ftr__top{grid-template-columns:1fr 1fr}.clr-ftr__brand{grid-column:1/-1}}

/* ---------- Tokens de Elementor: recolorea y re-tipografía todo el sitio sin tocar la base de datos ---------- */
body.clr{
  --e-global-color-el_color_1:#d4af37; --e-global-color-el_color_5:#d4af37; --e-global-color-el_color_7_3:#d4af37;
  --e-global-color-el_color_1_2:#d4af37; --e-global-color-el_color_1_3:#a8841f; --e-global-color-el_color_1_4:#f5d98a;
  --e-global-color-el_color_1_5:#f5e3c8; --e-global-color-el_color_1_6:rgba(212,175,55,.48);
  --e-global-color-el_color_7:#1a1008; --e-global-color-el_color_7_1:#9a8a73; --e-global-color-el_color_7_2:#b5a58c;
  --e-global-color-el_color_6:#0d0d0d; --e-global-color-el_color_7_6:#f5e3c8; --e-global-color-el_color_5_1:#d9c9ae;
  --e-global-typography-el_title_1-font-family:"Playfair Display"; --e-global-typography-el_title_2-font-family:"Playfair Display";
  --e-global-typography-el_title_3-font-family:"Playfair Display"; --e-global-typography-el_title_4-font-family:"Playfair Display";
  --e-global-typography-el_title_5-font-family:"Playfair Display"; --e-global-typography-el_title_6-font-family:"Playfair Display";
  --e-global-typography-el_title_1-text-transform:uppercase; --e-global-typography-el_title_2-text-transform:uppercase;
  --e-global-typography-el_title_3-text-transform:uppercase;
  --e-global-typography-el_content_1-font-family:"Inter"; --e-global-typography-el_content_2-font-family:"Inter";
  --e-global-typography-el_content_3-font-family:"Inter"; --e-global-typography-el_content_4-font-family:"Inter";
}