/*
  IngSoft V84.62 — Laboratorio Celso-AQ interfaz total world-class.
  Corrección inmediata: las secciones experimentales inferiores quedaban sin
  diseño y caían a bloques blancos/inline. Esta hoja corrige desde CSS raíz,
  sin tocar motores de simulación ni lógica funcional.
*/

html body.page-laboratorio{
  --aq62-bg:#020914;
  --aq62-bg2:#041226;
  --aq62-panel:#071D3A;
  --aq62-panel2:#0A274D;
  --aq62-line:rgba(139,212,255,.28);
  --aq62-line-strong:rgba(34,216,255,.46);
  --aq62-cyan:#22D8FF;
  --aq62-blue:#0B73D9;
  --aq62-blue2:#1F7DFF;
  --aq62-ice:#EAF8FF;
  --aq62-soft:#CDEBFF;
  --aq62-muted:#9FC8E7;
  --aq62-red:#E3262E;
  background:#020914!important;
}

html body.page-laboratorio main#contenido{
  overflow:hidden!important;
}

/* Separación elegante entre hero, paneles y secciones: sin franjas blancas */
html body.page-laboratorio section,
html body.page-laboratorio article,
html body.page-laboratorio div{
  box-sizing:border-box!important;
}

/* RESTAURACIÓN PREMIUM DE SECCIONES V91 / DOI / ACTIVOS */
html body.page-laboratorio .v91-section.surface-dark,
html body.page-laboratorio section.v91-section.surface-dark{
  position:relative!important;
  width:min(1480px,calc(100% - 3rem))!important;
  margin:clamp(1.2rem,2vw,2rem) auto!important;
  padding:clamp(1.25rem,2vw,2rem)!important;
  border-radius:34px!important;
  background:
    radial-gradient(circle at 18% 12%,rgba(34,216,255,.12),transparent 26%),
    linear-gradient(145deg,rgba(5,20,42,.96),rgba(3,13,29,.98))!important;
  border:1px solid rgba(139,212,255,.22)!important;
  box-shadow:0 30px 78px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.04)!important;
  color:#EAF8FF!important;
}

html body.page-laboratorio .v91-section.surface-dark h2,
html body.page-laboratorio .v91-section.surface-dark h3,
html body.page-laboratorio .v91-section.surface-dark p,
html body.page-laboratorio .v91-section.surface-dark li,
html body.page-laboratorio .v91-section.surface-dark a{
  color:inherit!important;
  -webkit-text-fill-color:currentColor!important;
}

/* SISTEMA LAB84: convertir el bloque roto en interfaz premium */
html body.page-laboratorio .lab84-section{
  position:relative!important;
  width:min(1480px,calc(100% - 3rem))!important;
  margin:clamp(1.2rem,2.2vw,2.3rem) auto!important;
  padding:0!important;
  border-radius:36px!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 13% 10%,rgba(34,216,255,.15),transparent 26%),
    radial-gradient(circle at 88% 18%,rgba(31,125,255,.13),transparent 24%),
    linear-gradient(180deg,rgba(6,21,42,.98),rgba(3,13,29,.99))!important;
  border:1px solid rgba(139,212,255,.24)!important;
  box-shadow:0 36px 88px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.04)!important;
  color:#EAF8FF!important;
}

html body.page-laboratorio .lab84-section::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),
    linear-gradient(125deg,transparent 0 36%,rgba(34,216,255,.08) 37%,transparent 38% 100%)!important;
  background-size:54px 54px,54px 54px,auto!important;
  opacity:.72!important;
}

html body.page-laboratorio .lab84-wrap{
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:clamp(1.35rem,2.4vw,2.5rem)!important;
}

