/*
  IngSoft V84.64 — Laboratorio Celso-AQ microcirugía visual total y dashboard científico premium.
  Intervención estructural y visual: HTML/CSS modular. No toca motores de simulación.
*/

html body.page-laboratorio{
  --aq64-deep:#020914;
  --aq64-deep2:#031126;
  --aq64-navy:#06152A;
  --aq64-panel:#071D3A;
  --aq64-panel2:#0A274D;
  --aq64-cyan:#22D8FF;
  --aq64-blue:#0B73D9;
  --aq64-blue2:#4F8FE8;
  --aq64-ice:#EAF8FF;
  --aq64-soft:#CDEBFF;
  --aq64-muted:#A8D5F4;
  --aq64-red:#E3262E;
  --aq64-line:rgba(139,212,255,.28);
  background:#020914!important;
}

/* Microcirugía del hero: escenario completo sin solapamiento del dashboard sobre el péndulo. */
html body.page-laboratorio .celsoaq-v8461-hero{
  padding-top:clamp(.85rem,1.55vw,1.35rem)!important;
  background:
    radial-gradient(circle at 48% 26%,rgba(34,216,255,.18),transparent 18%),
    radial-gradient(circle at 82% 62%,rgba(79,143,232,.14),transparent 25%),
    linear-gradient(180deg,#020914 0%,#06152A 52%,#020914 100%)!important;
}

html body.page-laboratorio .celsoaq-v8461-wrap{
  grid-template-columns:minmax(350px,.82fr) minmax(520px,1.12fr) minmax(380px,.72fr)!important;
  align-items:stretch!important;
  gap:clamp(.95rem,1.45vw,1.45rem)!important;
  max-width:1600px!important;
}

/* Logo oficial con fondo blanco: integrado, sin recuadro gris ni placa pesada. */
html body.page-laboratorio .celsoaq-v8461-logo{
  width:min(540px,100%)!important;
  max-height:150px!important;
  object-fit:contain!important;
  padding:0!important;
  margin:clamp(.55rem,.85vw,.8rem) 0 clamp(1rem,1.45vw,1.3rem)!important;
  border:0!important;
  border-radius:18px!important;
  background:transparent!important;
  opacity:.89!important;
  mix-blend-mode:normal!important;
  box-shadow:none!important;
  filter:
    drop-shadow(0 20px 38px rgba(0,0,0,.36))
    drop-shadow(0 0 30px rgba(34,216,255,.16))!important;
  transform:translateZ(0)!important;
  -webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.86) 0%,#000 10%,#000 90%,rgba(0,0,0,.88) 100%)!important;
  mask-image:linear-gradient(90deg,rgba(0,0,0,.86) 0%,#000 10%,#000 90%,rgba(0,0,0,.88) 100%)!important;
}

html body.page-laboratorio .celsoaq-v8461-left::before{
  width:min(620px,90vw)!important;
  height:190px!important;
  top:4.2rem!important;
  background:radial-gradient(circle,rgba(34,216,255,.16),transparent 66%)!important;
}

/* Celso-AQ del título: tratamiento de marca inspirado en el logo. */
html body.page-laboratorio #celsoaq-v8461-title span,
html body.page-laboratorio .celsoaq-v8461-hero h1 span{
  display:inline-block!important;
  font-family:"Eurostile Extended","Bank Gothic","Orbitron","Michroma","Montserrat","Segoe UI",system-ui,sans-serif!important;
  font-weight:950!important;
  font-style:italic!important;
  letter-spacing:.018em!important;
  transform:skewX(-8deg) translateY(.035em)!important;
  transform-origin:left center!important;
  color:#4F8FE8!important;
  -webkit-text-fill-color:transparent!important;
  background:linear-gradient(94deg,#F4FBFF 0%,#93C6FF 25%,#4F8FE8 55%,#0B73D9 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-stroke:.65px rgba(204,235,255,.22)!important;
  text-shadow:0 0 26px rgba(79,143,232,.42),0 18px 46px rgba(0,0,0,.52)!important;
}

html body.page-laboratorio #celsoaq-v8461-title{
  max-width:10.8ch!important;
  text-wrap:balance!important;
}

/* Rótulos/kickers: línea roja separada del texto, sin superposición. */
html body.page-laboratorio .celsoaq-v8461-kicker,
html body.page-laboratorio .lab84-kicker,
html body.page-laboratorio .v91-eyebrow,
html body.page-laboratorio .v92-eyebrow,
html body.page-laboratorio .obs-orbital-map-pill{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  min-height:38px!important;
  padding:.62rem 1.1rem .62rem 4.15rem!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.98)!important;
  border:2px solid rgba(34,216,255,.82)!important;
  color:#06152A!important;
  -webkit-text-fill-color:#06152A!important;
  letter-spacing:.15em!important;
  text-transform:uppercase!important;
  box-shadow:0 16px 34px rgba(0,0,0,.22),0 0 28px rgba(34,216,255,.12)!important;
  overflow:hidden!important;
}

