/* Labs · misma composición editorial de la portada, sin alterar estilos compartidos. */
.labs-page {
  --tinta:#111113;
  --tinta-2:#6b6b73;
  --tinta-3:#6b6b73;
  --lienzo-0:#111113;
  --plata:#b8b8c0;
  --humo:#a1a1aa;
  --azul:#0A36F7;
  --azul-alto:#3358F8;
  --azul-luz:#5C79FA;
  --azul-pal:#ADBCFC;
  --pelo:#e5e5e9;
  color:#111113;
}
.labs-page .qz { font-family:'Qurova','DM Sans',sans-serif; font-weight:500; text-transform:lowercase; letter-spacing:-.005em }
.labs-page :is(a,button,summary):focus-visible { outline:2px solid currentColor; outline-offset:5px }
.labs-page .saltar { z-index:50 }
.labs-page h2 { letter-spacing:-.052em }
.labs-page .labs-bajada { max-width:54ch; line-height:1.6 }
.labs-page :is(.labs-matiz,.reloj-nota,.comercial-nota) { font-size:14px; line-height:1.65 }
.labs-page :is(.labs-boton,.boton) {
  min-height:48px;
  background:#111113;
  color:#fff;
  font-weight:500;
  box-shadow:none;
  border:0;
  transition:transform 160ms var(--sal),background-color 180ms ease,color 180ms ease;
}
.labs-page :is(.labs-boton,.boton):active { transform:scale(.97) }
.labs-page :is(.labs-boton,.labs-texto-enlace,.labs-volver) > span[aria-hidden] { display:inline-block; transition:transform 200ms var(--sal) }
.labs-page .labs-texto-enlace { display:inline-flex; align-items:center; gap:8px; min-height:44px; color:var(--azul) }
.labs-page .labs-barra { z-index:30; padding-block:14px; background:rgba(255,255,255,.88) }
.labs-page .labs-marca { min-height:44px }
.labs-page .labs-marca span { font-size:23px; letter-spacing:-.045em }
.labs-page .labs-barra>nav { gap:22px }
.labs-page .labs-barra__seccion { min-height:44px; display:inline-flex; align-items:center; gap:4px }
.labs-page .labs-barra .labs-acceso { min-height:44px }
.labs-page .labs-menu summary { border-radius:999px; padding-inline:6px }
.labs-page .labs-menu nav { border:0; box-shadow:0 18px 28px -24px rgba(0,0,0,.28); padding-block:16px 24px }
.labs-page .labs-menu nav a { min-height:44px; display:flex; align-items:center; gap:4px }
.labs-page .labs-hero { padding-top:clamp(66px,8vw,116px); padding-bottom:64px }
.labs-page .labs-hero h1 { font-size:clamp(3rem,7.4vw,6.8rem); line-height:1.035; letter-spacing:-.065em }
.labs-page .labs-hero .labs-bajada { margin-top:28px }
.labs-page .labs-acciones { margin-top:32px }
.labs-page .labs-matiz { margin-top:22px }

/* Estos espacios son anclas de un único orbe, administrado por interiores.js. */
.labs-page .labs-orbe { position:relative; width:clamp(190px,22vw,280px); aspect-ratio:1; isolation:auto; flex:none }
.labs-page .labs-orbe--hero { width:clamp(180px,20vw,230px); margin:42px auto 0 }
.labs-page .labs-orbe--editorial { width:clamp(130px,16vw,180px); margin:32px auto 0 }
.labs-page .labs-orbe--proceso { width:clamp(190px,22vw,240px); margin:40px auto 0 }
.labs-page .labs-orbe--planes { width:140px; margin:12px auto 0 }
.labs-page .labs-orbe--cierre { width:clamp(240px,32vw,400px); margin:0 auto 44px }
.labs-page .labs-orbe--pie { width:140px; margin-top:28px }