html body.page-laboratorio .lab84-kicker{
  display:inline-flex!important;
  align-items:center!important;
  width:fit-content!important;
  min-height:38px!important;
  padding:.62rem 1.1rem .62rem 1.75rem!important;
  margin:0 0 clamp(.85rem,1.4vw,1.2rem)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.98)!important;
  border:2px solid rgba(34,216,255,.85)!important;
  color:#06152A!important;
  -webkit-text-fill-color:#06152A!important;
  font-size:.78rem!important;
  line-height:1!important;
  font-weight:1000!important;
  letter-spacing:.17em!important;
  text-transform:uppercase!important;
  box-shadow:0 16px 34px rgba(0,0,0,.24),0 0 26px rgba(34,216,255,.12)!important;
  position:relative!important;
}

html body.page-laboratorio .lab84-kicker::before{
  content:""!important;
  position:absolute!important;
  left:.65rem!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:38px!important;
  height:4px!important;
  border-radius:999px!important;
  background:var(--aq62-red)!important;
  box-shadow:0 0 16px rgba(227,38,46,.25)!important;
}

html body.page-laboratorio .lab84-title{
  margin:.15rem 0 .7rem!important;
  max-width:980px!important;
  color:#FFFFFF!important;
  -webkit-text-fill-color:#FFFFFF!important;
  font-size:clamp(2.2rem,4vw,5.1rem)!important;
  line-height:.95!important;
  letter-spacing:-.055em!important;
  text-wrap:balance!important;
  text-shadow:0 22px 56px rgba(0,0,0,.54),0 0 30px rgba(34,216,255,.13)!important;
}

html body.page-laboratorio .lab84-title span{
  color:#CFEFFF!important;
  -webkit-text-fill-color:#CFEFFF!important;
}

html body.page-laboratorio .lab84-lead{
  max-width:1180px!important;
  margin:0 0 clamp(1.1rem,1.8vw,1.7rem)!important;
  color:#DDEFFF!important;
  -webkit-text-fill-color:#DDEFFF!important;
  font-size:clamp(1rem,1.08vw,1.16rem)!important;
  line-height:1.62!important;
  font-weight:720!important;
}

/* Flujo experimental: ya no debe verse como texto pegado */
html body.page-laboratorio .lab84-flow{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:.78rem!important;
  margin:clamp(1rem,1.7vw,1.5rem) 0!important;
}

html body.page-laboratorio .lab84-flow-item{
  position:relative!important;
  display:grid!important;
  align-content:center!important;
  min-height:106px!important;
  padding:1rem .9rem!important;
  border-radius:24px!important;
  background:
    radial-gradient(circle at 82% 18%,rgba(34,216,255,.16),transparent 30%),
    linear-gradient(145deg,rgba(7,33,66,.92),rgba(10,50,91,.66))!important;
  border:1px solid rgba(139,212,255,.25)!important;
  box-shadow:0 20px 46px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.04)!important;
  color:#FFFFFF!important;
  -webkit-text-fill-color:#FFFFFF!important;
  font-size:1rem!important;
  line-height:1.18!important;
  font-weight:1000!important;
  letter-spacing:-.01em!important;
}

html body.page-laboratorio .lab84-flow-item small{
  display:block!important;
  margin-top:.38rem!important;
  color:#9EE8FF!important;
  -webkit-text-fill-color:#9EE8FF!important;
  font-size:.78rem!important;
  line-height:1.24!important;
  font-weight:850!important;
}

/* Cards del sistema experimental */
html body.page-laboratorio .lab84-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:.9rem!important;
  margin-top:1rem!important;
}

html body.page-laboratorio .lab84-card{
  position:relative!important;
  min-height:178px!important;
  padding:1.15rem 1rem 1rem!important;
  border-radius:26px!important;
  background:
    linear-gradient(145deg,rgba(8,36,70,.88),rgba(6,25,51,.92))!important;
  border:1px solid rgba(139,212,255,.22)!important;
  box-shadow:0 22px 52px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.04)!important;
  overflow:hidden!important;
}

html body.page-laboratorio .lab84-card::before{
  content:attr(data-step)!important;
  position:absolute!important;
  right:.88rem!important;
  top:.7rem!important;
  color:rgba(34,216,255,.28)!important;
  -webkit-text-fill-color:rgba(34,216,255,.28)!important;
  font-size:3rem!important;
  line-height:1!important;
  font-weight:1000!important;
  letter-spacing:-.08em!important;
}