html body.page-laboratorio .celsoaq-v8461-kicker::before,
html body.page-laboratorio .lab84-kicker::before,
html body.page-laboratorio .v91-eyebrow::before,
html body.page-laboratorio .v92-eyebrow::before,
html body.page-laboratorio .obs-orbital-map-pill::before{
  content:""!important;
  position:absolute!important;
  left:.95rem!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:38px!important;
  height:4px!important;
  border-radius:999px!important;
  background:#E3262E!important;
  box-shadow:0 0 16px rgba(227,38,46,.30)!important;
}

/* Péndulo 3D: protagonista completo, no tapado por el dashboard. */
html body.page-laboratorio .celsoaq-v8464-stage-center{
  position:relative!important;
  z-index:2!important;
}

html body.page-laboratorio .celsoaq-v8461-stage{
  min-height:clamp(520px,62vh,760px)!important;
  border-radius:34px!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 50% 58%,rgba(34,216,255,.12),transparent 32%),
    linear-gradient(160deg,rgba(5,20,42,.82),rgba(3,13,29,.92))!important;
  border:1px solid rgba(139,212,255,.25)!important;
  box-shadow:0 34px 88px rgba(0,0,0,.38),0 0 56px rgba(34,216,255,.12),inset 0 1px 0 rgba(255,255,255,.05)!important;
}

html body.page-laboratorio .celsoaq-v8461-stage img{
  width:100%!important;
  height:100%!important;
  min-height:clamp(520px,62vh,760px)!important;
  object-fit:cover!important;
  object-position:center center!important;
  opacity:.96!important;
  filter:contrast(1.07) saturate(1.08) brightness(.96)!important;
}

html body.page-laboratorio .celsoaq-v8461-stage::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 45% 50%,transparent 0 40%,rgba(2,9,20,.12) 58%,rgba(2,9,20,.22) 100%),
    linear-gradient(90deg,rgba(2,9,20,.16),transparent 18%,transparent 70%,rgba(34,216,255,.08))!important;
}

/* Dashboard derecho general de Física: conectado visualmente con la escena, sin cubrirla. */
html body.page-laboratorio .celsoaq-v8464-dashboard{
  position:relative!important;
  z-index:3!important;
  min-height:clamp(520px,62vh,760px)!important;
  padding:clamp(1rem,1.35vw,1.35rem)!important;
  border-radius:34px!important;
  overflow:hidden!important;
  background:
    linear-gradient(90deg,rgba(5,22,48,.80),rgba(5,22,48,.96)),
    url('/assets/img/celso-aq/brand/hero-celsoaq-pendulo-3d-completo-v8099.png?v=84.64') center right/cover no-repeat!important;
  border:1px solid rgba(139,212,255,.30)!important;
  box-shadow:0 34px 88px rgba(0,0,0,.42),0 0 54px rgba(34,216,255,.10),inset 0 1px 0 rgba(255,255,255,.055)!important;
  backdrop-filter:blur(20px) saturate(1.15)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
  gap:.7rem!important;
}