.labs-page :is(.labs-noche,.labs-suite,.labs-cierre,.acto--reloj) { background:#111113; color:#f5f5f7 }
.labs-page :is(.labs-noche,.labs-suite,.labs-cierre) .labs-bajada { color:#b8b8c0 }
.labs-page .labs-cierre::before { content:none }
.labs-page .reloj3d__halo { display:none }
.labs-page .acto--reloj .veta { color:#f5f5f7 }
.labs-page .acto--reloj .veta .qz { color:var(--azul-pal) }
.labs-page .acto--reloj .reloj-canales { color:var(--azul-pal) }
.labs-page .acto--reloj .bajada { color:#b8b8c0 }
.labs-page .labs-noche { padding-block:100px 120px }
.labs-page .labs-noche__intro { grid-template-columns:minmax(0,1fr) 280px; gap:72px }
.labs-page .labs-funciones { gap:48px; margin-top:72px }
.labs-page .labs-funciones article { padding-top:0 }
.labs-page .labs-funciones h3 { font-size:clamp(23px,2.2vw,28px); line-height:1.2 }
.labs-page .labs-funciones p { color:#b8b8c0; margin-top:18px }
.labs-page .labs-ecosistema { padding-block:120px; max-width:1264px }
.labs-page .labs-productos { grid-template-columns:repeat(2,minmax(0,1fr)); gap:64px 88px; margin-top:52px }
.labs-page .labs-productos h3 { font-size:clamp(27px,2.9vw,34px); color:var(--azul) }
.labs-page .labs-productos .producto-promesa { margin-top:20px; font-size:19px; font-weight:500 }
.labs-page .labs-productos p { max-width:48ch }
.labs-page .labs-modulos { margin-top:120px; gap:88px }
.labs-page .modulos-lista details { padding-bottom:16px }
.labs-page .modulos-lista summary { position:relative; padding:12px 36px 12px 0; min-height:48px; font-size:19px; line-height:1.4 }
.labs-page .modulos-lista summary::after { position:absolute; right:0; top:10px; color:var(--azul); font-size:23px; font-weight:400 }
.labs-page .modulos-lista p { margin-top:8px; padding-bottom:12px }
.labs-page .labs-proceso { padding-block:104px 120px; gap:88px }
.labs-page .labs-pasos { display:grid; gap:40px }
.labs-page .labs-pasos li { padding:0 }
.labs-page .labs-pasos h3 { line-height:1.25; font-size:24px }
.labs-page .labs-suite { padding-block:120px }
.labs-page .comercial-etapas { margin-top:56px; gap:96px }
.labs-page .comercial-etapa { gap:88px }
.labs-page .comercial-etapa>h3 { color:var(--azul-pal); font-size:clamp(2rem,3.2vw,3rem) }
.labs-page .comercial-roles { gap:34px }
.labs-page .comercial-roles h4 { color:#f5f5f7; font-size:21px }
.labs-page .comercial-roles p { color:#b8b8c0; font-size:16px }
.labs-page .comercial-nota { color:#b8b8c0; margin-top:72px }
.labs-page .labs-conexiones { background:#f5f5f7; padding-block:112px }
.labs-page .labs-logos a { border-radius:14px; transition:opacity 180ms ease }
.labs-page .labs-logos a:focus-visible { outline-color:var(--azul) }

/* Tokens exactos de las fichas .pz de la portada; CTA negros y fondos sin halos. */
.labs-page .pz {
  --sis-surface:#FFFFFF;
  --sis-surface-2:#EEF1F7;
  --sis-ink:#16141C;
  --sis-ink-soft:#6B6878;
  --sis-line:#E4E2EC;
  --sis-azul:var(--azul);
  --sis-azul-soft:#E9EFFF;
  --sis-azul-borde:rgba(10,54,247,.20);
  --pz-sombra:0 1px 2px rgba(16,20,40,.05),0 18px 44px -30px rgba(16,20,40,.45);
  background:linear-gradient(180deg,#f5f5f7,#fff 280px);
  padding-top:100px;
}
.labs-page .pz-plan { transition:box-shadow 200ms var(--sal),border-color 180ms ease }
.labs-page .pz-plan--destacado { border-color:rgba(10,54,247,.34); box-shadow:var(--pz-sombra) }
.labs-page .pz-plan--destacado::before { content:''; box-shadow:inset 0 0 0 1px rgba(10,54,247,.14) }
.labs-page #planes .pz-plan-nombre { color:var(--sis-azul); font-size:21px; font-weight:500; letter-spacing:-.035em; text-transform:none; margin-bottom:12px }
.labs-page #planes .pz-plan-nombre .qz { font-size:1.06em }
.labs-page #planes .pz-plan-claim { font-size:15px; line-height:1.5; margin-bottom:28px }
.labs-page .pz-precio { margin-bottom:24px }
.labs-page .pz-precio b { font-size:clamp(2rem,3vw,2.8rem); font-variant-numeric:tabular-nums }
.labs-page .pz-chip { border:1px solid var(--sis-line); padding:6px 12px }
.labs-page .pz-chip b { font-weight:500 }
.labs-page #planes .pz-feats { gap:14px; margin-bottom:30px }
.labs-page #planes .pz-feats strong { font-weight:500 }
.labs-page #planes .pz-cta { min-height:48px }
.labs-page #planes .boton--fantasma { background:#f0f0f2; color:#111113; box-shadow:none }
.labs-page .pz-cta::after,.labs-page .pz-tab::after,.labs-page .pz-tabs__perla>i::after { content:none }
.labs-page .pz-tabs__pista { background:var(--sis-surface); border:1px solid var(--sis-line); box-shadow:var(--pz-sombra) }
.labs-page .pz-tabs__perla { transition:transform 220ms var(--sal) }
.labs-page .pz-tabs__perla>i { background:#111113; transition:none; transform:none }
.labs-page .pz-tab { color:#55555d; transition:color 160ms ease,transform 160ms var(--sal) }
.labs-page .pz-tab[aria-selected="true"] { color:#fff }
.labs-page .pz-panel { animation:none }
.labs-page .pz-panel.pz-panel--entrada { animation:labsPanelEntra 220ms var(--sal) }
@keyframes labsPanelEntra { from { opacity:.35; transform:translateY(6px) } to { opacity:1; transform:none } }
.labs-page .pz-tabs--teclado .pz-tabs__perla,.labs-page .pz-tabs--teclado .pz-tab { transition:none }
.labs-page .pz-tabs--teclado .pz-tab:active { transform:none }
.labs-page #planes .pz-addon h3 { font-weight:500; font-size:19px }
.labs-page #planes .pz-addon a { display:inline-flex; align-items:center; min-height:44px; font-weight:500; padding-top:16px; text-decoration:underline; text-underline-offset:4px }
.labs-page #planes .pz-terms { font-size:13px }
.labs-page .labs-faq { padding-block:104px 120px }
.labs-page .labs-faq summary { list-style:none; position:relative; padding-right:30px; line-height:1.4 }
.labs-page .labs-faq summary::-webkit-details-marker { display:none }
.labs-page .labs-faq summary::after { content:'+'; position:absolute; right:0; top:6px; color:#6b6b73; font-size:23px; font-weight:400 }
.labs-page .labs-faq details[open] summary::after { content:'−' }
.labs-page .labs-cierre { padding-block:72px 112px }
.labs-page .labs-cierre h2 { max-width:18ch; font-size:clamp(3rem,6vw,6rem) }
.labs-page .labs-cierre .labs-boton { background:#f5f5f7; color:#111113 }
.labs-page .labs-cierre .labs-texto-enlace { display:flex; justify-content:center; color:var(--azul-pal) }
.labs-page .barrido .pal { filter:none; transition:opacity 500ms var(--sal); will-change:auto }
.labs-page .barrido .pal::after { background-image:linear-gradient(105deg,transparent 0 42%,rgba(255,255,255,.3) 46%,#fff 50%,rgba(255,255,255,.3) 55%,transparent 59% 100%) }
.labs-page .pie { background:#f5f5f7; padding-top:80px }
.labs-page .pie__lema { color:#6b6b73; font-size:14px }
.labs-page .pie__col h3,.labs-page .pie__medio h3 { font-size:14px; color:#111113; font-weight:500; text-transform:none; letter-spacing:-.01em }
.labs-page .pie__col a { font-size:14px; color:#6b6b73 }
.labs-page .pie__insignias li { background:transparent; padding-inline:0; font-weight:500 }
.labs-page .pie__insignias { column-gap:24px }
.labs-page .pie__bajo { color:#6b6b73; line-height:1.6 }
.labs-page .labs-volver { display:flex; align-items:center; gap:8px; min-height:44px; width:fit-content; margin-top:14px; color:var(--azul); font-size:14px; font-weight:500 }
@media (hover:hover) and (pointer:fine) {
  .labs-page :is(.labs-boton,.boton):hover { background:#353538; color:#fff }
  .labs-page .labs-cierre .labs-boton:hover { background:#dedee3; color:#111113 }
  .labs-page #planes .boton--fantasma:hover { background:#e5e5e9; color:#111113; box-shadow:none }
  .labs-page :is(.labs-boton,.labs-texto-enlace,.labs-volver):hover>span[aria-hidden] { transform:translate(2px,-2px) }
  .labs-page .labs-logos a:hover { opacity:.72 }
  .labs-page .pz-plan:hover { border-color:var(--sis-azul) }
  .labs-page .pz-addon:hover { border-color:var(--sis-azul) }
  .labs-page .pie a:hover { color:var(--azul) }
}
@media (max-width:1100px) {
  .labs-page .labs-barra__seccion { display:none }
  .labs-page .labs-menu { display:block }
  .labs-page .labs-barra>nav { margin-left:auto }
  .labs-page .labs-menu summary { display:flex; align-items:center; min-height:44px; cursor:pointer; font-size:14px }
  .labs-page .labs-menu nav { position:absolute; top:100%; left:0; right:0; background:#fff; padding-inline:var(--marco); display:grid; gap:8px }
}
@media (max-width:900px) {
  .labs-page .labs-noche__intro { grid-template-columns:minmax(0,1fr) 200px; gap:32px }
  .labs-page .labs-noche__intro>.labs-orbe { width:200px }
  .labs-page .labs-funciones { grid-template-columns:repeat(2,minmax(0,1fr)); gap:40px }
  .labs-page :is(.labs-productos,.labs-modulos,.labs-proceso,.comercial-etapa) { column-gap:44px }
}
@media (max-width:650px) {
  .labs-page .labs-barra { gap:12px; padding-block:10px }
  .labs-page .labs-barra>nav { gap:0 }
  .labs-page .labs-marca { gap:6px }
  .labs-page .labs-marca span { font-size:20px }
  .labs-page .labs-barra .labs-acceso { padding:10px 13px; font-size:12px }
  .labs-page .labs-barra .labs-acceso .boton__flecha { display:none }
  .labs-page .labs-hero { padding-top:68px; padding-bottom:52px }
  .labs-page .labs-hero h1 { font-size:clamp(2.7rem,10.3vw,4.2rem) }
  .labs-page .labs-hero .labs-bajada { font-size:17px; margin-top:24px }
  .labs-page .labs-orbe--hero { width:180px; margin-top:28px }
  .labs-page :is(.labs-noche,.labs-ecosistema,.labs-proceso,.labs-suite,.labs-conexiones,.labs-faq) { padding-block:76px }
  .labs-page .labs-noche__intro { display:flex; gap:28px }
  .labs-page .labs-noche__intro>.labs-orbe { width:190px }
  .labs-page .labs-funciones { grid-template-columns:1fr; margin-top:40px; gap:36px }
  .labs-page .labs-productos { grid-template-columns:1fr; gap:44px; margin-top:32px }
  .labs-page .labs-modulos { margin-top:76px }
  .labs-page .labs-productos h3 { font-size:29px }
  .labs-page .labs-modulos h2 { font-size:2.3rem }
  .labs-page .labs-pasos { margin-top:40px; gap:34px }
  .labs-page .comercial-etapas { margin-top:36px; gap:60px }
  .labs-page .comercial-etapa { gap:28px }
  .labs-page .comercial-nota { margin-top:48px }
  .labs-page .pz { padding-top:76px }
  .labs-page .pz-plan { padding:28px 22px 22px }
  .labs-page #planes .pz-plan-nombre { font-size:22px }
  .labs-page .pz-precio b { font-size:2.4rem }
  .labs-page .labs-cierre { padding-block:48px 76px }
  .labs-page .labs-cierre h2 { font-size:clamp(2.6rem,10.6vw,4rem) }
  .labs-page .pie { padding-top:64px }
  .labs-page .labs-orbe--pie { width:120px; margin:24px auto 0 }
}
@media (max-width:360px) {
  .labs-page .labs-barra { padding-inline:16px; gap:8px }
  .labs-page .labs-marca img { width:58px }
  .labs-page .labs-marca span { font-size:19px }
}
@media (prefers-reduced-motion:reduce) {
  .labs-page :is(.labs-boton,.boton,.labs-logos a,.pz-plan,.pz-tab,.pz-tabs__perla),
  .labs-page :is(.labs-boton,.labs-texto-enlace,.labs-volver)>span[aria-hidden] { transition:none; transform:none!important }
  .labs-page .pz-panel.pz-panel--entrada { animation:none }
  .labs-page .barrido .pal { opacity:1!important; transition:none }
  .labs-page .barrido .pal::after { content:none }
}