/* =========================================================
   INTEGRACIÓN EXCLUSIVA CON BLOCKSY · PORTAL CLIENTES
   Oculta únicamente el título automático de WordPress cuando
   la página contiene el módulo #lam-client-portal.
   No modifica el header global, menú, logo ni otras páginas.
   ========================================================= */
body:has(#lam-client-portal) .entry-header,
body:has(#lam-client-portal) .page-title,
body:has(#lam-client-portal) .hero-section,
body:has(#lam-client-portal) [class*="page-title"],
body:has(#lam-client-portal) .ct-container-full > .entry-header {
  display:none!important;
}

body:has(#lam-client-portal) .site-main,
body:has(#lam-client-portal) .content-area,
body:has(#lam-client-portal) .site-main-container,
body:has(#lam-client-portal) .ct-container,
body:has(#lam-client-portal) .ct-container-full,
body:has(#lam-client-portal) .entry-content,
body:has(#lam-client-portal) article,
body:has(#lam-client-portal) .type-page {
  margin-top:0!important;
  padding-top:0!important;
}

body:has(#lam-client-portal) .entry-content,
body:has(#lam-client-portal) .site-main > .ct-container,
body:has(#lam-client-portal) .site-main > .ct-container-full {
  width:100%!important;
  max-width:none!important;
  padding-left:0!important;
  padding-right:0!important;
}

body:has(#lam-client-portal) .entry-content > * {
  max-width:none!important;
}

/* =========================================================
   LAM · PORTAL DE CLIENTES
   Identidad: bóveda digital / corredor de acceso / consola
   Aislado bajo #lam-client-portal
   ========================================================= */
#lam-client-portal{--p-bg:#03101a;--p-panel:#071927;--p-panel-2:#0b2131;--p-white:#f5f8fb;--p-muted:#9fb2c0;--p-green:#18e98a;--p-cyan:#55d7ff;--p-line:rgba(104,255,201,.18);position:relative;width:100vw;max-width:none;margin-left:calc(50% - 50vw);overflow:hidden;background:radial-gradient(circle at 14% 10%,rgba(24,233,138,.13),transparent 28%),radial-gradient(circle at 88% 34%,rgba(50,104,255,.13),transparent 30%),var(--p-bg);color:var(--p-white);font-family:inherit}
#lam-client-portal *{box-sizing:border-box}
#lam-client-portal button,#lam-client-portal input{font:inherit}
.lam-portal__canvas,.lam-portal__noise{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.lam-portal__canvas{z-index:0;opacity:.55}
.lam-portal__noise{z-index:1;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E")}
.lam-portal>section{position:relative;z-index:2}
.lam-portal__hero{min-height:760px;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.82fr);align-items:center;gap:7vw;padding:90px max(5vw,40px)}
.lam-portal__hero-copy{max-width:820px}
.lam-portal__eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 28px;color:var(--p-green);font-size:13px;font-weight:900;letter-spacing:.16em}
.lam-portal__eyebrow span{width:10px;height:10px;border-radius:50%;background:var(--p-green);box-shadow:0 0 18px rgba(24,233,138,.8)}
.lam-portal__hero h1{margin:0;color:var(--p-white);font-size:clamp(64px,6.7vw,118px);line-height:.89;letter-spacing:-.055em;font-weight:900;text-wrap:balance}
.lam-portal__hero h1 em{color:var(--p-green);font-style:normal}
.lam-portal__lead{max-width:750px;margin:34px 0 0;color:#c8d4dc;font-size:clamp(19px,1.5vw,27px);line-height:1.55}
.lam-portal__gateway{position:relative;min-height:540px;perspective:1200px}
.lam-portal__gateway-frame{position:absolute;left:50%;top:50%;width:min(430px,85%);aspect-ratio:1;transform:translate(-50%,-50%) rotateX(61deg) rotateZ(-9deg);display:grid;place-content:center;text-align:center;border:1px solid rgba(24,233,138,.42);border-radius:44px;background:linear-gradient(145deg,rgba(13,42,58,.82),rgba(3,15,25,.96));box-shadow:0 45px 80px rgba(0,0,0,.35),inset 0 0 0 22px rgba(24,233,138,.025),0 0 70px rgba(24,233,138,.11);overflow:hidden;animation:portalFloat 6s ease-in-out infinite}
.lam-portal__gateway-frame:before,.lam-portal__gateway-frame:after{content:"";position:absolute;inset:32px;border:1px solid rgba(85,215,255,.16);border-radius:28px}.lam-portal__gateway-frame:after{inset:70px;border-style:dashed;animation:portalSpin 20s linear infinite}
.lam-portal__gateway-scan{position:absolute;left:-10%;right:-10%;height:24%;top:-25%;background:linear-gradient(180deg,transparent,rgba(24,233,138,.17),transparent);animation:portalScan 4.4s ease-in-out infinite}
.lam-portal__gateway-label{color:var(--p-green);font-size:11px;font-weight:900;letter-spacing:.18em}.lam-portal__gateway-frame strong{margin-top:10px;font-size:28px;letter-spacing:.08em}.lam-portal__gateway-frame small{margin-top:8px;color:var(--p-muted);letter-spacing:.14em}
.lam-portal__gateway-bars{display:flex;justify-content:center;gap:6px;margin-top:22px}.lam-portal__gateway-bars i{width:4px;height:24px;border-radius:4px;background:var(--p-green);animation:portalBars 1.2s ease-in-out infinite}.lam-portal__gateway-bars i:nth-child(2){animation-delay:.12s}.lam-portal__gateway-bars i:nth-child(3){animation-delay:.24s}.lam-portal__gateway-bars i:nth-child(4){animation-delay:.36s}.lam-portal__gateway-bars i:nth-child(5){animation-delay:.48s}
.lam-portal__gateway-node{position:absolute;display:grid;place-items:center;width:86px;height:86px;border:1px solid var(--p-line);border-radius:24px;background:rgba(4,18,29,.9);color:var(--p-green);font-weight:900;font-size:11px;letter-spacing:.12em;box-shadow:0 18px 40px rgba(0,0,0,.24)}.lam-portal__gateway-node.n1{left:2%;top:18%}.lam-portal__gateway-node.n2{right:0;top:28%}.lam-portal__gateway-node.n3{right:12%;bottom:8%}
.lam-portal__auth,.lam-portal__workspace{padding:90px max(5vw,40px);background:linear-gradient(180deg,rgba(2,12,20,.78),rgba(4,17,27,.96));border-top:1px solid rgba(255,255,255,.04)}
.lam-portal__auth{display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;align-items:center}
.lam-portal__auth h2,.lam-portal__workspace h2{margin:0;color:var(--p-white);font-size:clamp(48px,5vw,88px);line-height:.96;letter-spacing:-.045em}.lam-portal__auth-copy>p:last-child,.lam-portal__workspace-head p{color:#bdcbd4;font-size:19px;line-height:1.65}
.lam-portal__login-card{padding:44px;border:1px solid rgba(24,233,138,.24);border-radius:34px;background:linear-gradient(150deg,rgba(9,32,46,.93),rgba(3,15,24,.96));box-shadow:0 30px 80px rgba(0,0,0,.26)}
.lam-portal__login-card form{display:grid;gap:22px}.lam-portal__login-card p{margin:0}.lam-portal__login-card label{display:block;margin-bottom:9px;color:#dce6ec;font-weight:800}.lam-portal__login-card input[type=text],.lam-portal__login-card input[type=password]{width:100%;height:60px;padding:0 18px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:#03111c;color:#fff;outline:none}.lam-portal__login-card input:focus{border-color:var(--p-green);box-shadow:0 0 0 4px rgba(24,233,138,.09)}.lam-portal__login-card .login-remember label{display:flex;align-items:center;gap:9px;font-weight:600}.lam-portal__login-card input[type=submit]{width:100%;height:60px;border:0;border-radius:16px;background:var(--p-green);color:#02120b;font-weight:900;cursor:pointer;transition:.25s}.lam-portal__login-card input[type=submit]:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(24,233,138,.2)}.lam-portal__lost-password{display:inline-block;margin-top:20px;color:var(--p-cyan)}
.lam-portal__workspace-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:58px}.lam-portal__logout{padding:14px 22px;border:1px solid rgba(255,255,255,.14);border-radius:999px;color:#fff;text-decoration:none}
.lam-portal__client-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.lam-portal__client{position:relative;min-height:270px;padding:28px;text-align:left;border:1px solid rgba(255,255,255,.1);border-radius:28px;background:linear-gradient(145deg,rgba(10,31,45,.94),rgba(4,16,25,.98));color:#fff;cursor:pointer;overflow:hidden;transition:transform .35s,border-color .35s,box-shadow .35s}.lam-portal__client:before{content:"";position:absolute;inset:auto -15% -45% 20%;height:75%;background:radial-gradient(circle,var(--client-accent),transparent 68%);opacity:.13;filter:blur(24px)}.lam-portal__client:hover,.lam-portal__client:focus-visible{transform:translateY(-8px);border-color:var(--client-accent);box-shadow:0 24px 60px rgba(0,0,0,.28)}.lam-portal__client-index{display:block;color:var(--client-accent);font:900 12px/1 ui-monospace,monospace}.lam-portal__client-name{display:block;margin-top:48px;font-size:24px;font-weight:900}.lam-portal__client-subtitle{display:block;margin-top:9px;color:var(--p-muted);line-height:1.5}.lam-portal__client-status{display:inline-flex;margin-top:30px;padding:8px 11px;border-radius:999px;background:rgba(24,233,138,.08);color:var(--p-green);font-size:9px;font-weight:900;letter-spacing:.11em}.lam-portal__client-status.status-maintenance{color:#ffd167;background:rgba(255,209,103,.08)}.lam-portal__client-status.status-offline{color:#ff7a89;background:rgba(255,122,137,.08)}
.lam-portal__systems{margin-top:28px;padding:32px;border:1px solid rgba(24,233,138,.16);border-radius:32px;background:rgba(5,21,32,.92)}.lam-portal__systems-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.lam-portal__systems-head small,.lam-portal__viewer-bar small{color:var(--p-green);font-size:10px;font-weight:900;letter-spacing:.14em}.lam-portal__systems-head h3{margin:5px 0 0;font-size:28px}.lam-portal__systems-head button{border:0;background:none;color:var(--p-cyan);cursor:pointer}.lam-portal__system-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.lam-portal__system{min-height:190px;padding:24px;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:linear-gradient(145deg,#0a2232,#061722);color:#fff;text-align:left;cursor:pointer;transition:.3s}.lam-portal__system:hover{transform:translateY(-5px);border-color:var(--p-green)}.lam-portal__system-code{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:rgba(24,233,138,.09);color:var(--p-green);font-weight:900;font-size:12px;letter-spacing:.08em}.lam-portal__system strong{display:block;margin-top:26px;font-size:20px}.lam-portal__system small{display:block;margin-top:8px;color:var(--p-muted);line-height:1.45}
.lam-portal__viewer{margin-top:30px;border:1px solid rgba(24,233,138,.25);border-radius:28px;background:#020b12;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.36)}.lam-portal__viewer-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 20px;border-bottom:1px solid rgba(255,255,255,.08);background:#061724}.lam-portal__viewer-bar strong{display:block;margin-top:4px}.lam-portal__viewer-actions{display:flex;gap:8px}.lam-portal__viewer-actions button,.lam-portal__viewer-actions a{display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#0a2231;color:#fff;text-decoration:none;cursor:pointer}.lam-portal__viewer-stage{position:relative;height:min(76vh,900px);background:#fff}.lam-portal__viewer iframe{width:100%;height:100%;border:0;background:#fff}.lam-portal__viewer-loading{position:absolute;inset:0;z-index:2;display:grid;place-content:center;justify-items:center;gap:18px;background:#03101a;color:#fff}.lam-portal__viewer-loading span{width:52px;height:52px;border:3px solid rgba(24,233,138,.16);border-top-color:var(--p-green);border-radius:50%;animation:portalSpin 1s linear infinite}.lam-portal__viewer.is-loaded .lam-portal__viewer-loading{display:none}.lam-portal__frame-note{margin:0;padding:12px 20px;background:#061724;color:#91a5b3;font-size:12px;line-height:1.5}.lam-portal__empty{padding:50px;border:1px solid rgba(255,255,255,.1);border-radius:28px;text-align:center;background:rgba(8,26,38,.8)}
.lam-portal__audio{position:fixed;right:18px;bottom:18px;z-index:9999;display:flex;align-items:center;gap:16px;padding:10px 12px;border:1px solid rgba(24,233,138,.5);border-radius:18px;background:rgba(3,15,24,.94);backdrop-filter:blur(18px);box-shadow:0 16px 45px rgba(0,0,0,.35)}.lam-portal__audio button{border:0;background:none;color:#fff;cursor:pointer}.lam-portal__audio-toggle{display:flex;align-items:center;gap:10px;font-size:10px}.lam-portal__audio .bars{display:flex;align-items:center;gap:3px;height:24px}.lam-portal__audio .bars i{width:3px;height:12px;background:var(--p-green);border-radius:2px;animation:portalBars 1s ease-in-out infinite}.lam-portal__audio .bars i:nth-child(2){animation-delay:.15s}.lam-portal__audio .bars i:nth-child(3){animation-delay:.3s}.lam-portal__audio .bars i:nth-child(4){animation-delay:.45s}.lam-portal__audio small{display:block;color:#7f95a3;font-size:7px;letter-spacing:.14em}.lam-portal__audio strong{display:block;margin-top:4px;color:var(--p-green);font-size:9px}.lam-portal__audio-next{width:34px;height:34px;border-left:1px solid rgba(255,255,255,.1)!important}
@keyframes portalFloat{50%{transform:translate(-50%,-53%) rotateX(61deg) rotateZ(-7deg)}}@keyframes portalScan{50%{top:100%}}@keyframes portalSpin{to{transform:rotate(360deg)}}@keyframes portalBars{50%{height:24px;opacity:1}0%,100%{height:8px;opacity:.5}}
@media(max-width:1050px){.lam-portal__hero{grid-template-columns:1fr;min-height:auto;padding-top:80px}.lam-portal__gateway{min-height:480px}.lam-portal__auth{grid-template-columns:1fr}.lam-portal__client-grid,.lam-portal__system-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.lam-portal__hero,.lam-portal__auth,.lam-portal__workspace{padding-left:22px;padding-right:22px}.lam-portal__hero h1{font-size:clamp(48px,14vw,72px);line-height:.94;letter-spacing:-.045em}.lam-portal__lead{font-size:18px}.lam-portal__gateway{min-height:390px}.lam-portal__gateway-node{width:66px;height:66px;border-radius:18px}.lam-portal__login-card{padding:24px}.lam-portal__workspace-head,.lam-portal__systems-head{align-items:flex-start;flex-direction:column}.lam-portal__client-grid,.lam-portal__system-grid{grid-template-columns:1fr}.lam-portal__viewer-stage{height:70vh}.lam-portal__audio{right:8px;bottom:8px;gap:10px;max-width:calc(100vw - 16px)}.lam-portal__audio-toggle b{display:none}}
@media(prefers-reduced-motion:reduce){#lam-client-portal *{scroll-behavior:auto!important}.lam-portal__gateway-frame,.lam-portal__gateway-frame:after,.lam-portal__gateway-scan,.lam-portal__gateway-bars i,.lam-portal__audio .bars i,.lam-portal__viewer-loading span{animation:none!important}}


/* =========================================================
   AJUSTES FINALES · CONTRASTE + FULLSCREEN
   ========================================================= */
#lam-client-portal .lam-portal__workspace h2,
#lam-client-portal .lam-portal__systems-head h3,
#lam-client-portal .lam-portal__system strong,
#lam-client-portal .lam-portal__viewer-bar strong,
#lam-client-portal .lam-portal__client-name {
  color: var(--p-white) !important;
}

#lam-client-portal .lam-portal__systems-head h3 {
  opacity: 1 !important;
  text-shadow: 0 0 1px rgba(255,255,255,.02);
}

#lam-client-portal .lam-portal__viewer:fullscreen,
#lam-client-portal .lam-portal__viewer:-webkit-full-screen {
  width: 100vw;
  height: 100vh;
  margin: 0;
  border: 0;
  border-radius: 0;
  display: flex;
  flex-direction: column;
  background: #020b12;
}

#lam-client-portal .lam-portal__viewer:fullscreen .lam-portal__viewer-stage,
#lam-client-portal .lam-portal__viewer:-webkit-full-screen .lam-portal__viewer-stage {
  flex: 1 1 auto;
  height: auto;
  min-height: 0;
}

#lam-client-portal .lam-portal__viewer:fullscreen .lam-portal__frame-note,
#lam-client-portal .lam-portal__viewer:-webkit-full-screen .lam-portal__frame-note {
  flex: 0 0 auto;
}


/* =========================================================
   VISIBILIDAD DE CONTRASEÑA — LOGIN PORTAL
   ========================================================= */
.lam-portal__login-card .login-password{
  position:relative;
}

.lam-portal__login-card .login-password input[type="password"],
.lam-portal__login-card .login-password input[type="text"]{
  padding-right:68px;
}

.lam-portal__password-toggle{
  position:absolute;
  right:12px;
  bottom:8px;
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid rgba(24,233,138,.28);
  border-radius:13px;
  background:rgba(3,17,28,.9);
  color:#dffdf3;
  cursor:pointer;
  transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease;
  z-index:2;
}

.lam-portal__password-toggle:hover{
  transform:translateY(-1px);
  border-color:rgba(24,233,138,.72);
  background:rgba(8,34,43,.96);
  box-shadow:0 10px 24px rgba(24,233,138,.12);
}

.lam-portal__password-toggle:focus-visible{
  outline:2px solid var(--p-green);
  outline-offset:3px;
}

.lam-portal__password-toggle svg{
  width:22px;
  height:22px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.lam-portal__password-toggle .lam-portal__eye-off{
  display:none;
}

.lam-portal__password-toggle[aria-pressed="true"] .lam-portal__eye-on{
  display:none;
}

.lam-portal__password-toggle[aria-pressed="true"] .lam-portal__eye-off{
  display:block;
}

@media(max-width:700px){
  .lam-portal__password-toggle{
    right:10px;
    bottom:8px;
    width:42px;
    height:42px;
  }
}


/* =========================================================
   AJUSTE FINAL SOLICITADO · SIN CAMBIAR EL PORTAL
   1. Elimina únicamente el espacio blanco antes del footer.
   2. Iguala la barra de audio al formato compacto con volumen.
   ========================================================= */
body:has(#lam-client-portal) .site-main,
body:has(#lam-client-portal) .site-main-container,
body:has(#lam-client-portal) .content-area,
body:has(#lam-client-portal) .ct-container,
body:has(#lam-client-portal) .ct-container-full,
body:has(#lam-client-portal) article.type-page,
body:has(#lam-client-portal) .entry-content,
body:has(#lam-client-portal) .entry-content > * {
  margin-bottom:0!important;
  padding-bottom:0!important;
}

body:has(#lam-client-portal) footer,
body:has(#lam-client-portal) #footer,
body:has(#lam-client-portal) .site-footer {
  margin-top:0!important;
}

#lam-client-portal .lam-portal__audio{
  right:18px;
  bottom:18px;
  display:grid;
  grid-template-columns:auto minmax(128px,auto) 34px 34px minmax(105px,135px);
  align-items:center;
  gap:7px;
  min-height:50px;
  padding:7px 9px;
  border-radius:16px;
}

#lam-client-portal .lam-portal__audio-toggle{
  min-height:34px;
  padding:0 10px 0 5px;
  border-right:1px solid rgba(255,255,255,.12)!important;
  font-size:9px;
  font-weight:900;
  white-space:nowrap;
}

#lam-client-portal .lam-portal__audio-toggle b{
  font-size:9px;
  letter-spacing:.04em;
}

#lam-client-portal .lam-portal__audio-meta{
  min-width:0;
  display:grid;
  gap:2px;
  padding-right:5px;
}

#lam-client-portal .lam-portal__audio-meta small{
  color:#8fa3b5;
  font-size:7px;
  font-weight:800;
  letter-spacing:.14em;
  white-space:nowrap;
}

#lam-client-portal .lam-portal__audio-meta strong{
  overflow:hidden;
  margin:0;
  color:var(--p-green);
  font-size:9px;
  font-weight:900;
  letter-spacing:.05em;
  text-overflow:ellipsis;
  white-space:nowrap;
}

#lam-client-portal .lam-portal__audio-prev,
#lam-client-portal .lam-portal__audio-next{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:50%;
  background:rgba(255,255,255,.045);
  font-size:18px;
  line-height:1;
}

#lam-client-portal .lam-portal__audio-next{
  border-left:1px solid rgba(255,255,255,.14)!important;
}

#lam-client-portal .lam-portal__audio-volume{
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:center;
  gap:6px;
  color:#8fa3b5;
  font-size:7px;
  font-weight:900;
  letter-spacing:.08em;
}

#lam-client-portal .lam-portal__audio-volume input{
  width:100%;
  height:3px;
  margin:0;
  padding:0;
  accent-color:var(--p-green);
  cursor:pointer;
}

@media(max-width:700px){
  #lam-client-portal .lam-portal__audio{
    right:8px;
    bottom:8px;
    grid-template-columns:auto minmax(95px,auto) 30px 30px;
    gap:5px;
    max-width:calc(100vw - 16px);
  }

  #lam-client-portal .lam-portal__audio-volume{display:none}

  #lam-client-portal .lam-portal__audio-prev,
  #lam-client-portal .lam-portal__audio-next{
    width:30px;
    height:30px;
  }
}


/* =========================================================
   SEPARADOR VISUAL ENTRE PORTAL Y FOOTER
   Único ajuste: franja blanca compacta antes del footer.
   ========================================================= */
body:has(#lam-client-portal) footer,
body:has(#lam-client-portal) #footer,
body:has(#lam-client-portal) .site-footer{
  border-top:12px solid #ffffff!important;
}

/* =========================================================
   RENDIMIENTO PORTAL DE CLIENTES · PC + MÓVIL
   ========================================================= */

/* El canvas ya no cubre toda la página: queda limitado al Hero. */
#lam-client-portal .lam-portal__canvas{
  position:absolute;
  top:0;
  right:0;
  bottom:auto;
  left:0;
  height:760px;
  contain:strict;
}

/* Evita que las animaciones decorativas alteren el Speed Index inicial. */
#lam-client-portal:not(.is-motion-ready) .lam-portal__gateway-frame,
#lam-client-portal:not(.is-motion-ready) .lam-portal__gateway-frame::after,
#lam-client-portal:not(.is-motion-ready) .lam-portal__gateway-scan,
#lam-client-portal:not(.is-motion-ready) .lam-portal__gateway-bars i,
#lam-client-portal:not(.is-motion-ready) .lam-portal__audio .bars i{
  animation-play-state:paused!important;
}

/* Las áreas inferiores se renderizan cuando se aproximan a la pantalla. */
#lam-client-portal .lam-portal__auth,
#lam-client-portal .lam-portal__workspace{
  content-visibility:auto;
  contain-intrinsic-size:1px 780px;
}

#lam-client-portal .lam-portal__client,
#lam-client-portal .lam-portal__system{
  contain:layout paint style;
}

@media(max-width:700px){
  #lam-client-portal .lam-portal__canvas{
    height:620px;
    opacity:.34;
  }

  #lam-client-portal .lam-portal__gateway-frame{
    box-shadow:0 24px 46px rgba(0,0,0,.28),0 0 38px rgba(24,233,138,.08);
  }

  #lam-client-portal .lam-portal__gateway-frame::after{
    display:none;
  }

  #lam-client-portal .lam-portal__gateway-scan{
    opacity:.65;
  }
}