html body.page-laboratorio .celsoaq-v8464-dashboard::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(rgba(139,212,255,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(139,212,255,.045) 1px,transparent 1px),
    radial-gradient(circle at 86% 12%,rgba(34,216,255,.18),transparent 26%)!important;
  background-size:42px 42px,42px 42px,auto!important;
}

html body.page-laboratorio .celsoaq-v8464-dashboard > *{
  position:relative!important;
  z-index:1!important;
}

html body.page-laboratorio .celsoaq-v8464-livebar{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:.65rem!important;
  min-height:34px!important;
  margin-bottom:.1rem!important;
}

html body.page-laboratorio .celsoaq-v8464-livebar span{
  color:#9BEAFF!important;
  -webkit-text-fill-color:#9BEAFF!important;
  font-size:.72rem!important;
  font-weight:1000!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
}

html body.page-laboratorio .celsoaq-v8464-livebar strong{
  display:inline-flex!important;
  align-items:center!important;
  gap:.42rem!important;
  padding:.42rem .7rem!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#0B73D9,#22D8FF)!important;
  color:#FFFFFF!important;
  -webkit-text-fill-color:#FFFFFF!important;
  font-size:.72rem!important;
  font-weight:1000!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
  box-shadow:0 12px 24px rgba(11,115,217,.28)!important;
}

html body.page-laboratorio .celsoaq-v8464-livebar strong::before{
  content:""!important;
  width:8px!important;
  height:8px!important;
  border-radius:50%!important;
  background:#FFFFFF!important;
  box-shadow:0 0 0 4px rgba(255,255,255,.16)!important;
}

html body.page-laboratorio .celsoaq-v8464-dashboard h2{
  margin:.1rem 0 .2rem!important;
  color:#FFFFFF!important;
  -webkit-text-fill-color:#FFFFFF!important;
  font-size:clamp(1.55rem,2.15vw,2.35rem)!important;
  line-height:1.02!important;
  letter-spacing:-.04em!important;
  text-shadow:0 18px 42px rgba(0,0,0,.48)!important;
}

html body.page-laboratorio .celsoaq-v8464-dash-lead{
  margin:0 0 .25rem!important;
  color:#DCEFFF!important;
  -webkit-text-fill-color:#DCEFFF!important;
  font-size:.92rem!important;
  line-height:1.45!important;
  font-weight:750!important;
}

html body.page-laboratorio .celsoaq-v8464-control-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:.55rem!important;
}

html body.page-laboratorio .celsoaq-v8464-control-grid article,
html body.page-laboratorio .celsoaq-v8464-ai-dashboard div{
  border-radius:18px!important;
  padding:.72rem .76rem!important;
  background:linear-gradient(145deg,rgba(9,39,76,.86),rgba(4,18,38,.94))!important;
  border:1px solid rgba(139,212,255,.20)!important;
  box-shadow:0 14px 30px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.04)!important;
}

html body.page-laboratorio .celsoaq-v8464-control-grid span,
html body.page-laboratorio .celsoaq-v8464-signal-head span{
  display:block!important;
  color:#86E6FF!important;
  -webkit-text-fill-color:#86E6FF!important;
  font-size:.67rem!important;
  line-height:1.1!important;
  font-weight:1000!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}

html body.page-laboratorio .celsoaq-v8464-control-grid strong{
  display:block!important;
  margin-top:.32rem!important;
  color:#FFFFFF!important;
  -webkit-text-fill-color:#FFFFFF!important;
  font-size:.95rem!important;
  line-height:1.14!important;
  font-weight:1000!important;
}

html body.page-laboratorio .celsoaq-v8464-control-grid em{
  display:block!important;
  margin-top:.25rem!important;
  color:#BFE7FF!important;
  -webkit-text-fill-color:#BFE7FF!important;
  font-size:.75rem!important;
  line-height:1.28!important;
  font-style:normal!important;
  font-weight:750!important;
}

