/* Click Experience v3.7.0 — Nosotros / compact launch hero */
.cxs-about-page__hero{
  min-height:clamp(570px,48vw,650px)!important;
  padding:46px 0 54px!important;
  overflow:hidden;
  background:
    radial-gradient(circle at 76% 38%,rgba(39,173,255,.20),transparent 28%),
    radial-gradient(circle at 18% 82%,rgba(0,92,255,.13),transparent 29%),
    linear-gradient(118deg,#000c3a 0%,#00155c 54%,#063b97 100%)!important;
}
.cxs-about-page__hero::before{
  opacity:.62;
  background-size:72px 72px!important;
  mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.88) 65%,transparent 100%)!important;
}
.cxs-about-page__hero::after{
  content:"";
  position:absolute;
  inset:auto -8% -32% 36%;
  height:66%;
  z-index:-1;
  pointer-events:none;
  border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(39,173,255,.16),rgba(0,21,92,0) 68%);
  filter:blur(20px);
}
.cxs-about-page__hero-glow{opacity:.68}
.cxs-about-page__hero-grid{
  display:grid!important;
  grid-template-columns:minmax(0,.86fr) minmax(470px,1.14fr)!important;
  gap:clamp(22px,3.8vw,60px)!important;
  align-items:center!important;
}
.cxs-about-page__hero-copy{max-width:560px!important;min-width:0!important;padding:8px 0}
.cxs-about-page__hero .cxs-corp-eyebrow{margin-bottom:20px}
.cxs-about-page__hero h1{
  width:100%!important;
  max-width:9.8ch!important;
  margin:0!important;
  font-size:clamp(58px,5.8vw,88px)!important;
  line-height:.92!important;
  letter-spacing:-.052em!important;
  text-wrap:balance;
}
.cxs-about-page__hero h1>span,
.cxs-about-page__hero h1>strong{display:block!important;width:auto!important}
.cxs-about-page__hero h1>strong{margin-top:4px;color:#28adff!important;font-weight:400!important}
.cxs-about-page__hero h1>strong.cxs-motion-accent-target::after{display:none!important}
.cxs-about-page__hero-info{
  position:relative;
  max-width:510px;
  margin-top:30px;
  padding:20px 20px 18px;
  border-top:2px solid rgba(255,189,89,.92);
  background:linear-gradient(100deg,rgba(0,11,55,.48),rgba(0,21,92,.20) 76%,transparent);
  box-shadow:0 20px 55px rgba(0,5,35,.12);
  backdrop-filter:blur(7px);
}
.cxs-about-page__hero-info::before{
  content:"";
  position:absolute;
  left:0;top:-2px;
  width:42%;height:2px;
  background:linear-gradient(90deg,#ffbd59,#27adff,transparent);
}
.cxs-about-page__hero .cxs-corp-lead{
  max-width:48ch!important;
  margin:0!important;
  color:rgba(255,255,255,.82)!important;
  font-size:14px!important;
  line-height:1.78!important;
}
.cxs-about-page__hero-actions{margin-top:20px!important;gap:10px!important}
.cxs-about-page__hero-actions .cxs-corp-btn{min-height:45px;padding-inline:15px}

/* Visual composition ----------------------------------------------------- */
.cxs-about-page__hero-visual.cxs-about-hero-scene{
  position:relative!important;
  width:100%!important;
  max-width:760px!important;
  min-width:0!important;
  min-height:500px!important;
  margin:0!important;
  perspective:none!important;
  transform-style:flat!important;
  isolation:isolate;
}
.cxs-about-hero-scene__grid{
  position:absolute;inset:7% -5% 2% 4%;z-index:0;pointer-events:none;
  border-radius:44% 44% 14% 32%;
  background-image:linear-gradient(rgba(80,178,255,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(80,178,255,.065) 1px,transparent 1px);
  background-size:58px 58px;
  mask-image:linear-gradient(135deg,transparent 0%,#000 28%,#000 72%,transparent 100%);
}
.cxs-about-hero-scene__halo{
  position:absolute;z-index:0;right:-6%;top:10%;width:76%;aspect-ratio:1;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgba(39,173,255,.22),rgba(39,173,255,.06) 36%,transparent 68%);
  filter:blur(12px);
}
.cxs-about-hero-scene__rocket{
  position:absolute;z-index:1;right:-2%;top:1%;width:min(69%,520px);height:auto;object-fit:contain;
  transform-origin:58% 62%;
  filter:drop-shadow(0 22px 28px rgba(0,7,40,.24)) drop-shadow(0 0 20px rgba(39,173,255,.14));
  animation:cxsAboutRocketLaunch 7.2s cubic-bezier(.45,.05,.35,1) infinite;
  will-change:transform,filter;
}
.cxs-about-hero-scene__people{
  position:absolute;z-index:3;right:1%;bottom:-1%;width:min(76%,590px);height:auto;object-fit:contain;
  filter:drop-shadow(0 32px 34px rgba(0,6,38,.30));
  transform:translate3d(0,0,0);
}
.cxs-about-hero-scene__mark{
  position:absolute;z-index:5;right:8%;bottom:-1%;width:min(23%,174px);height:auto;object-fit:contain;
  filter:drop-shadow(0 20px 22px rgba(0,5,35,.34)) drop-shadow(0 0 14px rgba(39,173,255,.22));
  animation:cxsAboutMarkFloat 5.8s ease-in-out infinite;
}
.cxs-about-hero-scene__caption{
  position:absolute;z-index:4;left:6%;bottom:4%;display:flex;align-items:center;gap:9px;
  color:rgba(255,255,255,.62);font:700 9px/1.2 var(--cxs-font-ui,Manrope,sans-serif);letter-spacing:.13em;
}
.cxs-about-hero-scene__caption span{color:#ffbd59}
.cxs-about-hero-scene__caption i{width:24px;height:1px;background:rgba(255,255,255,.26)}
@keyframes cxsAboutRocketLaunch{
  0%,100%{transform:translate3d(-8px,9px,0) rotate(-1.2deg) scale(.985);filter:drop-shadow(0 22px 28px rgba(0,7,40,.24)) drop-shadow(0 0 15px rgba(39,173,255,.12))}
  42%{transform:translate3d(10px,-14px,0) rotate(.35deg) scale(1.012);filter:drop-shadow(-8px 28px 30px rgba(0,7,40,.22)) drop-shadow(0 0 26px rgba(39,173,255,.22))}
  58%{transform:translate3d(16px,-20px,0) rotate(.8deg) scale(1.018);filter:drop-shadow(-12px 32px 32px rgba(0,7,40,.18)) drop-shadow(0 0 32px rgba(39,173,255,.28))}
}
@keyframes cxsAboutMarkFloat{0%,100%{transform:translate3d(0,0,0) rotate(0deg)}50%{transform:translate3d(0,-7px,0) rotate(1.5deg)}}

/* Laptop keeps the compact 2-column composition. */
@media (min-width:961px) and (max-width:1180px){
  .cxs-about-page__hero{min-height:570px!important;padding:38px 0 46px!important}
  .cxs-about-page__hero-grid{grid-template-columns:minmax(0,.88fr) minmax(450px,1.12fr)!important;gap:18px!important}
  .cxs-about-page__hero h1{font-size:clamp(54px,5.6vw,68px)!important}
  .cxs-about-page__hero-info{margin-top:24px;padding:16px 17px 15px}
  .cxs-about-page__hero-visual.cxs-about-hero-scene{min-height:455px!important}
  .cxs-about-hero-scene__rocket{width:66%;right:-3%;top:4%}
  .cxs-about-hero-scene__people{width:78%;right:-1%}
  .cxs-about-hero-scene__mark{width:21%;right:8%;bottom:0}
}

/* Tablet / mobile: copy first, composition second. */
@media (max-width:960px){
  .cxs-about-page__hero{min-height:auto!important;padding:34px 0 48px!important}
  .cxs-about-page__hero-grid{grid-template-columns:minmax(0,1fr)!important;gap:24px!important}
  .cxs-about-page__hero-copy{max-width:720px!important;padding:0!important}
  .cxs-about-page__hero h1{max-width:10.5ch!important;font-size:clamp(52px,9vw,74px)!important}
  .cxs-about-page__hero-info{max-width:600px;margin-top:24px}
  .cxs-about-page__hero-visual.cxs-about-hero-scene{min-height:470px!important;max-width:720px!important;margin:0 auto!important}
  .cxs-about-hero-scene__rocket{right:1%;top:1%;width:61%}
  .cxs-about-hero-scene__people{right:4%;width:74%}
  .cxs-about-hero-scene__mark{right:9%;width:20%}
}
@media (max-width:620px){
  .cxs-about-page__hero{padding:28px 0 40px!important}
  .cxs-about-page__hero .cxs-corp-eyebrow{margin-bottom:16px!important}
  .cxs-about-page__hero h1{max-width:100%!important;font-size:clamp(46px,12.5vw,60px)!important;line-height:.94!important}
  .cxs-about-page__hero-info{margin-top:22px;padding:16px 15px 15px;border-radius:0 14px 14px 0}
  .cxs-about-page__hero .cxs-corp-lead{font-size:13.5px!important;line-height:1.72!important}
  .cxs-about-page__hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  .cxs-about-page__hero-actions .cxs-corp-btn{width:100%!important;min-height:46px;padding:9px 10px;font-size:10px}
  .cxs-about-page__hero-visual.cxs-about-hero-scene{min-height:355px!important;max-width:520px!important}
  .cxs-about-hero-scene__grid{inset:8% -10% 0 1%;background-size:42px 42px}
  .cxs-about-hero-scene__rocket{right:-7%;top:2%;width:64%;animation-duration:8s}
  .cxs-about-hero-scene__people{right:-1%;bottom:0;width:91%}
  .cxs-about-hero-scene__mark{right:4%;bottom:0;width:23%}
  .cxs-about-hero-scene__caption{left:3%;bottom:2%;font-size:7.5px;letter-spacing:.10em}
}
@media (max-width:390px){
  .cxs-about-page__hero h1{font-size:clamp(42px,12vw,50px)!important}
  .cxs-about-page__hero-actions{grid-template-columns:1fr!important}
  .cxs-about-page__hero-visual.cxs-about-hero-scene{min-height:315px!important}
  .cxs-about-hero-scene__rocket{width:62%;right:-9%;top:4%}
  .cxs-about-hero-scene__people{width:96%;right:-4%}
  .cxs-about-hero-scene__mark{width:22%;right:3%}
  .cxs-about-hero-scene__caption{display:none}
}
@media (prefers-reduced-motion:reduce){
  .cxs-about-hero-scene__rocket,.cxs-about-hero-scene__mark{animation:none!important;transform:none!important}
}
