/* =============================================================================
   PORTAL BDV EMPRESAS - CSS v3.0 "Stone & Amethyst Editorial"
   Concepto: Revista digital editorial con sidebar fija
   Paleta: Neutra elegante (Stone) + Acento fuerte (Amethyst)
   Tipografia: Libre Baskerville (display) + DM Sans (body)
   ============================================================================= */

:root {
    --accent: #7C3AED;
    --accent-hover: #6D28D9;
    --accent-light: #8B5CF6;
    --accent-muted: #A78BFA;
    --accent-pale: #EDE9FE;
    --accent-deep: #5B21B6;
    --stone-950: #0c0a09;
    --stone-900: #1c1917;
    --stone-800: #292524;
    --stone-700: #44403c;
    --stone-600: #57534e;
    --stone-500: #78716c;
    --stone-400: #a8a29e;
    --stone-300: #d6d3d1;
    --stone-200: #e7e5e4;
    --stone-100: #f5f5f4;
    --stone-50: #fafaf9;
    --ok: #059669;
    --ok-bg: #ecfdf5;
    --caution: #d97706;
    --caution-bg: #fffbeb;
    --alert: #dc2626;
    --alert-bg: #fef2f2;
    --note: #7C3AED;
    --note-bg: #EDE9FE;
    --ink: #1c1917;
    --ink-body: #292524;
    --ink-soft: #57534e;
    --ink-faint: #78716c;
    --ink-ghost: #a8a29e;
    --canvas: #fafaf9;
    --paper: #FFFFFF;
    --elevated: #FFFFFF;
    --sunken: #f5f5f4;
    --sidebar-bg: #1c1917;
    --sidebar-ink: #e7e5e4;
    --rule: #e7e5e4;
    --rule-soft: #f5f5f4;
    --rule-hard: #d6d3d1;
    --font-display: 'Libre Baskerville', 'Georgia', serif;
    --font-body: 'DM Sans', 'Segoe UI', system-ui, sans-serif;
    --t-xs: 0.75rem;
    --t-sm: 0.8125rem;
    --t-base: 0.9375rem;
    --t-md: 1.0625rem;
    --t-lg: clamp(1.125rem, 0.5vw + 1rem, 1.3125rem);
    --t-xl: clamp(1.3125rem, 1vw + 1rem, 1.625rem);
    --t-2xl: clamp(1.5rem, 1.5vw + 1rem, 2rem);
    --t-3xl: clamp(1.75rem, 2.5vw + 1rem, 2.5rem);
    --t-4xl: clamp(2rem, 3.5vw + 1rem, 3.25rem);
    --prose-w: 65ch;
    --ease-smooth: cubic-bezier(0.16, 1, 0.3, 1);
    --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
    --dur-fast: 150ms;
    --dur-base: 250ms;
    --dur-slow: 500ms;
    --r-xs: 3px;
    --r-sm: 6px;
    --r-md: 10px;
    --r-lg: 14px;
    --r-xl: 20px;
    --r-pill: 9999px;
    --s-2: 2px;
    --s-4: 4px;
    --s-8: 8px;
    --s-12: 12px;
    --s-16: 16px;
    --s-20: 20px;
    --s-24: 24px;
    --s-32: 32px;
    --s-40: 40px;
    --s-48: 48px;
    --s-64: 64px;
    --s-80: 80px;
    --s-96: 96px;
    --sh-xs: 0 1px 2px rgba(28,25,23,0.04);
    --sh-sm: 0 2px 8px rgba(28,25,23,0.06);
    --sh-md: 0 8px 24px rgba(28,25,23,0.08);
    --sh-lg: 0 16px 48px rgba(28,25,23,0.1);
    --sh-accent: 0 4px 24px rgba(124,58,237,0.2);
    --sidebar-w: 240px;
}
.skip-link{position:absolute;top:-100px;left:50%;transform:translateX(-50%);background:var(--accent);color:#fff;padding:8px 20px;font-weight:700;z-index:10001;transition:top .2s;text-decoration:none;border-radius:0 0 var(--r-md) var(--r-md);font-size:var(--t-sm)}.skip-link:focus{top:0}:focus{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-xs)}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);color:var(--ink-body);background:var(--canvas);line-height:1.7;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{color:var(--accent);text-decoration:none;transition:color var(--dur-fast) var(--ease-smooth)}a:hover{color:var(--accent-hover)}
h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--ink);line-height:1.25;font-weight:700}h1{font-size:var(--t-4xl)}h2{font-size:var(--t-3xl)}h3{font-size:var(--t-2xl)}h4{font-size:var(--t-xl)}h5{font-size:var(--t-lg)}h6{font-size:var(--t-md)}p{margin-bottom:var(--s-16);font-size:var(--t-base)}.prose{max-width:var(--prose-w)}.prose h2{margin:var(--s-32) 0 var(--s-12)}.prose h3{margin:var(--s-24) 0 var(--s-8)}.prose p{line-height:1.8;color:var(--ink-body)}.prose strong{color:var(--ink)}
.site-wrapper{display:flex;min-height:100vh}.site-content{flex:1;margin-left:var(--sidebar-w);min-height:100vh}.content-frame{max-width:1100px;margin:0 auto;padding:0 var(--s-32)}.zone{padding:var(--s-64) 0}.zone-sm{padding:var(--s-40) 0}.row{display:grid;gap:var(--s-24)}.row-2{grid-template-columns:repeat(2,1fr)}.row-3{grid-template-columns:repeat(3,1fr)}.row-4{grid-template-columns:repeat(4,1fr)}
.site-sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-w);background:var(--sidebar-bg);color:var(--sidebar-ink);display:flex;flex-direction:column;z-index:1000;overflow-y:auto;border-right:1px solid rgba(255,255,255,.06)}.sidebar-brand{padding:var(--s-24);border-bottom:1px solid rgba(255,255,255,.06)}.sidebar-brand a{display:flex;align-items:center;gap:var(--s-12);text-decoration:none;color:#fff}.sidebar-brand img{width:38px;height:38px;object-fit:contain;border-radius:var(--r-sm)}.sidebar-brand-text{font-family:var(--font-display);font-size:var(--t-md);font-weight:700;letter-spacing:-.02em;line-height:1.2}.sidebar-brand-text em{font-style:normal;color:var(--accent-muted);display:block;font-size:var(--t-xs);font-family:var(--font-body);font-weight:500;letter-spacing:.08em;text-transform:uppercase;margin-top:2px}
.sidebar-nav{flex:1;padding:var(--s-16) var(--s-12)}.sidebar-label{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--stone-500);padding:var(--s-16) var(--s-12) var(--s-8);margin-top:var(--s-8)}.sidebar-link{display:flex;align-items:center;gap:var(--s-12);padding:var(--s-12);border-radius:var(--r-md);color:var(--stone-400);font-size:var(--t-sm);font-weight:500;transition:all var(--dur-fast) var(--ease-smooth);margin-bottom:var(--s-2)}.sidebar-link i{width:20px;text-align:center;font-size:.9rem;opacity:.7}.sidebar-link:hover{background:rgba(255,255,255,.06);color:#fff}.sidebar-link.current{background:var(--accent);color:#fff;font-weight:600}.sidebar-link.current i{opacity:1}
.sidebar-footer{padding:var(--s-16) var(--s-12);border-top:1px solid rgba(255,255,255,.06)}.sidebar-footer-link{display:block;padding:var(--s-4) var(--s-12);font-size:var(--t-xs);color:var(--stone-600);transition:color var(--dur-fast)}.sidebar-footer-link:hover{color:var(--accent-muted)}
.drawer-toggle{display:none;position:fixed;top:var(--s-12);left:var(--s-12);z-index:1001;width:44px;height:44px;background:var(--paper);border:1px solid var(--rule);border-radius:var(--r-md);cursor:pointer;align-items:center;justify-content:center;box-shadow:var(--sh-sm)}.drawer-toggle .bar,.drawer-toggle .bar::before,.drawer-toggle .bar::after{display:block;width:18px;height:2px;background:var(--ink);border-radius:2px;position:absolute;left:50%;transform:translateX(-50%);transition:all .3s}.drawer-toggle .bar{top:50%;margin-top:-1px}.drawer-toggle .bar::before{content:'';top:-6px;left:0;width:18px;transform:none}.drawer-toggle .bar::after{content:'';top:6px;left:0;width:18px;transform:none}.drawer-overlay{display:none;position:fixed;inset:0;background:rgba(12,10,9,.5);z-index:999;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.drawer-overlay.open{display:block}
.content-topbar{position:sticky;top:0;z-index:100;background:rgba(250,250,249,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--rule);padding:var(--s-12) var(--s-32)}.topbar-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;gap:var(--s-16)}.search-global{flex:1;position:relative;max-width:480px}.search-global input{width:100%;padding:var(--s-12) var(--s-16) var(--s-12) var(--s-40);background:var(--paper);border:1.5px solid var(--rule);border-radius:var(--r-pill);font-family:var(--font-body);font-size:var(--t-sm);color:var(--ink);transition:all var(--dur-fast)}.search-global input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(124,58,237,.1)}.search-global input::placeholder{color:var(--ink-ghost)}.search-global i{position:absolute;left:var(--s-16);top:50%;transform:translateY(-50%);color:var(--ink-ghost);font-size:.85rem}.topbar-date{font-size:var(--t-xs);color:var(--ink-faint);white-space:nowrap;font-weight:500}
.editorial-hero{padding:var(--s-48) 0 var(--s-40)}.editorial-hero .feature-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:var(--s-24);min-height:420px}.feature-main{position:relative;border-radius:var(--r-lg);overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;background:var(--stone-900);cursor:pointer;transition:transform var(--dur-base) var(--ease-smooth)}.feature-main:hover{transform:scale(1.005)}.feature-main img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55;transition:opacity var(--dur-slow)}.feature-main:hover img{opacity:.4}.feature-main-body{position:relative;z-index:2;padding:var(--s-32);background:linear-gradient(to top,rgba(12,10,9,.95) 0%,rgba(12,10,9,.4) 60%,transparent 100%)}.feature-main-body .pill{display:inline-flex;padding:var(--s-4) var(--s-12);background:var(--accent);color:#fff;font-size:.6875rem;font-weight:700;border-radius:var(--r-pill);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--s-12)}.feature-main-body h2{color:#fff;font-size:var(--t-2xl);margin-bottom:var(--s-8);line-height:1.3}.feature-main-body h2 a{color:#fff}.feature-main-body h2 a:hover{color:var(--accent-muted)}.feature-main-body p{color:rgba(255,255,255,.7);font-size:var(--t-sm);margin-bottom:var(--s-12);line-height:1.6}.feature-meta{display:flex;gap:var(--s-16);font-size:var(--t-xs);color:rgba(255,255,255,.5)}.feature-meta i{margin-right:var(--s-4)}
.feature-stack{display:flex;flex-direction:column;gap:var(--s-24)}.feature-side{flex:1;display:flex;gap:var(--s-16);padding:var(--s-20);background:var(--paper);border:1px solid var(--rule);border-radius:var(--r-lg);transition:all var(--dur-base) var(--ease-smooth);align-items:flex-start}.feature-side:hover{box-shadow:var(--sh-md);border-color:var(--accent-pale);transform:translateY(-2px)}.feature-side-img{width:100px;height:80px;border-radius:var(--r-sm);object-fit:cover;flex-shrink:0}.feature-side-body{flex:1;min-width:0}.feature-side-body .pill-sm{display:inline-block;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:var(--s-4)}.feature-side-body h5{font-size:var(--t-sm);margin-bottom:var(--s-4);line-height:1.35}.feature-side-body h5 a{color:var(--ink)}.feature-side-body h5 a:hover{color:var(--accent)}.feature-side-body .meta-sm{font-size:var(--t-xs);color:var(--ink-ghost)}
.zone-header{margin-bottom:var(--s-32)}.zone-header .eyebrow{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin-bottom:var(--s-8);display:flex;align-items:center;gap:var(--s-8)}.zone-header .eyebrow::after{content:'';flex:1;height:1px;background:var(--rule);max-width:120px}.zone-header h2{margin-bottom:var(--s-8)}.zone-header p{color:var(--ink-soft);font-size:var(--t-base);max-width:50ch}
.tile{background:var(--paper);border:1px solid var(--rule);border-radius:var(--r-lg);overflow:hidden;transition:all var(--dur-base) var(--ease-smooth);display:flex;flex-direction:column}.tile:hover{box-shadow:var(--sh-md);transform:translateY(-3px);border-color:var(--accent-pale)}.tile-cover{aspect-ratio:16/10;object-fit:cover;width:100%}.tile-gradient{aspect-ratio:16/10;display:flex;align-items:center;justify-content:center}.tile-gradient i{font-size:2.2rem;color:rgba(255,255,255,.85)}.tile-body{padding:var(--s-20);flex:1;display:flex;flex-direction:column}.tile-tag{display:inline-block;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:var(--s-4) var(--s-8);border-radius:var(--r-xs);margin-bottom:var(--s-8);width:fit-content}.tile-tag.guide{color:var(--ok);background:var(--ok-bg)}.tile-tag.news{color:var(--accent);background:var(--accent-pale)}.tile-tag.warning{color:var(--caution);background:var(--caution-bg)}.tile-title{font-size:var(--t-lg);margin-bottom:var(--s-8);line-height:1.35}.tile-title a{color:var(--ink)}.tile-title a:hover{color:var(--accent)}.tile-desc{color:var(--ink-soft);font-size:var(--t-sm);line-height:1.65;margin-bottom:var(--s-12);flex:1}.tile-footer{display:flex;align-items:center;gap:var(--s-16);font-size:var(--t-xs);color:var(--ink-ghost);padding-top:var(--s-12);border-top:1px solid var(--rule-soft)}.tile-footer i{margin-right:var(--s-4)}.clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.area-tile{background:var(--paper);border:1px solid var(--rule);border-radius:var(--r-lg);padding:var(--s-24);text-align:center;transition:all var(--dur-base) var(--ease-smooth);position:relative;overflow:hidden}.area-tile::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent);transform:scaleX(0);transition:transform var(--dur-base) var(--ease-smooth)}.area-tile:hover::before{transform:scaleX(1)}.area-tile:hover{box-shadow:var(--sh-md);transform:translateY(-4px)}.area-icon{width:56px;height:56px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;margin:0 auto var(--s-16);font-size:1.4rem;transition:transform var(--dur-base) var(--ease-bounce)}.area-tile:hover .area-icon{transform:scale(1.1) rotate(-3deg)}.area-tile h5{font-size:var(--t-base);margin-bottom:var(--s-8)}.area-tile p{font-size:var(--t-xs);color:var(--ink-soft);margin-bottom:var(--s-16);line-height:1.55}
.counters{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-16)}.counter-box{background:var(--paper);border:1px solid var(--rule);border-radius:var(--r-md);padding:var(--s-20);text-align:center;transition:border-color var(--dur-fast)}.counter-box:hover{border-color:var(--accent-pale)}.counter-val{font-family:var(--font-display);font-size:var(--t-3xl);color:var(--accent);line-height:1;margin-bottom:var(--s-4)}.counter-lbl{font-size:var(--t-xs);color:var(--ink-faint);font-weight:500}
.btn{display:inline-flex;align-items:center;gap:var(--s-8);padding:var(--s-12) var(--s-20);border-radius:var(--r-md);font-family:var(--font-body);font-size:var(--t-sm);font-weight:600;border:1.5px solid transparent;cursor:pointer;transition:all var(--dur-fast) var(--ease-smooth);text-decoration:none;line-height:1}.btn-accent{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-accent:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#fff;box-shadow:var(--sh-accent);transform:translateY(-1px)}.btn-stroke{background:transparent;color:var(--ink);border-color:var(--rule-hard)}.btn-stroke:hover{border-color:var(--accent);color:var(--accent)}.btn-ghost{background:transparent;color:var(--ink-soft);border-color:transparent}.btn-ghost:hover{background:var(--sunken);color:var(--ink)}.btn-white{background:#fff;color:var(--ink);border-color:rgba(255,255,255,.3)}.btn-white:hover{background:rgba(255,255,255,.9);color:var(--accent)}.btn-lg{padding:var(--s-16) var(--s-24);font-size:var(--t-base)}.btn-sm{padding:var(--s-8) var(--s-16);font-size:var(--t-xs)}
.filter-bar{display:flex;gap:var(--s-8);flex-wrap:wrap;margin-bottom:var(--s-32)}.filter-btn{padding:var(--s-8) var(--s-16);border-radius:var(--r-pill);font-size:var(--t-xs);font-weight:600;color:var(--ink-soft);background:var(--sunken);border:1px solid transparent;cursor:pointer;transition:all var(--dur-fast)}.filter-btn:hover{background:var(--stone-200);color:var(--ink)}.filter-btn.on{background:var(--accent);color:#fff}
.step-block{display:grid;grid-template-columns:56px 1fr;gap:var(--s-20);padding:var(--s-24) 0;border-bottom:1px solid var(--rule-soft)}.step-block:last-child{border-bottom:none}.step-num{width:56px;height:56px;background:var(--accent);color:#fff;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:var(--t-xl);flex-shrink:0}.step-body h3{margin-bottom:var(--s-8);font-size:var(--t-lg)}.step-body p{color:var(--ink-soft);margin-bottom:var(--s-8)}.callout{display:flex;align-items:flex-start;gap:var(--s-12);padding:var(--s-16);border-radius:var(--r-md);font-size:var(--t-sm);margin-top:var(--s-8)}.callout.caution{background:var(--caution-bg);border-left:3px solid var(--caution)}.callout.note{background:var(--note-bg);border-left:3px solid var(--note)}.callout.ok{background:var(--ok-bg);border-left:3px solid var(--ok)}.callout.alert{background:var(--alert-bg);border-left:3px solid var(--alert)}
.crumbs{display:flex;align-items:center;gap:var(--s-8);font-size:var(--t-xs);color:var(--ink-faint);list-style:none;flex-wrap:wrap;padding:var(--s-16) 0}.crumbs a{color:var(--ink-soft)}.crumbs a:hover{color:var(--accent)}.crumbs li+li::before{content:'>';margin-right:var(--s-8);color:var(--ink-ghost)}
.aside-panel{position:sticky;top:80px}.widget{background:var(--paper);border:1px solid var(--rule);border-radius:var(--r-lg);padding:var(--s-20);margin-bottom:var(--s-20)}.widget h4{font-size:var(--t-base);margin-bottom:var(--s-12);padding-bottom:var(--s-8);border-bottom:2px solid var(--accent)}.widget-list{list-style:none}.widget-list li{padding:var(--s-8) 0;border-bottom:1px solid var(--rule-soft)}.widget-list li:last-child{border-bottom:none}.widget-list a{display:flex;justify-content:space-between;color:var(--ink-body);font-size:var(--t-sm)}.widget-list a:hover{color:var(--accent)}.widget-count{font-size:var(--t-xs);color:var(--ink-ghost);background:var(--sunken);padding:2px 8px;border-radius:var(--r-pill)}
.search-field{position:relative;margin-bottom:var(--s-24)}.search-field input{width:100%;padding:var(--s-16) var(--s-20) var(--s-16) var(--s-48);border:1.5px solid var(--rule);border-radius:var(--r-md);font-size:var(--t-base);font-family:var(--font-body);transition:border-color var(--dur-fast);background:var(--paper);color:var(--ink)}.search-field input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(124,58,237,.1)}.search-field i{position:absolute;left:var(--s-16);top:50%;transform:translateY(-50%);color:var(--ink-ghost)}
.article-banner{background:var(--stone-900);color:#fff;padding:var(--s-48) 0;position:relative;overflow:hidden}.article-banner::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 20% 80%,rgba(124,58,237,.15) 0%,transparent 60%);pointer-events:none}.article-banner .content-frame{position:relative;z-index:2;max-width:780px}.article-banner h1{color:#fff;font-size:var(--t-3xl);margin-bottom:var(--s-12)}.article-banner .lead{font-size:var(--t-md);color:rgba(255,255,255,.75);line-height:1.7;margin-bottom:var(--s-20)}.article-info{display:flex;gap:var(--s-20);font-size:var(--t-xs);color:rgba(255,255,255,.5);flex-wrap:wrap}.article-info i{margin-right:var(--s-4)}
.cta-box{background:var(--stone-900);color:#fff;border-radius:var(--r-xl);padding:var(--s-48);text-align:center;position:relative;overflow:hidden}.cta-box::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 30% 70%,rgba(124,58,237,.2) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,92,246,.1) 0%,transparent 50%);pointer-events:none}.cta-box>*{position:relative;z-index:2}.cta-box h2{color:#fff;margin-bottom:var(--s-8)}.cta-box p{color:rgba(255,255,255,.7);font-size:var(--t-md);margin-bottom:var(--s-24)}.cta-form{display:flex;gap:var(--s-12);max-width:440px;margin:0 auto}.cta-form input{flex:1;padding:var(--s-12) var(--s-16);border:1.5px solid rgba(255,255,255,.15);background:rgba(255,255,255,.06);border-radius:var(--r-md);color:#fff;font-family:var(--font-body);font-size:var(--t-sm)}.cta-form input::placeholder{color:rgba(255,255,255,.4)}.cta-form input:focus{outline:none;border-color:var(--accent-muted)}.cta-fine{font-size:var(--t-xs);color:rgba(255,255,255,.35);margin-top:var(--s-12)}.cta-fine a{color:var(--accent-muted)}
.site-footer{border-top:1px solid var(--rule);padding:var(--s-40) 0 var(--s-24)}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.5fr;gap:var(--s-32);margin-bottom:var(--s-32)}.footer-about .footer-brand-link{display:flex;align-items:center;gap:var(--s-12);margin-bottom:var(--s-12);text-decoration:none}.footer-about .footer-brand-link img{width:32px;height:32px;border-radius:var(--r-xs)}.footer-about .footer-brand-link span{font-family:var(--font-display);font-size:var(--t-md);font-weight:700;color:var(--ink)}.footer-about p{font-size:var(--t-xs);color:var(--ink-soft);line-height:1.65}.footer-about .contact-line{display:flex;align-items:center;gap:var(--s-8);font-size:var(--t-xs);color:var(--ink-faint);margin-bottom:var(--s-4)}.footer-col h6{font-family:var(--font-body);font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin-bottom:var(--s-12)}.footer-col ul{list-style:none}.footer-col li{margin-bottom:var(--s-8)}.footer-col a{color:var(--ink-soft);font-size:var(--t-xs)}.footer-col a:hover{color:var(--accent)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:var(--s-20);border-top:1px solid var(--rule);font-size:var(--t-xs);color:var(--ink-ghost);flex-wrap:wrap;gap:var(--s-12)}.footer-legals{display:flex;gap:var(--s-16)}.footer-legals a{color:var(--ink-ghost);font-size:var(--t-xs)}.footer-legals a:hover{color:var(--accent)}
.cookie-notice{position:fixed;bottom:0;left:var(--sidebar-w);right:0;background:var(--stone-900);color:#fff;padding:var(--s-16) var(--s-24);z-index:10000;transform:translateY(100%);transition:transform var(--dur-slow) var(--ease-smooth);box-shadow:0 -8px 32px rgba(0,0,0,.25);border-radius:var(--r-lg) var(--r-lg) 0 0}.cookie-notice.show{transform:translateY(0)}.cookie-notice-inner{display:flex;align-items:center;gap:var(--s-16);max-width:1100px;margin:0 auto}.cookie-notice p{font-size:var(--t-xs);margin:0;flex:1;color:rgba(255,255,255,.7);line-height:1.5}.cookie-notice p a{color:var(--accent-muted);text-decoration:underline}.cookie-btns{display:flex;gap:var(--s-8);flex-shrink:0}
.wa-bubble{position:fixed;bottom:24px;right:24px;width:52px;height:52px;background:#25D366;border-radius:var(--r-pill);display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;box-shadow:0 4px 16px rgba(37,211,102,.35);z-index:999;transition:all var(--dur-base);text-decoration:none}.wa-bubble:hover{transform:scale(1.08);box-shadow:0 6px 24px rgba(37,211,102,.45);color:#fff}.go-top{position:fixed;bottom:84px;right:24px;width:40px;height:40px;background:var(--stone-800);color:#fff;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;opacity:0;visibility:hidden;transition:all var(--dur-base);z-index:998;font-size:14px}.go-top.show{opacity:1;visibility:visible}.go-top:hover{background:var(--accent);transform:translateY(-2px)}
.info-panel{display:flex;align-items:flex-start;gap:var(--s-16);padding:var(--s-20);border-radius:var(--r-md);margin-bottom:var(--s-16)}.info-panel.caution{background:var(--caution-bg);border:1px solid rgba(217,119,6,.15)}.info-panel.note{background:var(--note-bg);border:1px solid rgba(124,58,237,.1)}.info-panel.ok{background:var(--ok-bg);border:1px solid rgba(5,150,105,.1)}.info-panel.alert{background:var(--alert-bg);border:1px solid rgba(220,38,38,.1)}.info-panel-icon{width:36px;height:36px;border-radius:var(--r-pill);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:var(--t-base)}.info-panel.caution .info-panel-icon{background:rgba(217,119,6,.12);color:var(--caution)}.info-panel.note .info-panel-icon{background:rgba(124,58,237,.1);color:var(--note)}.info-panel.ok .info-panel-icon{background:rgba(5,150,105,.1);color:var(--ok)}.info-panel.alert .info-panel-icon{background:rgba(220,38,38,.1);color:var(--alert)}
[data-reveal]{opacity:0;transform:translateY(20px);transition:opacity .5s var(--ease-smooth),transform .5s var(--ease-smooth)}[data-reveal].visible{opacity:1;transform:translateY(0)}@keyframes slideUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.enter{animation:slideUp .5s var(--ease-smooth) forwards}.enter-d1{animation-delay:80ms}.enter-d2{animation-delay:160ms}.enter-d3{animation-delay:240ms}.enter-d4{animation-delay:320ms}
.text-center{text-align:center}.text-ink{color:var(--ink)}.text-soft{color:var(--ink-soft)}.text-faint{color:var(--ink-faint)}.text-accent{color:var(--accent)}.text-ok{color:var(--ok)}.text-caution{color:var(--caution)}.text-alert{color:var(--alert)}.bg-sunken{background:var(--sunken)}.bg-paper{background:var(--paper)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
/* Mobile first */
.site-sidebar{transform:translateX(-100%);transition:transform .35s var(--ease-smooth)}.site-sidebar.open{transform:translateX(0)}.site-content{margin-left:0}.content-frame{padding:0 var(--s-16)}.content-topbar{padding:var(--s-12) var(--s-16)}.drawer-toggle{display:flex}.row-2,.row-3,.row-4{grid-template-columns:1fr}.counters{grid-template-columns:repeat(2,1fr)}.editorial-hero .feature-grid{grid-template-columns:1fr}.feature-main{min-height:280px}.feature-side-img{width:80px;height:64px}.footer-grid{grid-template-columns:1fr;gap:var(--s-24)}.footer-bottom{flex-direction:column;text-align:center}.cta-box{padding:var(--s-32) var(--s-20)}.cta-form{flex-direction:column}.cookie-notice{left:0;border-radius:0}.cookie-notice-inner{flex-direction:column;text-align:center}.cookie-btns{width:100%;flex-direction:column}.cookie-btns .btn{width:100%;justify-content:center}[style*="grid-template-columns:1fr 320px"],[style*="grid-template-columns: 1fr 320px"],[style*="grid-template-columns:1fr 300px"],[style*="grid-template-columns: 1fr 300px"]{grid-template-columns:1fr!important}.aside-panel{display:none!important}
@media(min-width:640px){.row-2{grid-template-columns:repeat(2,1fr)}.counters{grid-template-columns:repeat(4,1fr)}}
@media(min-width:768px){.row-3{grid-template-columns:repeat(2,1fr)}.editorial-hero .feature-grid{grid-template-columns:1.4fr 1fr}.feature-main{min-height:420px}.footer-grid{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:row;text-align:left}.cookie-notice-inner{flex-direction:row;text-align:left}.cookie-btns{width:auto;flex-direction:row}.cookie-btns .btn{width:auto}.aside-panel{display:block!important}[style*="grid-template-columns:1fr 320px"],[style*="grid-template-columns: 1fr 320px"]{grid-template-columns:1fr 320px!important}[style*="grid-template-columns:1fr 300px"],[style*="grid-template-columns: 1fr 300px"]{grid-template-columns:1fr 300px!important}}
@media(min-width:1024px){.site-sidebar{transform:translateX(0)}.site-content{margin-left:var(--sidebar-w)}.content-frame{padding:0 var(--s-32)}.content-topbar{padding:var(--s-12) var(--s-32)}.drawer-toggle{display:none}.drawer-overlay{display:none!important}.row-3{grid-template-columns:repeat(3,1fr)}.row-4{grid-template-columns:repeat(4,1fr)}.footer-grid{grid-template-columns:1.5fr 1fr 1fr 1.5fr}.cookie-notice{left:var(--sidebar-w)}}

/* =============================================================================
   SEARCH RESULTS
   ============================================================================= */
.search-global{position:relative}
.search-results{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--paper);border:1px solid var(--rule);border-radius:var(--r-lg);box-shadow:var(--sh-lg);z-index:200;max-height:420px;overflow-y:auto;display:none}
.search-results.open{display:block}
.search-results-header{padding:var(--s-12) var(--s-16);border-bottom:1px solid var(--rule-soft);font-size:var(--t-xs);color:var(--ink-faint);font-weight:600;display:flex;justify-content:space-between;align-items:center}
.search-results-close{background:none;border:none;cursor:pointer;color:var(--ink-ghost);font-size:16px;padding:0;line-height:1}
.search-results-close:hover{color:var(--ink)}
.search-item{display:flex;gap:var(--s-12);padding:var(--s-12) var(--s-16);border-bottom:1px solid var(--rule-soft);cursor:pointer;transition:background var(--dur-fast);text-decoration:none;color:var(--ink-body);align-items:flex-start}
.search-item:last-child{border-bottom:none}
.search-item:hover{background:var(--sunken)}
.search-item-icon{width:36px;height:36px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:14px}
.search-item-icon.guide{background:var(--ok-bg);color:var(--ok)}
.search-item-icon.news{background:var(--accent-pale);color:var(--accent)}
.search-item-icon.page{background:var(--sunken);color:var(--ink-faint)}
.search-item-body{flex:1;min-width:0}
.search-item-title{font-size:var(--t-sm);font-weight:600;color:var(--ink);margin-bottom:var(--s-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.search-item-title mark{background:var(--accent-pale);color:var(--accent-deep);padding:0 2px;border-radius:2px}
.search-item-desc{font-size:var(--t-xs);color:var(--ink-faint);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.search-item-tag{font-size:0.5625rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-ghost);margin-top:var(--s-4)}
.search-empty{padding:var(--s-32) var(--s-16);text-align:center;color:var(--ink-faint);font-size:var(--t-sm)}
.search-empty i{display:block;font-size:24px;margin-bottom:var(--s-8);opacity:.4}
.search-overlay{position:fixed;inset:0;z-index:99;background:transparent;display:none}
.search-overlay.open{display:block}