/* BCA Advisory · hoja de estilos compartida para páginas interiores
   (servicios, recursos, 404). La portada mantiene sus estilos propios. */
:root{--p:#0F3D6E;--s:#1A56A0;--g:#1D9E75;--g2:#4DC49A;--lb:#EEF4FB;--bg:#F5F7FA;--tx:#1A1A1A;--mt:#555;--ln:#DCE6F2;--wh:#fff;}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'Inter',system-ui,sans-serif;color:var(--tx);background:var(--wh);line-height:1.7;-webkit-font-smoothing:antialiased;}
a{color:var(--s);}
img{display:block;max-width:100%;height:auto;}
.container{max-width:1100px;margin:0 auto;padding:0 28px;}
.narrow{max-width:760px;margin:0 auto;padding:0 24px;}

/* NAV */
.nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid #E5E9F0;}
.nav-inner{max-width:1100px;margin:0 auto;padding:16px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px;}
.nav-logo{font-family:'Sora','Inter',sans-serif;font-weight:700;font-size:18px;color:var(--p);display:flex;align-items:center;gap:9px;text-decoration:none;}
.nav-logo svg{width:30px;height:30px;flex-shrink:0;}
.nav-links{display:flex;gap:28px;list-style:none;font-size:14px;font-weight:500;}
.nav-links a{color:var(--mt);text-decoration:none;transition:color .2s;}
.nav-links a:hover,.nav-links a[aria-current="page"]{color:var(--p);}
.nav-cta{background:linear-gradient(135deg,#0F3D6E,#1A56A0);color:#fff;padding:10px 20px;border-radius:10px;font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap;box-shadow:0 3px 12px rgba(15,61,110,.25);}
.nav-cta:hover{box-shadow:0 6px 18px rgba(15,61,110,.35);}
@media(max-width:820px){.nav-links{display:none;}.nav-cta{padding:9px 14px;font-size:13px;}}
@media(max-width:420px){.nav-inner{padding:12px 16px;}.nav-logo{font-size:16px;}.nav-logo svg{width:26px;height:26px;}.narrow,.container{padding:0 18px;}}

/* CABECERA DE PÁGINA */
.page-hero{background-color:#0F3D6E;color:#fff;padding:64px 0 72px;position:relative;
  background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.045) 0 1px,transparent 1px 64px),repeating-linear-gradient(90deg,rgba(255,255,255,.045) 0 1px,transparent 1px 64px),radial-gradient(ellipse at 12% 25%,rgba(77,196,154,.14) 0%,transparent 50%),linear-gradient(135deg,#082742 0%,#0F3D6E 55%,#155091 100%);}
.page-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--g);}
.crumbs{font-size:12.5px;color:rgba(255,255,255,.55);margin-bottom:18px;}
.crumbs a{color:rgba(255,255,255,.75);text-decoration:none;}
.crumbs a:hover{color:#fff;}
.crumbs span{margin:0 7px;}
.eyebrow{display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--g2);background:rgba(77,196,154,.12);padding:5px 11px;border-radius:999px;margin-bottom:16px;}
.page-hero h1{font-family:'Sora','Inter',sans-serif;font-size:clamp(28px,4.2vw,44px);font-weight:800;line-height:1.12;letter-spacing:-.025em;margin-bottom:16px;}
.page-hero .lead{font-size:17px;color:rgba(255,255,255,.78);max-width:640px;line-height:1.7;}
.page-hero .meta{margin-top:20px;font-size:13.5px;color:rgba(255,255,255,.6);display:flex;gap:18px;flex-wrap:wrap;}
.facts{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px;}
.fact{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:12px 16px;min-width:150px;}
.fact b{display:block;font-size:20px;color:var(--g2);font-weight:800;line-height:1.2;}
.fact small{font-size:12.5px;color:rgba(255,255,255,.7);}

/* CONTENIDO */
main{padding:56px 0 80px;}
.prose{font-size:16.5px;color:#2a2a2a;}
.prose h2{font-family:'Sora','Inter',sans-serif;font-size:clamp(22px,2.6vw,28px);color:var(--p);letter-spacing:-.015em;line-height:1.25;margin:48px 0 14px;}
.prose h3{font-size:18px;color:var(--p);margin:30px 0 10px;line-height:1.35;}
.prose p{margin-bottom:16px;}
.prose ul,.prose ol{margin:0 0 18px 22px;}
.prose li{margin-bottom:8px;}
.prose strong{color:#111;}
.prose a{color:var(--s);text-decoration:underline;text-underline-offset:2px;}
.prose blockquote{border-left:4px solid var(--g);background:#f2fcf7;padding:14px 18px;margin:22px 0;border-radius:0 10px 10px 0;color:#234;}
.prose table{width:100%;border-collapse:collapse;font-size:14.5px;margin:18px 0 24px;display:block;overflow-x:auto;}
.prose th{background:var(--lb);color:var(--p);font-weight:600;text-align:left;padding:9px 12px;border:1px solid var(--ln);white-space:nowrap;}
.prose td{padding:9px 12px;border:1px solid var(--ln);vertical-align:top;}
.prose code{background:var(--lb);padding:1px 6px;border-radius:5px;font-size:.92em;}
.note{background:var(--lb);border:1px solid var(--ln);border-radius:12px;padding:16px 18px;margin:22px 0;font-size:15px;}
.note.warn{background:#fdf8ee;border-color:#f0dfba;}
.toc{background:var(--bg);border:1px solid var(--ln);border-radius:12px;padding:18px 22px;margin:0 0 30px;font-size:15px;}
.toc b{display:block;color:var(--p);margin-bottom:8px;}
.toc ol{margin:0 0 0 20px;}
.toc li{margin-bottom:4px;}

/* TARJETAS (hubs) */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;}
.tile{display:flex;flex-direction:column;border:1px solid var(--ln);border-left:4px solid var(--s);border-radius:14px;padding:22px;text-decoration:none;color:inherit;background:#fff;transition:transform .2s,box-shadow .2s;}
.tile:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(15,61,110,.10);}
.tile .tag{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--s);margin-bottom:6px;}
.tile h2,.tile h3{font-family:'Sora','Inter',sans-serif;font-size:17px;color:var(--p);line-height:1.3;margin-bottom:8px;}
.tile p{font-size:14px;color:var(--mt);flex:1;}
.tile .more{margin-top:12px;font-size:13.5px;font-weight:600;color:var(--g);}
.t-n0{border-left-color:#1D9E75}.t-nf{border-left-color:#185FA5}.t-n1{border-left-color:#534AB7}
.t-n2{border-left-color:#0F6E56}.t-n3{border-left-color:#993C1D}.t-ne{border-left-color:#BA7517}

/* LLAMADA A LA ACCIÓN */
.cta{background:linear-gradient(135deg,#082742,#0F3D6E 60%,#155091);color:#fff;border-radius:18px;padding:34px 32px;margin:52px 0 0;text-align:center;}
.cta h2{font-family:'Sora','Inter',sans-serif;font-size:24px;color:#fff;margin:0 0 10px;}
.cta p{color:rgba(255,255,255,.78);margin:0 auto 20px;max-width:520px;font-size:15.5px;}
.cta .btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}
.btn{display:inline-block;padding:13px 24px;border-radius:10px;font-size:14.5px;font-weight:600;text-decoration:none;transition:all .2s;}
.btn-w{background:#fff;color:var(--p);}
.btn-w:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(0,0,0,.25);}
.btn-o{border:1.5px solid rgba(255,255,255,.45);color:#fff;}
.btn-o:hover{border-color:#fff;background:rgba(255,255,255,.08);}

/* RELACIONADOS */
.related{margin-top:48px;padding-top:28px;border-top:1px solid var(--ln);}
.related h2{font-size:15px;text-transform:uppercase;letter-spacing:.08em;color:var(--mt);margin:0 0 14px;font-family:'Inter',sans-serif;}
.related ul{list-style:none;margin:0;}
.related li{margin-bottom:8px;}
.related a{font-weight:600;text-decoration:none;}

/* PIE */
footer{background:#071F38;color:rgba(255,255,255,.55);text-align:center;padding:44px 28px;}
.f-brand{font-family:'Sora','Inter',sans-serif;font-weight:700;font-size:16px;color:#fff;margin-bottom:8px;display:flex;align-items:center;justify-content:center;gap:8px;}
.f-sub{font-size:13px;margin-bottom:18px;}
.f-links{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;font-size:13px;}
.f-links a{color:rgba(255,255,255,.6);text-decoration:none;}
.f-links a:hover{color:#fff;}
@media(max-width:600px){main{padding:40px 0 60px;}.page-hero{padding:48px 0 56px;}.cta{padding:28px 20px;}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;}*{transition:none!important;}}