html body.page-laboratorio .celsoaq-v8464-signal-panel{
  border-radius:22px!important;
  padding:.8rem!important;
  background:rgba(4,16,35,.72)!important;
  border:1px solid rgba(139,212,255,.20)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}

html body.page-laboratorio .celsoaq-v8464-signal-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:.7rem!important;
  margin-bottom:.45rem!important;
}

html body.page-laboratorio .celsoaq-v8464-signal-head strong{
  color:#FFFFFF!important;
  -webkit-text-fill-color:#FFFFFF!important;
  font-size:.78rem!important;
  font-weight:900!important;
}

html body.page-laboratorio .celsoaq-v8464-signal{
  display:block!important;
  width:100%!important;
  min-height:116px!important;
}

html body.page-laboratorio .celsoaq-v8464-action-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:.56rem!important;
}

html body.page-laboratorio .celsoaq-v8464-action-grid a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:44px!important;
  padding:.76rem .72rem!important;
  border-radius:16px!important;
  text-align:center!important;
  text-decoration:none!important;
  background:linear-gradient(180deg,rgba(255,255,255,.20),transparent 38%),linear-gradient(135deg,#0B73D9,#22D8FF)!important;
  color:#FFFFFF!important;
  -webkit-text-fill-color:#FFFFFF!important;
  border:1px solid rgba(255,255,255,.22)!important;
  font-size:.79rem!important;
  line-height:1.08!important;
  font-weight:1000!important;
  letter-spacing:.02em!important;
  box-shadow:0 14px 28px rgba(11,115,217,.32),inset 0 1px 0 rgba(255,255,255,.30),inset 0 -4px 0 rgba(0,45,96,.22)!important;
  transition:transform .18s ease, filter .18s ease, box-shadow .18s ease!important;
}

html body.page-laboratorio .celsoaq-v8464-action-grid a:hover{
  transform:translateY(-2px)!important;
  filter:saturate(1.08) brightness(1.05)!important;
  box-shadow:0 22px 40px rgba(11,115,217,.40),0 0 28px rgba(34,216,255,.16),inset 0 1px 0 rgba(255,255,255,.36),inset 0 -4px 0 rgba(0,45,96,.22)!important;
}

html body.page-laboratorio .celsoaq-v8464-status-strip{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:.42rem!important;
}

html body.page-laboratorio .celsoaq-v8464-status-strip span{
  display:inline-flex!important;
  align-items:center!important;
  gap:.35rem!important;
  padding:.44rem .62rem!important;
  border-radius:999px!important;
  background:rgba(234,248,255,.10)!important;
  border:1px solid rgba(139,212,255,.18)!important;
  color:#DDF4FF!important;
  -webkit-text-fill-color:#DDF4FF!important;
  font-size:.70rem!important;
  line-height:1!important;
  font-weight:900!important;
}

html body.page-laboratorio .celsoaq-v8464-status-strip span::before{
  content:""!important;
  width:7px!important;
  height:7px!important;
  border-radius:50%!important;
  background:#22D8FF!important;
  box-shadow:0 0 12px rgba(34,216,255,.42)!important;
}

/* Módulos del hero y catálogo científico: verdaderos botones 3D. */
html body.page-laboratorio .celsoaq-v8461-modules a,
html body.page-laboratorio .lab84-sim{
  position:relative!important;
  isolation:isolate!important;
  transform:translateZ(0)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.055),transparent 34%),linear-gradient(145deg,rgba(9,42,82,.96),rgba(5,22,48,.98))!important;
  border:1px solid rgba(139,212,255,.34)!important;
  box-shadow:0 18px 0 rgba(0,6,16,.10),0 28px 62px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.08),inset 0 -10px 22px rgba(0,0,0,.18)!important;
  overflow:hidden!important;
}

html body.page-laboratorio .celsoaq-v8461-modules a::before,
html body.page-laboratorio .lab84-sim::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  background:linear-gradient(112deg,transparent 0 30%,rgba(255,255,255,.20) 42%,transparent 54% 100%)!important;
  transform:translateX(-120%)!important;
  transition:transform .55s ease!important;
}

