/* =========================================================================
   deepseek.latino — brand system "Profundidad"
   Loaded on top of Blocksy. Overrides tokens + adds signature elements only.
   ========================================================================= */

/* ---- self-hosted fonts (no external requests) ---- */
@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/bricolage-600.woff2) format("woff2");}
@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/bricolage-700.woff2) format("woff2");}
@font-face{font-family:"Instrument Sans";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/instrument-400.woff2) format("woff2");}
@font-face{font-family:"Instrument Sans";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/instrument-500.woff2) format("woff2");}
@font-face{font-family:"Instrument Sans";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/instrument-600.woff2) format("woff2");}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/jetbrains-400.woff2) format("woff2");}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/jetbrains-500.woff2) format("woff2");}

/* ---- brand tokens + Blocksy palette remap ---- */
:root{
  --dsl-abismo:#0A1F44; --dsl-marea:#0E7C86; --dsl-sol:#FF6B4A;
  --dsl-cielo:#F5F8FB; --dsl-tinta:#0F1B2D; --dsl-bruma:#D7E2EC;
  --dsl-marea-2:#0a5f68; --dsl-sol-2:#ef5c3b;

  /* Blocksy global palette -> brand */
  --theme-palette-color-1:#0E7C86;  /* accent / links */
  --theme-palette-color-2:#0a5f68;  /* accent hover */
  --theme-palette-color-3:#0A1F44;  /* headings */
  --theme-palette-color-4:#0F1B2D;  /* body text */
  --theme-palette-color-5:#D7E2EC;  /* borders */
  --theme-palette-color-6:#F5F8FB;  /* light surface */
  --theme-palette-color-7:#ffffff;  /* base surface */
  --theme-palette-color-8:#0A1F44;  /* dark sections */

  --theme-text-color:var(--theme-palette-color-4);
  --theme-headings-color:var(--theme-palette-color-3);
  --theme-link-color:var(--theme-palette-color-1);
  --theme-link-hover-color:var(--theme-palette-color-2);
  --theme-border-color:var(--theme-palette-color-5);
  --theme-content-area-background:var(--dsl-cielo);
  --theme-font-family:"Instrument Sans",system-ui,-apple-system,sans-serif;
}

/* ---- typography ---- */
body{font-family:"Instrument Sans",system-ui,-apple-system,sans-serif;font-size:17px;line-height:1.7;}
h1,h2,h3,h4,h5,h6,.entry-title,.ct-hero-title{
  font-family:"Bricolage Grotesque","Instrument Sans",sans-serif;letter-spacing:-.02em;text-wrap:balance;font-weight:700;}
code,pre,kbd,.wp-block-code{font-family:"JetBrains Mono",ui-monospace,monospace;}

/* =========================================================================
   HOMEPAGE HERO — the depth gauge + the chat
   ========================================================================= */
