/* =====================================================
   SOBRE DISU SOFT — BLUE / NEXUS
===================================================== */
.about-page{background:#050b14;color:#f8fafc;overflow-x:hidden}.about-page main{overflow:hidden}.about-page .particle-zone{position:relative;isolation:isolate}.about-page .section-particles{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}.about-page .particle-zone>.shell,.about-page .particle-zone>.about-scan{position:relative;z-index:3}.about-page .reveal{opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1)}.about-page .reveal.visible{opacity:1;transform:none}

/* HERO */
.about-hero{position:relative;min-height:720px;padding:82px 0 70px;background:radial-gradient(circle at 70% 38%,rgba(20,117,255,.16),transparent 34%),linear-gradient(135deg,#030912 0%,#071526 55%,#04101c 100%);border-bottom:1px solid rgba(56,189,248,.14);isolation:isolate;overflow:hidden}.about-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,9,18,.97) 0%,rgba(3,9,18,.82) 32%,rgba(3,9,18,.22) 64%,rgba(3,9,18,.08) 100%);z-index:2;pointer-events:none}.about-hero::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(56,189,248,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to right,transparent 15%,#000 70%,transparent);z-index:1;pointer-events:none}.about-scan{position:absolute!important;z-index:4!important;top:0;bottom:0;left:-10%;width:2px;background:linear-gradient(transparent,rgba(56,189,248,.75),transparent);box-shadow:0 0 22px rgba(56,189,248,.55);opacity:.28;animation:aboutScan 8s linear infinite;pointer-events:none}@keyframes aboutScan{0%{left:-5%}70%,100%{left:105%}}
.about-hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:52px;align-items:center;min-height:560px}.about-copy{position:relative;z-index:8}.about-copy h1{font-size:clamp(46px,5vw,78px);line-height:1.02;letter-spacing:-.055em;margin:20px 0 24px;max-width:740px}.about-copy h1 em{font-style:normal;color:#1685ff;text-shadow:0 0 24px rgba(22,133,255,.18)}.about-copy>p{max-width:660px;color:#a7b7ca;font-size:17px;line-height:1.82}.about-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:38px;max-width:720px}.about-stats article{position:relative;padding:8px 20px 8px 0;min-height:96px}.about-stats article+article{padding-left:22px;border-left:1px solid rgba(56,189,248,.18)}.about-stats i{display:block;color:#38bdf8;font-size:23px;margin-bottom:7px}.about-stats strong{display:block;color:#1685ff;font-size:24px;line-height:1}.about-stats span{display:block;margin-top:8px;color:#a9b7c9;font-size:11px;text-transform:uppercase;letter-spacing:.05em;line-height:1.45}
.about-visual{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center;z-index:4;transform-style:preserve-3d;transition:transform .2s ease-out}.about-visual>img{position:relative;z-index:4;width:112%;max-width:none;height:510px;object-fit:cover;object-position:58% center;border-radius:28px;border:1px solid rgba(56,189,248,.18);box-shadow:0 40px 90px rgba(0,0,0,.5),0 0 70px rgba(37,99,235,.14);mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 100%);filter:saturate(1.08) contrast(1.04)}.visual-glow{position:absolute;z-index:2;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(31,136,255,.32),rgba(31,136,255,.06) 45%,transparent 72%);filter:blur(8px);animation:glowBreath 4.8s ease-in-out infinite}@keyframes glowBreath{50%{transform:scale(1.12);opacity:.7}}.visual-grid{position:absolute;z-index:5;inset:7% 3% 9% 10%;border:1px solid rgba(56,189,248,.12);border-radius:26px;background:linear-gradient(90deg,transparent 49.5%,rgba(56,189,248,.08) 50%,transparent 50.5%),linear-gradient(transparent 49.5%,rgba(56,189,248,.08) 50%,transparent 50.5%);background-size:54px 54px;pointer-events:none}.visual-node{position:absolute;z-index:7;display:flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid rgba(56,189,248,.28);background:rgba(5,17,31,.72);backdrop-filter:blur(12px);border-radius:10px;color:#d9f4ff;font-size:10px;letter-spacing:.08em;box-shadow:0 12px 34px rgba(0,0,0,.25),0 0 22px rgba(37,99,235,.08);animation:nodeFloat 4.5s ease-in-out infinite}.visual-node i{color:#38bdf8;font-size:16px}.node-a{left:6%;top:19%}.node-b{right:-2%;top:29%;animation-delay:-1.2s}.node-c{right:5%;bottom:17%;animation-delay:-2.4s}@keyframes nodeFloat{50%{transform:translateY(-8px)}}

/* QUIENES SOMOS */
.company-story{padding:96px 0;background:linear-gradient(180deg,#06101c,#050b14 72%);border-bottom:1px solid rgba(56,189,248,.09)}.story-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;align-items:center}.eyebrow-tech{display:inline-block;color:#38bdf8;font-size:12px;font-weight:800;letter-spacing:.12em;margin-bottom:15px}.story-copy h2{font-size:clamp(38px,4.2vw,62px);line-height:1.04;letter-spacing:-.04em;margin:0 0 22px}.story-copy h2 em{font-style:normal;color:#1685ff}.story-copy p{color:#9eafc3;line-height:1.85;margin-bottom:28px;max-width:560px}.story-core{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:1px;min-height:430px;border:1px solid rgba(56,189,248,.2);border-radius:24px;overflow:hidden;background:rgba(4,16,29,.55);box-shadow:0 35px 80px rgba(0,0,0,.28)}.story-core>img{position:absolute;left:50%;top:50%;z-index:4;width:152px;transform:translate(-50%,-50%);filter:drop-shadow(0 0 30px rgba(37,99,235,.25))}.story-core article{position:relative;z-index:5;display:flex;gap:14px;padding:34px;background:linear-gradient(145deg,rgba(9,31,54,.44),rgba(4,16,29,.2));min-height:210px}.story-core article:nth-of-type(1),.story-core article:nth-of-type(2){border-bottom:1px solid rgba(56,189,248,.11)}.story-core article:nth-of-type(1),.story-core article:nth-of-type(3){border-right:1px solid rgba(56,189,248,.11)}.story-core article:nth-of-type(2),.story-core article:nth-of-type(4){padding-left:70px}.story-core article:nth-of-type(1),.story-core article:nth-of-type(3){padding-right:70px}.story-core article i{flex:0 0 auto;font-size:25px;color:#38bdf8}.story-core h3{font-size:16px;margin:0 0 8px;color:#eaf7ff}.story-core p{font-size:12px;line-height:1.65;color:#91a4bb}.core-orbit{position:absolute;z-index:3;left:50%;top:50%;width:230px;height:230px;transform:translate(-50%,-50%);border:1px solid rgba(56,189,248,.2);border-radius:50%;box-shadow:0 0 55px rgba(37,99,235,.13)}.core-orbit span{position:absolute;border:1px dashed rgba(56,189,248,.16);border-radius:50%;inset:24px;animation:orbitSpin 15s linear infinite}.core-orbit span:nth-child(2){inset:56px;animation-direction:reverse;animation-duration:11s}.core-orbit span:nth-child(3){inset:88px;border-style:solid}@keyframes orbitSpin{to{transform:rotate(360deg)}}

/* MISIÓN / VISIÓN */
.mission-vision{padding:82px 0;background:#050b14}.mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.mission-card{position:relative;display:grid;grid-template-columns:190px 1fr;gap:30px;align-items:center;min-height:290px;padding:30px;border-radius:22px;border:1px solid rgba(56,189,248,.2);background:linear-gradient(145deg,rgba(7,29,50,.72),rgba(4,14,25,.82));overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.24)}.mission-card::after{content:"";position:absolute;inset:auto -15% -45% auto;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.18),transparent 68%)}.mission-icon{position:relative;z-index:2;width:160px;height:160px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(56,189,248,.24);box-shadow:0 0 36px rgba(37,99,235,.15),inset 0 0 35px rgba(37,99,235,.08)}.mission-icon::before,.mission-icon::after{content:"";position:absolute;border-radius:50%;border:1px dashed rgba(56,189,248,.16);inset:17px;animation:orbitSpin 13s linear infinite}.mission-icon::after{inset:38px;animation-direction:reverse;animation-duration:8s}.mission-icon i{font-size:52px;color:#1685ff;text-shadow:0 0 26px rgba(22,133,255,.35)}.mission-card>div:last-child{position:relative;z-index:2}.mission-card span{color:#38bdf8;font-weight:800;font-size:12px;letter-spacing:.08em}.mission-card h2{font-size:25px;margin:12px 0 13px}.mission-card p{color:#98a9bd;line-height:1.75;font-size:13px}

/* VALORES */
.values-section{padding:84px 0 96px;background:linear-gradient(180deg,#050b14,#06111e)}.values-section .section-heading{max-width:850px;margin:0 auto 46px;text-align:center}.values-section .section-heading h2{font-size:clamp(38px,4vw,58px);margin:15px 0 12px}.values-section .section-heading h2 em{font-style:normal;color:#1685ff}.values-section .section-heading p{color:#91a4bb}.values-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.value-card{position:relative;min-height:230px;padding:28px 20px;border-radius:18px;border:1px solid rgba(56,189,248,.16);background:linear-gradient(155deg,rgba(10,32,55,.72),rgba(5,15,26,.86));text-align:center;overflow:hidden;transition:transform .3s,border-color .3s,box-shadow .3s}.value-card::before{content:"";position:absolute;left:50%;top:-70px;width:150px;height:150px;border-radius:50%;transform:translateX(-50%);background:radial-gradient(circle,rgba(37,99,235,.19),transparent 70%)}.value-card:hover{transform:translateY(-8px);border-color:rgba(56,189,248,.42);box-shadow:0 24px 50px rgba(0,0,0,.28)}.value-card i{position:relative;z-index:2;display:inline-grid;place-items:center;width:62px;height:62px;border-radius:50%;font-size:28px;color:#38bdf8;border:1px solid rgba(56,189,248,.25);box-shadow:0 0 24px rgba(37,99,235,.1)}.value-card h3{position:relative;z-index:2;margin:22px 0 11px;font-size:16px}.value-card p{position:relative;z-index:2;color:#94a6ba;line-height:1.65;font-size:12px}

.about-contact-actions{display:flex;gap:12px;align-items:center}.contact-email{white-space:nowrap}.about-page .footer{position:relative;isolation:isolate}.about-page .footer>.shell{position:relative;z-index:3}

/* NEXUS */
body.theme-nexus.about-page{background:#08080d}.theme-nexus .about-hero{background:radial-gradient(circle at 72% 38%,rgba(124,58,237,.18),transparent 34%),linear-gradient(135deg,#06070b 0%,#0c0912 58%,#09070d 100%)}.theme-nexus .about-hero::before{background:linear-gradient(90deg,rgba(6,7,11,.98) 0%,rgba(6,7,11,.86) 34%,rgba(9,7,13,.22) 66%,rgba(9,7,13,.06) 100%)}.theme-nexus .about-hero::after{background-image:linear-gradient(rgba(167,139,250,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(231,182,74,.03) 1px,transparent 1px)}.theme-nexus .about-scan{background:linear-gradient(transparent,rgba(231,182,74,.8),transparent);box-shadow:0 0 24px rgba(124,58,237,.55)}.theme-nexus .about-copy h1{font-family:Georgia,"Times New Roman",serif}.theme-nexus .about-copy h1 em,.theme-nexus .story-copy h2 em,.theme-nexus .values-section .section-heading h2 em{color:#e7b64a}.theme-nexus .about-stats i,.theme-nexus .visual-node i,.theme-nexus .story-core article i,.theme-nexus .eyebrow-tech,.theme-nexus .mission-card span{color:#a78bfa}.theme-nexus .about-stats strong{color:#e7b64a}.theme-nexus .visual-node{border-color:rgba(231,182,74,.25);background:rgba(12,8,17,.76)}.theme-nexus .company-story,.theme-nexus .mission-vision,.theme-nexus .values-section{background:linear-gradient(180deg,#09080e,#07070b)}.theme-nexus .story-core,.theme-nexus .mission-card,.theme-nexus .value-card{border-color:rgba(231,182,74,.18);background:linear-gradient(145deg,rgba(19,13,27,.78),rgba(8,8,12,.88))}.theme-nexus .story-core article{background:linear-gradient(145deg,rgba(25,15,38,.4),rgba(8,8,12,.18))}.theme-nexus .story-core>img{filter:drop-shadow(0 0 32px rgba(124,58,237,.3))}.theme-nexus .core-orbit,.theme-nexus .mission-icon,.theme-nexus .value-card i{border-color:rgba(231,182,74,.25);box-shadow:0 0 40px rgba(124,58,237,.14)}.theme-nexus .core-orbit span,.theme-nexus .mission-icon::before,.theme-nexus .mission-icon::after{border-color:rgba(167,139,250,.17)}.theme-nexus .mission-icon i,.theme-nexus .value-card i{color:#e7b64a}.theme-nexus .value-card:hover{border-color:rgba(231,182,74,.45);box-shadow:0 24px 55px rgba(124,58,237,.12)}

@media(max-width:1100px){.about-hero-grid{grid-template-columns:1fr;gap:18px}.about-visual{min-height:450px}.about-visual>img{width:100%;height:440px;mask-image:linear-gradient(90deg,#000,#000)}.story-grid{grid-template-columns:1fr}.mission-grid{grid-template-columns:1fr}.values-grid{grid-template-columns:repeat(3,1fr)}.about-stats{max-width:none}}
@media(max-width:760px){.about-hero{padding:54px 0 42px;min-height:auto}.about-copy h1{font-size:45px}.about-copy>p{font-size:15px}.about-stats{grid-template-columns:1fr 1fr;gap:12px}.about-stats article,.about-stats article+article{padding:14px;border:1px solid rgba(56,189,248,.12);border-radius:14px;background:rgba(5,17,31,.52)}.about-visual{min-height:330px}.about-visual>img{height:320px;border-radius:18px}.visual-node{display:none}.company-story,.mission-vision,.values-section{padding:62px 0}.story-core{grid-template-columns:1fr;min-height:auto}.story-core>img,.core-orbit{display:none}.story-core article,.story-core article:nth-of-type(n){padding:24px!important;min-height:auto;border-right:0;border-bottom:1px solid rgba(56,189,248,.1)}.mission-card{grid-template-columns:1fr;padding:26px}.mission-icon{width:110px;height:110px}.values-grid{grid-template-columns:1fr 1fr}.about-contact-actions{width:100%;flex-direction:column}.about-contact-actions .btn{width:100%;justify-content:center}.contact-banner-inner{flex-wrap:wrap}}
@media(max-width:520px){.about-copy h1{font-size:38px}.about-stats{grid-template-columns:1fr}.values-grid{grid-template-columns:1fr}.about-visual{min-height:280px}.about-visual>img{height:270px}.story-copy h2,.values-section .section-heading h2{font-size:34px}}

/* =====================================================
   SOBRE MÍ — HERO FULL BACKGROUND + ENERGÍA INTERACTIVA
   Mejora final: la imagen ocupa TODO el hero y las
   partículas/luces quedan por encima del fondo.
===================================================== */
.about-hero{
  --hero-x:0px;
  --hero-y:0px;
  --hero-mx:72%;
  --hero-my:42%;
  min-height:760px;
  padding:92px 0 78px;
  background:#030912;
}

/* La composición visual deja de ser una tarjeta y pasa a ser el fondo completo */
.about-hero .about-visual{
  position:absolute;
  inset:0;
  z-index:0;
  min-height:0;
  display:block;
  overflow:hidden;
  transform:none!important;
  transition:none;
  pointer-events:none;
}
.about-hero .about-visual>img{
  position:absolute;
  inset:-2%;
  z-index:0;
  width:104%;
  height:104%;
  max-width:none;
  object-fit:cover;
  object-position:60% center;
  border:0;
  border-radius:0;
  box-shadow:none;
  mask-image:none;
  filter:saturate(1.12) contrast(1.08) brightness(.86);
  transform:translate3d(var(--hero-x),var(--hero-y),0) scale(1.055);
  transition:transform .18s ease-out,filter .45s ease;
  will-change:transform;
}

/* Oscurece el lado del texto, pero deja respirar la fotografía */
.about-hero::before{
  z-index:2;
  background:
    linear-gradient(90deg,rgba(2,7,14,.985) 0%,rgba(2,8,16,.94) 30%,rgba(3,11,22,.70) 48%,rgba(3,10,19,.28) 70%,rgba(2,7,14,.10) 100%),
    linear-gradient(180deg,rgba(3,8,15,.12),rgba(3,9,18,.34));
}

/* Rejilla luminosa en movimiento, como la sección de proceso */
.about-hero::after{
  z-index:3;
  opacity:.72;
  background-image:
    linear-gradient(rgba(56,189,248,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(56,189,248,.045) 1px,transparent 1px);
  background-size:54px 54px;
  mask-image:linear-gradient(90deg,transparent 8%,#000 50%,#000 94%);
  animation:aboutGridDrift 16s linear infinite;
}
@keyframes aboutGridDrift{
  to{background-position:54px 54px,54px 54px}
}

/* Las partículas ahora están SOBRE la imagen */
.about-hero>.section-particles{
  z-index:4;
  opacity:.95;
  mix-blend-mode:screen;
}
.about-hero>.about-scan{z-index:5!important;opacity:.42}
.about-hero-grid{
  position:relative;
  z-index:7;
  display:block;
  min-height:590px;
}
.about-copy{
  max-width:760px;
  padding-top:18px;
}

/* Halo tecnológico que respira y viaja por el hero */
.about-hero .visual-glow{
  position:absolute;
  z-index:1;
  left:48%;
  top:4%;
  width:62vw;
  height:720px;
  border-radius:50%;
  background:
    radial-gradient(circle at 58% 46%,rgba(0,170,255,.24),transparent 28%),
    radial-gradient(circle at 74% 44%,rgba(37,99,235,.22),transparent 42%),
    radial-gradient(circle at 38% 72%,rgba(56,189,248,.12),transparent 38%);
  filter:blur(26px);
  opacity:.82;
  animation:aboutAurora 7.5s ease-in-out infinite alternate;
}
@keyframes aboutAurora{
  0%{transform:translate3d(-2%,1%,0) scale(.96);opacity:.62}
  55%{transform:translate3d(2%,-1%,0) scale(1.06);opacity:.94}
  100%{transform:translate3d(4%,2%,0) scale(1.02);opacity:.72}
}

/* HUD de fondo: ahora cubre la zona visual sin generar un borde de tarjeta */
.about-hero .visual-grid{
  position:absolute;
  z-index:2;
  inset:0;
  border:0;
  border-radius:0;
  background:
    linear-gradient(90deg,transparent 49.7%,rgba(70,205,255,.07) 50%,transparent 50.3%),
    linear-gradient(transparent 49.7%,rgba(70,205,255,.06) 50%,transparent 50.3%);
  background-size:84px 84px;
  opacity:.58;
  animation:hudGridPulse 5s ease-in-out infinite;
}
@keyframes hudGridPulse{50%{opacity:.28;filter:drop-shadow(0 0 8px rgba(56,189,248,.22))}}

/* Etiquetas HUD flotan en la derecha, sin tapar el contenido */
.about-hero .visual-node{
  z-index:6;
  background:rgba(3,13,25,.56);
  border-color:rgba(80,205,255,.36);
  box-shadow:0 14px 40px rgba(0,0,0,.30),0 0 30px rgba(31,161,255,.14);
}
.about-hero .node-a{left:auto;right:39%;top:28%}
.about-hero .node-b{right:6%;top:31%}
.about-hero .node-c{right:10%;bottom:15%}

/* Brillo que recorre los contadores y les da vida */
.about-stats article{overflow:hidden}
.about-stats article::after{
  content:"";
  position:absolute;
  top:-30%;
  bottom:-30%;
  width:45px;
  left:-70px;
  background:linear-gradient(90deg,transparent,rgba(125,225,255,.18),transparent);
  transform:skewX(-18deg);
  animation:statLight 6.4s ease-in-out infinite;
}
.about-stats article:nth-child(2)::after{animation-delay:1s}
.about-stats article:nth-child(3)::after{animation-delay:2s}
.about-stats article:nth-child(4)::after{animation-delay:3s}
@keyframes statLight{0%,28%{left:-80px;opacity:0}38%{opacity:1}65%,100%{left:115%;opacity:0}}
.about-stats i{animation:aboutIconPulse 3.4s ease-in-out infinite}
@keyframes aboutIconPulse{50%{text-shadow:0 0 22px rgba(56,189,248,.72);transform:translateY(-2px)}}

/* Más energía sutil en las secciones inferiores sin cambiar su estructura */
.story-core,.mission-card,.value-card{
  animation:aboutPanelBreath 6s ease-in-out infinite alternate;
}
.mission-card:nth-child(2),.value-card:nth-child(even){animation-delay:-2.2s}
@keyframes aboutPanelBreath{
  from{box-shadow:0 24px 60px rgba(0,0,0,.24),0 0 0 rgba(22,133,255,0)}
  to{box-shadow:0 24px 60px rgba(0,0,0,.30),0 0 34px rgba(22,133,255,.075)}
}

/* NEXUS: la misma tecnología, pero violeta + dorado */
.theme-nexus .about-hero::before{
  background:
    linear-gradient(90deg,rgba(6,5,10,.99) 0%,rgba(8,6,13,.95) 30%,rgba(16,8,24,.72) 50%,rgba(18,8,28,.30) 72%,rgba(5,5,8,.10) 100%),
    linear-gradient(180deg,rgba(10,6,14,.08),rgba(7,5,10,.36));
}
.theme-nexus .about-hero::after{
  background-image:
    linear-gradient(rgba(168,85,247,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(231,182,74,.035) 1px,transparent 1px);
}
.theme-nexus .about-hero .about-visual>img{
  filter:saturate(1.04) contrast(1.1) brightness(.72) hue-rotate(8deg);
}
.theme-nexus .about-hero .visual-glow{
  background:
    radial-gradient(circle at 58% 46%,rgba(168,85,247,.28),transparent 29%),
    radial-gradient(circle at 74% 44%,rgba(124,58,237,.23),transparent 42%),
    radial-gradient(circle at 39% 72%,rgba(231,182,74,.11),transparent 38%);
}
.theme-nexus .about-hero .visual-node{
  border-color:rgba(231,182,74,.32);
  background:rgba(15,9,21,.60);
  box-shadow:0 14px 40px rgba(0,0,0,.34),0 0 30px rgba(124,58,237,.16);
}
.theme-nexus .about-hero .visual-node i{color:#e7b64a}
.theme-nexus .about-stats article::after{background:linear-gradient(90deg,transparent,rgba(231,182,74,.18),transparent)}
.theme-nexus .about-stats i{animation-name:aboutIconPulseNexus}
@keyframes aboutIconPulseNexus{50%{text-shadow:0 0 22px rgba(168,85,247,.8);transform:translateY(-2px)}}
.theme-nexus .story-core,.theme-nexus .mission-card,.theme-nexus .value-card{animation-name:aboutPanelBreathNexus}
@keyframes aboutPanelBreathNexus{
  from{box-shadow:0 24px 60px rgba(0,0,0,.28),0 0 0 rgba(124,58,237,0)}
  to{box-shadow:0 24px 60px rgba(0,0,0,.34),0 0 36px rgba(124,58,237,.085)}
}

@media(max-width:1100px){
  .about-hero{min-height:720px;padding:72px 0 64px}
  .about-hero-grid{min-height:570px}
  .about-copy{max-width:680px}
  .about-hero .about-visual{min-height:0}
  .about-hero .about-visual>img{width:104%;height:104%;object-position:68% center;mask-image:none;border-radius:0}
  .about-hero::before{background:linear-gradient(90deg,rgba(2,7,14,.985) 0%,rgba(2,8,16,.93) 43%,rgba(3,11,22,.56) 72%,rgba(2,7,14,.22) 100%)}
}

@media(max-width:760px){
  .about-hero{min-height:760px;padding:58px 0 46px}
  .about-hero-grid{min-height:650px}
  .about-copy{padding-top:0;max-width:100%}
  .about-hero .about-visual{display:block;min-height:0}
  .about-hero .about-visual>img{height:104%;width:120%;inset:-2% -10%;object-position:74% center;filter:saturate(1.04) contrast(1.04) brightness(.52);opacity:.88}
  .about-hero::before{background:linear-gradient(180deg,rgba(3,8,15,.83) 0%,rgba(3,8,15,.82) 38%,rgba(3,8,15,.91) 72%,rgba(3,8,15,.98) 100%)}
  .about-hero::after{opacity:.42;background-size:44px 44px}
  .about-hero>.section-particles{opacity:.72}
  .about-hero .visual-glow{left:18%;top:8%;width:105vw;height:620px;opacity:.52}
  .about-hero .visual-grid{opacity:.30;background-size:58px 58px}
  .about-hero .visual-node{display:none}
  .about-stats{margin-top:28px}
}

@media(max-width:520px){
  .about-hero{min-height:800px}
  .about-hero-grid{min-height:690px}
  .about-hero .about-visual>img{width:136%;inset:-2% -18%;object-position:72% center}
}

@media(prefers-reduced-motion:reduce){
  .about-hero::after,.about-hero .visual-glow,.about-hero .visual-grid,.about-stats article::after,.about-stats i,.story-core,.mission-card,.value-card{animation:none!important}
}


/* =====================================================
   PARTÍCULAS SOBRE MÍ — CAPAS CORREGIDAS
   Fondo visual < overlays < partículas < contenido
===================================================== */
.about-page .particle-zone > .section-particles{
  z-index:4;
  opacity:.95;
  mix-blend-mode:screen;
}
.about-page .particle-zone > .shell{
  position:relative;
  z-index:7;
}
.about-page .about-hero > .about-visual{
  z-index:0;
}
.about-page .about-hero::before{z-index:2;}
.about-page .about-hero::after{z-index:3;}
.about-page .about-hero > .about-scan{z-index:5!important;}
.about-page .contact-banner > .section-particles,
.about-page .footer > .section-particles{opacity:.88;}
@media(max-width:680px){
  .about-page .particle-zone > .section-particles{opacity:.82;}
  .about-page .footer > .section-particles{opacity:.68;}
}


/* =====================================================
   HERO SOBRE MÍ — TÍTULO 3D ROTATIVO
   Inspirado en el efecto de cambio por líneas compartido.
===================================================== */
.about-rotating-title{
  display:grid;
  gap:.035em;
  perspective:1100px;
  min-height:3.12em;
  max-width:780px;
  text-transform:none;
}
.about-rotating-title .about-t3xt{
  position:relative;
  display:block;
  min-height:1.02em;
  transform-style:preserve-3d;
  transform-origin:0 50%;
  backface-visibility:hidden;
  will-change:transform,opacity,filter;
}
.about-rotating-title .about-t3xt-2{
  color:#1685ff;
  text-shadow:0 0 24px rgba(22,133,255,.20);
}
.about-rotating-title .about-t3xt.is-out{
  animation:aboutTextOut .46s cubic-bezier(.55,.05,.67,.19) both;
}
.about-rotating-title .about-t3xt.is-in{
  animation:aboutTextIn .58s cubic-bezier(.22,.78,.24,1) both;
}
@keyframes aboutTextOut{
  to{transform:rotateX(88deg) translateY(-.08em);opacity:0;filter:blur(3px)}
}
@keyframes aboutTextIn{
  from{transform:rotateX(-88deg) translateY(.08em);opacity:0;filter:blur(3px)}
  to{transform:rotateX(0deg) translateY(0);opacity:1;filter:blur(0)}
}
.theme-nexus .about-rotating-title .about-t3xt-2{
  color:#e7b64a;
  text-shadow:0 0 26px rgba(231,182,74,.18);
}
@media(max-width:760px){
  .about-rotating-title{min-height:3.25em;gap:.06em}
}
@media(max-width:520px){
  .about-rotating-title{min-height:3.4em}
}
@media(prefers-reduced-motion:reduce){
  .about-rotating-title .about-t3xt.is-out,
  .about-rotating-title .about-t3xt.is-in{animation:none!important}
}


/* =====================================================
   SOBRE MÍ — DISU AI 3D 2050
   El androide vive aquí, fuera del hero principal.
===================================================== */
.about-hero .about-ai-robot{
  position:absolute;
  z-index:6;
  left:43%;
  right:-2%;
  top:2%;
  bottom:0;
  opacity:1;
  overflow:visible;
}
.about-hero .about-ai-robot .disu-ai-3d-canvas{
  filter:drop-shadow(0 32px 44px rgba(0,0,0,.50)) drop-shadow(0 0 24px rgba(22,133,255,.12));
}
.about-hero .about-ai-robot .disu-ai-3d-hud{right:5%;top:16%}
.about-hero .about-ai-robot .disu-ai-3d-status{left:18%;bottom:11%}
.about-hero .about-visual>img{
  filter:saturate(1.04) contrast(1.06) brightness(.52);
  opacity:.68;
}
.theme-nexus .about-hero .about-ai-robot .disu-ai-3d-canvas{
  filter:drop-shadow(0 32px 44px rgba(0,0,0,.52)) drop-shadow(0 0 26px rgba(139,92,246,.14));
}
@media(max-width:1100px){
  .about-hero .about-ai-robot{left:38%;right:-6%;top:6%}
  .about-hero .about-ai-robot .disu-ai-3d-hud{right:8%;top:12%}
}
@media(max-width:760px){
  .about-hero .about-ai-robot{left:22%;right:-18%;top:33%;bottom:-3%;opacity:.78}
  .about-hero .about-ai-robot .disu-ai-3d-hud{right:18%;top:10%;transform:scale(.82);transform-origin:right top}
  .about-hero .about-ai-robot .disu-ai-3d-status{display:none}
  .about-hero .about-visual>img{opacity:.48;filter:saturate(1.02) contrast(1.04) brightness(.42)}
}
@media(max-width:520px){
  .about-hero .about-ai-robot{left:10%;right:-28%;top:39%;bottom:0;opacity:.62}
  .about-hero .about-ai-robot .disu-ai-3d-hud{display:none}
}
@media(prefers-reduced-motion:reduce){
  .about-hero .about-ai-robot{display:none!important}
}
/* DISU SOFT 2050 — about timeline compatibility */
.about-timeline-section .section-heading{position:relative;z-index:2}