/* Sistema de Evolución Profesional (V3): page-only additions. */
.phero h1.v3-h1{font-size:clamp(1.9rem,3.6vw,3rem);line-height:1.12}
.v3-body{margin-top:1rem;max-width:42rem}
.v3-center{text-align:center;margin-inline:auto}
.v3-lead-p{font-size:1.1rem;color:#1E2B3A}
.v3-side-photo{margin-top:2rem;max-width:30rem}
.v3-inline{color:#1E2B3A;border-bottom:1px solid #D46A4F;transition:color .25s}
.v3-inline:hover{color:#D46A4F}
.v3-statement{font-family:'IBM Plex Serif',Georgia,serif;font-style:italic;font-size:1.25rem;line-height:1.5;color:#1E2B3A;border-left:2px solid #D46A4F;padding-left:1.2rem;margin-top:1.6rem}
.v3-after{max-width:46rem;margin-top:2rem}

/* Architecture flow: existing .dg box look, laid out as a line */
.v3-arch{display:flex;align-items:stretch;justify-content:center;gap:.6rem;flex-wrap:nowrap;margin-top:1rem}
.v3-arch-step{display:flex;align-items:center;justify-content:center;text-align:center;background:#FFFFFF;border:1px solid rgba(100,119,101,.35);border-radius:8px;padding:1rem .7rem;font-family:'Manrope',sans-serif;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#1E2B3A;font-size:.74rem;line-height:1.35;flex:1 1 0;min-width:0;overflow-wrap:anywhere}
a.v3-arch-step{transition:border-color .25s,color .25s}
a.v3-arch-step:hover{border-color:#D46A4F;color:#D46A4F}
.v3-arch-step.hi{border-color:#D46A4F;background:#FBF1ED}
.v3-arch-arrow{align-self:center;color:#647765;font-size:1.2rem;flex:0 0 auto}
.v3-arch-pair{display:flex;align-items:stretch;gap:.4rem;flex:2.3 1 0;min-width:0}
.v3-arch-slash{align-self:center;color:#647765;font-family:'Manrope',sans-serif;font-weight:700}
.v3-arch-note{max-width:46rem;margin:2.4rem auto 0;text-align:center}

/* Seven dimensions list */
.v3-dims{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.1rem;margin-top:.6rem}
.v3-dims li{display:flex;gap:1.1rem;align-items:flex-start;background:#FFFFFF;border:1px solid rgba(30,43,58,.1);border-radius:8px;padding:1.5rem 1.4rem}
.v3-dim-letter{font-family:'IBM Plex Serif',Georgia,serif;font-style:italic;font-size:2.2rem;line-height:1;color:#D46A4F;flex:0 0 1.6rem}
.v3-dims p{font-size:.95rem;margin:0}
.v3-dims strong{display:block;font-family:'Manrope',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:.82rem;color:#1E2B3A;margin-bottom:.35rem}

/* Route cards */
.v3-routes .card h3{font-size:clamp(1.05rem,1.6vw,1.25rem)}

/* Entry points */
.v3-entry{list-style:none;margin-top:.4rem;border-top:1px solid rgba(30,43,58,.14)}
.v3-entry li{padding:1.1rem 0;border-bottom:1px solid rgba(30,43,58,.14);font-size:1.02rem;color:#303338}
.v3-entry a{font-family:'Manrope',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:.9rem;color:#1E2B3A;border-bottom:1px solid #D46A4F;transition:color .25s}
.v3-entry a:hover{color:#D46A4F}

.v3-final-copy{max-width:46rem;margin:0 auto}
.v3-final-copy .lead{margin-bottom:1rem}

@media(max-width:900px){
 .v3-side-photo{max-width:none}
 .v3-arch{flex-direction:column;align-items:stretch;max-width:26rem;margin-inline:auto}
 .v3-arch-arrow{transform:rotate(90deg);line-height:1}
 .v3-arch-pair{flex:auto}
}
