/* Portada de /evaluacion — seccion "Tu mapa de crecimiento".
   Todo el CSS esta scopeado bajo .fdc-eval-intro para no afectar el resto del sitio. */
.fdc-eval-intro *{box-sizing:border-box}
.fdc-eval-intro{position:relative;margin:0 -16px;font-family:Arial,Helvetica,sans-serif;color:#fff;-webkit-font-smoothing:antialiased;overflow-x:hidden}
@media(min-width:640px){.fdc-eval-intro{margin-left:-24px;margin-right:-24px}}
@media(min-width:1024px){.fdc-eval-intro{margin-left:-32px;margin-right:-32px}}
.fdc-eval-intro a{color:inherit;text-decoration:none}
.fdc-eval-intro button{font:inherit;cursor:pointer}
.fdc-eval-intro button:focus-visible, .fdc-eval-intro a:focus-visible{outline:3px solid #58adff;outline-offset:5px}
.fdc-eval-intro .container{max-width:1360px;margin:auto;padding:0 54px}
.fdc-eval-intro .btn{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:#146eff;color:#fff;border:0;border-radius:10px;padding:17px 24px;font-size:14px;font-weight:700;line-height:1.4;text-align:center;transition:transform .2s,background .2s}
.fdc-eval-intro .btn:hover{transform:translateY(-2px);background:#005cde}
.fdc-eval-intro .eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:#368cff;margin:0 0 24px}
.fdc-eval-intro h2{font-size:clamp(36px,3.6vw,52px);line-height:1.08;letter-spacing:-2px;margin:0 0 26px}
.fdc-eval-intro h2 em{font-style:normal;color:#64a4ff}
.fdc-eval-intro .description{font-size:18px;line-height:1.7;color:#aebcd1;max-width:560px;margin:0 0 28px}
.fdc-eval-intro .split{display:grid;grid-template-columns:.84fr 1.16fr;gap:85px;align-items:center;min-width:0}
.fdc-eval-intro .split>*{min-width:0}
.fdc-eval-intro .module-copy ul{list-style:none;padding:0;margin:0 0 28px;display:grid;gap:14px}
.fdc-eval-intro .module-copy li{font-size:14px;line-height:1.6;padding-left:23px;position:relative}
.fdc-eval-intro .module-copy li:before{content:'✓';color:#378aff;position:absolute;left:0;font-weight:700}
.fdc-eval-intro .module-visual{position:relative}
.fdc-eval-intro .section-note{font-size:11px;color:#75859b;line-height:1.5;margin-top:22px}
.fdc-eval-intro .reveal{transition:opacity .8s ease,transform .8s ease;will-change:opacity,transform}
.js .fdc-eval-intro .reveal{opacity:0;transform:translateY(35px)}
.js .fdc-eval-intro .reveal.visible{opacity:1;transform:none}

/* Seccion "Tu mapa de crecimiento": rueda personal con fondo parallax. */
.fdc-eval-intro .growth-map{position:relative;overflow:hidden;isolation:isolate;padding:120px 0 130px;background:var(--pub-bg-dark,#060d1c)}
.fdc-eval-intro .growth-map-bg{position:absolute;left:0;right:0;top:-14%;height:128%;z-index:0;background-position:center;background-repeat:no-repeat;background-size:cover;transform:translate3d(0,0,0);will-change:transform}
.fdc-eval-intro .growth-map-bg:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgb(6 13 28/.95),rgb(6 13 28/.72) 45%,rgb(6 13 28/.94))}
.fdc-eval-intro .growth-map .container{position:relative;z-index:1}
.fdc-eval-intro .growth-map .eyebrow{color:#8fc0ff}
.fdc-eval-intro .growth-map h2 em{font-style:normal;color:#64a4ff}
.fdc-eval-intro .growth-map .module-copy .description{color:#c2d2e8}
.fdc-eval-intro .growth-map .module-copy li{color:#e2ebf8}
.fdc-eval-intro .growth-map-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:30px}
.fdc-eval-intro .growth-map-note{margin:0;font-size:12px;line-height:1.5;color:#93a9c9;max-width:210px}
.fdc-eval-intro .growth-map-shot{position:relative;border:1px solid #6b8cc966;border-radius:18px;overflow:hidden;background:#0a1120cc;box-shadow:0 30px 70px #00000066}
.fdc-eval-intro .growth-map-shot img{display:block;width:100%;height:auto}
.fdc-eval-intro .growth-map .section-note{color:#a3b6d1;margin-top:18px}

@media(max-width:1050px){.fdc-eval-intro .container{padding:0 30px}
.fdc-eval-intro .split{gap:40px}
.fdc-eval-intro .description{font-size:16px}
.fdc-eval-intro .growth-map{padding:95px 0 105px}}
@media(max-width:760px){.fdc-eval-intro .container{padding:0 22px}
.fdc-eval-intro .split{grid-template-columns:1fr;gap:45px}
.fdc-eval-intro .description{font-size:17px}
.fdc-eval-intro .growth-map{padding:70px 0 80px}
.fdc-eval-intro .growth-map-actions{gap:16px}
.fdc-eval-intro .growth-map-note{max-width:none}}
@media(prefers-reduced-motion:reduce){.fdc-eval-intro .reveal{transition:none}
.js .fdc-eval-intro .reveal{opacity:1;transform:none}
.fdc-eval-intro .growth-map-bg{transform:none!important}}