.dsl-hero{position:relative;isolation:isolate;overflow:hidden;
  background:linear-gradient(178deg,#0b2350 0%,#0A1F44 42%,#0b3a52 82%,#0c5566 100%);
  color:#eaf2fb;padding:clamp(28px,6vw,72px) 0 clamp(40px,7vw,84px);}
/* depth-gauge bands (the signature, used once) */
.dsl-hero::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.5;
  background:repeating-linear-gradient(180deg,transparent 0 78px,rgba(94,199,208,.06) 78px 80px);}
.dsl-hero::after{content:"";position:absolute;right:-6%;bottom:-22%;width:44%;aspect-ratio:1;z-index:-1;opacity:.10;
  background:radial-gradient(circle at 50% 50%,#5fc7d0 0%,transparent 62%);}
.dsl-hero-inner{max-width:960px;margin:0 auto;padding:0 clamp(18px,4vw,32px);}
.dsl-hero h1{color:#f2f7fd;font-size:clamp(1.9rem,4.6vw,3rem);line-height:1.06;margin:0 0 12px;}
.dsl-hero h1 .accent{color:#5fc7d0;}
.dsl-hero .sub{color:#aec6dc;font-size:clamp(1.02rem,2.2vw,1.2rem);max-width:44ch;margin:0 auto 26px;text-align:center;}
.dsl-hero .head{text-align:center;}

/* chat card */
.dsl-chat{background:#fff;border:1px solid rgba(215,226,236,.5);border-radius:18px;overflow:hidden;
  box-shadow:0 24px 60px -24px rgba(6,18,40,.6);max-width:720px;margin:0 auto;}
.dsl-chat__bar{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--dsl-bruma);
  background:#fbfdff;color:var(--dsl-abismo);font-weight:600;font-size:.92rem;}
.dsl-chat__dot{width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.16);}
.dsl-chat__soon{margin-left:auto;font-family:"Instrument Sans";font-weight:600;font-size:11px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--dsl-marea);background:rgba(14,124,134,.09);border:1px solid var(--dsl-bruma);border-radius:999px;padding:4px 10px;}
.dsl-chat__body{padding:20px 18px;display:flex;flex-direction:column;gap:14px;min-height:150px;background:
  linear-gradient(180deg,#ffffff,#f7fafd);}
.dsl-msg{max-width:86%;padding:12px 15px;border-radius:14px;font-size:.98rem;line-height:1.55;}
.dsl-msg.bot{align-self:flex-start;background:var(--dsl-cielo);border:1px solid var(--dsl-bruma);color:var(--dsl-tinta);border-bottom-left-radius:5px;}
.dsl-msg.me{align-self:flex-end;background:var(--dsl-abismo);color:#eaf2fb;border-bottom-right-radius:5px;}
.dsl-chips{display:flex;flex-wrap:wrap;gap:8px;padding:0 18px 4px;}
.dsl-chip{font-size:.86rem;color:var(--dsl-marea);background:#fff;border:1px solid var(--dsl-bruma);border-radius:999px;padding:7px 13px;cursor:pointer;transition:.15s;}
.dsl-chip:hover{border-color:var(--dsl-marea);background:rgba(14,124,134,.06);}
.dsl-chat__input{display:flex;gap:10px;align-items:flex-end;padding:14px 16px 16px;border-top:1px solid var(--dsl-bruma);background:#fff;}
.dsl-chat__input textarea{flex:1;resize:none;border:1px solid var(--dsl-bruma);border-radius:12px;padding:12px 14px;
  font-family:inherit;font-size:1rem;line-height:1.4;color:var(--dsl-tinta);background:#fbfdff;min-height:48px;max-height:120px;}
.dsl-chat__input textarea:focus{outline:none;border-color:var(--dsl-marea);box-shadow:0 0 0 3px rgba(14,124,134,.14);}
.dsl-send{flex:none;display:inline-flex;align-items:center;gap:7px;border:0;cursor:pointer;
  background:var(--dsl-sol);color:#2a0d05;font-family:"Instrument Sans";font-weight:600;font-size:1rem;
  border-radius:12px;padding:13px 18px;transition:.15s;}
.dsl-send:hover{background:var(--dsl-sol-2);}

/* trust strip */
.dsl-trust{max-width:720px;margin:18px auto 0;text-align:center;}
.dsl-trust__pills{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:10px;}
.dsl-trust__pills span{font-size:.86rem;color:#cfe0f0;border:1px solid rgba(159,178,198,.35);border-radius:999px;padding:5px 12px;}
.dsl-trust__pills b{color:#5fc7d0;font-weight:600;}
.dsl-disc{font-size:.82rem;color:#93aac2;}
.dsl-disc a{color:#bcd2e6;text-decoration:underline;}

/* =========================================================================
   CONTENT SECTIONS (below the fold)
   ========================================================================= */
.dsl-sec{max-width:900px;margin:0 auto;padding:clamp(36px,6vw,64px) clamp(18px,4vw,32px);}
.dsl-sec h2{font-size:clamp(1.4rem,3vw,1.9rem);color:var(--dsl-abismo);margin:0 0 8px;}
.dsl-sec .lead{color:#4d5f72;max-width:62ch;font-size:1.05rem;}
.dsl-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px;}
@media(max-width:680px){.dsl-steps{grid-template-columns:1fr;}}
.dsl-step{background:#fff;border:1px solid var(--dsl-bruma);border-radius:16px;padding:22px;}
.dsl-step .k{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;border-radius:9px;
  background:var(--dsl-abismo);color:#eaf2fb;font-family:"Bricolage Grotesque";font-weight:700;margin-bottom:12px;}
.dsl-step h3{font-size:1.1rem;color:var(--dsl-abismo);margin:0 0 6px;}
.dsl-step p{color:#4d5f72;font-size:.96rem;margin:0;}
.dsl-cta-row{margin-top:22px;}
.dsl-btn{display:inline-flex;align-items:center;gap:8px;background:var(--dsl-marea);color:#fff;text-decoration:none;
  font-weight:600;border-radius:12px;padding:12px 20px;transition:.15s;}
.dsl-btn:hover{background:var(--dsl-marea-2);color:#fff;}

/* =========================================================================
   DEPTH-GAUGE reading rail (articles) — populated by dsl-depth.js
   ========================================================================= */
.dsl-rail{position:fixed;left:0;top:0;bottom:0;width:4px;z-index:60;background:rgba(10,31,68,.06);}
.dsl-rail__fill{position:absolute;top:0;left:0;width:100%;height:0;
  background:linear-gradient(180deg,var(--dsl-abismo),var(--dsl-marea));transition:height .08s linear;}
@media(max-width:781px){.dsl-rail{display:none;}}
@media(prefers-reduced-motion:reduce){.dsl-rail__fill{transition:none;}}