/* ALBA web: portada y progreso, 24 octubre 2026 */
.app.welcome-active{max-width:none!important;width:100%!important}
.app.welcome-active main{padding:0!important;max-width:none!important}
#welcome.welcome-screen{display:flex;align-items:center;justify-content:center;min-height:100svh;width:100%;padding:clamp(20px,3vw,54px)!important;background:radial-gradient(ellipse at 80% 20%,#205687 0%,transparent 48%),linear-gradient(115deg,#05152e,#09284d 65%,#113e69)!important}
#welcome .alba-cover{width:100%;max-width:1750px;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);gap:clamp(35px,5vw,110px);align-items:center;text-align:left}
#welcome .alba-cover-left{display:flex;flex-direction:column;align-items:flex-start}
#welcome .alba-cover-brand{display:flex;align-items:center;gap:17px;color:#f1c56d;font-size:clamp(11px,1vw,15px);font-weight:800;letter-spacing:1.4px}
#welcome .alba-cover-brand img{width:clamp(70px,7vw,116px);height:auto}
#welcome .alba-cover-overline{font-size:12px;letter-spacing:2.5px;color:#c8dff2;font-weight:800;margin:45px 0 6px}
#welcome .alba-cover-left h1{font-size:clamp(90px,11vw,190px)!important;line-height:1!important;letter-spacing:4px;color:#fff;margin:0!important;font-weight:950}
#welcome .alba-cover-left h2{font-size:clamp(30px,3.2vw,55px);line-height:1.15;color:#f2c46c;margin:12px 0 22px}
#welcome .alba-cover-lead{font-size:clamp(17px,1.4vw,23px);line-height:1.65;color:#e3eef8;max-width:760px;margin:0 0 28px}
#welcome .welcome-cta{background:linear-gradient(125deg,#f5d28a,#dfa947)!important;color:#092344!important;font-weight:900!important;min-width:245px;border:0!important;box-shadow:0 10px 32px #0005}
#welcome .alba-cover-small{font-size:12px;letter-spacing:1px;color:#d7e5f2;margin-top:22px;font-weight:750}
#welcome .alba-cover-story{background:linear-gradient(145deg,#143e6a,#0b2b51);border:1px solid #bf9b58;border-radius:25px;padding:clamp(28px,3vw,54px);box-shadow:0 25px 65px #0005;color:#fff}
#welcome .alba-story-icon{font-size:50px;color:#f1c56d}
#welcome .alba-story-eyebrow{font-size:12px;letter-spacing:2px;color:#f3ca79;font-weight:800;margin:18px 0 8px}
#welcome .alba-cover-story h3{font-size:clamp(27px,2.5vw,42px);line-height:1.15;margin:0 0 24px;color:#fff}
#welcome .alba-cover-story>p:not(.alba-story-eyebrow){font-size:clamp(15px,1.1vw,18px);line-height:1.7;color:#e2edf7;margin:0 0 19px}
#welcome .alba-story-footer{border-top:1px solid #7a9ab5;padding-top:18px;margin-top:20px;font-size:13px;color:#f2d9a7;line-height:1.5}
.dashboard-body{background:linear-gradient(125deg,#071a35,#124573)!important}
.dashboard-body .report-main{width:100%!important;max-width:none!important;padding:clamp(18px,3vw,45px) clamp(18px,4vw,85px)!important}
.dashboard-body .report-nav{background:linear-gradient(100deg,#061a36,#154c7d)!important}
.dashboard-body .report-intro{background:linear-gradient(115deg,#082448,#175b91)!important;border:1px solid #ba9859!important}
.dashboard-body .report-card{background:linear-gradient(150deg,#fff,#e1efff)!important;border:1px solid #77a7d0!important;box-shadow:0 9px 25px #0002!important}
.dashboard-body .report-kpi{background:linear-gradient(125deg,#0d3a69,#1875a7)!important;border:1px solid #5f9cc8!important}
.dashboard-body .report-kpi:nth-child(2){background:linear-gradient(125deg,#0c516e,#168aa4)!important}
.dashboard-body .report-kpi:nth-child(3){background:linear-gradient(125deg,#303c78,#546eb6)!important}
.dashboard-body .report-kpi:nth-child(4){background:linear-gradient(125deg,#145272,#2198b1)!important}
@media(max-width:900px){#welcome .alba-cover{grid-template-columns:1fr;gap:28px}#welcome .alba-cover-left h1{font-size:clamp(80px,18vw,145px)!important}#welcome .alba-cover-overline{margin-top:20px}#welcome .alba-cover-story{max-width:none}}
@media(max-width:520px){#welcome.welcome-screen{padding:22px 17px!important}#welcome .alba-cover-brand img{width:65px}#welcome .alba-cover-brand{font-size:10px}#welcome .alba-cover-left h1{font-size:clamp(76px,21vw,115px)!important}#welcome .alba-cover-left h2{font-size:30px}#welcome .alba-cover-story{padding:25px 21px}}

/* Firma y contacto de la portada */
#welcome .alba-story-signature{border-top:1px solid #ffffff43;padding-top:18px;margin-top:10px!important;display:grid;gap:6px}
#welcome .alba-story-signature strong{color:#f2c46c;font-size:16px}
#welcome .alba-story-signature span{color:#e2edf7;font-size:14px}
#welcome .alba-story-signature a{color:#f2d59d;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}

/* Aviso visible de copias de progreso bajo las ventajas del entrenamiento */
#home .hero p.alba-backup-notice{
  display:block!important;max-width:760px!important;margin:22px auto 4px!important;
  padding:13px 18px!important;border:1px solid #f5c95d!important;border-radius:12px!important;
  background:rgba(3,17,40,.72)!important;color:#ffdf72!important;
  font-size:clamp(14px,1.15vw,18px)!important;font-weight:850!important;
  line-height:1.5!important;text-align:center!important;letter-spacing:.012em!important;
  box-shadow:0 3px 14px #0003;
}
@media(max-width:600px){#home .hero p.alba-backup-notice{margin-top:18px!important;padding:13px 12px!important;font-size:14px!important}}