/* Composición exclusiva de la página Cómo. Reutiliza hero, story, process, consult y botones globales. */
.como-eyebrow{display:block;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin-bottom:17px}
.como-origin .como-eyebrow,.como-consult .como-eyebrow{color:var(--aqua)}
.como-hero .hero-copy h1{max-width:680px}
.como-intro{display:grid;grid-template-columns:1fr 1fr;gap:11%;align-items:start}
.como-intro h2{max-width:560px}
.como-intro p{max-width:600px;font-size:15px;line-height:1.75}
.como-intro p+p{margin-top:17px}
.como-origin .story-copy p+p{margin-top:14px}
.como-origin-line{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;border-top:1px solid #344055;margin-top:65px;padding-top:32px}
.como-origin-line span{font-size:13px;font-weight:700}
.como-method .section-heading{max-width:720px;margin-left:auto;margin-right:auto}
.como-phase-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:48px}
.como-phase{display:flex;flex-direction:column;border-top:3px solid var(--blue);background:var(--pale);padding:30px 24px 24px;min-height:350px;border-radius:0 0 14px 14px}
.como-phase-number{font-size:30px;font-weight:800;color:var(--blue);margin-bottom:35px}
.como-phase h3{font-size:20px;line-height:1.2;margin-bottom:15px}
.como-phase p{font-size:13px;line-height:1.65}
.como-phase-result{margin-top:auto;padding-top:22px;display:grid;gap:8px}
.como-phase-result span{font-size:10px;letter-spacing:.12em;font-weight:800;color:var(--blue)}
.como-phase-result strong{font-size:13px;line-height:1.45}
.como-human .process-copy>p{max-width:570px;line-height:1.7}
.como-purpose{display:grid;grid-template-columns:.9fr 1.1fr;gap:10%;align-items:start}
.como-purpose h2{max-width:550px}
.como-purpose-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.como-purpose-cards article{border-top:2px solid var(--navy);padding-top:22px}
.como-purpose-cards article>span{font-size:34px;color:var(--blue)}
.como-purpose-cards h3{font-size:19px;margin:18px 0 12px}
.como-purpose-cards p{font-size:13px;line-height:1.7}
.como-consult .consult-copy{max-width:600px}
.como-final{text-align:center;max-width:740px;margin-left:auto;margin-right:auto;margin-bottom:90px}
.como-final p{max-width:570px;margin:18px auto 26px;line-height:1.7}
@media(max-width:900px){.como-phase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.como-phase{min-height:300px}.como-purpose{grid-template-columns:1fr;gap:30px}}
@media(max-width:650px){.como-intro{grid-template-columns:1fr;gap:16px}.como-origin-line{grid-template-columns:repeat(2,1fr);margin-top:35px}.como-purpose-cards{grid-template-columns:1fr}.como-phase{padding:24px 18px}.como-human{grid-template-columns:1fr}.como-human .process-visual{margin:25px 0 0 45px;max-width:430px}}
@media(max-width:480px){.como-phase-grid{grid-template-columns:1fr}.como-phase{min-height:0}.como-phase-number{margin-bottom:15px}.como-origin-line span{font-size:11px}.como-eyebrow{font-size:9px}.como-intro p{font-size:13px}}