/* APP PLASTINOVA FINAL · C002: pantalla segura de arranque sin datos. */
:root{color-scheme:light;--navy:#0a2f62;--blue:#1563ad;--bg:#f1f5fb;--ink:#162844;--muted:#526982;--line:#cfe0f3;--soft:#e9f3ff;--white:#fff}
*,*::before,*::after{box-sizing:border-box}
html{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}
body{min-width:290px;margin:0;background:linear-gradient(180deg,#08254e 0,#0f427c 210px,var(--bg) 211px);color:var(--ink)}
.app-shell{max-width:1160px;margin:0 auto;min-height:100vh;padding:25px 20px 18px;display:flex;flex-direction:column;gap:30px}
.masthead{display:flex;justify-content:space-between;align-items:center;gap:16px;color:var(--white)}
.brand{display:flex;align-items:center;gap:14px}.brand img{background:var(--white);border-radius:15px;padding:4px}
.eyebrow{font-size:11px;font-weight:750;letter-spacing:.17em;opacity:.84}.brand h1{margin:2px 0 0;font-size:clamp(18px,2.7vw,25px);line-height:1.1;letter-spacing:.015em}
.environment,.phase,.tag{display:inline-block;border-radius:999px;padding:6px 11px;font-size:11px;font-weight:800;letter-spacing:.04em}
.environment{background:#214d81;border:1px solid #75ace6;white-space:nowrap}
.main-content{display:grid;gap:22px}
.welcome{padding:32px 30px;border:1px solid var(--line);background:var(--white);border-radius:20px;box-shadow:0 12px 32px #001d4b19}
.phase{background:var(--soft);color:var(--navy)}
.welcome h2{max-width:780px;font-size:clamp(25px,4vw,38px);line-height:1.2;margin:14px 0 12px}
.welcome p{max-width:790px;color:var(--muted);margin:0 0 12px}.welcome p.status{margin-top:20px;margin-bottom:0;border-left:4px solid #1c67b5;padding:13px 16px;background:var(--soft);color:var(--navy);font-weight:750;border-radius:0 10px 10px 0}
.modules{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.module{display:flex;flex-direction:column;align-items:flex-start;padding:21px 20px;gap:10px;background:var(--white);border:1px solid var(--line);border-radius:17px;min-height:206px}
.module-icon{font-size:27px}.module h3{margin:0;color:var(--navy);font-size:17px}.module p{font-size:13px;color:var(--muted);margin:0;flex:1}.tag{background:#f4f6f9;color:#546578}
footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;border-top:1px solid #d5e1ef;padding-top:14px;color:var(--muted);font-size:12px;margin-top:auto}
@media(max-width:800px){.modules{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell{gap:24px}}
@media(max-width:500px){.app-shell{padding:16px 12px}.brand img{width:45px;height:45px}.masthead{align-items:flex-start;flex-direction:column}.welcome{padding:24px 18px}.modules{grid-template-columns:1fr}.module{min-height:0}.environment{align-self:flex-start}footer{flex-direction:column}}