html body.page-laboratorio .lab84-card strong{
  position:relative!important;
  z-index:1!important;
  display:block!important;
  color:#FFFFFF!important;
  -webkit-text-fill-color:#FFFFFF!important;
  font-size:1.08rem!important;
  line-height:1.12!important;
  font-weight:1000!important;
}

html body.page-laboratorio .lab84-card p{
  position:relative!important;
  z-index:1!important;
  margin:.68rem 0 0!important;
  color:#CDEBFF!important;
  -webkit-text-fill-color:#CDEBFF!important;
  font-size:.92rem!important;
  line-height:1.48!important;
  font-weight:700!important;
}

/* Matriz de 16 simuladores: grid real y profesional */
html body.page-laboratorio .lab84-matrix{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:.82rem!important;
  margin-top:clamp(1rem,1.7vw,1.45rem)!important;
}

html body.page-laboratorio .lab84-sim{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
  min-height:150px!important;
  padding:1rem!important;
  border-radius:24px!important;
  text-decoration:none!important;
  background:
    radial-gradient(circle at 90% 14%,rgba(34,216,255,.14),transparent 28%),
    linear-gradient(145deg,rgba(7,31,62,.92),rgba(8,40,77,.74))!important;
  border:1px solid rgba(139,212,255,.24)!important;
  box-shadow:0 20px 46px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.04)!important;
  color:#FFFFFF!important;
  -webkit-text-fill-color:#FFFFFF!important;
  overflow:hidden!important;
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease!important;
}

html body.page-laboratorio .lab84-sim::after{
  content:""!important;
  position:absolute!important;
  right:-18px!important;
  bottom:-18px!important;
  width:82px!important;
  height:82px!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(34,216,255,.20),transparent 68%)!important;
  pointer-events:none!important;
}

html body.page-laboratorio .lab84-sim:hover{
  transform:translateY(-3px)!important;
  border-color:rgba(34,216,255,.55)!important;
  box-shadow:0 28px 64px rgba(0,0,0,.34),0 0 30px rgba(34,216,255,.10)!important;
}

html body.page-laboratorio .lab84-sim-title{
  display:block!important;
  color:#FFFFFF!important;
  -webkit-text-fill-color:#FFFFFF!important;
  font-size:1.05rem!important;
  line-height:1.1!important;
  font-weight:1000!important;
  letter-spacing:-.01em!important;
}

html body.page-laboratorio .lab84-sim-desc{
  display:block!important;
  margin:.62rem 0 .85rem!important;
  color:#BFE7FF!important;
  -webkit-text-fill-color:#BFE7FF!important;
  font-size:.86rem!important;
  line-height:1.35!important;
  font-weight:750!important;
}

html body.page-laboratorio .lab84-sim em{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:fit-content!important;
  margin-top:auto!important;
  padding:.52rem .76rem!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#0B73D9,#22D8FF)!important;
  color:#FFFFFF!important;
  -webkit-text-fill-color:#FFFFFF!important;
  font-size:.76rem!important;
  line-height:1!important;
  font-style:normal!important;
  font-weight:1000!important;
  letter-spacing:.04em!important;
  box-shadow:0 12px 24px rgba(11,115,217,.28)!important;
}

/* Ficha reproducible: sin blanco plano, sin pre ilegible */
html body.page-laboratorio .lab84-split{
  display:grid!important;
  grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr)!important;
  gap:1rem!important;
  align-items:stretch!important;
}

html body.page-laboratorio .lab84-panel,
html body.page-laboratorio .lab84-report{
  border-radius:28px!important;
  padding:clamp(1rem,1.7vw,1.5rem)!important;
  background:
    linear-gradient(145deg,rgba(8,36,70,.90),rgba(6,25,51,.94))!important;
  border:1px solid rgba(139,212,255,.24)!important;
  box-shadow:0 22px 54px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.04)!important;
  color:#EAF8FF!important;
}

