
/* Quiénes Somos - diseño corporativo minimalista
   Se aplica solo al contenido central; no modifica header, navegación ni footer. */
.about-modern{font-family:inherit;color:#44505c;background:#fff;}
.about-wrap{width:100%;max-width:1160px;margin:0 auto;padding:0 24px;box-sizing:border-box;}
.about-section,.about-intro{padding:64px 0;}
.about-intro{padding-top:56px;}
.about-grid-2{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:center;}
.about-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;}
.about-grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;}
.about-kicker{display:block;margin-bottom:10px;color:#2B65BA;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.4px;}
.about-modern h1,.about-modern h2,.about-modern h3{color:#0E2D52;font-weight:700;}
.about-modern h1{font-size:38px;line-height:1.18;margin:0 0 22px;}
.about-modern h2{font-size:30px;line-height:1.25;margin:0 0 20px;}
.about-modern h3{font-size:18px;line-height:1.35;margin:12px 0 10px;}
.about-modern p{font-size:15px;line-height:1.78;margin:0 0 16px;color:#56616c;}
.about-lead{font-size:18px!important;line-height:1.65!important;color:#33485d!important;}
.about-center{text-align:center;}
.about-section-lead{max-width:820px;margin:0 auto 34px!important;}
.about-soft{background:#F5F8FB;}
.about-dark{background:#0E2D52;color:#fff;}
.about-dark h2,.about-dark h3,.about-dark p{color:#fff;}
.about-dark .about-kicker{color:#9bd8f5;}
.about-button{display:inline-block;margin-top:10px;padding:12px 20px;border-radius:5px;background:#5cb85c;color:#fff!important;font-weight:700;text-decoration:none!important;transition:.2s ease;}
.about-button:hover,.about-button:focus{background:#449d44;color:#fff!important;text-decoration:none;}
.about-button i{margin-left:8px;}
.about-visual{padding:6px;}
.about-visual-card{min-height:210px;border-radius:14px;background:linear-gradient(135deg,#0E2D52,#174f9c);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#fff;padding:28px;box-shadow:0 14px 35px rgba(14,45,82,.14);}
.about-visual-card i{font-size:44px;margin-bottom:15px;color:#9bd8f5;}
.about-visual-card strong{font-size:28px;margin-bottom:8px;}
.about-visual-card span{font-size:15px;opacity:.92;}
.about-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px;}
.about-mini-grid>div{padding:18px 14px;border:1px solid #e4ebf2;border-radius:10px;background:#fff;text-align:center;}
.about-mini-grid i{display:block;color:#2B65BA;font-size:24px;margin-bottom:8px;}
.about-mini-grid strong{display:block;color:#0E2D52;font-size:15px;}
.about-mini-grid span{display:block;color:#6b7680;font-size:12px;margin-top:3px;}
.about-card{padding:26px 20px;border:1px solid #e6edf3;border-radius:12px;background:#fff;text-align:center;}
.about-card>i{font-size:30px;color:#2B65BA;}
.about-simple{padding:8px 18px 8px 0;}
.about-simple>i{font-size:28px;color:#2B65BA;margin-bottom:8px;}
.about-solution-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px;}
.about-solution-grid a{display:flex;flex-direction:column;align-items:flex-start;min-height:150px;padding:22px;border:1px solid #e4ebf2;border-radius:11px;background:#fff;text-decoration:none!important;transition:.2s ease;}
.about-solution-grid a:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(14,45,82,.08);}
.about-solution-grid i{font-size:26px;color:#2B65BA;margin-bottom:12px;}
.about-solution-grid strong{font-size:17px;color:#0E2D52;}
.about-solution-grid span{margin-top:5px;font-size:13px;color:#66717c;}
.about-cta{text-align:center;max-width:820px;margin:0 auto;padding:20px 0;}
@media(max-width:991px){
  .about-grid-2{grid-template-columns:1fr;gap:34px;}
  .about-grid-4{grid-template-columns:repeat(2,minmax(0,1fr));}
  .about-solution-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:767px){
  .about-section,.about-intro{padding:44px 0;}
  .about-wrap{padding:0 18px;}
  .about-grid-3,.about-grid-4,.about-solution-grid{grid-template-columns:1fr;}
  .about-modern h1{font-size:30px;}
  .about-modern h2{font-size:25px;}
  .about-lead{font-size:16px!important;}
  .about-mini-grid{grid-template-columns:1fr 1fr;}
}

/* Bloques institucionales */
.about-timeline{max-width:900px;margin:36px auto 0}
.about-history{display:grid;grid-template-columns:78px 1fr;gap:22px;align-items:start;padding:0 0 30px;position:relative}
.about-history:not(:last-child):before{content:"";position:absolute;left:37px;top:50px;bottom:0;width:1px;background:#dbe5ee}
.about-history-year,.about-history-icon{width:76px;height:46px;border-radius:24px;background:#0E2D52;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;position:relative;z-index:1}
.about-history-icon{width:46px;height:46px;margin-left:15px;background:#2B65BA;font-size:18px}
.about-history h3{margin:0 0 6px}.about-history p{margin:0}
.about-trajectory-points{display:grid;gap:14px}
.about-trajectory-points>div{display:flex;align-items:flex-start;gap:14px;padding:16px 18px;background:#F5F8FB;border-radius:10px}
.about-trajectory-points i{width:28px;color:#2B65BA;font-size:22px;text-align:center;margin-top:2px}
.about-trajectory-points span{font-size:14px;line-height:1.55;color:#56616c}
.about-recognition{background:#fff;border-top:1px solid #edf1f5;border-bottom:1px solid #edf1f5}
.about-recognition-inner{display:grid;grid-template-columns:1fr auto;gap:36px;align-items:center}
.about-recognition-action{white-space:nowrap}
@media(max-width:767px){.about-history{grid-template-columns:58px 1fr;gap:14px}.about-history-year{width:58px;height:40px;font-size:12px}.about-history-icon{width:40px;height:40px;margin-left:9px}.about-history:not(:last-child):before{left:28px;top:44px}.about-recognition-inner{grid-template-columns:1fr;gap:12px}.about-recognition-action{white-space:normal}}
