:root{
  /* Brand tokens */
  --c-bg:#070A0D;
  --c-surface:#0C1117;
  --c-line:rgba(255,255,255,.10);

  --c-text:rgba(255,255,255,.92);
  --c-muted:rgba(255,255,255,.68);

  --c-accent:#57C2FF;
  --c-cta:#F5B942;
  --c-ok:#4ADE80;

  --radius:18px;
  --radius-lg:26px;

  --t-fast:140ms;
  --t:220ms;
  --t-slow:380ms;
  --ease:cubic-bezier(.2,.8,.2,1);

  --shadow-1: 0 18px 60px rgba(0,0,0,.55);
  --shadow-2: 0 10px 30px rgba(0,0,0,.45);

  --max: 1180px;
}

*{ box-sizing:border-box; }
html,body{ height:100%; }
body{
  margin:0;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:var(--c-text);
  background:var(--c-bg);
}

a{ color:inherit; text-decoration:none; }
img,video{ max-width:100%; height:auto; display:block; }

.container{
  width:min(var(--max), calc(100% - 40px));
  margin-inline:auto;
}

.sr-only{
  position:absolute!important;
  width:1px;height:1px;
  padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);
  white-space:nowrap;border:0;
}

:focus-visible{
  outline: 2px solid rgba(87,194,255,.85);
  outline-offset: 3px;
  border-radius: 10px;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  *{ animation:none!important; transition:none!important; scroll-behavior:auto!important; }
}
/* Sold overlay (PNG) */
.soldWrap{ position: relative; }
.soldOverlay{
  position:absolute;
  inset: 0;
  pointer-events:none;
  display:flex;
  align-items:flex-start;
  justify-content:flex-end;
  padding: 10px;
}
.soldOverlay img{
  width: min(52%, 220px);
  height:auto;
  filter: drop-shadow(0 18px 40px rgba(0,0,0,.55));
}
/* ===== Industrial Recto (helpers) ===== */
:root{
  --edge: 0px;              /* recto */
  --edge-soft: 8px;         /* mínimo */
  --line: rgba(255,255,255,.10);
  --line-2: rgba(255,255,255,.08);
  --ink: rgba(255,255,255,.92);
  --ink-2: rgba(255,255,255,.70);
  --bg-2: #0B0F14;
}

.rule{
  border-top: 1px solid var(--line-2);
}

.kicker{
  letter-spacing:.16em;
  text-transform: uppercase;
  color: var(--ink-2);
  font-size: 12px;
}

.btnGhost{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 11px 12px;
  border-radius: var(--edge);
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(0,0,0,.18);
}

.btnGhost:hover{ border-color: rgba(87,194,255,.28); }
/* ===== Warmer / lighter interior background (non-home skins) ===== */
body[data-skin="catalog"],
body[data-skin="portfolio"],
body[data-skin="about"],
body[data-skin="quote"]{
  background:
    /* calidez suave (oro) */
    radial-gradient(1200px 800px at 18% 10%, rgba(255,214,145,.08), transparent 58%),
    /* toque verde MUY leve para armonizar con el logo (casi imperceptible) */
    radial-gradient(1100px 820px at 85% 22%, rgba(120,180,120,.05), transparent 62%),
    /* “acero” / luz general */
    radial-gradient(1400px 900px at 50% 78%, rgba(255,255,255,.035), transparent 60%),
    /* base un poquito más clara */
    #0D1218;
}