﻿/* Nosotros page only. Corporate colors, Manrope and navigation come from shared files. */
.as-about-page .as-section{padding:88px 0}
.as-about-page .as-about-hero{padding:25px 0 64px;overflow:hidden}
.as-about-page .as-about-breadcrumb{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:11px;color:#a9b8d0}
.as-about-page .as-about-breadcrumb a:hover{color:var(--as-cyan)}
.as-about-page .as-about-hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:45px;align-items:center;padding-top:55px}
.as-about-page h1{font-size:clamp(40px,4.3vw,64px);line-height:1.13;letter-spacing:-2.4px;margin:0;font-weight:750}
.as-about-page .as-about-lead{font-size:22px;line-height:1.6;font-weight:600;color:#edf3ff;max-width:510px;margin-top:26px}
.as-about-page .as-about-description{font-size:14px;line-height:1.9;color:#a9b8d0;max-width:500px;margin-top:16px}
.as-about-page .as-about-intro .as-actions{margin-top:29px;gap:14px 24px}
.as-about-page .as-about-intro .as-text-link{font-size:12px;gap:12px}
.as-about-page .as-about-visual{min-width:0;margin:0;animation:as-about-arrive .7s ease both}
.as-about-page .as-about-visual img{width:100%;height:auto}
.as-about-page .as-about-visual figcaption{font-size:11px;text-align:center;line-height:1.8;color:#a9b8d0;margin-top:8px}
.as-about-page .as-about-who{display:grid;grid-template-columns:1fr 1.1fr;gap:100px;align-items:start}
.as-about-page .as-about-who>div>p{font-size:14px;line-height:1.9;color:var(--as-muted)}
.as-about-page .as-about-who>div>p+p{margin-top:18px}
.as-about-page .as-about-who .as-kicker{color:var(--as-blue)}
.as-about-page .as-about-who .as-about-body-lead{font-size:19px;line-height:1.75;color:var(--as-ink);letter-spacing:-.2px}
.as-about-page .as-about-model{display:grid;grid-template-columns:1fr 1fr;margin-top:48px;border:1px solid var(--as-line);border-radius:8px;overflow:hidden}
.as-about-page .as-about-model>div{padding:29px 32px;min-width:0}
.as-about-page .as-about-model>div+div{background:var(--as-navy);color:#fff}
.as-about-page .as-about-model h3{font-size:12px;font-weight:600}
.as-about-page .as-about-model p{font-size:12px;line-height:1.8;color:var(--as-muted);margin-top:22px}
.as-about-page .as-about-model>div+div p{color:#a9b8d0}
.as-about-page .as-about-fragments{display:flex;gap:8px;flex-wrap:wrap;align-items:center;min-height:64px;margin-top:20px}
.as-about-page .as-about-fragments span{font-size:11px;border:1px solid var(--as-line);padding:9px 11px;border-radius:4px;color:#43536e}
.as-about-page .as-about-integrated{display:flex;gap:20px;align-items:center;justify-content:space-between;min-height:64px;margin-top:20px}
.as-about-page .as-about-integrated img{width:160px;height:auto}
.as-about-page .as-about-integrated span{font-size:11px;color:#a9b8d0;border-left:1px solid #314164;padding-left:20px}
.as-about-page .as-about-philosophy{display:grid;grid-template-columns:1.05fr 1fr;gap:100px}
.as-about-page .as-about-philosophy h2{max-width:540px}
.as-about-page .as-about-editorial{font-size:11px;line-height:1.8;color:var(--as-muted);margin-top:24px;max-width:350px}
.as-about-page .as-about-purpose{margin:0}
.as-about-page .as-about-purpose>div+div{border-top:1px solid #d2ddea;margin-top:28px;padding-top:28px}
.as-about-page .as-about-purpose dt{color:var(--as-blue);font-size:17px;font-weight:700}
.as-about-page .as-about-purpose dd{margin:12px 0 0;font-size:15px;line-height:1.85;color:#43536e;max-width:540px}
.as-about-page .as-about-values{display:flex;gap:40px;justify-content:space-between;align-items:baseline;border-top:1px solid #d2ddea;margin-top:44px;padding-top:27px}
.as-about-page .as-about-values h3{font-size:13px;flex-shrink:0}
.as-about-page .as-about-values ul{list-style:none;display:flex;flex-wrap:wrap;gap:18px 30px;margin:0;padding:0;font-size:13px;color:#43536e}
.as-about-page .as-about-values li{display:flex;gap:10px;align-items:center}
.as-about-page .as-about-values li::before{content:'';width:4px;height:4px;border-radius:50%;background:var(--as-blue);flex:none}
.as-about-page .as-about-differences{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 45px}
.as-about-page .as-about-differences article{border-top:1px solid #314164;padding:23px 0 0 28px;position:relative}
.as-about-page .as-about-mark{position:absolute;top:23px;left:0;color:var(--as-cyan);font-size:14px}
.as-about-page .as-about-differences h3{font-size:17px;font-weight:650;letter-spacing:-.25px}
.as-about-page .as-about-differences p{font-size:13px;line-height:1.85;color:#a9b8d0;margin-top:10px;max-width:300px}
.as-about-page .as-about-process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;list-style:none;margin:0;padding:0}
.as-about-page .as-about-process li{position:relative;border-top:1px solid #b7c7e4;padding-top:24px}
.as-about-page .as-about-process li::before{content:'';position:absolute;left:0;top:-4px;width:7px;height:7px;border-radius:50%;background:var(--as-blue);outline:5px solid #fff}
.as-about-page .as-about-process li>span{font-size:11px;color:var(--as-blue)}
.as-about-page .as-about-process h3{font-size:18px;margin-top:16px;letter-spacing:-.3px}
.as-about-page .as-about-process li p{font-size:13px;line-height:1.85;color:var(--as-muted);margin-top:12px}
.as-about-page .as-about-process-note{font-size:12px;line-height:1.85;color:var(--as-muted);border-top:1px solid var(--as-line);padding-top:24px;margin-top:34px;max-width:850px}
.as-about-page .as-about-cta>.as-container{display:flex;justify-content:space-between;align-items:center;gap:60px}
.as-about-page .as-about-cta h2{font-size:clamp(32px,3.2vw,46px);line-height:1.25}
.as-about-page .as-about-cta p:not(.as-kicker){font-size:14px;line-height:1.85;color:var(--as-muted);margin-top:22px;max-width:560px}
.as-about-page .as-about-cta-actions{display:flex;flex-direction:column;align-items:flex-start;gap:8px;flex-shrink:0}
.as-about-page .as-about-cta .as-text-link{font-size:12px}
.as-about-page .as-about-breadcrumb a{transition:color .2s}
@keyframes as-about-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:1150px){
  .as-about-page .as-about-hero-grid{gap:20px}
  .as-about-page .as-about-who,.as-about-page .as-about-philosophy{gap:55px}
  .as-about-page .as-about-model>div{padding:26px}
  .as-about-page .as-about-values{gap:25px}
  .as-about-page .as-about-values ul{gap:15px 20px}
}
@media(max-width:960px){
  .as-about-page .as-section{padding:68px 0}
  .as-about-page .as-about-hero{padding-bottom:48px}
  .as-about-page .as-about-hero-grid{grid-template-columns:1.1fr 1fr;gap:12px;padding-top:40px}
  .as-about-page h1{font-size:42px;letter-spacing:-1.7px}
  .as-about-page .as-about-lead{font-size:19px}
  .as-about-page .as-about-who,.as-about-page .as-about-philosophy{gap:35px}
  .as-about-page .as-about-who .as-about-body-lead{font-size:17px}
  .as-about-page .as-about-integrated{flex-wrap:wrap;gap:12px}
  .as-about-page .as-about-integrated span{border-left:0;padding-left:0}
  .as-about-page .as-about-values{display:block}
  .as-about-page .as-about-values ul{margin-top:20px}
  .as-about-page .as-about-differences{gap:30px;grid-template-columns:repeat(2,minmax(0,1fr))}
  .as-about-page .as-about-process{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}
  .as-about-page .as-about-cta>.as-container{gap:30px}
}
@media(max-width:700px){
  .as-about-page .as-section{padding:54px 0}
  .as-about-page .as-about-hero{padding:23px 0 36px}
  .as-about-page .as-about-hero-grid{grid-template-columns:1fr;gap:24px;padding-top:32px}
  .as-about-page h1{font-size:clamp(36px,9.5vw,50px);letter-spacing:-1.6px}
  .as-about-page .as-about-lead{font-size:20px;margin-top:23px}
  .as-about-page .as-about-visual{max-width:480px;width:100%;justify-self:center}
  .as-about-page .as-about-visual figcaption{font-size:10px;margin-top:0}
  .as-about-page .as-about-who,.as-about-page .as-about-philosophy{grid-template-columns:1fr;gap:27px}
  .as-about-page .as-about-who .as-about-body-lead{font-size:18px}
  .as-about-page .as-about-model{grid-template-columns:1fr;margin-top:30px}
  .as-about-page .as-about-model>div{padding:24px}
  .as-about-page .as-about-fragments{gap:7px;min-height:0}
  .as-about-page .as-about-fragments span{font-size:10px;padding:8px 10px}
  .as-about-page .as-about-integrated{flex-wrap:nowrap;gap:14px}
  .as-about-page .as-about-integrated img{width:140px}
  .as-about-page .as-about-integrated span{font-size:10px}
  .as-about-page .as-about-purpose dd{font-size:14px}
  .as-about-page .as-about-editorial{margin-top:18px}
  .as-about-page .as-about-values{margin-top:30px}
  .as-about-page .as-about-values ul{display:grid;grid-template-columns:1fr;gap:14px}
  .as-about-page .as-about-differences{grid-template-columns:1fr;gap:25px}
  .as-about-page .as-about-differences p{max-width:none}
  .as-about-page .as-about-process{grid-template-columns:1fr;gap:0}
  .as-about-page .as-about-process li{border-top:0;border-left:1px solid #b7c7e4;padding:0 0 26px 25px;margin-left:4px}
  .as-about-page .as-about-process li:last-child{padding-bottom:0}
  .as-about-page .as-about-process li::before{left:-4px;top:5px}
  .as-about-page .as-about-process h3{margin-top:5px;font-size:20px}
  .as-about-page .as-about-process li p{margin-top:8px}
  .as-about-page .as-about-cta>.as-container{display:block}
  .as-about-page .as-about-cta-actions{margin-top:27px}
}
@media(prefers-reduced-motion:reduce){.as-about-page .as-about-visual{animation:none}.as-about-page .as-about-breadcrumb a{transition:none}}
