/* Imperial Investigaciones — hoja de estilo para la sección de análisis
   Tokens heredados de la landing principal. v1 · 2026-08-22 */
:root{
  --bg-0:#0e0f12; --bg-1:#15171b; --bg-2:#1c1f24;
  --line:rgba(255,255,255,.10);
  --ink:#e9eaec; --ink-2:#b6b8bc; --ink-3:#7e8086;
  --silver:#c8cacc; --silver-2:#9a9da2; --silver-3:#5c5f64;
  --accent:#d8d3c0;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
html,body{background:var(--bg-0);color:var(--ink);font-family:'Manrope',sans-serif;-webkit-font-smoothing:antialiased;line-height:1.6}
body{overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:1;opacity:.06;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='0.9' numOctaves='2'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.6'/></svg>")}

.eyebrow{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--silver-2)}
.serif{font-family:'Cormorant Garamond',serif;font-weight:400;letter-spacing:-.01em}

/* Barra superior */
.util{position:relative;z-index:5;background:#0a0b0d;border-bottom:1px solid var(--line);padding:10px 36px;
  display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;
  font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--silver-2)}
.util a:hover{color:var(--accent)}
.util .left,.util .right{display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.util .pulse{width:6px;height:6px;border-radius:50%;background:#7fd17f;box-shadow:0 0 8px #7fd17f;display:inline-block;margin-right:8px;animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}

/* Nav */
.nav{position:sticky;top:0;z-index:30;background:rgba(10,11,13,.86);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;
  padding:14px 36px;flex-wrap:wrap}
.nav .brand-mk{font-family:'Cormorant Garamond',serif;font-size:22px;letter-spacing:.02em;color:#fff}
.nav .brand-mk em{font-style:italic;color:var(--silver)}
.nav ul{display:flex;list-style:none;gap:28px;align-items:center;flex-wrap:wrap}
.nav ul a{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-2);transition:color .2s}
.nav ul a:hover,.nav ul a[aria-current]{color:#fff}
.nav .cta{font-size:11px;letter-spacing:.22em;padding:11px 22px;border:1px solid var(--silver-3);color:var(--silver);text-transform:uppercase;transition:.25s}
.nav .cta:hover{background:var(--silver);color:#0a0b0d;border-color:var(--silver)}

/* Migas */
.crumbs{position:relative;z-index:2;max-width:1100px;margin:0 auto;padding:26px 36px 0;font-size:11px;
  letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3)}
.crumbs a:hover{color:var(--accent)}
.crumbs span{margin:0 10px;color:var(--silver-3)}

/* Contenedores */
.page{position:relative;z-index:2;max-width:1100px;margin:0 auto;padding:56px 36px 90px}
.article{position:relative;z-index:2;max-width:760px;margin:0 auto;padding:48px 36px 90px}

/* Cabecera de sección */
.hd .eyebrow{display:flex;align-items:center;gap:14px;margin-bottom:26px}
.hd .eyebrow::before{content:"";display:block;width:38px;height:1px;background:var(--silver-2)}
.hd h1{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:clamp(40px,4.6vw,64px);
  line-height:1.06;letter-spacing:-.02em;color:#fff;margin-bottom:24px}
.hd h1 em{font-style:italic;color:var(--accent);font-weight:300}
.hd .lede{font-size:16.5px;line-height:1.7;color:var(--ink-2);max-width:640px}

/* Bloque de respuesta directa */
.tldr{border:1px solid var(--line);border-left:1px solid var(--accent);background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,0));
  padding:30px 32px;margin:44px 0 8px}
.tldr .eyebrow{margin-bottom:14px}
.tldr p{font-family:'Cormorant Garamond',serif;font-size:clamp(19px,1.8vw,23px);line-height:1.55;color:#f2f2f3}
.tldr strong{font-weight:600;color:#fff}

/* Listado de artículos */
.list{margin-top:56px;border-top:1px solid var(--line)}
.item{border-bottom:1px solid var(--line);padding:34px 0;display:grid;grid-template-columns:150px 1fr;gap:32px;align-items:start}
.item .meta{font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--silver-2);line-height:1.9;padding-top:6px}
.item h2{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:clamp(24px,2.4vw,31px);
  line-height:1.22;letter-spacing:-.01em;color:#fff;margin-bottom:12px}
.item a:hover h2{color:var(--accent)}
.item p{color:var(--ink-2);font-size:14.5px;line-height:1.7;max-width:640px}
.item .tags{margin-top:14px;display:flex;gap:8px;flex-wrap:wrap}
.tag{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--silver-2);border:1px solid var(--line);padding:5px 11px}

/* Cuerpo del artículo */
.article h1{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:clamp(34px,4vw,50px);
  line-height:1.1;letter-spacing:-.02em;color:#fff;margin:22px 0 22px}
.article .amet{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--silver-2);
  padding-bottom:22px;border-bottom:1px solid var(--line);display:flex;gap:18px;flex-wrap:wrap}
.article h2{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:clamp(25px,2.6vw,33px);
  line-height:1.25;letter-spacing:-.01em;color:#fff;margin:52px 0 18px}
.article h3{font-size:15px;letter-spacing:.06em;color:var(--accent);margin:34px 0 12px;font-weight:600}
.article p{font-size:16.5px;line-height:1.78;color:var(--ink-2);margin-bottom:20px}
.article p strong,.article li strong{color:#fff;font-weight:600}
.article ul,.article ol{margin:0 0 22px 0;padding-left:22px;color:var(--ink-2)}
.article li{font-size:16.5px;line-height:1.75;margin-bottom:11px}
.article li::marker{color:var(--accent)}
.article a[href^="http"],.article a[href^="/"]{color:var(--accent);border-bottom:1px solid rgba(216,211,192,.35)}
.article blockquote{border-left:1px solid var(--accent);padding:6px 0 6px 26px;margin:32px 0;
  font-family:'Cormorant Garamond',serif;font-size:23px;line-height:1.5;color:#f2f2f3;font-style:italic}
.article .fuente{font-size:13px;color:var(--ink-3);border-top:1px solid var(--line);padding-top:22px;margin-top:44px;line-height:1.7}

/* Caja de autor */
.author{border:1px solid var(--line);background:#15171b;padding:30px 32px;margin-top:46px}
.author .eyebrow{margin-bottom:12px}
.author h3{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:26px;color:#fff;margin-bottom:12px}
.author p{font-size:14.5px;line-height:1.7;color:var(--ink-2);margin-bottom:14px}
.author .creds{display:flex;gap:8px;flex-wrap:wrap}

/* CTA */
.cta-box{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0a0b0d;
  padding:52px 36px;margin-top:60px;text-align:center;position:relative;z-index:2}
.cta-box h3{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:clamp(27px,3vw,38px);color:#fff;margin-bottom:14px;letter-spacing:-.01em}
.cta-box h3 em{font-style:italic;color:var(--accent)}
.cta-box p{color:var(--ink-2);font-size:15px;max-width:600px;margin:0 auto 26px;line-height:1.7}
.btn{display:inline-block;font-size:11px;letter-spacing:.22em;text-transform:uppercase;padding:14px 28px;
  border:1px solid var(--silver-3);color:var(--silver);transition:.25s;margin:0 6px 10px}
.btn:hover{background:var(--silver);color:#0a0b0d;border-color:var(--silver)}
.btn-p{background:var(--accent);border-color:var(--accent);color:#0a0b0d}
.btn-p:hover{background:#fff;border-color:#fff}

footer{background:#070809;border-top:1px solid var(--line);padding:56px 36px 30px;position:relative;z-index:2;
  font-size:12.5px;color:var(--ink-3);line-height:1.9}
footer .fin{max-width:1100px;margin:0 auto;display:flex;justify-content:space-between;gap:26px;flex-wrap:wrap}
footer a:hover{color:var(--accent)}
footer .fbot{max-width:1100px;margin:34px auto 0;padding-top:22px;border-top:1px solid var(--line);
  font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--silver-3)}

@media (max-width:900px){
  .util,.nav{padding:12px 20px}
  .page,.article,.crumbs{padding-left:22px;padding-right:22px}
  .item{grid-template-columns:1fr;gap:12px}
  .nav ul{gap:18px}
}