html body.page-laboratorio .celsoaq-v8461-modules a:hover,
html body.page-laboratorio .lab84-sim:hover{
  transform:translateY(-4px) scale(1.01)!important;
  border-color:rgba(34,216,255,.70)!important;
  box-shadow:0 24px 0 rgba(0,6,16,.10),0 38px 82px rgba(0,0,0,.44),0 0 34px rgba(34,216,255,.16),inset 0 1px 0 rgba(255,255,255,.12),inset 0 -10px 22px rgba(0,0,0,.18)!important;
}

html body.page-laboratorio .celsoaq-v8461-modules a:hover::before,
html body.page-laboratorio .lab84-sim:hover::before{
  transform:translateX(120%)!important;
}

html body.page-laboratorio .lab84-sim em{
  width:100%!important;
  min-height:46px!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.24),transparent 36%),linear-gradient(135deg,#0B73D9,#22D8FF)!important;
  border:1px solid rgba(255,255,255,.24)!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
  box-shadow:0 16px 30px rgba(11,115,217,.34),inset 0 1px 0 rgba(255,255,255,.38),inset 0 -4px 0 rgba(0,45,96,.24)!important;
}

/* Ajustes finos de bloques inferiores para eliminar texto pegado y respiración irregular. */
html body.page-laboratorio .lab84-section,
html body.page-laboratorio .v91-section.surface-dark{
  margin-top:clamp(1.5rem,2.4vw,2.7rem)!important;
  margin-bottom:clamp(1.5rem,2.4vw,2.7rem)!important;
}

html body.page-laboratorio .lab84-matrix{
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr))!important;
  gap:clamp(.75rem,1vw,1rem)!important;
}

html body.page-laboratorio .lab84-flow{
  gap:clamp(.75rem,1vw,1rem)!important;
}

/* Responsive: no scroll horizontal, dashboard se reordena sin cubrir el péndulo. */
@media (max-width:1320px){
  html body.page-laboratorio .celsoaq-v8461-wrap{
    grid-template-columns:minmax(320px,.9fr) minmax(480px,1.1fr)!important;
  }
  html body.page-laboratorio .celsoaq-v8464-dashboard{
    grid-column:1 / -1!important;
    min-height:auto!important;
  }
  html body.page-laboratorio .celsoaq-v8464-control-grid,
  html body.page-laboratorio .celsoaq-v8464-action-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}

@media (max-width:980px){
  html body.page-laboratorio .celsoaq-v8461-wrap{
    grid-template-columns:1fr!important;
  }
  html body.page-laboratorio .celsoaq-v8461-stage,
  html body.page-laboratorio .celsoaq-v8461-stage img{
    min-height:420px!important;
  }
  html body.page-laboratorio .celsoaq-v8464-control-grid,
  html body.page-laboratorio .celsoaq-v8464-action-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media (max-width:640px){
  html body.page-laboratorio .celsoaq-v8461-logo{
    width:100%!important;
    max-height:120px!important;
    opacity:.94!important;
  }
  html body.page-laboratorio .celsoaq-v8461-kicker,
  html body.page-laboratorio .lab84-kicker,
  html body.page-laboratorio .v91-eyebrow,
  html body.page-laboratorio .v92-eyebrow{
    padding-left:3.75rem!important;
    letter-spacing:.10em!important;
    font-size:.68rem!important;
  }
  html body.page-laboratorio .celsoaq-v8461-kicker::before,
  html body.page-laboratorio .lab84-kicker::before,
  html body.page-laboratorio .v91-eyebrow::before,
  html body.page-laboratorio .v92-eyebrow::before{
    left:.82rem!important;
    width:30px!important;
  }
  html body.page-laboratorio .celsoaq-v8464-control-grid,
  html body.page-laboratorio .celsoaq-v8464-action-grid{
    grid-template-columns:1fr!important;
  }
}