/* PÍDELO 1.16.1 HF1 · Recuperación gráfica transversal.
   Capa separada para que las evoluciones funcionales no vuelvan a degradar la identidad visual. */
html{background:#06172d}body{min-height:100vh;background:
radial-gradient(circle at 9% 4%,rgba(40,120,255,.10),transparent 28rem),
radial-gradient(circle at 91% 14%,rgba(255,106,0,.08),transparent 24rem),#f5f8fc}
.topbar{box-shadow:0 12px 32px rgba(7,26,51,.16)}.topbar:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,transparent 5%,#2878ff 30%,#ff6a00 65%,transparent 95%);opacity:.7}.brand img{filter:drop-shadow(0 8px 14px rgba(0,0,0,.22))}.brand b{font-weight:950}.nav a{transition:background .18s,color .18s,transform .18s}.nav a:hover{transform:translateY(-1px)}
.container{position:relative;isolation:isolate}.container:before{content:"";position:fixed;z-index:-1;right:-90px;top:105px;width:520px;height:520px;background:url('pidelo-visual-grid.svg') center/contain no-repeat;opacity:.24;pointer-events:none;transform:rotate(8deg)}
.section-head>div:first-child{position:relative}.section-head h1{color:#071a33;text-wrap:balance}.section-head .eyebrow{position:relative}.section-head .eyebrow:after{content:"";display:inline-block;width:28px;height:2px;margin:0 0 3px 9px;background:linear-gradient(90deg,#2878ff,#ff6a00);border-radius:9px}
.panel,.channel,.auth-card,.promise,.kpi,.company-row,.service-item-card{border-color:#d9e3f0;box-shadow:0 16px 42px rgba(7,26,51,.07);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.panel:hover,.channel:hover,.kpi:hover{border-color:#cbd9eb;box-shadow:0 20px 48px rgba(7,26,51,.09)}
.panel{position:relative;overflow:hidden}.panel:after{content:"";position:absolute;inset:0 0 auto auto;width:95px;height:95px;border-radius:0 0 0 100%;background:linear-gradient(135deg,rgba(40,120,255,.055),rgba(255,106,0,.04));pointer-events:none}.panel>*{position:relative;z-index:1}
.btn-primary{box-shadow:0 12px 28px rgba(255,106,0,.28)}.btn-secondary{box-shadow:0 7px 18px rgba(7,26,51,.055)}.fact{border:1px solid #e1e9f3;background:linear-gradient(145deg,#fbfdff,#f3f7fc)}.fact small{font-weight:800;letter-spacing:.035em;text-transform:uppercase}.fact strong{color:#071a33}
.status,.badge{box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)}
/* Expediente digital: recuperar jerarquía gráfica y contraste. */
.dossier-head{padding:8px 2px 2px}.dossier-summary{position:relative;overflow:hidden;border:0;background:radial-gradient(circle at 84% 15%,rgba(40,120,255,.34),transparent 31%),linear-gradient(135deg,#071a33 0%,#0b274b 56%,#124d91 100%);box-shadow:0 26px 58px rgba(7,26,51,.18)}.dossier-summary:before{content:"";position:absolute;right:70px;top:-95px;width:340px;height:340px;background:url('pidelo-visual-grid.svg') center/contain no-repeat;opacity:.34;transform:rotate(-12deg);pointer-events:none}.dossier-summary:after{display:none}.dossier-summary .eyebrow{color:#9fc3ff}.dossier-summary h2{color:#fff;font-size:clamp(1.45rem,2vw,2rem)}.dossier-summary p{color:#c9d9ea;max-width:820px}.dossier-summary small{color:#c9d9ea}.dossier-summary .hash-block{background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.12)}.dossier-score{position:relative;z-index:2;width:160px;height:160px;background:conic-gradient(#ff7a14 calc(var(--score,100)*1%),rgba(255,255,255,.16) 0);box-shadow:inset 0 0 0 15px #0c2a51,0 18px 36px rgba(0,0,0,.20)}.dossier-score strong{color:#fff;font-size:2.15rem}.dossier-score span{color:#c9d9ea;font-weight:700;line-height:1.18}.dossier-check{background:linear-gradient(145deg,#fff,#f8fafc);min-height:62px}.dossier-check.ok{border-color:#cce8da;background:linear-gradient(145deg,#fafffc,#f0faf5)}.dossier-check.missing.required{border-color:#f1cfbd;background:linear-gradient(145deg,#fffdfb,#fff6ef)}.dossier-check>span{box-shadow:0 7px 16px rgba(7,26,51,.08)}.document-ledger article,.evidence-phase{box-shadow:0 8px 20px rgba(7,26,51,.035)}
/* Solicitud y seguimiento: fondos diferenciados para no parecer formularios planos. */
.service-item-card{background:linear-gradient(145deg,#fff 0%,#fbfdff 72%,#f3f7ff 100%)}.dynamic-answer,.request-answer{border:1px solid #e0e8f2}.tracking-hero{background:radial-gradient(circle at 88% 8%,rgba(255,106,0,.09),transparent 35%),linear-gradient(145deg,#fff,#f7faff)}.live-status-panel{background:linear-gradient(145deg,#fff,#f6fbf8)}
/* Administración: densidad profesional, sin perder el ancho de trabajo. */
.admin-area{background:#eef3f9}.admin-area .panel{box-shadow:0 12px 34px rgba(7,26,51,.065)}.admin-area .admin-sidebar{box-shadow:16px 0 45px rgba(7,26,51,.08)}
.footer{position:relative;background:linear-gradient(135deg,#06172d,#0a2445)}.footer:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,#2878ff,#ff6a00)}
@media(max-width:900px){.container:before{opacity:.13;right:-210px}.dossier-summary:before{right:-70px}.dossier-score{width:132px;height:132px}}
@media(max-width:560px){.container:before{display:none}.panel:after{width:66px;height:66px}.dossier-summary{padding:22px}.dossier-summary:before{opacity:.2}.dossier-score{width:118px;height:118px;box-shadow:inset 0 0 0 11px #0c2a51,0 12px 26px rgba(0,0,0,.17)}.dossier-score strong{font-size:1.7rem}}
@media(prefers-reduced-motion:reduce){.panel,.channel,.kpi,.nav a{transition:none}.live-pulse{animation:none}}