html body.page-laboratorio .lab84-panel h3,
html body.page-laboratorio .lab84-report h3{
  margin:0 0 .75rem!important;
  color:#FFFFFF!important;
  -webkit-text-fill-color:#FFFFFF!important;
  font-size:clamp(1.3rem,1.8vw,2rem)!important;
  line-height:1.05!important;
  letter-spacing:-.025em!important;
  font-weight:1000!important;
}

html body.page-laboratorio .lab84-panel-copy,
html body.page-laboratorio .lab84-panel p,
html body.page-laboratorio .lab84-panel li{
  color:#DDEFFF!important;
  -webkit-text-fill-color:#DDEFFF!important;
  font-size:.98rem!important;
  line-height:1.55!important;
  font-weight:700!important;
}

html body.page-laboratorio .lab84-panel ul{
  margin:1rem 0!important;
  padding-left:1.2rem!important;
}

html body.page-laboratorio .lab84-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:.75rem!important;
  margin-top:1.1rem!important;
}

html body.page-laboratorio .lab84-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:44px!important;
  padding:.75rem 1rem!important;
  border-radius:999px!important;
  border:1px solid rgba(34,216,255,.38)!important;
  background:linear-gradient(135deg,#0B73D9,#22D8FF)!important;
  color:#FFFFFF!important;
  -webkit-text-fill-color:#FFFFFF!important;
  text-decoration:none!important;
  font-size:.88rem!important;
  line-height:1!important;
  font-weight:1000!important;
  letter-spacing:.015em!important;
  box-shadow:0 14px 28px rgba(11,115,217,.26)!important;
}

html body.page-laboratorio .lab84-btn.secondary{
  background:rgba(234,248,255,.96)!important;
  color:#06152A!important;
  -webkit-text-fill-color:#06152A!important;
  border-color:rgba(139,212,255,.40)!important;
}

html body.page-laboratorio .lab84-report pre{
  display:block!important;
  width:100%!important;
  max-height:460px!important;
  overflow:auto!important;
  margin:0!important;
  padding:1rem!important;
  border-radius:20px!important;
  background:#020914!important;
  border:1px solid rgba(139,212,255,.22)!important;
  color:#DDF4FF!important;
  -webkit-text-fill-color:#DDF4FF!important;
  font-family:"SFMono-Regular","Consolas","Cascadia Mono","Roboto Mono","Courier New",monospace!important;
  font-size:.84rem!important;
  line-height:1.55!important;
  font-weight:650!important;
  white-space:pre-wrap!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)!important;
}

/* Controlar cualquier resto de superficie clara heredada */
html body.page-laboratorio .lab84-section *{
  text-shadow:none!important;
}

html body.page-laboratorio .lab84-section a:focus-visible,
html body.page-laboratorio .lab84-section button:focus-visible{
  outline:3px solid rgba(34,216,255,.82)!important;
  outline-offset:4px!important;
}

/* Responsivo */
@media (max-width:1220px){
  html body.page-laboratorio .lab84-flow{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  html body.page-laboratorio .lab84-grid,
  html body.page-laboratorio .lab84-matrix{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  html body.page-laboratorio .lab84-split{
    grid-template-columns:1fr!important;
  }
}

@media (max-width:760px){
  html body.page-laboratorio .v91-section.surface-dark,
  html body.page-laboratorio .lab84-section{
    width:min(100% - 1.15rem,1480px)!important;
    border-radius:24px!important;
  }
  html body.page-laboratorio .lab84-wrap{
    padding:1rem!important;
  }
  html body.page-laboratorio .lab84-title{
    font-size:clamp(2rem,10vw,3.3rem)!important;
  }
  html body.page-laboratorio .lab84-flow,
  html body.page-laboratorio .lab84-grid,
  html body.page-laboratorio .lab84-matrix{
    grid-template-columns:1fr!important;
  }
  html body.page-laboratorio .lab84-sim,
  html body.page-laboratorio .lab84-card,
  html body.page-laboratorio .lab84-flow-item{
    min-height:auto!important;
  }
}