/* Identidad comercial de Quiénes Somos; alcance exclusivo de esta página. */
html > body.about-commercial{margin:0;background:#f7f7fb;color:#24233e;font-family:Inter,"Segoe UI",Arial,sans-serif;line-height:1.65;--border:#e4e4ef;--muted:#72738b;}
.about-commercial header.nav{top:0;border-radius:0;border-bottom:1px solid #e4e4ef;box-shadow:none;background:#fff;}
.about-commercial header.nav .nav-inner{max-width:1280px;padding:16px 32px;}
.about-commercial main{max-width:1280px;margin:auto;padding:48px 32px 64px;}
.about-commercial .hero-glow{display:none;}
.about-commercial .about-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:64px;padding:32px 0 56px;max-width:none;align-items:center;}
.about-commercial .about-eyebrow{display:block;font-size:11px;font-weight:750;letter-spacing:.16em;text-transform:uppercase;color:#3d3789;}
.about-commercial .about-hero h1{font-size:clamp(38px,4.6vw,62px);line-height:1.08;letter-spacing:-.045em;color:#24233e;margin:20px 0 24px;}
.about-commercial .about-hero h1 span{color:#3d3789;}
.about-commercial .about-lead{font-size:17px;line-height:1.8;color:#72738b;max-width:520px;}
.about-commercial .about-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px;}
.about-commercial .btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 19px;border-radius:10px;font:inherit;font-size:13px;font-weight:650;}
.about-commercial .btn-primary{background:#ef7d00;border-color:#ef7d00;color:white;}
.about-commercial .btn-ghost{background:#fff;border-color:#dfdeea;color:#3d3789;}
.about-commercial .btn:hover{filter:brightness(.97);}
.about-commercial .about-brand-card{background:linear-gradient(135deg,#29254f,#46408c);color:#fff;padding:34px;border-radius:24px;box-shadow:0 20px 48px #29254f18;}
.about-commercial .about-brand-top{display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:11px;color:#d6cfeb;border-bottom:1px solid #ffffff22;padding-bottom:24px;}
.about-commercial .about-brand-top strong{color:#fff;font-size:13px;letter-spacing:.09em;}
.about-commercial .about-brand-card h2{font-size:30px;line-height:1.2;letter-spacing:-.025em;color:#fff;margin:28px 0 20px;}
.about-commercial .about-brand-card p{color:#d8d3ec;font-size:14px;line-height:1.8;}
.about-commercial .about-capabilities{list-style:none;padding:0;margin:24px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:0 20px;}
.about-commercial .about-capabilities li{padding:14px 0;border-top:1px solid #ffffff22;font-size:12px;color:#e5e1f3;}
.about-commercial .about-story{display:grid;grid-template-columns:.65fr 1.35fr;gap:56px;padding:36px 0 44px;border-top:1px solid #e4e4ef;}
.about-commercial .about-story h2,.about-commercial .about-section-heading h2{font-size:30px;line-height:1.2;letter-spacing:-.025em;color:#24233e;margin:12px 0;}
.about-commercial .about-story p{margin:0;font-size:15px;line-height:1.9;color:#72738b;}
.about-commercial .about-story .c-text{color:#72738b;}.about-commercial .about-story strong.c-text{color:#3d3789;}
.about-commercial .about-section-heading{margin-bottom:24px;}
.about-commercial .ticker{border:1px solid #e4e4ef;background:#fff;border-radius:18px;padding:20px 0;box-shadow:none;margin:0 0 44px;}
.about-commercial .ticker-card{border-radius:12px;border:1px solid #e4e4ef;box-shadow:none;background:#fff;}
.about-commercial #features{max-width:none;padding:0;}
.about-commercial .cards-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;}
.about-commercial .cards-row > .glass{min-width:0;width:auto;margin:0;padding:30px;border-radius:18px;border:1px solid #e4e4ef;background:#fff;box-shadow:none;backdrop-filter:none;}
.about-commercial .cards-row .kv-reveal{opacity:1;transform:none;filter:none;}
.about-commercial .cards-row .kv-reveal.is-visible:hover{transform:none;box-shadow:0 10px 28px #29254f09;}
.about-commercial .cards-row h3{font-size:23px;color:#24233e;margin:0 0 18px;letter-spacing:-.02em;}
.about-commercial .cards-row p,.about-commercial .cards-row li{font-size:14px;line-height:1.85;color:#72738b;}
.about-commercial .cards-row strong,.about-commercial .cards-row li .font-semibold{color:#3d3789;font-weight:650;}
.about-commercial #card-mision{border-top:3px solid #ef7d00;}
.about-commercial #card-vision{border-top:3px solid #3d3789;}
.about-commercial #card-valores{grid-column:1/-1;}
.about-commercial #card-valores ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;list-style:none;padding:0;margin:24px 0 0;counter-reset:values;}
.about-commercial #card-valores li{margin:0;padding-top:16px;border-top:1px solid #e4e4ef;counter-increment:values;}
.about-commercial #card-valores li::before{content:'0' counter(values);display:block;color:#ef7d00;font-size:12px;font-weight:750;margin-bottom:12px;}
.about-commercial #card-objetivos ol{padding-left:20px;}
.about-commercial #card-direccion{align-self:start;background:#efedf8;}
.about-commercial .dir-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;}
.about-commercial .about-cta{margin-top:32px;padding:32px 36px;background:#29254f;color:#fff;border-radius:20px;display:flex;align-items:center;justify-content:space-between;gap:24px;}
.about-commercial .about-cta h2{font-size:27px;line-height:1.3;letter-spacing:-.025em;margin:0 0 8px;color:#fff;}
.about-commercial .about-cta p{margin:0;color:#d8d3ec;font-size:14px;}
.about-commercial .about-cta .btn{flex-shrink:0;}
.about-commercial .footer{background:#fff;border-top:1px solid #e4e4ef;padding:28px 32px;}
.about-commercial :is(a,button):focus-visible{outline:3px solid #ef7d00;outline-offset:3px;}
@media(max-width:1000px){.about-commercial .about-hero{gap:32px;}.about-commercial .about-brand-card{padding:26px;}.about-commercial #card-valores ol{grid-template-columns:1fr 1fr;}.about-commercial .about-story{gap:28px;}}
@media(max-width:760px){.about-commercial main{padding:24px 20px 36px;}.about-commercial .about-hero{grid-template-columns:1fr;padding:16px 0 32px;gap:28px;}.about-commercial .about-story{grid-template-columns:1fr;gap:12px;}.about-commercial .cards-row{grid-template-columns:1fr;}.about-commercial .cards-row > .glass{padding:24px;}.about-commercial .about-cta{align-items:flex-start;flex-direction:column;padding:26px;}.about-commercial .footer{padding:24px 16px;}}
@media(max-width:460px){.about-commercial #card-valores ol{grid-template-columns:1fr;}.about-commercial .about-actions .btn{flex:1 1 auto;}}
@media(prefers-reduced-motion:reduce){.about-commercial .kv-reveal{transition:none;}}

/* Fondo independiente del contenido: cambios suaves ligados al recorrido. */
html > body.about-commercial{position:relative;isolation:isolate;}
.about-scroll-background{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:#f7f7fb;}
.about-commercial main,.about-commercial>.footer{position:relative;z-index:1;}
.about-scroll-background span{position:absolute;inset:-8%;display:block;}
.about-scroll-background .about-gradient-purple{background:radial-gradient(ellipse at 5% 15%,#3d37895c,transparent 68%),radial-gradient(ellipse at 95% 80%,#3d378938,transparent 65%),linear-gradient(135deg,#eeebfa,#f7f7fb);}
.about-scroll-background .about-gradient-blue{background:radial-gradient(ellipse at 95% 20%,#3c53f15c,transparent 68%),radial-gradient(ellipse at 5% 80%,#3c53f138,transparent 65%),linear-gradient(135deg,#edf1ff,#f7f7fb);opacity:0;}
.about-scroll-background .about-gradient-orange{background:radial-gradient(ellipse at 8% 85%,#ef7d005c,transparent 68%),radial-gradient(ellipse at 95% 15%,#ef7d0038,transparent 65%),linear-gradient(135deg,#fff3e7,#f7f7fb);opacity:0;}
.about-scroll-background::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,#ffffff70,transparent 80%);}
@media(prefers-reduced-motion:reduce){.about-scroll-background .about-gradient-blue{opacity:.2;}.about-scroll-background .about-gradient-orange{opacity:.15;}}
@media print{.about-scroll-background{display:none;}}