/* MAPIA V7.2 — Dentro de MAPIA */
.inside-mapia{margin:3rem 0 3.4rem;padding:2rem;border:1px solid #d7e6eb;border-radius:18px;background:#f8fbfc}
.inside-eyebrow{display:block;color:#087fa2;font-size:.77rem;font-weight:800;letter-spacing:.14em}
.inside-heading h2{margin:.45rem 0 .7rem;font-size:clamp(1.8rem,3.4vw,2.7rem);letter-spacing:-.04em}
.inside-heading p{max-width:760px;color:#415b68;line-height:1.6;margin:0 0 1.6rem}
.inside-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1.1rem;margin:1.7rem 0}
.flow-step{position:relative;min-width:0;min-height:124px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.65rem;text-align:left;border:2px solid #c8e3ea;background:white;border-radius:13px;color:#10242d;padding:1rem;cursor:pointer;font:inherit;font-weight:700;line-height:1.25;transition:background .15s,border-color .15s,transform .15s}
.flow-step:not(:last-child)::after{content:'→';position:absolute;right:-1.06rem;top:45%;color:#087fa2;font-size:1.3rem;pointer-events:none}
.flow-step:hover,.flow-step:focus-visible{border-color:#087fa2;outline-offset:3px}
.flow-step.is-active{background:#087fa2;border-color:#087fa2;color:#fff;transform:translateY(-2px)}
.flow-index{font-size:.84rem;font-weight:800;letter-spacing:.08em;opacity:.75}
.flow-detail{background:#eaf5f8;border-left:5px solid #087fa2;padding:1.3rem 1.5rem;border-radius:0 10px 10px 0;min-height:210px}
.flow-detail-label{color:#087fa2;font-weight:800;font-size:.76rem;letter-spacing:.12em}
.flow-detail h3{margin:.5rem 0;font-size:1.35rem}.flow-detail>p{margin:.2rem 0 .8rem;line-height:1.6}
.flow-example{border-top:1px solid #c9e2e8;padding-top:.7rem}.flow-example span{font-size:.73rem;letter-spacing:.08em;font-weight:800;color:#476673}.flow-example p{margin:.35rem 0 0;line-height:1.55}
.flow-human{display:flex;gap:1rem;align-items:flex-start;border:1px solid #c9d8de;border-radius:12px;background:white;padding:1.1rem 1.3rem;margin-top:1.25rem}.flow-human-icon{font-size:2rem;color:#087fa2;line-height:1}.flow-human p{margin:.4rem 0 0;line-height:1.6}
.flow-disclaimer{font-size:.84rem;color:#516a76;line-height:1.6;margin:1rem 0 0}
.inside-link{margin:1rem 0 2rem}.inside-link a{display:inline-flex;padding:.8rem 1rem;background:#eaf5f8;border-radius:9px;color:#087fa2;font-weight:700;text-decoration:none}.inside-link a:hover{text-decoration:underline}
@media(max-width:760px){.inside-mapia{padding:1.1rem;margin:2rem 0}.inside-flow{display:flex;flex-direction:column;gap:.65rem}.flow-step{min-height:64px;flex-direction:row;align-items:center;gap:1rem;padding:.8rem 1rem}.flow-step span:last-child br{display:none}.flow-step:not(:last-child)::after{content:'↓';top:auto;bottom:-.83rem;right:1.1rem;font-size:1rem;z-index:2}.flow-detail{min-height:0;padding:1rem}.flow-human{padding:1rem}.inside-heading p{font-size:1rem}}
@media(prefers-reduced-motion:reduce){.flow-step{transition:none}.flow-step.is-active{transform:none}}

/* V7.3.2: separación legible de etiquetas del flujo en móvil */
@media(max-width:760px){.flow-step{justify-content:flex-start;gap:1.15rem}.flow-step .flow-index{flex:0 0 2.2rem;text-align:center}.flow-step span:last-child{display:block;min-width:0;flex:1;white-space:normal;overflow-wrap:normal;word-break:normal}}