/* AuditGeo — Home (.ag) y /agencia-geo/ (.agx). Mobile-first, tokens del DS */
.ag{background:var(--navy-50,#F3F5FB);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}
.ag__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:32px}
.ag__copy .display{margin:16px 0 20px;font-size:clamp(2rem,1.2rem + 2.6vw,2.8rem);text-wrap:balance}
.ag__copy p{margin:0 0 16px;font-size:16.5px;line-height:1.7;color:var(--text-body);text-wrap:pretty;max-width:64ch}
.ag__cta{margin-top:12px;width:100%}
.ag__panel{background:#fff;border:1px solid var(--border-subtle);border-radius:12px;box-shadow:var(--shadow-sm);padding:24px;display:grid;gap:22px;align-self:start}
@media (min-width:768px){.ag__cta{width:auto}.ag__panel{padding:32px}}
@media (min-width:1024px){.ag__grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:64px;align-items:center}.ag__panel{position:sticky;top:110px}}

.agx__intro{max-width:760px;margin:24px auto 0;text-align:center}
.agx__intro p{margin:0 0 14px;font-size:17px;line-height:1.7;color:rgba(255,255,255,.86);text-wrap:pretty}
.agx__diag,.agx__follow{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;margin-top:48px;padding-top:40px;border-top:1px solid rgba(255,255,255,.14)}
.agx__prose h3{font-size:clamp(1.3rem,1.1rem + .8vw,1.6rem);font-weight:800;line-height:1.25;color:#fff;margin:0 0 14px}
.agx__prose p{margin:0 0 14px;font-size:16px;line-height:1.7;color:rgba(255,255,255,.84);text-wrap:pretty}
.agx__close{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:24px;display:grid;gap:20px;align-self:start}
.agx__close p{margin:0;font-size:17px;line-height:1.65;color:#fff;text-wrap:pretty}
.agx__close .sx-btn{width:100%}
@media (min-width:900px){
.agx__diag{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:56px}
.agx__follow{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:56px}
.agx__follow .agx__close{order:-1}
.agx__close .sx-btn{width:auto;justify-self:start}
}

.ag__shot{margin:0;padding:12px;gap:10px}
.ag__shot .img-ph{border-radius:8px}
.ag__shot figcaption,.agx__shot figcaption{font-family:var(--font-mono,"IBM Plex Mono",monospace);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted,#5A607A);padding:2px 4px}
.agx__side{display:grid;gap:24px;align-content:start}
.agx__shot{margin:0;display:grid;gap:10px}
.agx__shot .img-ph{border-radius:12px}
.agx__shot figcaption{color:var(--cyan-400,#4DB8EA)}
@media (min-width:768px){.ag__shot{padding:16px}}