/* ============================================================
   memos/memo-btc-sep-2026.html — hoja de estilos
   CSS inline original del memo, íntegro. Las fuentes son las locales
   del proyecto (mismas caras que la portada).
   ============================================================ */

/* ── Fuentes locales (antes se cargaban de https://fonts.googleapis.com/css2) ── */
/* cyrillic-ext */
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:300;font-display:swap;src:url(../assets/fonts/ibm-plex-mono/ibm-plex-mono-300-normal-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
/* cyrillic */
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:300;font-display:swap;src:url(../assets/fonts/ibm-plex-mono/ibm-plex-mono-300-normal-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
/* vietnamese */
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:300;font-display:swap;src:url(../assets/fonts/ibm-plex-mono/ibm-plex-mono-300-normal-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}
/* latin-ext */
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:300;font-display:swap;src:url(../assets/fonts/ibm-plex-mono/ibm-plex-mono-300-normal-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
/* latin */
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:300;font-display:swap;src:url(../assets/fonts/ibm-plex-mono/ibm-plex-mono-300-normal-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
/* cyrillic-ext */
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;src:url(../assets/fonts/ibm-plex-mono/ibm-plex-mono-400-normal-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
/* cyrillic */
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;src:url(../assets/fonts/ibm-plex-mono/ibm-plex-mono-400-normal-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
/* vietnamese */
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;src:url(../assets/fonts/ibm-plex-mono/ibm-plex-mono-400-normal-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}
/* latin-ext */
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;src:url(../assets/fonts/ibm-plex-mono/ibm-plex-mono-400-normal-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
/* latin */
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;src:url(../assets/fonts/ibm-plex-mono/ibm-plex-mono-400-normal-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
/* cyrillic-ext */
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;src:url(../assets/fonts/ibm-plex-mono/ibm-plex-mono-500-normal-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
/* cyrillic */
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;src:url(../assets/fonts/ibm-plex-mono/ibm-plex-mono-500-normal-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
/* vietnamese */
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;src:url(../assets/fonts/ibm-plex-mono/ibm-plex-mono-500-normal-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}
/* latin-ext */
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;src:url(../assets/fonts/ibm-plex-mono/ibm-plex-mono-500-normal-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
/* latin */
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;src:url(../assets/fonts/ibm-plex-mono/ibm-plex-mono-500-normal-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
/* cyrillic-ext */
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(../assets/fonts/inter/inter-400-normal-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
/* cyrillic */
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(../assets/fonts/inter/inter-400-normal-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
/* greek-ext */
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(../assets/fonts/inter/inter-400-normal-greek-ext.woff2) format("woff2");unicode-range:U+1F00-1FFF}
/* greek */
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(../assets/fonts/inter/inter-400-normal-greek.woff2) format("woff2");unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF}
/* vietnamese */
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(../assets/fonts/inter/inter-400-normal-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}
/* latin-ext */
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(../assets/fonts/inter/inter-400-normal-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
/* latin */
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(../assets/fonts/inter/inter-400-normal-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
/* cyrillic-ext */
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(../assets/fonts/inter/inter-400-normal-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
/* cyrillic */
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(../assets/fonts/inter/inter-400-normal-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
/* greek-ext */
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(../assets/fonts/inter/inter-400-normal-greek-ext.woff2) format("woff2");unicode-range:U+1F00-1FFF}
/* greek */
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(../assets/fonts/inter/inter-400-normal-greek.woff2) format("woff2");unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF}
/* vietnamese */
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(../assets/fonts/inter/inter-400-normal-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}
/* latin-ext */
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(../assets/fonts/inter/inter-400-normal-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
/* latin */
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(../assets/fonts/inter/inter-400-normal-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
/* cyrillic-ext */
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(../assets/fonts/inter/inter-400-normal-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
/* cyrillic */
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(../assets/fonts/inter/inter-400-normal-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
/* greek-ext */
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(../assets/fonts/inter/inter-400-normal-greek-ext.woff2) format("woff2");unicode-range:U+1F00-1FFF}
/* greek */
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(../assets/fonts/inter/inter-400-normal-greek.woff2) format("woff2");unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF}
/* vietnamese */
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(../assets/fonts/inter/inter-400-normal-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}
/* latin-ext */
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(../assets/fonts/inter/inter-400-normal-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
/* latin */
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(../assets/fonts/inter/inter-400-normal-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}


/* ══════════ bloque <style> 1 de 2 (orden original conservado) ══════════ */


/* ============================================================
   TOKENS — idénticos a index.html (Dark Glass Institucional)
   ============================================================ */
:root{
  --bg:#080808;
  --bg-2:#0E0E0E;
  --glass:rgba(255,255,255,.05);
  --glass-2:rgba(255,255,255,.09);
  --line:rgba(255,255,255,.13);
  --line-soft:rgba(255,255,255,.06);
  --txt:#F4F4F4;
  --dim:#A6A6A6;
  --faint:#7C7C7C;
  --accent:#FFFFFF;
  --accent-deep:#B8B8B8;
  --sheen:rgba(255,255,255,.38);
  --edge:rgba(255,255,255,.22);
  --glow1:rgba(255,255,255,.055);
  --glow2:rgba(255,255,255,.03);
  --nav-glass:rgba(8,8,8,.62);
  --nav-glass-2:rgba(8,8,8,.85);
  --sans:'Inter',-apple-system,system-ui,sans-serif;
  --mono:'IBM Plex Mono',ui-monospace,monospace;
  color-scheme:dark;
}
:root[data-theme="light"]{
  --bg:#F5F5F3;
  --bg-2:#EBEBE9;
  --glass:rgba(0,0,0,.035);
  --glass-2:rgba(0,0,0,.065);
  --line:rgba(0,0,0,.16);
  --line-soft:rgba(0,0,0,.08);
  --txt:#0C0C0C;
  --dim:#585858;
  --faint:#8C8C8C;
  --accent:#000000;
  --accent-deep:#404040;
  --sheen:rgba(255,255,255,.9);
  --edge:rgba(0,0,0,.35);
  --glow1:rgba(0,0,0,.045);
  --glow2:rgba(0,0,0,.025);
  --nav-glass:rgba(245,245,243,.66);
  --nav-glass-2:rgba(245,245,243,.9);
  color-scheme:light;
}

*{margin:0;padding:0;box-sizing:border-box}
html{background:var(--bg);scroll-behavior:smooth;scroll-padding-top:84px}
body{
  background:var(--bg);
  color:var(--txt);
  font-family:var(--sans);
  font-size:15px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
  padding-top:64px;
  transition:background .35s ease,color .35s ease;
}
/* Fondo: glows que respiran muy lento + ruido fino (misma fórmula del sitio) */
body::before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(1100px 700px at 78% -12%, var(--glow1), transparent 62%),
    radial-gradient(900px 620px at 18% 112%, var(--glow2), transparent 60%),
    linear-gradient(180deg, var(--bg) 0%, var(--bg) 55%, var(--bg-2) 100%);
  animation:bgbreath 26s ease-in-out infinite alternate;
}
@keyframes bgbreath{from{opacity:.85}to{opacity:1}}
body::after{
  content:"";position:fixed;inset:0;z-index:2000;opacity:.025;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");
}
::selection{background:var(--glass-2);color:var(--txt)}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible{outline:1px solid var(--accent-deep);outline-offset:3px}
img{max-width:100%}

.wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.col{max-width:760px;margin:0 auto}
.mono{font-family:var(--mono);font-variant-numeric:tabular-nums slashed-zero}
.micro{
  font-family:var(--sans);font-size:11px;text-transform:uppercase;letter-spacing:.18em;
  color:var(--dim);font-weight:500;
}
.num{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--txt);white-space:nowrap}
.nb{white-space:nowrap}

/* ============================================================
   NAV — igual que el sitio: la marca a la izquierda, glass, 64px
   ============================================================ */
.nav{
  position:fixed;top:0;left:0;right:0;z-index:100;
  padding-top:env(safe-area-inset-top,0px);
  background:var(--nav-glass);
  backdrop-filter:blur(28px) saturate(140%);
  -webkit-backdrop-filter:blur(28px) saturate(140%);
  border-bottom:1px solid var(--line-soft);
  transition:background .3s,border-color .3s,box-shadow .3s;
}
.nav.scrolled{background:var(--nav-glass-2);border-bottom-color:var(--line);box-shadow:0 10px 34px rgba(0,0,0,.35)}
.nav-in{
  max-width:1180px;margin:0 auto;padding:0 24px;height:64px;
  display:flex;align-items:center;justify-content:space-between;gap:24px;
}
.brand{display:flex;align-items:center;gap:12px}
.brand-t{display:flex;flex-direction:column;line-height:1.15}
.brand-name{font-weight:600;font-size:14px;letter-spacing:.08em;color:var(--txt)}
.brand-sub{font-size:8.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--dim);font-weight:500}
.nav-r{display:flex;align-items:center;gap:20px}
.nav-r .micro{font-family:var(--mono);font-size:10.5px;letter-spacing:.2em}
.theme-btn{
  font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--dim);border:1px solid var(--line);padding:10px 16px;background:none;cursor:pointer;
  min-height:38px;transition:color .2s,border-color .2s;
}
.theme-btn:hover{color:var(--txt);border-color:var(--accent-deep)}
.progress{
  position:fixed;left:0;right:0;top:calc(64px + env(safe-area-inset-top,0px));height:1px;z-index:101;
  background:var(--txt);opacity:.55;transform-origin:0 50%;transform:scaleX(0);pointer-events:none;
}
@media (max-width:640px){ .nav-r .micro{display:none} }

/* ============================================================
   TAPA — cabecera del memo, centrada
   ============================================================ */
.tapa{padding:clamp(64px,9vw,128px) 0 clamp(40px,5vw,64px);text-align:center}
.tapa .wrap{display:flex;flex-direction:column;align-items:center}
.tapa .micro{display:block;margin-bottom:26px}
.tapa h1{
  font-size:clamp(42px,7vw,84px);font-weight:500;letter-spacing:-.03em;line-height:1.02;
  color:var(--txt);max-width:14ch;text-wrap:balance;
}
.meta{
  margin-top:28px;font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--dim);display:flex;gap:14px;flex-wrap:wrap;align-items:center;justify-content:center;
}
.meta .sep{color:var(--faint)}
.ficha{
  width:100%;margin-top:52px;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;
  background:var(--line);border:1px solid var(--line);text-align:center;
}
.ficha>div{background:var(--bg);padding:22px 20px}
.ficha .k{display:block;margin-bottom:8px}
.ficha .v{font-family:var(--mono);font-size:15px;color:var(--txt);font-variant-numeric:tabular-nums}
.ficha .v small{display:block;font-family:var(--sans);font-size:12.5px;color:var(--dim);margin-top:5px;line-height:1.5}
.aviso{
  width:100%;margin-top:24px;padding:14px 18px;border:1px solid var(--line-soft);
  font-family:var(--mono);font-size:11.5px;letter-spacing:.03em;line-height:1.7;color:var(--faint);
  display:flex;gap:16px;align-items:baseline;justify-content:center;flex-wrap:wrap;
}
.aviso b{font-weight:500;letter-spacing:.18em;text-transform:uppercase;font-size:10px;color:var(--dim);white-space:nowrap}
@media (max-width:900px){ .ficha{grid-template-columns:repeat(2,1fr)} }
@media (max-width:560px){ .ficha{grid-template-columns:1fr} }
@media (max-width:480px){ .meta{gap:8px 18px} .meta .sep{display:none} }

/* ============================================================
   SECCIONES — número, título grande y frase clave, todo centrado
   ============================================================ */
.sec{padding:clamp(64px,8vw,112px) 0;border-top:1px solid var(--line-soft)}
.sec-h{text-align:center;margin-bottom:clamp(32px,4vw,48px)}
.sec-n{
  font-family:var(--mono);font-size:12px;letter-spacing:.32em;text-transform:uppercase;
  color:var(--faint);margin-bottom:18px;font-variant-numeric:tabular-nums slashed-zero;
}
.sec-t{
  font-size:clamp(28px,3.6vw,42px);font-weight:500;letter-spacing:-.026em;line-height:1.08;
  color:var(--txt);text-wrap:balance;max-width:20ch;margin:0 auto;
}
.lead{
  margin:22px auto 0;max-width:46ch;color:var(--txt);
  font-size:clamp(17px,1.9vw,20px);font-weight:400;line-height:1.45;letter-spacing:-.012em;text-wrap:balance;
}
.sec-b{text-align:center}
.sec-b p{color:var(--dim);margin:0 auto 16px;max-width:62ch}
.sec-b p:last-child{margin-bottom:0}
.sec-b p strong{color:var(--txt);font-weight:500}
.sec-b h3{font-size:12px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--dim);margin:40px 0 14px}

/* Callout: glass sin radio, etiqueta micro arriba */
.callout{margin:28px auto;padding:24px 26px;background:var(--glass);border:1px solid var(--line);max-width:640px}
.callout .micro{display:block;margin-bottom:12px;color:var(--txt)}
.callout p{margin-bottom:10px;max-width:none}
.callout p:last-child{margin-bottom:0}

/* Gráficas (huecos preparados): imagen a lo ancho de la columna + pie en mono */
.fig{margin:32px auto 8px;max-width:760px;border:1px solid var(--line);background:var(--bg-2);overflow:hidden}
.fig img{display:block;width:100%;height:auto}
.fig figcaption{
  padding:12px 16px;font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--faint);text-align:center;border-top:1px solid var(--line-soft);line-height:1.6;
}

/* ============================================================
   TABLAS — datos alineados a la izquierda dentro de la columna centrada
   ============================================================ */
.tabla{margin:24px 0 8px;overflow-x:auto;border-top:1px solid var(--line);text-align:left}
table{width:100%;border-collapse:collapse}
th{
  text-align:left;font-size:10.5px;text-transform:uppercase;letter-spacing:.18em;font-weight:500;
  color:var(--dim);padding:12px 16px 12px 0;border-bottom:1px solid var(--line);
}
td{
  padding:13px 16px 13px 0;border-bottom:1px solid var(--line-soft);vertical-align:top;
  color:var(--dim);font-size:14px;line-height:1.55;
}
td:last-child,th:last-child{padding-right:0}
td.n{font-family:var(--mono);color:var(--txt);white-space:nowrap;font-size:13.5px;font-variant-numeric:tabular-nums}
td.t{color:var(--txt)}
tr.key td{background:var(--glass)}
tr.key td.n{font-weight:500}
.chip{
  display:inline-block;font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;
  padding:3px 7px;border:1px solid var(--line);color:var(--dim);margin-left:10px;vertical-align:middle;line-height:1.4;
}
.chip.on{color:var(--bg);background:var(--txt);border-color:var(--txt)}
@media (max-width:640px){
  .tabla{overflow:visible}
  table,tbody,tr,td{display:block}
  thead{display:none}
  tr{padding:14px 0;border-bottom:1px solid var(--line-soft)}
  tr.key{background:var(--glass);padding:14px 12px;margin:0 -12px}
  tr.key td{background:none}
  td{border:0;padding:3px 0;display:grid;grid-template-columns:88px 1fr;gap:10px;align-items:baseline}
  td::before{content:attr(data-l);font-family:var(--sans);font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--faint);font-weight:500}
  td.n{white-space:normal}
  td .chip{grid-column:2;justify-self:start;margin-left:0;margin-top:2px;white-space:nowrap}
}

/* Lista de definiciones (tesis) */
.dl{display:grid;grid-template-columns:200px 1fr;border-top:1px solid var(--line);margin:24px 0 8px;text-align:left}
.dl>div{padding:13px 16px 13px 0;border-bottom:1px solid var(--line-soft)}
.dl .k{font-size:13.5px;color:var(--txt);font-weight:500}
.dl .v{color:var(--dim);font-size:14px;line-height:1.55;padding-right:0}
@media (max-width:560px){
  .dl{grid-template-columns:1fr}
  .dl .k{padding-bottom:2px;border-bottom:0}
  .dl .v{padding-top:0}
}

/* ============================================================
   ESCENARIOS — barra de probabilidad + tarjetas
   ============================================================ */
.prob{margin:26px auto 0;max-width:640px}
.prob-bar{display:flex;height:10px;gap:2px}
.prob-bar span{display:block;height:100%}
.prob-bar .pa{background:var(--txt)}
.prob-bar .pb{background:var(--accent-deep)}
.prob-bar .pc{background:var(--faint)}
.prob-leg{display:flex;gap:18px;flex-wrap:wrap;justify-content:center;margin-top:12px;font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
.prob-leg i{display:inline-block;width:8px;height:8px;margin-right:7px;vertical-align:1px}
.esc{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:24px;text-align:left}
.esc>div{background:var(--bg);padding:22px 22px 24px;display:flex;flex-direction:column;gap:16px}
.esc>div.base{background:var(--glass)}
.esc .eh small{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);margin-bottom:8px}
.esc .eh b{display:block;font-size:16px;font-weight:600;color:var(--txt);letter-spacing:-.01em;line-height:1.3}
.esc .pr{font-family:var(--mono);font-size:30px;font-weight:300;color:var(--txt);line-height:1;font-variant-numeric:tabular-nums}
.esc .pr small{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin-left:8px}
.esc .k{display:block;font-size:10px;margin-bottom:4px}
.esc .v{font-size:13.5px;color:var(--dim);line-height:1.55}
.cola{
  display:grid;grid-template-columns:200px 1fr 1fr;gap:24px;text-align:left;
  border:1px solid var(--line);border-top:0;padding:20px 22px;
}
.cola .eh b{display:block;font-size:15px;font-weight:600;color:var(--txt)}
.cola .eh small{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);margin-bottom:6px}
.cola .k{display:block;font-size:10px;margin-bottom:4px}
.cola .v{font-size:13.5px;color:var(--dim);line-height:1.55}
@media (max-width:900px){ .esc{grid-template-columns:1fr} .cola{grid-template-columns:1fr;gap:14px} }

/* Pasos (gestión escalonada) */
.pasos{counter-reset:p;list-style:none;margin:20px auto 8px;border-top:1px solid var(--line);text-align:left;max-width:640px}
.pasos li{display:grid;grid-template-columns:40px 1fr;gap:14px;padding:16px 0;border-bottom:1px solid var(--line-soft);color:var(--dim);font-size:14.5px;line-height:1.6}
.pasos li::before{counter-increment:p;content:counter(p,decimal-leading-zero);font-family:var(--mono);font-size:12px;color:var(--txt);letter-spacing:.1em;padding-top:3px}
.pasos b{color:var(--txt);font-weight:500}

/* Fórmula del contrato + invalidaciones */
.formula{
  margin:24px auto;padding:22px 24px;border:1px solid var(--line);background:var(--glass);max-width:640px;
  font-family:var(--mono);font-size:clamp(14px,1.8vw,17px);color:var(--txt);
  display:flex;flex-wrap:wrap;justify-content:center;gap:10px 18px;align-items:baseline;font-variant-numeric:tabular-nums;
}
.formula .eq{color:var(--faint)}
.inv{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin:24px 0 8px;text-align:center}
.inv>div{background:var(--bg);padding:22px 22px}
.inv .k{display:block}
.inv .n{font-family:var(--mono);font-size:24px;font-weight:300;color:var(--txt);margin:10px 0 8px;font-variant-numeric:tabular-nums}
.inv .n small{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin-left:8px;font-weight:400}
.inv p{font-size:13.5px;margin:0 auto;max-width:34ch}
@media (max-width:640px){ .inv{grid-template-columns:1fr} }

/* ============================================================
   DESPEDIDA — retrato centrado, saludo y firma
   ============================================================ */
.despedida{border-top:1px solid var(--line);padding:clamp(64px,8vw,112px) 0 0;text-align:center}
.desp-g{display:flex;flex-direction:column;align-items:center;max-width:640px;margin:0 auto}
.retrato{
  position:relative;aspect-ratio:3/4;width:100%;max-width:240px;margin-bottom:36px;
  border:1px solid var(--line);overflow:hidden;background:var(--bg-2);
}
.retrato img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(1)}
.retrato .esq{position:absolute;width:13px;height:13px;border:1px solid var(--edge)}
.retrato .e1{top:11px;left:11px;border-right:0;border-bottom:0}
.retrato .e2{top:11px;right:11px;border-left:0;border-bottom:0}
.retrato .e3{bottom:11px;left:11px;border-right:0;border-top:0}
.retrato .e4{bottom:11px;right:11px;border-left:0;border-top:0}
.desp-t .micro{display:block;margin-bottom:18px}
.desp-t p{color:var(--dim);max-width:52ch;margin:0 auto 14px;font-size:15.5px}
.desp-t p.saludo{
  color:var(--txt);font-size:clamp(24px,3vw,34px);font-weight:500;letter-spacing:-.024em;
  line-height:1.2;margin-bottom:24px;text-wrap:balance;max-width:20ch;
}
.firma{margin-top:30px;padding-top:24px;border-top:1px solid var(--line-soft);width:100%;max-width:360px}
.firma b{display:block;font-size:16px;font-weight:600;letter-spacing:-.01em;color:var(--txt)}
.firma span{display:block;margin-top:7px;font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--dim)}
.firma a{display:inline-block;padding:8px 0 4px;border-bottom:1px solid var(--line);transition:border-color .18s,color .18s}
.firma a:hover{color:var(--txt);border-bottom-color:var(--txt)}

/* ============================================================
   PIE LEGAL — igual que el sitio
   ============================================================ */
.pie-legal{border-top:1px solid var(--line);padding:clamp(40px,5vw,60px) 0 90px;margin-top:clamp(60px,8vw,110px)}
.pl-fila{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;align-items:flex-start}
.pl-marca b{display:block;font-size:14px;font-weight:600;letter-spacing:.2em}
.pl-marca span{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.14em;color:var(--faint);margin-top:7px}
.pl-links{display:flex;gap:22px;flex-wrap:wrap;font-family:var(--mono);font-size:11px;letter-spacing:.08em}
.pl-links a{display:inline-block;color:var(--dim);text-decoration:none;border-bottom:1px solid transparent;padding:8px 0 6px;transition:color .18s,border-color .18s}
.pl-links a:hover{color:var(--txt);border-bottom-color:var(--line)}
.pl-aviso{margin-top:32px;max-width:76ch;font-size:12.5px;line-height:1.65;color:var(--faint);font-weight:300}
.pl-aviso strong{color:var(--dim);font-weight:500}
.pl-copy{margin-top:16px;font-family:var(--mono);font-size:10px;letter-spacing:.12em;color:var(--faint)}
@media (max-width:640px){ .pl-fila{flex-direction:column;gap:22px} .pl-links{gap:14px} }

/* ============================================================
   MOTION — entrada de la tapa (sin observer: todo visible en reposo)
   ============================================================ */
.hup{opacity:0;transform:translateY(22px);animation:heroUp .95s cubic-bezier(.16,1,.3,1) forwards;animation-delay:var(--hd,0s)}
@keyframes heroUp{to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .hup{animation:none;opacity:1;transform:none}
  body::before{animation:none}
}

/* ============================================================
   PRINT — por si el memo se exporta a PDF
   ============================================================ */
@media print{
  :root{--bg:#fff;--bg-2:#fff;--txt:#000;--dim:#333;--faint:#666;--line:#bbb;--line-soft:#ddd;--glass:#f3f3f3;--glass-2:#eaeaea}
  body{padding-top:0}
  body::before,body::after,.nav,.progress{display:none}
  .sec,.callout,.esc>div,.inv>div,.fig{break-inside:avoid}
  .hup{animation:none;opacity:1;transform:none}
}

/* (23-sep-2026) las gráficas abren a tamaño completo en otra pestaña */
.fig a{display:block;cursor:zoom-in}