/* Solo componentes y variaciones de la página Por qué; los estilos base proceden de style.css/general.css. */
.porque-eyebrow{display:block;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--blue);margin-bottom:16px}
.porque-story .porque-eyebrow,.porque-consult .porque-eyebrow,.porque-close .porque-eyebrow{color:var(--aqua)}
.porque-hero .hero-copy h1{max-width:680px}
.porque-challenge-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.porque-challenge{border-top:2px solid var(--navy);padding:24px 4px 0 0}
.porque-number{display:block;font-size:13px;font-weight:800;color:var(--blue);margin-bottom:30px}
.porque-challenge h3{font-size:clamp(17px,1.6vw,23px);line-height:1.2;margin-bottom:14px}
.porque-challenge p{font-size:13px}
.porque-story .story-copy p+p{margin-top:12px}
.porque-principles{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;border-top:1px solid #344055;margin-top:60px;padding-top:32px}
.porque-principles strong{display:block;font-size:20px}
.porque-principles span{display:block;font-size:12px;color:#b5c0d2;margin-top:8px}
.porque-selection .process-copy h2{max-width:520px}
.porque-future{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:start}
.porque-future p{max-width:560px;font-size:15px}
.porque-future .text-link{display:inline-flex;margin-top:18px}
.porque-close{margin-top:110px;background:var(--navy);color:#fff;text-align:center;padding:75px 12%}
.porque-close h2{max-width:720px;margin:0 auto 18px}
.porque-close p{max-width:580px;margin:0 auto 26px;color:#b5c0d2}
@media(max-width:800px){.porque-challenge-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.porque-principles{grid-template-columns:repeat(2,1fr)}.porque-future{gap:5%}}
@media(max-width:560px){.porque-challenge-grid{grid-template-columns:1fr;gap:22px}.porque-challenge{padding-top:16px}.porque-number{margin-bottom:14px}.porque-principles{gap:20px 12px}.porque-principles strong{font-size:16px}.porque-future{grid-template-columns:1fr;gap:18px}.porque-close{margin-top:70px;padding:48px 7%}.porque-close h2{font-size:24px}.porque-selection .process-visual{margin-top:20px}}