/* Startup theme for inner pages (portal + EN/ES) — loaded last, matches home.css */
:root{--t-ink:#120d1f;--t-text:#4d4660;--t-soft:#8a8399;--t-line:#e9e6f0;--t-bg:#fafafc;--t-dark:#110b1e;--t-dark-2:#1b142b;--t-violet:#7c5cff;--t-violet-2:#5b3fd9;--t-tint:#7c5cff14;--t-tint-line:#7c5cff2e;--t-pink:#ff7ab6;--t-peach:#ffb37a;--t-mint:#5fe3b0;--t-grad:linear-gradient(135deg,#7c5cff,#b44fd6);--t-dark-bg:radial-gradient(50% 90% at 0 0,#7c5cff40,transparent 70%),radial-gradient(40% 80% at 100% 100%,#ff7ab626,transparent 70%),#110b1e}
body,body.portal{background:var(--t-bg);color:var(--t-ink);font-family:Manrope,Arial,sans-serif;font-weight:500}
h1,h2,h3,.portal h1,.portal h2,.portal h3{font-family:Manrope,Arial,sans-serif;font-weight:700;letter-spacing:-.04em}
::selection{background:#d8cffd;color:var(--t-ink)}
:focus-visible,.portal :focus-visible{outline:3px solid var(--t-violet);outline-offset:3px}

/* ---------- Header (portal) ---------- */
.p-header{background:#110b1ed9;backdrop-filter:saturate(160%) blur(16px);-webkit-backdrop-filter:saturate(160%) blur(16px);border-bottom:1px solid #ffffff14;color:#fff}
.p-header-inner{height:68px}
.p-header .p-brand{color:#fff}
.p-header .p-brand img{width:34px;height:34px;border-radius:10px}
.p-header .p-brand strong{font-size:15px}
.p-header .p-brand small{color:#ffffff80}
.p-nav{gap:4px}
.p-nav a{color:#ffffffb8;padding:8px 12px;border-radius:8px;transition:color .2s,background .2s}
.p-nav a:hover{color:#fff;background:#ffffff12}
.p-nav a[aria-current]{color:#fff;background:#ffffff1a;font-weight:700}
.p-nav a[aria-current]::after{display:none}
.p-download{background:#fff;color:var(--t-ink);border-radius:10px;padding:9px 16px;font-size:14px;transition:transform .2s,box-shadow .2s}
.p-download:hover{transform:translateY(-1px);box-shadow:0 6px 20px -6px #7c5cffaa}
.p-menu{background:#ffffff12;border:1px solid #ffffff1f;color:#fff;border-radius:9px;padding:7px;line-height:0}
.p-progress{top:68px}
.p-progress span{background:linear-gradient(90deg,var(--t-violet),var(--t-pink),var(--t-peach))}

/* ---------- Header (EN/ES) ---------- */
.header{background:var(--t-dark);color:#fff;box-shadow:0 0 0 100vmax var(--t-dark);clip-path:inset(0 -100vmax);height:68px}
.header .brand small{color:#ffffff80}
.header .brand img{width:34px;height:34px;border-radius:10px}
.nav-links a{color:#ffffffb8}
.nav-links a:hover{color:#fff;text-decoration:none}
.language{border-color:#ffffff1f;background:#ffffff0f}
.language a{color:#ffffff99}
.language a[aria-current]{background:#fff;color:var(--t-ink)}
.menu{color:#fff}

/* ---------- Buttons & links ---------- */
.p-search button,.p-button,.button{background:var(--t-grad);border:0;color:#fff;border-radius:12px;font-weight:700;box-shadow:0 8px 20px -10px #7c5cff;transition:transform .2s,box-shadow .2s}
.p-search button:hover,.p-button:hover,.button:hover{background:var(--t-grad);transform:translateY(-1px);box-shadow:0 12px 26px -10px #7c5cff}
.p-link,.text-link{color:var(--t-violet-2);font-weight:700}
.p-category,.article-meta span:first-child{display:inline-flex;align-self:flex-start;font-size:12px;font-weight:700;color:var(--t-violet-2);background:var(--t-tint);border:1px solid var(--t-tint-line);padding:3px 10px;border-radius:99px;text-decoration:none}
.p-category:hover{text-decoration:none;background:#7c5cff24}

/* ---------- Portal hero (library) ---------- */
.p-hero{position:relative;isolation:isolate;overflow:hidden;background:var(--t-dark);color:#fff;padding-block:80px 72px}
.p-hero::before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(40% 70% at 20% 100%,#7c5cff59,transparent 70%),radial-gradient(35% 60% at 90% 10%,#ff7ab633,transparent 70%)}
.p-hero::after{content:'';position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(70% 70% at 30% 40%,#000 30%,transparent 80%);-webkit-mask-image:radial-gradient(70% 70% at 30% 40%,#000 30%,transparent 80%)}
.p-hero h1{font-size:clamp(42px,5.4vw,72px);line-height:1;letter-spacing:-.05em}
.p-hero-grid>div>p{color:#c9c2dc}
.p-search{border:1px solid var(--t-line);border-radius:14px;background:#fff;box-shadow:0 20px 40px -20px #00000066}
.p-search:focus-within{outline:3px solid var(--t-violet);outline-offset:2px}
.p-search>.p-icon{color:var(--t-soft)}
.p-search input{color:var(--t-ink)}
.p-popular{color:#a79fbd}
.p-popular a{color:#fff}
.p-start{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:24px;backdrop-filter:blur(10px);color:#fff}
.p-start>p{color:#c9c2dc}
.p-start li::before{background:var(--t-grad);color:#fff}
.p-start li a{border-color:#ffffff1a;color:#fff}
.p-start li a:hover{color:#d6ccff}
.p-start .p-link{color:#d6ccff}

/* ---------- Page heads ---------- */
.p-page-head{padding-block:64px 40px}
.p-page-head h1,.p-article-head h1,.inner-title h1{letter-spacing:-.05em;line-height:1.02}
.p-page-head>p,.p-article-head>p,.inner-title p{color:var(--t-text)}
.p-crumbs,.breadcrumb{color:var(--t-soft)}
.p-crumbs a,.breadcrumb a{color:var(--t-violet-2)}
.p-category-heading>.p-icon{width:56px;height:56px;padding:13px;border-radius:16px;background:var(--t-grad);color:#fff;box-shadow:0 10px 24px -10px #7c5cff}
.p-article-head{border-color:var(--t-line);padding-block:48px 36px}
.p-article-meta>span{background:#fff;border:1px solid var(--t-line);padding:5px 12px;border-radius:99px;color:var(--t-text)}

/* ---------- Topics & filters ---------- */
.p-topics{gap:10px;border:0}
.p-topics a{background:#fff;border:1px solid var(--t-line);border-radius:99px;padding:8px 14px}
.p-topics a:hover{border-color:var(--t-violet)}
.p-filterbar{background:#fff;border:1px solid var(--t-line);border-radius:20px;padding:20px 22px;margin-top:32px}
.p-filter-heading>span{color:var(--t-soft);letter-spacing:.04em;text-transform:uppercase;font-size:11px}
.p-filters button{background:var(--t-bg);border:1px solid var(--t-line);border-radius:99px;padding:8px 14px}
.p-filters button:hover{border-color:var(--t-violet)}
.p-filters button[aria-pressed=true]{background:var(--t-ink);border-color:var(--t-ink);color:#fff}
.p-saved-filter{border:1px solid var(--t-line);border-radius:99px;color:var(--t-violet-2)}
.p-saved-filter>span{background:var(--t-grad);color:#fff}
.p-saved-filter[aria-pressed=true]{background:var(--t-tint);border-color:var(--t-tint-line)}
.p-sort select{border-radius:10px;border-color:var(--t-line)}
.p-section-title h2,.p-results-heading h2{font-size:38px;letter-spacing:-.045em}

/* ---------- Guide cards ---------- */
.p-guide-grid{gap:16px}
.p-guide,.article-card{background:#fff;border:1px solid var(--t-line);border-radius:20px;padding:22px 24px;transition:transform .25s,box-shadow .25s,border-color .25s}
.p-guide:hover,.article-card:hover{transform:translateY(-3px);border-color:#d8cffd;box-shadow:0 20px 40px -24px #5b3fd955}
.p-guide h3{font-size:20px;letter-spacing:-.03em}
.p-guide h3 a:hover,.article-card:hover h3{color:var(--t-violet-2);text-decoration:none}
.p-guide>p,.article-card p{color:var(--t-text)}
.p-reading-time{color:var(--t-soft)}
.p-save{border-radius:10px}
.p-save:hover{background:var(--t-tint)}
.p-save[aria-pressed=true]{color:#fff;background:var(--t-grad)}
.p-save[aria-pressed=true] svg{fill:#ffffff40}
.p-related-grid{gap:16px}
.article-grid{gap:16px}
.article-card h3{font-size:21px;letter-spacing:-.03em}

/* ---------- Side support ---------- */
.p-support{border-left:0;padding-left:0;padding-top:0;gap:14px}
.p-help{background:var(--t-dark-bg);color:#fff;border-radius:20px}
.p-help p{color:#c9c2dc}
.p-help .p-link{color:#fff}
.p-consult{background:#fff;border:1px solid var(--t-line);border-radius:20px}
.p-side-note{color:var(--t-text)}

/* ---------- Trust, trails, notes ---------- */
.p-trust{background:var(--t-dark-bg);color:#fff;border-radius:28px;padding:40px 44px}
.p-trust>div+div{border-color:#ffffff1f}
.p-trust p{color:#c9c2dc}
.p-trust a{color:#fff}
.p-trust .p-link{color:#d6ccff}
.p-trail-grid{border:0;gap:16px}
.p-trail-grid>a,.p-trail-grid>a:first-child,.p-trail-grid>a:last-child{background:#fff;border:1px solid var(--t-line);border-radius:20px;padding:26px;transition:transform .25s,box-shadow .25s,border-color .25s}
.p-trail-grid>a:hover{transform:translateY(-3px);border-color:#d8cffd;box-shadow:0 20px 40px -24px #5b3fd955}
.p-trail-grid>a:hover h3{text-decoration:none;color:var(--t-violet-2)}
.p-step{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--t-grad);color:#fff;font-weight:700;font-size:13px}
.p-trail-number{background:var(--t-grad);color:#fff;border-radius:14px;font-weight:700}
.p-trail-list li{background:#fff;border:1px solid var(--t-line);border-radius:20px;padding:24px;margin-bottom:12px}
.p-trail-list h2 a:hover{color:var(--t-violet-2);text-decoration:none}
.p-empty{background:#fff;border:1px dashed var(--t-line);border-radius:20px;text-align:center}

/* ---------- Article ---------- */
.p-toc nav{border-left:2px solid var(--t-line)}
.p-toc a:hover{color:var(--t-violet-2);text-decoration:none}
.p-article-body h2{letter-spacing:-.04em}
.p-article-body p,.reading p,.reading li{color:#3b3550}
.p-question{background:#fff;border:1px solid var(--t-line);border-radius:20px;box-shadow:0 20px 40px -30px #5b3fd955}
.p-question h2{background:var(--t-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.p-question li::marker{color:var(--t-violet)}
.p-source-box li a{color:var(--t-violet-2)}
.p-editorial-note{background:#fff;border:1px solid var(--t-line);border-radius:14px}
.p-article-actions>button:not(.p-save),.p-check-actions button,.p-article-actions .p-save{background:#fff;border:1px solid var(--t-line);border-radius:10px}
.p-article-actions>button:not(.p-save):hover,.p-check-actions button:hover{border-color:var(--t-violet)}
.p-urgent{border-radius:16px}
.reading .notice{background:var(--t-tint);border:1px solid var(--t-tint-line);border-radius:16px}

/* ---------- Glossary ---------- */
.p-alphabet{border:0;background:#fff;border:1px solid var(--t-line);border-radius:16px;padding:10px}
.p-alphabet a{color:var(--t-ink);border-radius:9px}
.p-alphabet a:hover{background:var(--t-ink);color:#fff}
.p-glossary dl>div{border-color:var(--t-line)}
.glossary dt{color:var(--t-violet-2)}

/* ---------- Resources ---------- */
.p-resources{display:flex;flex-direction:column;gap:16px}
.p-checklist{background:#fff;border:1px solid var(--t-line);border-radius:24px;padding:36px}
.p-check-progress{display:inline-block;color:var(--t-violet-2);background:var(--t-tint);border:1px solid var(--t-tint-line);padding:4px 12px;border-radius:99px;font-weight:700}
.p-checklist label{border-color:var(--t-line)}
.p-checklist input{accent-color:var(--t-violet)}
.p-app-note{background:var(--t-dark-bg);color:#fff;border-radius:28px;padding:44px}
.p-app-note p{color:#c9c2dc}
.p-app-note .p-button{background:#fff;color:var(--t-ink);box-shadow:none}

/* ---------- Sources & editorial ---------- */
.p-source-directory article{border-color:var(--t-line)}
.p-source-directory h2 a:hover{color:var(--t-violet-2);text-decoration:none}

/* ---------- EN/ES inner ---------- */
.search input{border:1px solid var(--t-line);border-radius:14px;box-shadow:0 10px 30px -20px #5b3fd966}
.search input:focus{outline:3px solid var(--t-violet);outline-offset:2px}

/* ---------- Footer ---------- */
.p-footer{background:var(--t-dark);border-top:1px solid #ffffff14}
.p-footer nav a{color:#ffffffb8;text-decoration:none}
.p-footer nav a:hover{color:#fff}
.p-footer-bottom{border-color:#ffffff1a}

/* ---------- Toast ---------- */
.p-toast{background:var(--t-ink);border-radius:12px}

@media(max-width:650px){
  .p-header-inner{height:64px}
  .p-progress{top:64px}
  .p-download{font-size:12px;padding:8px 12px}
  .p-nav{top:62px;left:12px;right:12px;background:var(--t-dark-2);border:1px solid #ffffff1f;border-radius:16px;padding:8px;box-shadow:0 20px 50px #00000080}
  .p-nav a{color:#fff}
  .nav-links{top:62px;background:var(--t-dark-2);border:1px solid #ffffff1f;border-radius:16px;box-shadow:0 20px 50px #00000080}
  .header{height:64px}
  .p-hero{padding-block:48px 44px}
  .p-hero h1{font-size:40px}
  .p-start{margin-top:32px}
  .p-filterbar{padding:16px}
  .p-guide{padding:20px}
  .p-trust{padding:28px 24px;border-radius:22px}
  .p-checklist{padding:24px 20px;border-radius:20px}
  .p-app-note{padding:28px 22px;border-radius:22px}
  .p-trail-list li{padding:18px}
}
@media print{.p-hero{background:none;color:black}.p-hero::before,.p-hero::after{display:none}.p-question h2{color:black;background:none}}