@charset "UTF-8";

/* =========================================================
   LAM CLIENTES V3 — COMPATIBLE CON HTML .lcv3-*
   ========================================================= */

:root{
  --lcv3-bg:#020910;
  --lcv3-bg-2:#061521;
  --lcv3-panel:#0a1825;
  --lcv3-panel-2:#0d1d2b;
  --lcv3-light:#f2f5f7;
  --lcv3-white:#fff;
  --lcv3-text:#c9d6df;
  --lcv3-muted:#8ea1af;
  --lcv3-dark:#06111a;
  --lcv3-green:#18e98a;
  --lcv3-line:rgba(255,255,255,.11);
  --lcv3-radius:clamp(24px,2vw,34px);
  --lcv3-shell:1480px;
  --lcv3-ease:cubic-bezier(.22,1,.36,1);
}

html{scroll-behavior:smooth}
body{overflow-x:hidden}

#lam-clients-v3,
#lam-clients-v3 *{box-sizing:border-box}

#lam-clients-v3{
  position:relative;
  overflow:hidden;
  background:var(--lcv3-bg);
  color:var(--lcv3-white);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

/*
 * El contenido de WordPress/Blocksy vive dentro de un contenedor limitado.
 * Esta página debe ocupar el ancho real de la ventana sin alterar Inicio
 * ni Servicios.
 */
#lam-clients-v3{
  width:100vw;
  max-width:none;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
}

/* Evita que los hijos de Grid obliguen a la tarjeta a crecer y se recorten. */
#lam-clients-v3 .lcv3-hero__layout > *,
#lam-clients-v3 .lcv3-intro__layout > *,
#lam-clients-v3 .lcv3-project__card > *,
#lam-clients-v3 .lcv3-cta__layout > *{
  min-width:0;
  max-width:100%;
}

#lam-clients-v3 a{color:inherit;text-decoration:none}
#lam-clients-v3 button{font:inherit}
#lam-clients-v3 h1,
#lam-clients-v3 h2,
#lam-clients-v3 h3,
#lam-clients-v3 p{margin-top:0}

.lcv3-shell{
  width:min(100%,var(--lcv3-shell));
  max-width:100%;
  margin-inline:auto;
  padding-inline:clamp(18px,2.4vw,36px);
}

/* HERO */
.lcv3-hero{
  position:relative;
  min-height:min(900px,100svh);
  display:flex;
  align-items:center;
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(circle at 15% 10%,rgba(24,233,138,.14),transparent 36%),
    radial-gradient(circle at 85% 85%,rgba(0,92,255,.10),transparent 36%),
    linear-gradient(125deg,#020910 0%,#061521 48%,#031018 100%);
}

.lcv3-hero__canvas{
  position:absolute;
  inset:0;
  z-index:0;
  width:100%;
  height:100%;
  pointer-events:none;
}

.lcv3-hero__layout{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(430px,.82fr);
  gap:clamp(48px,7vw,120px);
  align-items:center;
  padding-block:clamp(120px,13vw,190px) 110px;
}

.lcv3-kicker{
  display:flex;
  align-items:center;
  gap:12px;
  margin:0 0 28px;
  color:#d8e3e9;
  font-size:12px;
  font-weight:800;
  letter-spacing:.17em;
  text-transform:uppercase;
}

.lcv3-kicker>span{
  width:9px;
  height:9px;
  flex:0 0 auto;
  border-radius:50%;
  background:var(--lcv3-green);
  box-shadow:0 0 18px rgba(24,233,138,.72);
}

.lcv3-kicker--dark{color:#263a48}

.lcv3-hero h1{
  max-width:900px;
  margin:0;
  font-size:clamp(72px,8vw,150px);
  font-weight:870;
  line-height:.86;
  letter-spacing:-.075em;
}

.lcv3-hero h1 span{
  display:block;
  color:var(--lcv3-green);
}

.lcv3-hero__lead{
  max-width:720px;
  margin:34px 0 0;
  color:#c7d4dc;
  font-size:clamp(18px,1.45vw,25px);
  line-height:1.55;
}

.lcv3-hero__actions{
  margin-top:34px;
  display:flex;
  flex-wrap:wrap;
  gap:14px;
}

.lcv3-btn{
  min-height:58px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 24px;
  border:1px solid transparent;
  border-radius:13px;
  font-size:15px;
  font-weight:800;
  transition:transform .35s var(--lcv3-ease),box-shadow .35s ease,border-color .35s ease;
}

.lcv3-btn:hover{transform:translateY(-3px)}

.lcv3-btn--primary{
  color:#021008!important;
  background:var(--lcv3-green);
  box-shadow:0 20px 54px rgba(24,233,138,.18);
}

.lcv3-btn--ghost{
  color:#fff!important;
  border-color:rgba(255,255,255,.24);
  background:rgba(255,255,255,.035);
}

/* NETWORK */
.lcv3-network{
  position:relative;
  min-height:610px;
  transform-style:preserve-3d;
  transition:transform .35s var(--lcv3-ease);
}

.lcv3-network::before{
  content:"";
  position:absolute;
  inset:8%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(24,233,138,.12),transparent 65%);
  filter:blur(20px);
}

.lcv3-network__core{
  position:absolute;
  z-index:4;
  left:50%;
  top:50%;
  width:190px;
  height:190px;
  display:grid;
  place-content:center;
  text-align:center;
  border:1px solid rgba(24,233,138,.55);
  border-radius:50%;
  background:rgba(3,16,26,.88);
  box-shadow:0 0 0 20px rgba(24,233,138,.025),0 0 70px rgba(24,233,138,.17);
  transform:translate(-50%,-50%);
}

.lcv3-network__core span{
  color:var(--lcv3-green);
  font-size:34px;
  font-weight:900;
  letter-spacing:.18em;
}

.lcv3-network__core small{
  margin-top:5px;
  color:#dce7ec;
  font-size:10px;
  font-weight:800;
  letter-spacing:.13em;
}

.lcv3-network__ring{
  position:absolute;
  left:50%;
  top:50%;
  border:1px solid rgba(24,233,138,.18);
  border-radius:50%;
  transform:translate(-50%,-50%);
}

.lcv3-network__ring--a{width:360px;height:360px}
.lcv3-network__ring--b{
  width:540px;
  height:540px;
  border-style:dashed;
  animation:lcv3-spin 20s linear infinite;
}

.lcv3-network__pulse{
  position:absolute;
  left:50%;
  top:50%;
  width:220px;
  height:220px;
  border:1px solid rgba(24,233,138,.35);
  border-radius:50%;
  transform:translate(-50%,-50%);
  animation:lcv3-pulse 3s ease-out infinite;
}

.lcv3-network__beam{
  position:absolute;
  z-index:2;
  left:50%;
  top:50%;
  width:270px;
  height:1px;
  background:linear-gradient(90deg,var(--lcv3-green),transparent);
  transform-origin:left center;
  transform:rotate(-155deg);
  transition:transform .55s var(--lcv3-ease);
}

.lcv3-node{
  position:absolute;
  z-index:5;
  min-width:178px;
  padding:15px 16px;
  display:grid;
  gap:5px;
  text-align:left;
  border:1px solid rgba(255,255,255,.12);
  border-radius:15px;
  color:#fff;
  background:rgba(7,21,33,.88);
  box-shadow:0 20px 50px rgba(0,0,0,.30);
  cursor:pointer;
  transition:transform .35s var(--lcv3-ease),border-color .35s ease,background .35s ease;
}

.lcv3-node:hover,
.lcv3-node:focus,
.lcv3-node.is-active{
  transform:translateY(-6px) scale(1.02);
  border-color:rgba(24,233,138,.55);
  background:rgba(9,31,32,.94);
  outline:none;
}

.lcv3-node b{color:var(--lcv3-green);font-size:11px}
.lcv3-node strong{font-size:13px}
.lcv3-node small{color:#93a6b3;font-size:10px}

.lcv3-node--1{left:1%;top:19%}
.lcv3-node--2{right:1%;top:19%}
.lcv3-node--3{left:1%;bottom:19%}
.lcv3-node--4{right:1%;bottom:19%}

.lcv3-network__status{
  position:absolute;
  z-index:6;
  left:50%;
  bottom:0;
  width:min(460px,90%);
  display:grid;
  gap:5px;
  padding:16px 18px;
  border:1px solid rgba(24,233,138,.2);
  border-radius:15px;
  background:rgba(3,13,21,.86);
  transform:translateX(-50%);
}

.lcv3-network__status span{color:var(--lcv3-green);font-size:10px;font-weight:800}
.lcv3-network__status strong{font-size:14px}
.lcv3-network__status small{color:#95a8b5;font-size:10px}

.lcv3-scroll{
  position:absolute;
  z-index:4;
  left:50%;
  bottom:28px;
  display:flex;
  align-items:center;
  gap:10px;
  color:#9aadb9!important;
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em;
  transform:translateX(-50%);
}

.lcv3-scroll span{
  width:8px;
  height:8px;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:rotate(45deg);
  animation:lcv3-arrow 1.7s ease-in-out infinite;
}

/* INTRO */
.lcv3-intro{
  padding-block:clamp(110px,11vw,180px);
  background:var(--lcv3-light);
  color:var(--lcv3-dark);
}

.lcv3-intro__layout{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(320px,.7fr);
  gap:clamp(60px,8vw,140px);
  align-items:end;
}

.lcv3-intro h2{
  margin:0;
  font-size:clamp(58px,7vw,126px);
  font-weight:870;
  line-height:.9;
  letter-spacing:-.07em;
}

.lcv3-intro h2 span{
  display:block;
  color:var(--lcv3-green);
}

.lcv3-intro__layout>p{
  margin:0 0 10px;
  color:#354957;
  font-size:clamp(18px,1.45vw,24px);
  line-height:1.6;
}

/* PROJECTS */
.lcv3-project{
  padding-block:clamp(54px,6vw,96px);
}

.lcv3-project--estancia,
.lcv3-project--avenida{background:var(--lcv3-light)}
.lcv3-project--granada,
.lcv3-project--piedra{background:var(--lcv3-bg)}

.lcv3-project__card{
  position:relative;
  min-height:740px;
  display:grid;
  grid-template-columns:.88fr 1.12fr;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  border-radius:var(--lcv3-radius);
  background:var(--lcv3-panel);
  box-shadow:0 34px 100px rgba(0,0,0,.16);
  transform-style:preserve-3d;
  transition:border-color .4s ease,box-shadow .5s var(--lcv3-ease),transform .35s var(--lcv3-ease);
}

.lcv3-project__card--reverse{
  grid-template-columns:1.12fr .88fr;
}

.lcv3-project__card--stacked{
  grid-template-columns:1fr;
  grid-template-rows:auto minmax(620px,1fr);
}

.lcv3-project__card.is-active,
.lcv3-project__card:hover{
  border-color:rgba(24,233,138,.32);
  box-shadow:0 44px 130px rgba(0,0,0,.25),0 0 70px rgba(24,233,138,.08);
}

.lcv3-project__copy{
  position:relative;
  z-index:3;
  padding:clamp(42px,5vw,82px);
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:
    linear-gradient(140deg,rgba(255,255,255,.035),transparent 70%),
    var(--lcv3-panel);
}

.lcv3-project__copy--wide{max-width:1100px}

.lcv3-project__number{
  margin-bottom:auto;
  color:#a8b7c1;
  font:800 11px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
}

.lcv3-project__client{
  margin:0 0 22px!important;
  color:var(--lcv3-green)!important;
  font-size:12px!important;
  font-weight:850!important;
  letter-spacing:.11em!important;
}

.lcv3-project__copy h2{
  margin:0;
  color:#fff;
  font-size:clamp(46px,5.2vw,90px);
  font-weight:870;
  line-height:.95;
  letter-spacing:-.06em;
}

.lcv3-project__copy>p:not(.lcv3-project__client){
  max-width:680px;
  margin:30px 0 0;
  color:#c8d4dc;
  font-size:clamp(17px,1.3vw,22px);
  line-height:1.55;
}

.lcv3-tags{
  margin-top:34px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.lcv3-tags span{
  padding:10px 13px;
  border:1px solid rgba(24,233,138,.22);
  border-radius:999px;
  color:#d6e4ea;
  background:rgba(24,233,138,.045);
  font-size:12px;
  font-weight:760;
}

/* SCENES */
.lcv3-scene{
  --px:50%;
  --py:50%;
  position:relative;
  min-height:740px;
  overflow:hidden;
  background:
    radial-gradient(circle at var(--px) var(--py),rgba(24,233,138,.12),transparent 24%),
    radial-gradient(circle at 60% 40%,rgba(24,233,138,.075),transparent 48%),
    #03101a;
  transform-style:preserve-3d;
  transition:transform .25s ease;
}

.lcv3-project__card--stacked .lcv3-scene{min-height:640px}

.lcv3-scene::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(24,233,138,.07) 1px,transparent 1px),
    linear-gradient(90deg,rgba(24,233,138,.07) 1px,transparent 1px);
  background-size:52px 52px;
  opacity:.28;
  mask-image:linear-gradient(to bottom,transparent,black 30%,black 70%,transparent);
}

.lcv3-scene::after{
  content:"";
  position:absolute;
  inset:-30%;
  background:linear-gradient(105deg,transparent 45%,rgba(24,233,138,.08) 50%,transparent 55%);
  transform:translateX(-55%);
  animation:lcv3-sweep 5.5s linear infinite;
}

.lcv3-hud{
  position:absolute;
  z-index:8;
  top:26px;
  right:26px;
  min-width:210px;
  display:grid;
  gap:6px;
  padding:14px 16px;
  border:1px solid rgba(24,233,138,.26);
  border-radius:14px;
  background:rgba(3,14,22,.78);
  backdrop-filter:blur(10px);
}

.lcv3-hud span{color:#97a9b5;font-size:9px;font-weight:800;letter-spacing:.12em}
.lcv3-hud strong{color:var(--lcv3-green);font-size:13px}

.lcv3-pointer-label{
  position:absolute;
  z-index:9;
  left:24px;
  bottom:22px;
  color:var(--lcv3-green);
  font:800 11px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
}

/* ESTANCIA */
.lcv3-camera{
  position:absolute;
  top:11%;
  left:12%;
  width:118px;
  height:64px;
  border-radius:14px 26px 26px 14px;
  background:linear-gradient(145deg,#dfe6eb,#55636e);
  transform:rotate(7deg);
}

.lcv3-camera::after{
  content:"";
  position:absolute;
  right:10px;
  top:12px;
  width:40px;
  height:40px;
  border:9px solid #1c2730;
  border-radius:50%;
  background:#071019;
  box-shadow:0 0 22px rgba(24,233,138,.35);
}

.lcv3-scan-cone{
  position:absolute;
  top:14%;
  left:24%;
  width:44%;
  height:55%;
  background:linear-gradient(145deg,rgba(24,233,138,.25),transparent 68%);
  clip-path:polygon(0 0,100% 30%,72% 100%);
  animation:lcv3-cone 3.8s ease-in-out infinite alternate;
}

.lcv3-car{
  position:absolute;
  left:24%;
  bottom:16%;
  width:260px;
  height:116px;
  border-radius:62px 80px 28px 28px;
  background:linear-gradient(165deg,#314858,#0d1821 58%,#02070b);
  box-shadow:0 26px 52px rgba(0,0,0,.48),inset 0 2px 0 rgba(255,255,255,.14);
  transition:transform .6s var(--lcv3-ease);
}

.lcv3-car::before,
.lcv3-car::after{
  content:"";
  position:absolute;
  bottom:-15px;
  width:50px;
  height:50px;
  border:8px solid #02070c;
  border-radius:50%;
  background:#17232c;
}
.lcv3-car::before{left:32px}
.lcv3-car::after{right:32px}

.lcv3-car span{
  position:absolute;
  left:50%;
  bottom:14px;
  transform:translateX(-50%);
  padding:6px 10px;
  border:1px solid var(--lcv3-green);
  border-radius:5px;
  color:var(--lcv3-green);
  background:#e9f0dd;
  font:850 12px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
}

.lcv3-barrier{
  position:absolute;
  right:12%;
  top:24%;
  width:18px;
  height:160px;
  border-radius:8px;
  background:#1b2a35;
}

.lcv3-barrier::after{
  content:"";
  position:absolute;
  top:10px;
  right:0;
  width:190px;
  height:12px;
  border-radius:8px;
  background:repeating-linear-gradient(90deg,#f3f3f3 0 30px,#ff4f5f 30px 60px);
  transform-origin:right center;
  animation:lcv3-barrier 4s ease-in-out infinite;
}

.lcv3-face{
  position:absolute;
  right:13%;
  bottom:15%;
  width:170px;
  height:205px;
  display:grid;
  place-content:center;
  border:1px solid rgba(24,233,138,.32);
  border-radius:22px;
  background:rgba(7,20,30,.72);
}

.lcv3-face i{
  width:72px;
  height:88px;
  border:2px solid var(--lcv3-green);
  border-radius:50% 50% 42% 42%;
}
.lcv3-face b{margin-top:14px;color:var(--lcv3-green);font-size:12px;text-align:center}

.lcv3-project__card:hover .lcv3-car{transform:translateX(60px)}

/* GRANADA */
.lcv3-perimeter{
  position:absolute;
  inset:14% 8% 8%;
  width:84%;
  height:78%;
}
.lcv3-perimeter path{
  fill:rgba(24,233,138,.04);
  stroke:var(--lcv3-green);
  stroke-width:3;
  stroke-dasharray:14 12;
  animation:lcv3-dash 14s linear infinite;
}

.lcv3-building{
  position:absolute;
  bottom:16%;
  width:18%;
  background:repeating-linear-gradient(90deg,#1b2e3d 0 22px,#0f1f2c 22px 38px);
  clip-path:polygon(0 12%,100% 0,100% 100%,0 100%);
}
.lcv3-building.b1{left:16%;height:34%}
.lcv3-building.b2{left:34%;height:48%}
.lcv3-building.b3{right:28%;height:40%}
.lcv3-building.b4{right:10%;height:28%}

.lcv3-sensor{
  position:absolute;
  z-index:5;
  width:16px;
  height:16px;
  border:2px solid var(--lcv3-green);
  border-radius:50%;
  background:#03101a;
  box-shadow:0 0 0 8px rgba(24,233,138,.06),0 0 22px rgba(24,233,138,.7);
}
.lcv3-sensor span{
  position:absolute;
  left:22px;
  top:-2px;
  color:#a9bbc6;
  font-size:9px;
  white-space:nowrap;
}
.lcv3-sensor.s1{left:21%;top:41%}
.lcv3-sensor.s2{left:47%;top:28%}
.lcv3-sensor.s3{right:18%;top:50%}
.lcv3-sensor.s4{right:28%;bottom:24%}

/* AVENIDA */
.lcv3-video-wall{
  position:absolute;
  inset:12% 5% 12%;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}

.lcv3-feed{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.1);
  border-radius:18px;
  color:#fff;
  background:
    linear-gradient(160deg,rgba(24,233,138,.06),transparent 46%),
    repeating-linear-gradient(90deg,#0f2231 0 34px,#0a1824 34px 64px);
  transition:transform .35s var(--lcv3-ease),filter .35s ease,border-color .35s ease;
}

.lcv3-feed span{
  position:absolute;
  left:16px;
  top:14px;
  color:#9cafba;
  font-size:9px;
  font-weight:800;
}
.lcv3-feed i{
  position:absolute;
  left:50%;
  top:50%;
  width:92px;
  height:130px;
  display:grid;
  place-content:end center;
  border:2px solid rgba(24,233,138,.55);
  color:var(--lcv3-green);
  font-size:9px;
  font-style:normal;
  transform:translate(-50%,-50%);
}
.lcv3-feed.is-active,
.lcv3-feed:hover{
  transform:translateY(-8px) scale(1.02);
  filter:brightness(1.2);
  border-color:rgba(24,233,138,.55);
}

.lcv3-console{
  position:absolute;
  right:7%;
  bottom:7%;
  z-index:6;
  min-width:280px;
  padding:18px;
  border:1px solid rgba(24,233,138,.24);
  border-radius:16px;
  background:rgba(3,14,22,.86);
}
.lcv3-console span{display:block;color:#95a8b5;font-size:9px}
.lcv3-console strong{display:block;margin-top:6px;color:var(--lcv3-green)}
.lcv3-console__bars{margin-top:16px;display:flex;align-items:end;gap:6px;height:42px}
.lcv3-console__bars i{
  width:8px;
  height:30%;
  background:var(--lcv3-green);
  animation:lcv3-bars 1.2s ease-in-out infinite alternate;
}
.lcv3-console__bars i:nth-child(2){height:80%;animation-delay:.1s}
.lcv3-console__bars i:nth-child(3){height:45%;animation-delay:.2s}
.lcv3-console__bars i:nth-child(4){height:95%;animation-delay:.3s}
.lcv3-console__bars i:nth-child(5){height:60%;animation-delay:.4s}
.lcv3-console__bars i:nth-child(6){height:35%;animation-delay:.5s}

/* PIEDRA */
.lcv3-scene--smart{
  display:grid;
  place-items:center;
  overflow:hidden;
}

.lcv3-smart__core{
  position:relative;
  z-index:5;
  width:202px;
  height:202px;
  display:grid;
  place-content:center;
  text-align:center;
  border:1px solid rgba(24,233,138,.55);
  border-radius:50%;
  background:
    radial-gradient(circle at 50% 42%, rgba(24,233,138,.08), transparent 48%),
    rgba(3,16,26,.88);
  box-shadow:0 0 0 20px rgba(24,233,138,.025),0 0 70px rgba(24,233,138,.17);
  animation:lcv3-smart-core-float 6s ease-in-out infinite;
}
.lcv3-smart__core span{position:relative;z-index:2;color:var(--lcv3-green);font-size:34px;font-weight:900;letter-spacing:.2em}
.lcv3-smart__core small{position:relative;z-index:2;margin-top:6px;font-size:10px;font-weight:800;letter-spacing:.13em}
.lcv3-smart__core-pulse{
  position:absolute;
  inset:-1px;
  border-radius:50%;
  border:1px solid rgba(24,233,138,.18);
  animation:lcv3-smart-pulse 4.2s ease-out infinite;
}
.lcv3-smart__core-pulse--b{animation-delay:1.8s}

.lcv3-smart__ring{
  position:absolute;
  left:50%;
  top:50%;
  border:1px solid rgba(24,233,138,.18);
  border-radius:50%;
  transform:translate(-50%,-50%);
}
.lcv3-smart__ring.r1{width:360px;height:360px}
.lcv3-smart__ring.r2{
  width:540px;
  height:540px;
  border-style:dashed;
  opacity:.6;
  animation:lcv3-spin 22s linear infinite;
}
.lcv3-smart__ring.r3{
  width:470px;
  height:470px;
  opacity:.28;
  animation:lcv3-spin-reverse 28s linear infinite;
}

.lcv3-smart__module{
  position:absolute;
  z-index:6;
  min-width:164px;
  display:grid;
  grid-template-columns:56px 1fr;
  gap:6px 12px;
  align-items:center;
  padding:14px 16px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  background:rgba(7,21,33,.88);
  box-shadow:0 20px 50px rgba(0,0,0,.3);
  backdrop-filter:blur(10px);
  animation:lcv3-smart-module-float 5.6s ease-in-out infinite;
}
.lcv3-smart__module b{
  grid-column:1 / -1;
  color:var(--lcv3-green);
  font:900 12px/1 ui-monospace,monospace;
  letter-spacing:.12em;
}
.lcv3-smart__icon{
  position:relative;
  width:56px;
  height:56px;
  display:grid;
  place-items:center;
  border:1px solid rgba(24,233,138,.28);
  border-radius:50%;
  background:radial-gradient(circle at 35% 28%, rgba(90,247,236,.08), rgba(4,14,22,.12));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02), 0 0 24px rgba(24,233,138,.08);
}
.lcv3-smart__text{display:grid;gap:4px}
.lcv3-smart__text strong{font-size:13px;color:#fff}
.lcv3-smart__text small{color:#9aadb9;font-size:10px}
.lcv3-smart__module.m1{left:8%;top:24%}
.lcv3-smart__module.m2{right:8%;top:24%;animation-delay:.8s}
.lcv3-smart__module.m3{left:50%;bottom:10%;transform:translateX(-50%);animation-delay:1.5s}

.lcv3-smart__icon--plate{border-radius:16px}
.lcv3-smart__plate{
  display:flex;align-items:center;justify-content:center;
  width:40px;height:18px;border-radius:5px;
  background:linear-gradient(180deg,#eef6d7,#cfe99c);
  color:#16311f;font:900 8px/1 ui-monospace,monospace;letter-spacing:.16em;
  box-shadow:0 3px 8px rgba(0,0,0,.15);
}

.lcv3-smart__icon--face{overflow:hidden}
.lcv3-smart__face-head{position:absolute;top:12px;left:20px;width:16px;height:16px;border:2px solid var(--lcv3-green);border-radius:50%}
.lcv3-smart__face-body{position:absolute;top:28px;left:16px;width:24px;height:15px;border:2px solid var(--lcv3-green);border-top:none;border-radius:0 0 14px 14px}
.lcv3-smart__corner{position:absolute;width:9px;height:9px;border:2px solid rgba(90,247,236,.92)}
.lcv3-smart__corner.tl{left:7px;top:7px;border-right:none;border-bottom:none}
.lcv3-smart__corner.tr{right:7px;top:7px;border-left:none;border-bottom:none}
.lcv3-smart__corner.bl{left:7px;bottom:7px;border-right:none;border-top:none}
.lcv3-smart__corner.br{right:7px;bottom:7px;border-left:none;border-top:none}

.lcv3-smart__icon--app{overflow:visible}
.lcv3-smart__phone{position:absolute;left:20px;top:12px;width:16px;height:30px;border:2px solid var(--lcv3-green);border-radius:5px}
.lcv3-smart__phone-dot{position:absolute;left:25px;bottom:14px;width:4px;height:4px;border-radius:50%;background:var(--lcv3-green)}
.lcv3-smart__wave{position:absolute;border:2px solid rgba(90,247,236,.85);border-left:none;border-bottom:none;border-radius:0 18px 0 0;opacity:.75}
.lcv3-smart__wave.w1{width:12px;height:12px;right:10px;top:16px;animation:lcv3-smart-wave 1.8s ease-in-out infinite}
.lcv3-smart__wave.w2{width:18px;height:18px;right:6px;top:12px;animation:lcv3-smart-wave 1.8s ease-in-out infinite .24s}

.lcv3-smart__link{
  position:absolute;
  height:2px;
  z-index:4;
  overflow:visible;
}
.lcv3-smart__link::before{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(90deg, transparent, rgba(24,233,138,.72), transparent);
  filter:drop-shadow(0 0 8px rgba(24,233,138,.25));
}
.lcv3-smart__link .packet{
  position:absolute;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;
  background:#8dffe5;box-shadow:0 0 12px rgba(141,255,229,.85);
}
.lcv3-smart__link.l1{left:24%;top:37.5%;width:19%;transform:rotate(12deg)}
.lcv3-smart__link.l1 .packet{animation:lcv3-smart-flow-l1 3.2s ease-in-out infinite}
.lcv3-smart__link.l2{right:24%;top:37.5%;width:19%;transform:rotate(-12deg)}
.lcv3-smart__link.l2 .packet{animation:lcv3-smart-flow-l2 3.5s ease-in-out infinite .6s}
.lcv3-smart__link.l3{left:50%;top:67%;width:2px;height:14%;transform:translateX(-50%)}
.lcv3-smart__link.l3::before{background:linear-gradient(180deg, transparent, rgba(24,233,138,.72), transparent)}
.lcv3-smart__link.l3 .packet{left:50%;margin-left:-4px;animation:lcv3-smart-flow-l3 3.1s ease-in-out infinite 1.1s}

.lcv3-smart__spark{
  position:absolute;z-index:3;width:6px;height:6px;border-radius:50%;background:var(--lcv3-green);
  box-shadow:0 0 14px rgba(24,233,138,.85);animation:lcv3-smart-spark 3s ease-in-out infinite;
}
.lcv3-smart__spark.s1{left:18%;top:64%}
.lcv3-smart__spark.s2{right:18%;top:62%;animation-delay:.8s}
.lcv3-smart__spark.s3{left:50%;top:18%;transform:translateX(-50%);animation-delay:1.6s}

@keyframes lcv3-smart-core-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes lcv3-smart-pulse{0%{transform:scale(1);opacity:.34}70%,100%{transform:scale(1.28);opacity:0}}
@keyframes lcv3-spin-reverse{to{transform:translate(-50%,-50%) rotate(-360deg)}}
@keyframes lcv3-smart-module-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes lcv3-smart-wave{0%,100%{opacity:.25;transform:scale(.85)}50%{opacity:1;transform:scale(1.04)}}
@keyframes lcv3-smart-flow-l1{0%{left:0;opacity:0}16%{opacity:1}64%{left:92%;opacity:1}100%{left:92%;opacity:0}}
@keyframes lcv3-smart-flow-l2{0%{right:0;opacity:0}16%{opacity:1}64%{right:92%;opacity:1}100%{right:92%;opacity:0}}
@keyframes lcv3-smart-flow-l3{0%{top:0;opacity:0}16%{opacity:1}64%{top:92%;opacity:1}100%{top:92%;opacity:0}}
@keyframes lcv3-smart-spark{0%,100%{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}

@media(max-width:1100px){
  .lcv3-smart__module{min-width:148px;padding:13px 14px}
  .lcv3-smart__module.m1{left:3%}
  .lcv3-smart__module.m2{right:3%}
  .lcv3-smart__ring.r2{width:450px;height:450px}
  .lcv3-smart__ring.r3{width:400px;height:400px}
  .lcv3-smart__link.l1{left:20%;width:21%}
  .lcv3-smart__link.l2{right:20%;width:21%}
}

@media(max-width:760px){
  .lcv3-smart__core{width:164px;height:164px}
  .lcv3-smart__core span{font-size:28px}
  .lcv3-smart__core small{font-size:9px}
  .lcv3-smart__module{min-width:136px;padding:12px;grid-template-columns:48px 1fr;border-radius:16px}
  .lcv3-smart__module b{font-size:11px}
  .lcv3-smart__icon{width:48px;height:48px}
  .lcv3-smart__plate{width:34px;height:16px;font-size:7px}
  .lcv3-smart__face-head{top:10px;left:17px;width:14px;height:14px}
  .lcv3-smart__face-body{top:24px;left:13px;width:22px;height:14px}
  .lcv3-smart__phone{left:17px;top:10px;width:14px;height:26px}
  .lcv3-smart__phone-dot{left:22px;bottom:12px}
  .lcv3-smart__module.m1{left:2%;top:23%}
  .lcv3-smart__module.m2{right:2%;top:23%}
  .lcv3-smart__module.m3{bottom:11%}
  .lcv3-smart__ring.r1{width:290px;height:290px}
  .lcv3-smart__ring.r2{width:380px;height:380px}
  .lcv3-smart__ring.r3{width:330px;height:330px}
  .lcv3-smart__link.l1{left:18%;top:37%;width:20%}
  .lcv3-smart__link.l2{right:18%;top:37%;width:20%}
  .lcv3-smart__link.l3{height:13%}
}

@media (prefers-reduced-motion:reduce){
  .lcv3-smart__core,
  .lcv3-smart__core-pulse,
  .lcv3-smart__ring,
  .lcv3-smart__module,
  .lcv3-smart__wave,
  .lcv3-smart__link .packet,
  .lcv3-smart__spark{
    animation:none !important;
  }
}

/* METHOD */
.lcv3-method{
  padding-block:clamp(110px,11vw,180px);
  background:#020910;
}

.lcv3-method__heading h2{
  max-width:1200px;
  margin:0;
  font-size:clamp(58px,7vw,128px);
  font-weight:870;
  line-height:.9;
  letter-spacing:-.07em;
}
.lcv3-method__heading h2 span{display:block;color:var(--lcv3-green)}

.lcv3-method__grid{
  margin-top:90px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border-top:1px solid var(--lcv3-line);
  border-bottom:1px solid var(--lcv3-line);
}

.lcv3-method__grid article{
  min-height:300px;
  padding:30px 26px;
  display:flex;
  flex-direction:column;
  border-right:1px solid var(--lcv3-line);
  transition:background .35s ease,transform .35s var(--lcv3-ease);
}
.lcv3-method__grid article:last-child{border-right:0}
.lcv3-method__grid article:hover{
  background:rgba(24,233,138,.07);
  transform:translateY(-8px);
}
.lcv3-method__grid article>span{color:var(--lcv3-green);font:800 11px/1 ui-monospace,monospace}
.lcv3-method__grid h3{margin:auto 0 18px;font-size:30px}
.lcv3-method__grid p{margin:0;color:#aebdc7;line-height:1.55}

/* CTA */
.lcv3-cta{
  padding-block:clamp(120px,13vw,210px);
  background:
    radial-gradient(circle at 50% 50%,rgba(24,233,138,.12),transparent 38%),
    #020910;
}

.lcv3-cta__layout{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(320px,.55fr);
  gap:80px;
  align-items:end;
}

.lcv3-cta h2{
  margin:0;
  font-size:clamp(58px,7vw,124px);
  font-weight:870;
  line-height:.9;
  letter-spacing:-.07em;
}

.lcv3-cta__panel{
  padding:28px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:20px;
  background:rgba(255,255,255,.035);
}
.lcv3-cta__panel p{color:#c8d5dd;font-size:19px;line-height:1.55}

/* ANIMATIONS */
@keyframes lcv3-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes lcv3-pulse{
  0%{opacity:.7;transform:translate(-50%,-50%) scale(.9)}
  100%{opacity:0;transform:translate(-50%,-50%) scale(1.45)}
}
@keyframes lcv3-arrow{
  0%,100%{transform:translateY(0) rotate(45deg)}
  50%{transform:translateY(7px) rotate(45deg)}
}
@keyframes lcv3-sweep{to{transform:translateX(55%)}}
@keyframes lcv3-cone{
  from{transform:rotate(-4deg);opacity:.4}
  to{transform:rotate(5deg);opacity:.75}
}
@keyframes lcv3-barrier{
  0%,100%{transform:rotate(0)}
  50%{transform:rotate(-65deg)}
}
@keyframes lcv3-dash{to{stroke-dashoffset:-260}}
@keyframes lcv3-bars{to{height:100%}}


/* =========================================================
   CORRECCIÓN DE ANCHO Y RECORTE
   ========================================================= */

.lcv3-project__card{
  width:100%;
  max-width:100%;
}

.lcv3-project__copy,
.lcv3-scene{
  min-width:0;
  width:100%;
}

.lcv3-project__copy{
  overflow-wrap:anywhere;
}

.lcv3-project__copy h2{
  max-width:100%;
  text-wrap:balance;
}

.lcv3-project__copy>p:not(.lcv3-project__client){
  max-width:min(100%,680px);
}

.lcv3-scene{
  contain:layout paint;
}

.lcv3-hud{
  max-width:calc(100% - 52px);
}

.lcv3-video-wall{
  min-width:0;
}

.lcv3-feed{
  min-width:0;
}

@media(min-width:1101px) and (max-width:1380px){
  .lcv3-project__card,
  .lcv3-project__card--reverse{
    grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);
  }

  .lcv3-project__copy{
    padding:clamp(38px,4vw,64px);
  }

  .lcv3-project__copy h2{
    font-size:clamp(44px,4.55vw,72px);
  }

  .lcv3-car{
    left:16%;
    width:220px;
  }

  .lcv3-face{
    right:5%;
    width:145px;
  }

  .lcv3-barrier{
    right:6%;
  }
}

@media(max-width:1100px){
  .lcv3-project__card,
  .lcv3-project__card--reverse{
    grid-template-columns:minmax(0,1fr);
  }

  .lcv3-project__copy,
  .lcv3-scene{
    width:100%;
  }
}

/* RESPONSIVE */
@media(max-width:1100px){
  .lcv3-hero__layout,
  .lcv3-intro__layout,
  .lcv3-cta__layout{grid-template-columns:1fr}

  .lcv3-network{min-height:560px}
  .lcv3-project__card,
  .lcv3-project__card--reverse{grid-template-columns:1fr}
  .lcv3-project__copy{min-height:600px}
  .lcv3-method__grid{grid-template-columns:repeat(2,1fr)}
  .lcv3-method__grid article:nth-child(2){border-right:0}
  .lcv3-method__grid article:nth-child(-n+2){border-bottom:1px solid var(--lcv3-line)}
}

@media(max-width:760px){
  :root{--lcv3-shell:1480px}
  .lcv3-shell{padding-inline:14px}
  .lcv3-hero{min-height:auto}
  .lcv3-hero__layout{padding-block:110px 100px}
  .lcv3-hero h1{font-size:clamp(56px,17vw,88px)}
  .lcv3-hero__lead{font-size:18px}
  .lcv3-network{min-height:650px}
  .lcv3-network__ring--b{width:420px;height:420px}
  .lcv3-node{min-width:145px;padding:12px}
  .lcv3-node--1{left:0;top:10%}
  .lcv3-node--2{right:0;top:10%}
  .lcv3-node--3{left:0;bottom:18%}
  .lcv3-node--4{right:0;bottom:18%}
  .lcv3-project__copy{min-height:560px;padding:76px 28px 42px}
  .lcv3-project__copy h2{font-size:clamp(42px,13vw,68px)}
  .lcv3-scene{min-height:590px}
  .lcv3-video-wall{grid-template-columns:1fr}
  .lcv3-feed:nth-child(n+2){display:none}
  .lcv3-car{left:8%;width:205px}
  .lcv3-face{right:5%;width:135px;height:170px}
  .lcv3-smart__module{min-width:130px}
  .lcv3-smart__module.m1{left:3%}
  .lcv3-smart__module.m2{right:3%}
  .lcv3-smart__ring.r2{width:450px;height:450px}
  .lcv3-method__grid{grid-template-columns:1fr}
  .lcv3-method__grid article{border-right:0;border-bottom:1px solid var(--lcv3-line)}
  .lcv3-btn{width:100%}
}

@media(hover:none),(pointer:coarse){
  .lcv3-project__card{animation:lcv3-mobile-glow 4s ease-in-out infinite}
  .lcv3-feed.is-active{animation:lcv3-feed-mobile 3.4s ease-in-out infinite}
  .lcv3-smart__module{animation:lcv3-module-mobile 3.6s ease-in-out infinite}
}
@keyframes lcv3-mobile-glow{
  0%,100%{box-shadow:0 34px 100px rgba(0,0,0,.16)}
  50%{box-shadow:0 34px 100px rgba(0,0,0,.22),0 0 55px rgba(24,233,138,.08)}
}
@keyframes lcv3-feed-mobile{
  0%,100%{filter:brightness(.88)}
  50%{filter:brightness(1.15)}
}
@keyframes lcv3-module-mobile{
  0%,100%{translate:0 0}
  50%{translate:0 -9px}
}

@media(prefers-reduced-motion:reduce){
  #lam-clients-v3 *,
  #lam-clients-v3 *::before,
  #lam-clients-v3 *::after{
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    scroll-behavior:auto!important;
  }
}

/* =========================================================
   AJUSTE SEGURO — SOLO TÍTULO AUTOMÁTICO Y CONTRASTE
   No modifica anchos, grid, escenas ni responsive.
   ========================================================= */

/* Oculta únicamente el título automático de WordPress/Blocksy.
   Esta hoja se carga solamente en /clientes/. */
body.page .entry-header,
body.page .hero-section,
body.page h1.entry-title,
body.page .page-title {
  display:none !important;
}

/* Elimina solo el espacio superior del contenido de esta página. */
body.page .entry-content {
  padding-top:0 !important;
  margin-top:0 !important;
}

/* Contraste correcto del hero. */
#lam-clients-v3 .lcv3-hero h1,
#lam-clients-v3 .lcv3-hero h1 * {
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}

#lam-clients-v3 .lcv3-hero h1 span {
  color:var(--lcv3-green) !important;
  -webkit-text-fill-color:var(--lcv3-green) !important;
}
/* METODOLOGÍA DE INTEGRACIÓN */
#lam-clients-v3 .lcv3-method h2,
#lam-clients-v3 .lcv3-method h3,
#lam-clients-v3 .lcv3-method__title,
#lam-clients-v3 .lcv3-method strong {
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
}

/* Mantiene en verde únicamente el texto destacado */
#lam-clients-v3 .lcv3-method h2 span,
#lam-clients-v3 .lcv3-method h3 span,
#lam-clients-v3 .lcv3-method .lcv3-green {
	color: #18e58f !important;
	-webkit-text-fill-color: #18e58f !important;
}

/* Títulos: Diagnóstico, Arquitectura, Implementación y Evolución */
#lam-clients-v3 .lcv3-method-card h3,
#lam-clients-v3 .lcv3-method-grid h3,
#lam-clients-v3 .lcv3-process h3 {
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
}
/* PRÓXIMA IMPLEMENTACIÓN */
#lam-clients-v3 .lcv3-next h2,
#lam-clients-v3 .lcv3-next h3,
#lam-clients-v3 .lcv3-next__title,
#lam-clients-v3 .lcv3-cta h2 {
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
}

/* Texto verde destacado dentro del cierre */
#lam-clients-v3 .lcv3-next h2 span,
#lam-clients-v3 .lcv3-next h3 span,
#lam-clients-v3 .lcv3-next .lcv3-green,
#lam-clients-v3 .lcv3-cta h2 span {
	color: #18e58f !important;
	-webkit-text-fill-color: #18e58f !important;
}

/* =========================================================
   CORRECCIÓN FINAL DE CONTRASTE — METODOLOGÍA Y CIERRE
   ========================================================= */

/* Metodología: título principal y títulos de las cuatro etapas en blanco */
#lam-clients-v3 .lcv3-method h2,
#lam-clients-v3 .lcv3-method__heading h2,
#lam-clients-v3 .lcv3-method__grid h3,
#lam-clients-v3 .lcv3-method__grid article h3 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Metodología: texto destacado en verde */
#lam-clients-v3 .lcv3-method h2 span,
#lam-clients-v3 .lcv3-method__heading h2 span {
  color: var(--lcv3-green) !important;
  -webkit-text-fill-color: var(--lcv3-green) !important;
}

/* Próxima implementación / cierre: título principal en blanco */
#lam-clients-v3 .lcv3-cta h2,
#lam-clients-v3 .lcv3-next h2,
#lam-clients-v3 .lcv3-next h3,
#lam-clients-v3 .lcv3-next__title {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Cierre: únicamente el texto destacado permanece verde */
#lam-clients-v3 .lcv3-cta h2 span,
#lam-clients-v3 .lcv3-next h2 span,
#lam-clients-v3 .lcv3-next h3 span,
#lam-clients-v3 .lcv3-next .lcv3-green {
  color: var(--lcv3-green) !important;
  -webkit-text-fill-color: var(--lcv3-green) !important;
}

/* =========================================================
   CONTRASTE DEFINITIVO — METODOLOGÍA Y PRÓXIMA IMPLEMENTACIÓN
   ========================================================= */

/* Fuerza blanco real en textos que siguen heredando azul oscuro */
#lam-clients-v3 .lcv3-method .lcv3-method__heading h2,
#lam-clients-v3 .lcv3-method .lcv3-method__heading h2:not(span),
#lam-clients-v3 .lcv3-method .lcv3-method__grid article h3,
#lam-clients-v3 .lcv3-method .lcv3-method__grid article h3 *,
#lam-clients-v3 .lcv3-cta .lcv3-cta__layout h2,
#lam-clients-v3 .lcv3-cta .lcv3-cta__layout h2:not(span),
#lam-clients-v3 .lcv3-next h2,
#lam-clients-v3 .lcv3-next h3,
#lam-clients-v3 .lcv3-next__title {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: none !important;
  background-image: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

/* Mantiene únicamente las palabras destacadas en verde */
#lam-clients-v3 .lcv3-method .lcv3-method__heading h2 span,
#lam-clients-v3 .lcv3-cta .lcv3-cta__layout h2 span,
#lam-clients-v3 .lcv3-next h2 span,
#lam-clients-v3 .lcv3-next h3 span,
#lam-clients-v3 .lcv3-next .lcv3-green {
  color: var(--lcv3-green) !important;
  -webkit-text-fill-color: var(--lcv3-green) !important;
  background: none !important;
  background-image: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  opacity: 1 !important;
}

/* Refuerzo específico para los cuatro títulos inferiores */
#lam-clients-v3 .lcv3-method__grid article:nth-child(1) h3,
#lam-clients-v3 .lcv3-method__grid article:nth-child(2) h3,
#lam-clients-v3 .lcv3-method__grid article:nth-child(3) h3,
#lam-clients-v3 .lcv3-method__grid article:nth-child(4) h3 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* =========================================================
   CLIENTE 05 · SERVIELECTRO / LA ISLA
   DASHBOARDS EN VIVO ESCALABLES
   ========================================================= */

.lcv3-node--5{
  left:50%;
  top:1%;
  transform:translateX(-50%);
}
.lcv3-node--5:hover,
.lcv3-node--5:focus,
.lcv3-node--5.is-active{
  transform:translateX(-50%) translateY(-6px) scale(1.02);
}

.lcv3-project--isla{background:var(--lcv3-light)}
.lcv3-scene--isla{
  background:
    radial-gradient(circle at var(--px) var(--py),rgba(24,233,138,.15),transparent 24%),
    radial-gradient(circle at 78% 28%,rgba(0,126,255,.12),transparent 36%),
    #03101a;
}
.lcv3-isla-flow{position:absolute;inset:12% 7% 10%;z-index:4}
.lcv3-isla-unit{
  position:absolute;width:min(210px,34%);min-height:122px;padding:20px;
  display:grid;align-content:center;gap:7px;border:1px solid rgba(24,233,138,.32);
  border-radius:20px;background:rgba(5,22,32,.9);box-shadow:0 24px 60px rgba(0,0,0,.34);
  backdrop-filter:blur(12px);transition:transform .4s var(--lcv3-ease),border-color .35s ease;
}
.lcv3-isla-unit:hover{transform:translateY(-8px);border-color:rgba(24,233,138,.72)}
.lcv3-isla-unit b{color:var(--lcv3-green);font:900 13px/1 ui-monospace,monospace;letter-spacing:.12em}
.lcv3-isla-unit strong{color:#fff;font-size:17px}.lcv3-isla-unit small{color:#9fb1bd;font-size:11px}
.lcv3-isla-unit--lpr{left:2%;top:18%}.lcv3-isla-unit--face{right:2%;top:18%}
.lcv3-isla-unit--parking{left:50%;bottom:3%;width:min(250px,42%);transform:translateX(-50%)}
.lcv3-isla-unit--parking:hover{transform:translateX(-50%) translateY(-8px)}
.lcv3-isla-api{
  position:absolute;left:50%;top:43%;width:152px;height:152px;display:grid;place-content:center;
  text-align:center;border:1px solid rgba(24,233,138,.55);border-radius:50%;background:rgba(3,16,26,.94);
  box-shadow:0 0 0 18px rgba(24,233,138,.025),0 0 68px rgba(24,233,138,.16);transform:translate(-50%,-50%);
}
.lcv3-isla-api span{color:var(--lcv3-green);font-size:12px;font-weight:900;letter-spacing:.18em}
.lcv3-isla-api strong{margin-top:6px;color:#fff;font-size:24px}.lcv3-isla-api small{margin-top:6px;color:#9fb1bd;font-size:9px}
.lcv3-isla-line{position:absolute;top:41%;height:1px;width:27%;background:linear-gradient(90deg,transparent,var(--lcv3-green),transparent);box-shadow:0 0 16px rgba(24,233,138,.35)}
.lcv3-isla-line::after{content:"";position:absolute;top:50%;width:8px;height:8px;border-radius:50%;background:var(--lcv3-green);box-shadow:0 0 18px rgba(24,233,138,.8);animation:lcv3-isla-packet 2.2s linear infinite}
.lcv3-isla-line--a{left:22%;transform:rotate(11deg)}.lcv3-isla-line--b{right:22%;transform:rotate(-11deg)}.lcv3-isla-line--b::after{animation-delay:1.1s}

.lcv3-live{
  position:absolute;z-index:18;left:50%;bottom:28px;width:min(560px,calc(100% - 48px));padding:12px;
  border:1px solid rgba(24,233,138,.34);border-radius:18px;background:rgba(2,10,16,.95);
  box-shadow:0 28px 90px rgba(0,0,0,.52),0 0 45px rgba(24,233,138,.08);backdrop-filter:blur(16px);
  opacity:0;visibility:hidden;transform:translate(-50%,24px) scale(.97);
  transition:opacity .35s ease,visibility .35s ease,transform .45s var(--lcv3-ease);
}
.lcv3-scene:hover .lcv3-live,.lcv3-live:focus-within{opacity:1;visibility:visible;transform:translate(-50%,0) scale(1)}
.lcv3-live__top{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 6px 10px}
.lcv3-live__top span{display:flex;align-items:center;gap:8px;color:#d7e3e9;font-size:9px;font-weight:900;letter-spacing:.14em}
.lcv3-live__top span i{width:8px;height:8px;border-radius:50%;background:var(--lcv3-green);box-shadow:0 0 15px rgba(24,233,138,.85);animation:lcv3-live-dot 1.5s ease-in-out infinite}
.lcv3-live__top strong{color:var(--lcv3-green);font-size:11px;text-align:right}
.lcv3-live__viewport{position:relative;height:245px;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#06131d}
.lcv3-live__viewport iframe{width:100%;height:100%;border:0;background:#06131d;pointer-events:none}
.lcv3-live__fallback{position:absolute;inset:0;display:grid;place-content:center;gap:8px;text-align:center;background:linear-gradient(rgba(24,233,138,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(24,233,138,.055) 1px,transparent 1px),radial-gradient(circle at 50% 50%,rgba(24,233,138,.12),transparent 45%),#06131d;background-size:32px 32px,32px 32px,auto,auto}
.lcv3-live__fallback b{color:var(--lcv3-green);font-size:18px;letter-spacing:.12em}.lcv3-live__fallback span{color:#aebdc7;font-size:12px}
.lcv3-live__actions{margin-top:10px}.lcv3-live__actions button{width:100%;min-height:44px;border:1px solid rgba(24,233,138,.34);border-radius:11px;color:#03110a;background:var(--lcv3-green);font-size:12px;font-weight:900;cursor:pointer}
.lcv3-live.is-pending .lcv3-live__actions button{opacity:.45;cursor:not-allowed}

html.lcv3-modal-open{overflow:hidden}.lcv3-live-modal{position:fixed;z-index:999999;inset:0;display:grid;place-items:center;padding:clamp(14px,3vw,34px);opacity:0;visibility:hidden;transition:.3s ease}
.lcv3-live-modal.is-open{opacity:1;visibility:visible}.lcv3-live-modal__backdrop{position:absolute;inset:0;background:rgba(0,7,12,.82);backdrop-filter:blur(12px)}
.lcv3-live-modal__panel{position:relative;z-index:2;width:min(1500px,100%);height:min(900px,92svh);overflow:hidden;border:1px solid rgba(24,233,138,.34);border-radius:24px;background:#020b13;box-shadow:0 40px 140px rgba(0,0,0,.68)}
.lcv3-live-modal header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid rgba(255,255,255,.1)}
.lcv3-live-modal header div{display:grid;gap:4px}.lcv3-live-modal header span{color:#91a4b1;font-size:9px;font-weight:900;letter-spacing:.15em}.lcv3-live-modal header strong{color:var(--lcv3-green);font-size:15px}
.lcv3-live-modal header button{width:44px;height:44px;border:1px solid rgba(255,255,255,.16);border-radius:50%;color:#fff;background:rgba(255,255,255,.04);font-size:28px;cursor:pointer}
.lcv3-live-modal__body{position:relative;height:calc(100% - 76px)}.lcv3-live-modal__body iframe{width:100%;height:100%;border:0;background:#06131d}.lcv3-live-modal__notice{position:absolute;inset:0;display:grid;place-content:center;padding:30px;color:#c8d5dd;text-align:center;font-size:18px;background:#020b13}

@keyframes lcv3-isla-packet{from{left:0}to{left:calc(100% - 8px)}}
@keyframes lcv3-live-dot{0%,100%{opacity:.45;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}

@media(max-width:760px){
  .lcv3-node--5{top:0;min-width:154px}.lcv3-isla-flow{inset:12% 4% 9%}.lcv3-isla-unit{width:44%;min-height:112px;padding:15px}.lcv3-isla-unit--lpr{left:0;top:13%}.lcv3-isla-unit--face{right:0;top:13%}.lcv3-isla-unit--parking{width:62%;bottom:4%}.lcv3-isla-api{top:47%;width:130px;height:130px}
  .lcv3-live{bottom:18px;width:calc(100% - 28px);opacity:1;visibility:visible;transform:translate(-50%,0) scale(1)}.lcv3-live__viewport{height:190px}.lcv3-live-modal{padding:8px}.lcv3-live-modal__panel{height:95svh;border-radius:16px}
}
@media(hover:none),(pointer:coarse){.lcv3-live{opacity:1;visibility:visible;transform:translate(-50%,0) scale(1)}}

/* =========================================================
   ACCESO DEMO — DASHBOARD PIEDRA SANTA
   ========================================================= */

.lcv3-live__instruction{
  max-width:390px;
  margin:2px auto 4px !important;
  color:#b7c6cf !important;
  font-size:12px !important;
  line-height:1.45 !important;
  text-align:center;
}

.lcv3-live__credentials{
  width:min(390px,calc(100% - 24px));
  margin:6px auto 2px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
}

.lcv3-live__credentials > span{
  min-width:0;
  display:grid;
  gap:4px;
  padding:10px 12px;
  border:1px solid rgba(24,233,138,.24);
  border-radius:10px;
  background:rgba(24,233,138,.055);
  text-align:left;
}

.lcv3-live__credentials small{
  color:#8399a6;
  font-size:8px;
  font-weight:900;
  letter-spacing:.14em;
}

.lcv3-live__credentials strong{
  overflow-wrap:anywhere;
  color:#ffffff;
  font-size:12px;
  font-weight:800;
  line-height:1.2;
}

.lcv3-live__status{
  margin-top:2px;
  color:#18e98a !important;
  font-size:10px !important;
  font-weight:800;
  letter-spacing:.04em;
}

.lcv3-live__actions button{
  letter-spacing:.035em;
}

@media(max-width:560px){
  .lcv3-live__credentials{
    grid-template-columns:1fr;
  }

  .lcv3-live__instruction{
    padding-inline:10px;
  }
}

/* =========================================================
   CLIENTES V4 · DEMOS VISUALES + AUDIO DINÁMICO
   Inspiración: experiencias digitales inmersivas, sin copiar
   composiciones, marcas ni activos de terceros.
   ========================================================= */

.lcv4-live__viewport{
  height:252px;
  background:#020b12;
}

.lcv4-mini{
  position:absolute;
  inset:0;
  display:grid;
  grid-template-rows:34px 1fr 30px;
  overflow:hidden;
  color:#dffaf0;
  background:
    radial-gradient(circle at 70% 20%,rgba(24,233,138,.12),transparent 36%),
    #03101a;
}

.lcv4-mini__bar,
.lcv4-mini__foot{
  position:relative;
  z-index:3;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:0 11px;
  border-bottom:1px solid rgba(255,255,255,.08);
  background:rgba(2,10,16,.9);
}

.lcv4-mini__bar i{
  width:7px;height:7px;border-radius:50%;background:var(--lcv3-green);
  box-shadow:0 0 14px rgba(24,233,138,.9);
}
.lcv4-mini__bar strong{margin-right:auto;font-size:8px;letter-spacing:.12em}
.lcv4-mini__bar em{color:var(--lcv3-green);font-size:8px;font-style:normal;font-weight:900}
.lcv4-mini__foot{border-top:1px solid rgba(255,255,255,.08);border-bottom:0;color:#8fa5b2;font-size:8px}
.lcv4-mini__foot b{color:var(--lcv3-green);letter-spacing:.16em}

.lcv4-mini__screen{position:relative;overflow:hidden;padding:10px}
.lcv4-mini__screen::before{
  content:"";position:absolute;inset:0;
  background-image:linear-gradient(rgba(24,233,138,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(24,233,138,.05) 1px,transparent 1px);
  background-size:24px 24px;opacity:.6;
}
.lcv4-mini__grid{position:relative;z-index:2;height:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.lcv4-mini__grid>span{
  position:relative;overflow:hidden;display:grid;align-content:end;padding:10px;
  border:1px solid rgba(255,255,255,.1);border-radius:8px;
  background:linear-gradient(145deg,rgba(24,233,138,.08),rgba(0,0,0,.25));
}
.lcv4-mini__grid>span::before{
  content:"";position:absolute;left:12%;right:12%;top:18%;height:42%;border:1px solid rgba(24,233,138,.35);border-radius:5px;
  background:repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 8px,transparent 8px 16px);
}
.lcv4-mini__grid b{position:relative;z-index:2;color:#fff;font-size:9px}
.lcv4-mini__grid small{position:relative;z-index:2;color:var(--lcv3-green);font-size:8px}
.lcv4-mini__scan{position:absolute;z-index:4;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--lcv3-green),transparent);box-shadow:0 0 16px rgba(24,233,138,.8);animation:lcv4-scan 3.6s linear infinite}

.lcv4-mini--parking{background:radial-gradient(circle at 20% 10%,rgba(0,173,255,.16),transparent 38%),#04131b}
.lcv4-mini--parking .lcv4-mini__bar em,.lcv4-mini--parking .lcv4-mini__foot b{color:#55d7ff}
.lcv4-mini--parking .lcv4-mini__grid>span{border-color:rgba(85,215,255,.22);background:linear-gradient(145deg,rgba(85,215,255,.09),rgba(0,0,0,.25))}
.lcv4-mini--parking .lcv4-mini__grid small{color:#55d7ff}
.lcv4-mini--parking .lcv4-mini__scan{background:linear-gradient(90deg,transparent,#55d7ff,transparent);box-shadow:0 0 16px rgba(85,215,255,.8)}
.lcv4-mini--piedra .lcv4-mini__grid>span::before{border-radius:50%;width:42px;height:42px;left:50%;right:auto;transform:translateX(-50%)}

.lcv4-live__overlay{
  position:absolute;z-index:8;left:50%;bottom:11px;transform:translateX(-50%);
  width:calc(100% - 22px);display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:9px 12px;border:1px solid rgba(24,233,138,.22);border-radius:9px;
  color:#9db0bc;background:rgba(2,10,16,.88);backdrop-filter:blur(10px);font-size:9px;
}
.lcv4-live__overlay b{color:var(--lcv3-green);font-size:9px;letter-spacing:.08em}
.lcv4-live__overlay--compact{bottom:10px}

.lcv4-dual-demo{
  position:absolute;z-index:18;left:50%;bottom:24px;width:min(760px,calc(100% - 34px));
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;
  transform:translateX(-50%);
}
.lcv4-dual-demo .lcv3-live{
  position:relative;left:auto;bottom:auto;width:100%;padding:10px;
  opacity:1;visibility:visible;transform:none;
}
.lcv4-dual-demo .lcv3-live__viewport{height:188px}
.lcv4-dual-demo .lcv3-live__credentials{margin-top:8px}
.lcv4-live--parking{border-color:rgba(85,215,255,.35);box-shadow:0 28px 80px rgba(0,0,0,.48),0 0 40px rgba(85,215,255,.08)}
.lcv4-live--parking .lcv3-live__top strong{color:#55d7ff}
.lcv4-live--parking .lcv3-live__top span i{background:#55d7ff;box-shadow:0 0 15px rgba(85,215,255,.85)}
.lcv4-live--parking .lcv3-live__actions button{background:#55d7ff;border-color:#55d7ff;color:#021018}

.lcv4-sound{
  position:fixed;z-index:99990;right:18px;bottom:18px;display:grid;grid-template-columns:auto minmax(110px,1fr) 36px;align-items:center;gap:10px;
  min-width:290px;padding:10px 11px;border:1px solid rgba(24,233,138,.26);border-radius:16px;
  color:#fff;background:rgba(2,10,16,.86);box-shadow:0 24px 80px rgba(0,0,0,.42);backdrop-filter:blur(18px);
}
.lcv4-sound__toggle,.lcv4-sound__next{border:0;color:#fff;background:transparent;cursor:pointer}
.lcv4-sound__toggle{display:flex;align-items:center;gap:9px;padding:0}
.lcv4-sound__toggle b{font-size:8px;letter-spacing:.1em;white-space:nowrap}
.lcv4-sound__bars{height:24px;display:flex;align-items:center;gap:3px}
.lcv4-sound__bars i{width:3px;height:7px;border-radius:3px;background:var(--lcv3-green);animation:lcv4-bars 1s ease-in-out infinite alternate;animation-play-state:paused}
.lcv4-sound__bars i:nth-child(2){height:15px;animation-delay:.15s}.lcv4-sound__bars i:nth-child(3){height:11px;animation-delay:.3s}.lcv4-sound__bars i:nth-child(4){height:20px;animation-delay:.45s}
.lcv4-sound.is-playing .lcv4-sound__bars i{animation-play-state:running}
.lcv4-sound__meta{display:grid;gap:2px;padding-left:10px;border-left:1px solid rgba(255,255,255,.1)}
.lcv4-sound__meta small{color:#7f95a2;font-size:7px;font-weight:900;letter-spacing:.14em}
.lcv4-sound__meta strong{color:var(--lcv3-green);font-size:9px;letter-spacing:.08em}
.lcv4-sound__next{width:34px;height:34px;border:1px solid rgba(255,255,255,.12);border-radius:50%;font-size:18px}

@keyframes lcv4-scan{from{top:8%}to{top:90%}}
@keyframes lcv4-bars{to{height:24px}}

@media(max-width:900px){
  .lcv4-dual-demo{position:relative;left:auto;bottom:auto;width:calc(100% - 24px);margin:110px auto 20px;grid-template-columns:1fr;transform:none}
  .lcv3-scene--isla{min-height:980px}
  .lcv4-dual-demo .lcv3-live__viewport{height:180px}
}
@media(max-width:620px){
  .lcv4-sound{right:10px;bottom:10px;min-width:0;width:calc(100% - 20px);grid-template-columns:auto 1fr 34px}
  .lcv4-sound__toggle b{display:none}
  .lcv4-live__overlay{display:grid;text-align:center}
  .lcv4-live__viewport{height:220px}
}


/* =========================================================
   CORRECCIÓN FINAL INTEGRIDAD VISUAL Y ENLACES DIRECTOS
   ========================================================= */
#lam-clients-v3 .lcv3-method,
#lam-clients-v3 .lcv3-cta { color:#fff !important; }
#lam-clients-v3 .lcv3-method__heading h2,
#lam-clients-v3 .lcv3-method__grid article h3,
#lam-clients-v3 .lcv3-cta__layout h2 {
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  background:none !important;
  background-image:none !important;
  -webkit-background-clip:border-box !important;
  background-clip:border-box !important;
  opacity:1 !important;
  text-shadow:none !important;
}
#lam-clients-v3 .lcv3-method__heading h2 span,
#lam-clients-v3 .lcv3-cta__layout h2 span {
  color:var(--lcv3-green) !important;
  -webkit-text-fill-color:var(--lcv3-green) !important;
}
#lam-clients-v3 .lcv3-method__grid article p,
#lam-clients-v3 .lcv3-cta__panel p { color:#d7e2e8 !important; }
#lam-clients-v3 .lcv4-dashboard-link {
  width:100%; min-height:44px; display:flex; align-items:center; justify-content:center;
  padding:0 16px; border:1px solid rgba(24,233,138,.34); border-radius:11px;
  color:#03110a !important; background:var(--lcv3-green); font-size:12px;
  font-weight:900; text-align:center; cursor:pointer; transition:transform .25s ease,filter .25s ease;
}
#lam-clients-v3 .lcv4-dashboard-link:hover { transform:translateY(-2px); filter:brightness(1.06); }
#lam-clients-v3 .lcv4-live--parking .lcv4-dashboard-link {
  color:#021018 !important; background:#55d7ff; border-color:#55d7ff;
}


/* =========================================================
   LAM CLIENTES — CORRECCIÓN FINAL ESTABLE
   Solo afecta la página #lam-clients-v3.
   ========================================================= */

/* Títulos: blancos con énfasis verde. Nunca azul oscuro sobre fondo oscuro. */
#lam-clients-v3 .lcv3-method__heading h2,
#lam-clients-v3 .lcv3-cta h2,
#lam-clients-v3 .lcv3-project__copy h2 {
  color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

#lam-clients-v3 .lcv3-method__heading h2 span,
#lam-clients-v3 .lcv3-intro h2 span,
#lam-clients-v3 .lcv3-hero h1 span {
  color: var(--lcv3-green) !important;
}

#lam-clients-v3 .lcv3-method__grid h3 {
  color: #ffffff !important;
  opacity: 1 !important;
}

#lam-clients-v3 .lcv3-method__grid p,
#lam-clients-v3 .lcv3-cta__panel p {
  color: #d8e3e9 !important;
}

/* Las tarjetas demo conservan el estilo visual tipo Piedra Santa. */
#lam-clients-v3 .lcv3-live,
#lam-clients-v3 .lcv4-live {
  overflow: hidden !important;
  border: 1px solid rgba(24,233,138,.42) !important;
  border-radius: 18px !important;
  background: rgba(2,11,18,.94) !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.34), 0 0 42px rgba(24,233,138,.06) !important;
}

#lam-clients-v3 .lcv3-live__viewport,
#lam-clients-v3 .lcv4-live__viewport {
  position: relative !important;
  overflow: hidden !important;
  min-height: 238px !important;
  height: 238px !important;
  border-top: 1px solid rgba(255,255,255,.08) !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
}

#lam-clients-v3 .lcv4-live__overlay {
  position: absolute !important;
  inset: 0 !important;
  z-index: 8 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 24px !important;
  text-align: center !important;
  pointer-events: none !important;
  background: linear-gradient(180deg,rgba(2,10,16,.18),rgba(2,10,16,.72)) !important;
}

#lam-clients-v3 .lcv4-live__overlay b {
  color: var(--lcv3-green) !important;
  font-size: clamp(16px,1.15vw,21px) !important;
  letter-spacing: .08em !important;
}

#lam-clients-v3 .lcv4-live__overlay span {
  max-width: 360px !important;
  color: #d8e3e9 !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

/* Credenciales perfectamente alineadas. */
#lam-clients-v3 .lcv3-live__credentials {
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: 10px !important;
  padding: 12px !important;
}

#lam-clients-v3 .lcv3-live__credentials > span {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  min-height: 58px !important;
  padding: 10px 12px !important;
  border: 1px solid rgba(24,233,138,.25) !important;
  border-radius: 11px !important;
  background: rgba(24,233,138,.055) !important;
}

#lam-clients-v3 .lcv3-live__credentials small {
  color: #8295a1 !important;
  font-size: 8px !important;
  font-weight: 900 !important;
  letter-spacing: .14em !important;
}

#lam-clients-v3 .lcv3-live__credentials strong {
  overflow-wrap: anywhere !important;
  color: #ffffff !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
}

/* Botones demo: centrados, sólidos y clicables en toda su superficie. */
#lam-clients-v3 .lcv3-live__actions {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 12px 12px !important;
}

#lam-clients-v3 .lcv4-dashboard-link,
#lam-clients-v3 .lcv3-live__actions > a,
#lam-clients-v3 .lcv3-live__actions > button {
  width: 100% !important;
  min-height: 48px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 18px !important;
  border: 0 !important;
  border-radius: 10px !important;
  color: #021008 !important;
  background: var(--lcv3-green) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: .035em !important;
  line-height: 1 !important;
  text-align: center !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: transform .25s ease,filter .25s ease,box-shadow .25s ease !important;
}

#lam-clients-v3 .lcv4-dashboard-link:hover,
#lam-clients-v3 .lcv3-live__actions > a:hover,
#lam-clients-v3 .lcv3-live__actions > button:hover {
  transform: translateY(-2px) !important;
  filter: brightness(1.06) !important;
  box-shadow: 0 14px 32px rgba(24,233,138,.20) !important;
}

/* Tecnoparking mantiene identidad azul, pero el texto permanece centrado. */
#lam-clients-v3 .lcv4-live--parking {
  border-color: rgba(78,203,247,.46) !important;
}
#lam-clients-v3 .lcv4-live--parking .lcv4-dashboard-link {
  background: #55cdf4 !important;
  color: #03101a !important;
}

/* Dos demos de La Isla sin desbordes ni recortes. */
#lam-clients-v3 .lcv4-dual-demo {
  position: absolute !important;
  z-index: 12 !important;
  left: 24px !important;
  right: 24px !important;
  bottom: 22px !important;
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: 12px !important;
  align-items: stretch !important;
}

#lam-clients-v3 .lcv4-dual-demo .lcv3-live {
  min-width: 0 !important;
  width: 100% !important;
}

/* Reproduce la presencia visual elegante del bloque de Piedra Santa. */
#lam-clients-v3 .lcv4-mini {
  opacity: .92 !important;
  transform: scale(1.01) !important;
}
#lam-clients-v3 .lcv4-mini__bar strong,
#lam-clients-v3 .lcv4-mini__grid b {
  color: #ffffff !important;
}

/* Control de audio siempre visible y por encima de badges externos. */
#lam-clients-v3 .lcv4-sound {
  z-index: 99990 !important;
  pointer-events: auto !important;
}
#lam-clients-v3 .lcv4-sound button {
  pointer-events: auto !important;
  cursor: pointer !important;
}

/* Responsive: no cortar demos ni textos. */
@media (max-width: 1100px) {
  #lam-clients-v3 .lcv4-dual-demo {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    grid-template-columns: 1fr !important;
    margin: 210px 18px 20px !important;
  }
  #lam-clients-v3 .lcv3-scene--isla {
    min-height: 1220px !important;
  }
}

@media (max-width: 620px) {
  #lam-clients-v3 .lcv3-live__credentials {
    grid-template-columns: 1fr !important;
  }
  #lam-clients-v3 .lcv3-live__viewport,
  #lam-clients-v3 .lcv4-live__viewport {
    height: 220px !important;
    min-height: 220px !important;
  }
  #lam-clients-v3 .lcv4-sound {
    right: 10px !important;
    bottom: 10px !important;
    max-width: calc(100vw - 20px) !important;
  }
}


/* =========================================================
   LAM CLIENTES — CIERRE FINAL
   Iconografía animada + audio continuo + demos independientes
   ========================================================= */

/* ICONOS ANIMADOS — METODOLOGÍA */
#lam-clients-v3 .lcv5-method-card {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

#lam-clients-v3 .lcv5-method-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: 0;
  background:
    radial-gradient(circle at 50% 42%, rgba(24,233,138,.15), transparent 34%),
    linear-gradient(140deg, rgba(24,233,138,.055), transparent 72%);
  transition: opacity .45s ease;
}

#lam-clients-v3 .lcv5-method-card:hover::before {
  opacity: 1;
}

#lam-clients-v3 .lcv5-method-icon {
  position: relative;
  width: 96px;
  height: 96px;
  margin: 34px 0 20px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(24,233,138,.22);
  border-radius: 24px;
  color: var(--lcv3-green);
  background:
    linear-gradient(145deg, rgba(24,233,138,.08), rgba(3,12,20,.78));
  box-shadow:
    inset 0 0 28px rgba(24,233,138,.04),
    0 20px 55px rgba(0,0,0,.22);
  transform: translateZ(0);
  transition: transform .45s cubic-bezier(.22,1,.36,1),
              border-color .35s ease,
              box-shadow .35s ease;
}

#lam-clients-v3 .lcv5-method-card:hover .lcv5-method-icon {
  transform: translateY(-8px) rotateX(7deg) rotateY(-7deg);
  border-color: rgba(24,233,138,.62);
  box-shadow:
    inset 0 0 36px rgba(24,233,138,.09),
    0 24px 70px rgba(24,233,138,.12);
}

#lam-clients-v3 .lcv5-method-icon svg {
  width: 72px;
  height: 72px;
  overflow: visible;
}

#lam-clients-v3 .lcv5-stroke,
#lam-clients-v3 .lcv5-orbit,
#lam-clients-v3 .lcv5-scan-line {
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}

#lam-clients-v3 .lcv5-stroke {
  stroke-dasharray: 230;
  stroke-dashoffset: 230;
  animation: lcv5-draw 3.4s ease-in-out infinite;
}

#lam-clients-v3 .lcv5-stroke--delay {
  animation-delay: .45s;
}

#lam-clients-v3 .lcv5-orbit {
  opacity: .34;
  stroke-dasharray: 8 7;
  transform-origin: 48px 48px;
  animation: lcv5-orbit 9s linear infinite;
}

#lam-clients-v3 .lcv5-pulse-dot,
#lam-clients-v3 .lcv5-node,
#lam-clients-v3 .lcv5-travel-dot {
  fill: var(--lcv3-green);
  filter: drop-shadow(0 0 8px rgba(24,233,138,.85));
}

#lam-clients-v3 .lcv5-pulse-dot {
  transform-origin: 48px 48px;
  animation: lcv5-pulse-node 1.8s ease-in-out infinite;
}

#lam-clients-v3 .lcv5-node {
  animation: lcv5-node-flicker 2.4s ease-in-out infinite;
}
#lam-clients-v3 .lcv5-node.n2 { animation-delay: .35s; }
#lam-clients-v3 .lcv5-node.n3 { animation-delay: .7s; }

#lam-clients-v3 .lcv5-scan-line {
  stroke-width: 3;
  filter: drop-shadow(0 0 6px rgba(24,233,138,.85));
  animation: lcv5-scan-icon 2.2s ease-in-out infinite;
}

#lam-clients-v3 .lcv5-travel-dot {
  transform-origin: 48px 48px;
  animation: lcv5-travel 3.6s linear infinite;
}

@keyframes lcv5-draw {
  0%, 16% { stroke-dashoffset: 230; opacity: .25; }
  45%, 72% { stroke-dashoffset: 0; opacity: 1; }
  100% { stroke-dashoffset: -230; opacity: .25; }
}
@keyframes lcv5-orbit {
  to { transform: rotate(360deg); }
}
@keyframes lcv5-pulse-node {
  0%,100% { transform: scale(.72); opacity: .58; }
  50% { transform: scale(1.2); opacity: 1; }
}
@keyframes lcv5-node-flicker {
  0%,100% { opacity: .35; transform: scale(.75); }
  50% { opacity: 1; transform: scale(1.2); }
}
@keyframes lcv5-scan-icon {
  0%,100% { transform: translateY(-16px); opacity: .22; }
  50% { transform: translateY(16px); opacity: 1; }
}
@keyframes lcv5-travel {
  to { transform: rotate(360deg); }
}

/* DEMO DE LA ESTANCIA: overlay compacto, centrado y nunca recortado */
#lam-clients-v3 .lcv4-live__overlay {
  inset: auto 12px 12px 12px !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 58px !important;
  transform: none !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  align-content: center !important;
  justify-items: start !important;
  gap: 4px !important;
  padding: 10px 12px !important;
  text-align: left !important;
  border: 1px solid rgba(24,233,138,.28) !important;
  border-radius: 10px !important;
  background: rgba(2,10,16,.88) !important;
  backdrop-filter: blur(12px) !important;
}

#lam-clients-v3 .lcv4-live__overlay b {
  max-width: 100% !important;
  overflow: visible !important;
  color: var(--lcv3-green) !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  letter-spacing: .08em !important;
  white-space: normal !important;
}

#lam-clients-v3 .lcv4-live__overlay span {
  display: block !important;
  max-width: 100% !important;
  overflow: visible !important;
  color: #d7e1e7 !important;
  font-size: 10px !important;
  line-height: 1.35 !important;
  white-space: normal !important;
}

/* LA ISLA: dos tarjetas completamente separadas y sin movimiento */
#lam-clients-v3 .lcv3-project--isla .lcv3-project__card {
  grid-template-columns: minmax(0,.78fr) minmax(0,1.22fr) !important;
}

#lam-clients-v3 .lcv3-project--isla .lcv3-scene {
  z-index: 5 !important;
  min-height: 940px !important;
  overflow: hidden !important;
  transform: none !important;
}

#lam-clients-v3 .lcv3-project--isla .lcv3-project__copy {
  z-index: 4 !important;
}

#lam-clients-v3 .lcv4-dual-demo {
  position: absolute !important;
  z-index: 30 !important;
  left: 18px !important;
  right: 18px !important;
  bottom: 18px !important;
  width: auto !important;
  max-width: none !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  gap: 14px !important;
  transform: none !important;
  pointer-events: auto !important;
}

#lam-clients-v3 .lcv4-dual-demo .lcv3-live {
  position: relative !important;
  inset: auto !important;
  z-index: 31 !important;
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  padding: 10px !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  pointer-events: auto !important;
}

#lam-clients-v3 .lcv4-dual-demo .lcv3-live:hover {
  transform: translateY(-4px) !important;
}

#lam-clients-v3 .lcv4-dual-demo .lcv3-live__viewport {
  height: 170px !important;
  min-height: 170px !important;
}

#lam-clients-v3 .lcv4-dual-demo .lcv3-live__actions,
#lam-clients-v3 .lcv4-dual-demo .lcv4-dashboard-link {
  position: relative !important;
  z-index: 50 !important;
  pointer-events: auto !important;
}

/* Ningún efecto 3D puede desplazar la escena de La Isla */
#lam-clients-v3 .lcv3-project--isla .lcv3-project__card:hover,
#lam-clients-v3 .lcv3-project--isla .lcv3-scene:hover {
  transform: none !important;
}

/* AUDIO: la barra permanece fija y muestra estado real */
#lam-clients-v3 .lcv4-sound {
  position: fixed !important;
  right: 18px !important;
  bottom: 18px !important;
  z-index: 999999 !important;
}

#lam-clients-v3 .lcv4-sound.is-playing {
  border-color: rgba(24,233,138,.62) !important;
  box-shadow: 0 18px 50px rgba(0,0,0,.30), 0 0 36px rgba(24,233,138,.12) !important;
}

@media (max-width: 1180px) {
  #lam-clients-v3 .lcv3-project--isla .lcv3-project__card {
    grid-template-columns: 1fr !important;
  }

  #lam-clients-v3 .lcv3-project--isla .lcv3-scene {
    min-height: 1260px !important;
  }

  #lam-clients-v3 .lcv4-dual-demo {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    grid-template-columns: 1fr !important;
    margin: 420px 18px 20px !important;
  }
}

@media (max-width: 700px) {
  #lam-clients-v3 .lcv5-method-icon {
    width: 82px;
    height: 82px;
  }

  #lam-clients-v3 .lcv4-dual-demo {
    margin-top: 360px !important;
  }

  #lam-clients-v3 .lcv4-sound {
    right: 8px !important;
    bottom: 8px !important;
  }
}


/* =========================================================
   LAM CLIENTES — EXPERIENCIA FINAL
   Clientes más visibles + navegación perfecta + hero corregido
   ========================================================= */

/* El título principal nunca deja una "S" huérfana. */
#lam-clients-v3 .lcv3-hero__copy h1 {
  max-width: 820px !important;
  margin-bottom: 22px !important;
  font-size: clamp(70px, 7vw, 142px) !important;
  line-height: .86 !important;
  letter-spacing: -.065em !important;
  text-wrap: balance !important;
  overflow: visible !important;
}

#lam-clients-v3 .lcv6-hero-line {
  display: block !important;
  white-space: normal !important;
}

#lam-clients-v3 .lcv6-hero-line--accent {
  color: var(--lcv3-green) !important;
  max-width: 100% !important;
}

/* Navegador premium de clientes. */
#lam-clients-v3 .lcv6-client-nav {
  position: relative;
  z-index: 12;
  display: grid;
  grid-template-columns: repeat(5, minmax(0,1fr));
  gap: 8px;
  max-width: 860px;
  margin: 28px 0 0;
}

#lam-clients-v3 .lcv6-client-nav a {
  position: relative;
  min-width: 0;
  min-height: 88px;
  padding: 14px 14px 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 3px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 14px;
  color: #fff;
  background:
    linear-gradient(145deg, rgba(255,255,255,.025), rgba(24,233,138,.025)),
    rgba(3,12,20,.58);
  text-decoration: none;
  backdrop-filter: blur(14px);
  transition:
    transform .35s cubic-bezier(.22,1,.36,1),
    border-color .35s ease,
    background .35s ease,
    box-shadow .35s ease;
}

#lam-clients-v3 .lcv6-client-nav a::before {
  content: "";
  position: absolute;
  inset: auto -20% -55% -20%;
  height: 110%;
  background: radial-gradient(circle, rgba(24,233,138,.20), transparent 64%);
  opacity: 0;
  transition: opacity .35s ease;
}

#lam-clients-v3 .lcv6-client-nav a:hover,
#lam-clients-v3 .lcv6-client-nav a.is-active {
  transform: translateY(-5px);
  border-color: rgba(24,233,138,.65);
  background:
    linear-gradient(145deg, rgba(24,233,138,.11), rgba(3,12,20,.72));
  box-shadow: 0 18px 48px rgba(0,0,0,.30), 0 0 30px rgba(24,233,138,.09);
}

#lam-clients-v3 .lcv6-client-nav a:hover::before,
#lam-clients-v3 .lcv6-client-nav a.is-active::before {
  opacity: 1;
}

#lam-clients-v3 .lcv6-client-nav span,
#lam-clients-v3 .lcv6-client-nav strong,
#lam-clients-v3 .lcv6-client-nav small {
  position: relative;
  z-index: 2;
  min-width: 0;
}

#lam-clients-v3 .lcv6-client-nav span {
  color: var(--lcv3-green);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .12em;
}

#lam-clients-v3 .lcv6-client-nav strong {
  overflow: hidden;
  color: #fff;
  font-size: 11px;
  font-weight: 900;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#lam-clients-v3 .lcv6-client-nav small {
  overflow: hidden;
  color: #8fa1ad;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .04em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Los nombres de clientes viven dentro del núcleo LAM. */
#lam-clients-v3 .lcv6-core-clients {
  position: absolute;
  inset: -56px -86px;
  z-index: -1;
  pointer-events: none;
  animation: lcv6-core-rotate 26s linear infinite;
}

#lam-clients-v3 .lcv6-core-clients b {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 130px;
  margin-left: -65px;
  color: rgba(255,255,255,.48);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .10em;
  text-align: center;
  white-space: nowrap;
  transform-origin: 65px 65px;
}

#lam-clients-v3 .lcv6-core-clients b:nth-child(1) { transform: rotate(0deg) translateY(-78px) rotate(0deg); }
#lam-clients-v3 .lcv6-core-clients b:nth-child(2) { transform: rotate(72deg) translateY(-78px) rotate(-72deg); }
#lam-clients-v3 .lcv6-core-clients b:nth-child(3) { transform: rotate(144deg) translateY(-78px) rotate(-144deg); }
#lam-clients-v3 .lcv6-core-clients b:nth-child(4) { transform: rotate(216deg) translateY(-78px) rotate(-216deg); }
#lam-clients-v3 .lcv6-core-clients b:nth-child(5) { transform: rotate(288deg) translateY(-78px) rotate(-288deg); }

@keyframes lcv6-core-rotate {
  to { transform: rotate(360deg); }
}

/* Los nombres de cliente ganan presencia en cada caso. */
#lam-clients-v3 .lcv3-project__client {
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  max-width: 100% !important;
  padding: 8px 11px !important;
  border: 1px solid rgba(24,233,138,.22) !important;
  border-radius: 999px !important;
  color: var(--lcv3-green) !important;
  background: rgba(24,233,138,.055) !important;
  box-shadow: inset 0 0 20px rgba(24,233,138,.035) !important;
  letter-spacing: .08em !important;
  line-height: 1.15 !important;
}

#lam-clients-v3 .lcv3-project__client::before {
  content: "";
  width: 7px;
  height: 7px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: var(--lcv3-green);
  box-shadow: 0 0 14px rgba(24,233,138,.8);
  animation: lcv6-client-pulse 1.8s ease-in-out infinite;
}

@keyframes lcv6-client-pulse {
  0%,100% { transform: scale(.7); opacity: .55; }
  50% { transform: scale(1.2); opacity: 1; }
}

/* Botones de demo con el nuevo texto y presencia comercial. */
#lam-clients-v3 .lcv4-dashboard-link,
#lam-clients-v3 .lcv3-live__actions > a,
#lam-clients-v3 .lcv3-live__actions > button {
  min-height: 52px !important;
  letter-spacing: .065em !important;
}

/* Navegación suave y precisa. */
html {
  scroll-behavior: smooth;
}

#lam-clients-v3 [id^="cliente-"] {
  scroll-margin-top: 110px;
}

@media (max-width: 1280px) {
  #lam-clients-v3 .lcv3-hero__copy h1 {
    font-size: clamp(62px, 6.7vw, 112px) !important;
  }

  #lam-clients-v3 .lcv6-client-nav {
    grid-template-columns: repeat(3, minmax(0,1fr));
  }
}

@media (max-width: 760px) {
  #lam-clients-v3 .lcv3-hero__copy h1 {
    font-size: clamp(54px, 16vw, 88px) !important;
    line-height: .9 !important;
    letter-spacing: -.055em !important;
  }

  #lam-clients-v3 .lcv6-client-nav {
    display: flex;
    overflow-x: auto;
    gap: 10px;
    padding-bottom: 8px;
    scroll-snap-type: x mandatory;
  }

  #lam-clients-v3 .lcv6-client-nav a {
    flex: 0 0 210px;
    scroll-snap-align: start;
  }

  #lam-clients-v3 .lcv6-core-clients {
    display: none;
  }
}


/* =========================================================
   LAM CLIENTES — AJUSTE DE EXPERIENCIA
   Sin redundancias, blanco + verde, nombres de clientes dinámicos
   ========================================================= */

/* Hero: combinación original blanco + verde. */
#lam-clients-v3 .lcv6-hero-line--white {
  color: #ffffff !important;
}

#lam-clients-v3 .lcv6-hero-line--accent {
  color: var(--lcv3-green) !important;
  white-space: nowrap !important;
}

#lam-clients-v3 .lcv3-hero__copy h1 {
  max-width: 900px !important;
  font-size: clamp(66px, 6.4vw, 132px) !important;
  line-height: .88 !important;
  letter-spacing: -.062em !important;
}

/* Una sola identificación general para la constelación de clientes. */
#lam-clients-v3 .lcv7-network-label {
  position: absolute;
  top: 6px;
  left: 50%;
  z-index: 20;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  transform: translateX(-50%);
  color: #ffffff;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .16em;
  white-space: nowrap;
  pointer-events: none;
}

#lam-clients-v3 .lcv7-network-label span {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--lcv3-green);
  box-shadow: 0 0 15px rgba(24,233,138,.9);
  animation: lcv7-label-pulse 1.8s ease-in-out infinite;
}

@keyframes lcv7-label-pulse {
  0%,100% { transform: scale(.72); opacity: .5; }
  50% { transform: scale(1.25); opacity: 1; }
}

/* Nodos de clientes: presencia más fuerte sin duplicarlos. */
#lam-clients-v3 .lcv3-node {
  overflow: hidden !important;
  isolation: isolate !important;
  backdrop-filter: blur(16px) !important;
  transition:
    transform .45s cubic-bezier(.22,1,.36,1),
    border-color .35s ease,
    background .35s ease,
    box-shadow .35s ease !important;
}

#lam-clients-v3 .lcv3-node::before {
  content: "";
  position: absolute;
  inset: -45%;
  z-index: -1;
  background:
    conic-gradient(
      from 180deg,
      transparent 0deg,
      rgba(24,233,138,.22) 55deg,
      transparent 110deg,
      transparent 360deg
    );
  opacity: 0;
  animation: lcv7-node-scan 7s linear infinite;
  transition: opacity .35s ease;
}

#lam-clients-v3 .lcv3-node::after {
  content: "";
  position: absolute;
  left: -40%;
  bottom: -70%;
  width: 180%;
  height: 120%;
  z-index: -1;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(24,233,138,.18), transparent 66%);
  opacity: 0;
  transition: opacity .35s ease;
}

#lam-clients-v3 .lcv3-node:hover,
#lam-clients-v3 .lcv3-node.is-active {
  transform: translateY(-7px) scale(1.025) !important;
  border-color: rgba(24,233,138,.72) !important;
  background:
    linear-gradient(145deg, rgba(24,233,138,.105), rgba(3,12,20,.84)) !important;
  box-shadow:
    0 22px 58px rgba(0,0,0,.35),
    0 0 34px rgba(24,233,138,.12) !important;
}

#lam-clients-v3 .lcv3-node:hover::before,
#lam-clients-v3 .lcv3-node.is-active::before,
#lam-clients-v3 .lcv3-node:hover::after,
#lam-clients-v3 .lcv3-node.is-active::after {
  opacity: 1;
}

#lam-clients-v3 .lcv3-node strong {
  color: #ffffff !important;
  font-size: 12px !important;
  letter-spacing: .01em !important;
}

#lam-clients-v3 .lcv3-node small {
  color: #9aabb5 !important;
}

@keyframes lcv7-node-scan {
  to { transform: rotate(360deg); }
}

/* Títulos de proyectos: proporción correcta en todos los anchos. */
#lam-clients-v3 .lcv3-project__copy h2 {
  max-width: 100% !important;
  font-size: clamp(54px, 5.35vw, 104px) !important;
  line-height: .93 !important;
  letter-spacing: -.055em !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
  text-wrap: balance !important;
}

#lam-clients-v3 .lcv3-project__copy {
  min-width: 0 !important;
}

@media (max-width: 1180px) {
  #lam-clients-v3 .lcv3-project__copy h2 {
    font-size: clamp(50px, 7vw, 82px) !important;
    max-width: 760px !important;
  }

  #lam-clients-v3 .lcv3-hero__copy h1 {
    font-size: clamp(58px, 7.2vw, 104px) !important;
  }
}

@media (max-width: 760px) {
  #lam-clients-v3 .lcv6-hero-line--accent {
    white-space: normal !important;
  }

  #lam-clients-v3 .lcv3-hero__copy h1 {
    font-size: clamp(50px, 14vw, 78px) !important;
    line-height: .92 !important;
  }

  #lam-clients-v3 .lcv3-project__copy h2 {
    font-size: clamp(44px, 12.5vw, 68px) !important;
    line-height: .96 !important;
    letter-spacing: -.045em !important;
  }

  #lam-clients-v3 .lcv7-network-label {
    top: 12px;
    font-size: 8px;
    letter-spacing: .11em;
  }
}


/* =========================================================
   LAM CLIENTES — CORRECCIÓN DEFINITIVA DE COLOR Y PROPORCIÓN
   ========================================================= */

#lam-clients-v3 .lcv3-hero__copy h1 .lcv6-hero-line--white {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
#lam-clients-v3 .lcv3-hero__copy h1 .lcv6-hero-line--accent {
  color: var(--lcv3-green) !important;
  -webkit-text-fill-color: var(--lcv3-green) !important;
}
#lam-clients-v3 .lcv3-hero__copy h1 {
  max-width: 930px !important;
  font-size: clamp(64px, 5.75vw, 116px) !important;
  line-height: .91 !important;
  letter-spacing: -.058em !important;
  text-wrap: balance !important;
}
#lam-clients-v3 .lcv6-hero-line { display:block !important; }

#lam-clients-v3 .lcv3-project__card {
  grid-template-columns: minmax(460px, .95fr) minmax(0, 1.25fr) !important;
}
#lam-clients-v3 .lcv3-project--isla .lcv3-project__card {
  grid-template-columns: minmax(460px, .92fr) minmax(0, 1.28fr) !important;
}
#lam-clients-v3 .lcv3-project__copy {
  min-width: 0 !important;
  padding: clamp(46px, 5vw, 84px) clamp(42px, 4.8vw, 76px) !important;
}
#lam-clients-v3 .lcv3-project__copy h2 {
  width: 100% !important;
  max-width: 660px !important;
  margin: 22px 0 18px !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: clamp(48px, 4.15vw, 78px) !important;
  line-height: .96 !important;
  letter-spacing: -.048em !important;
  white-space: normal !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
  text-wrap: balance !important;
}
@media (max-width:1180px){
  #lam-clients-v3 .lcv3-project__card,
  #lam-clients-v3 .lcv3-project--isla .lcv3-project__card{grid-template-columns:1fr !important;}
  #lam-clients-v3 .lcv3-project__copy h2{max-width:900px !important;font-size:clamp(46px,7vw,72px) !important;}
  #lam-clients-v3 .lcv3-project__copy{padding:52px 46px !important;}
  #lam-clients-v3 .lcv3-hero__copy h1{font-size:clamp(58px,7vw,96px) !important;}
}
@media (max-width:760px){
  #lam-clients-v3 .lcv3-hero__copy h1{max-width:100% !important;font-size:clamp(46px,13vw,68px) !important;line-height:.95 !important;letter-spacing:-.048em !important;}
  #lam-clients-v3 .lcv6-hero-line--accent{white-space:normal !important;}
  #lam-clients-v3 .lcv3-project__copy{padding:38px 26px !important;}
  #lam-clients-v3 .lcv3-project__copy h2{max-width:100% !important;font-size:clamp(40px,11.4vw,58px) !important;line-height:1 !important;letter-spacing:-.04em !important;word-break:normal !important;overflow-wrap:normal !important;}
}


/* =========================================================
   LCV8 · UNIVERSO TECNOLÓGICO DEL HERO
   Ajuste aislado: no altera proyectos, demos ni responsive global.
   ========================================================= */
#lam-clients-v3 .lcv3-network{
  --lcv8-nx:0;
  --lcv8-ny:0;
  perspective:1500px;
  isolation:isolate;
}

#lam-clients-v3 .lcv3-network::before{
  inset:3% 0 8%;
  background:
    radial-gradient(circle at 50% 48%,rgba(24,233,138,.14),transparent 23%),
    radial-gradient(circle at 50% 48%,rgba(16,116,255,.08),transparent 48%),
    radial-gradient(circle at 32% 28%,rgba(255,255,255,.035) 0 1px,transparent 2px),
    radial-gradient(circle at 72% 66%,rgba(24,233,138,.12) 0 1px,transparent 2px);
  background-size:auto,auto,31px 31px,47px 47px;
  filter:none;
  opacity:.95;
  transform:translate3d(calc(var(--lcv8-nx) * -5px),calc(var(--lcv8-ny) * -4px),-60px);
  transition:transform .65s var(--lcv3-ease);
}

#lam-clients-v3 .lcv3-network__core{
  width:190px;
  height:190px;
  overflow:visible;
  isolation:isolate;
  border:0;
  background:transparent;
  box-shadow:none;
  transform:translate(-50%,-50%) translateZ(55px);
}

#lam-clients-v3 .lcv3-network__core::before{
  content:"";
  position:absolute;
  inset:-34px;
  z-index:-3;
  border-radius:50%;
  background:radial-gradient(circle,rgba(24,233,138,.17),rgba(24,233,138,.04) 38%,transparent 68%);
  filter:blur(9px);
  animation:lcv8-core-breathe 4.8s ease-in-out infinite;
}

#lam-clients-v3 .lcv8-core__surface{
  position:absolute;
  inset:0;
  z-index:-1;
  overflow:hidden;
  border:1px solid rgba(108,255,192,.58);
  border-radius:50%;
  background:
    radial-gradient(circle at 34% 28%,rgba(255,255,255,.24),transparent 8%),
    radial-gradient(circle at 62% 67%,rgba(0,8,15,.88),transparent 48%),
    radial-gradient(circle at 38% 35%,#0b7b55 0,#063d35 29%,#03131d 70%);
  box-shadow:
    inset -28px -24px 46px rgba(0,3,8,.82),
    inset 14px 10px 30px rgba(63,255,177,.13),
    0 0 0 15px rgba(24,233,138,.022),
    0 0 72px rgba(24,233,138,.24);
}

#lam-clients-v3 .lcv8-core__surface::before{
  content:"";
  position:absolute;
  inset:-20%;
  border-radius:48%;
  background:
    repeating-linear-gradient(112deg,transparent 0 14px,rgba(116,255,205,.055) 15px 16px,transparent 17px 31px),
    radial-gradient(ellipse at center,transparent 38%,rgba(24,233,138,.16) 40%,transparent 43%);
  animation:lcv8-core-rotate 18s linear infinite;
}

#lam-clients-v3 .lcv8-core__corona{
  position:absolute;
  inset:-17px;
  z-index:-2;
  border:1px solid rgba(24,233,138,.22);
  border-radius:50%;
  box-shadow:0 0 38px rgba(24,233,138,.19),inset 0 0 25px rgba(24,233,138,.09);
  animation:lcv8-corona 6s ease-in-out infinite;
}

#lam-clients-v3 .lcv8-core__content{
  position:relative;
  z-index:2;
  color:#30f0a0;
  text-shadow:0 0 22px rgba(24,233,138,.42);
}

#lam-clients-v3 .lcv3-network__core small{
  position:relative;
  z-index:2;
}

#lam-clients-v3 .lcv3-network__ring{
  border-color:rgba(85,239,177,.16);
  box-shadow:inset 0 0 34px rgba(24,233,138,.025);
}

#lam-clients-v3 .lcv3-network__ring--a{
  width:360px;
  height:360px;
  transform:translate(-50%,-50%) rotateX(69deg) rotateZ(8deg);
}

#lam-clients-v3 .lcv3-network__ring--b{
  width:540px;
  height:540px;
  border-style:solid;
  border-color:rgba(44,159,132,.14);
  transform:translate(-50%,-50%) rotateX(73deg) rotateZ(-12deg);
  animation:lcv8-orbit-spin 28s linear infinite;
}

#lam-clients-v3 .lcv3-network__pulse{
  width:226px;
  height:226px;
  border-color:rgba(24,233,138,.24);
}

#lam-clients-v3 .lcv3-network__beam{
  z-index:1;
  height:1px;
  opacity:.42;
  filter:drop-shadow(0 0 5px rgba(24,233,138,.45));
}

#lam-clients-v3 .lcv3-node{
  --planet-x:0;
  --planet-y:0;
  --planet-depth:0px;
  --light-x:32%;
  --light-y:27%;
  min-width:190px;
  min-height:94px;
  padding:0;
  display:flex;
  align-items:center;
  gap:12px;
  overflow:visible!important;
  isolation:isolate;
  border:0!important;
  border-radius:0;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  transform-style:preserve-3d;
  transform:translate3d(var(--planet-x),var(--planet-y),var(--planet-depth));
  transition:transform .55s var(--lcv3-ease),filter .45s ease!important;
}

#lam-clients-v3 .lcv3-node--5{
  transform:translateX(-50%) translate3d(var(--planet-x),var(--planet-y),var(--planet-depth));
}

#lam-clients-v3 .lcv3-node::before,
#lam-clients-v3 .lcv3-node::after{
  content:none!important;
}

#lam-clients-v3 .lcv8-planet{
  position:relative;
  width:76px;
  height:76px;
  flex:0 0 76px;
  border-radius:50%;
  transform-style:preserve-3d;
  transform:rotateX(calc(var(--planet-y) * -.08deg)) rotateY(calc(var(--planet-x) * .08deg));
  transition:transform .55s var(--lcv3-ease),filter .45s ease;
  filter:drop-shadow(0 18px 22px rgba(0,0,0,.42));
}

#lam-clients-v3 .lcv8-planet__surface,
#lam-clients-v3 .lcv8-planet__atmosphere,
#lam-clients-v3 .lcv8-planet__shadow{
  position:absolute;
  inset:0;
  border-radius:50%;
}

#lam-clients-v3 .lcv8-planet__surface{
  overflow:hidden;
  background:
    radial-gradient(circle at var(--light-x) var(--light-y),rgba(255,255,255,.55) 0 3%,rgba(145,255,213,.18) 8%,transparent 23%),
    radial-gradient(circle at 30% 38%,rgba(28,235,145,.34),transparent 22%),
    radial-gradient(circle at 70% 68%,rgba(2,8,15,.92),transparent 48%),
    linear-gradient(145deg,#123847,#071b29 44%,#020a12 100%);
  box-shadow:
    inset -19px -17px 28px rgba(0,2,8,.78),
    inset 10px 8px 18px rgba(55,255,176,.11),
    0 0 0 1px rgba(103,255,193,.22);
}

#lam-clients-v3 .lcv8-planet__surface::before{
  content:"";
  position:absolute;
  inset:-18%;
  border-radius:46%;
  opacity:.75;
  background:
    repeating-linear-gradient(118deg,transparent 0 9px,rgba(70,255,184,.07) 10px 11px,transparent 12px 23px),
    radial-gradient(ellipse at 35% 58%,rgba(24,233,138,.18),transparent 18%),
    radial-gradient(ellipse at 68% 36%,rgba(45,104,151,.28),transparent 23%);
  animation:lcv8-planet-drift 15s linear infinite;
}

#lam-clients-v3 .lcv8-planet__atmosphere{
  inset:-4px;
  border:1px solid rgba(91,255,193,.28);
  box-shadow:0 0 18px rgba(24,233,138,.16),inset 0 0 12px rgba(24,233,138,.08);
  opacity:.75;
  transition:opacity .45s ease,box-shadow .45s ease,transform .45s var(--lcv3-ease);
}

#lam-clients-v3 .lcv8-planet__shadow{
  background:radial-gradient(circle at 75% 70%,rgba(0,2,8,.88),transparent 57%);
  mix-blend-mode:multiply;
  transform:translateZ(2px);
}

#lam-clients-v3 .lcv8-planet__satellite{
  position:absolute;
  top:2px;
  right:-9px;
  width:9px;
  height:9px;
  border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#d9fff0,#16b877 42%,#052019 72%);
  box-shadow:0 0 9px rgba(24,233,138,.55);
  transform-origin:-29px 36px;
  animation:lcv8-satellite 7.5s linear infinite;
}

#lam-clients-v3 .lcv8-planet__content{
  position:relative;
  min-width:112px;
  display:grid;
  gap:4px;
  padding:10px 11px 10px 0;
  text-align:left;
  transform:translateZ(18px);
}

#lam-clients-v3 .lcv8-planet__content::before{
  content:"";
  position:absolute;
  left:-10px;
  right:0;
  top:50%;
  height:54px;
  z-index:-1;
  border:1px solid rgba(255,255,255,.07);
  border-left-color:rgba(24,233,138,.22);
  border-radius:0 13px 13px 0;
  background:linear-gradient(90deg,rgba(3,13,21,.28),rgba(3,13,21,.78));
  backdrop-filter:blur(10px);
  transform:translateY(-50%);
  opacity:.74;
  transition:opacity .35s ease,border-color .35s ease,box-shadow .35s ease;
}

#lam-clients-v3 .lcv3-node b,
#lam-clients-v3 .lcv3-node strong,
#lam-clients-v3 .lcv3-node small{
  position:relative;
  z-index:2;
}

#lam-clients-v3 .lcv3-node b{
  color:#55f3ae!important;
  font-size:10px;
  text-shadow:0 0 12px rgba(24,233,138,.38);
}

#lam-clients-v3 .lcv3-node strong{
  font-size:11px!important;
  line-height:1.16;
}

#lam-clients-v3 .lcv3-node small{
  font-size:8px;
  line-height:1.25;
}

#lam-clients-v3 .lcv3-node:nth-of-type(2) .lcv8-planet__surface{
  background:
    radial-gradient(circle at var(--light-x) var(--light-y),rgba(255,255,255,.5),transparent 18%),
    radial-gradient(circle at 34% 44%,rgba(24,233,138,.4),transparent 24%),
    radial-gradient(circle at 72% 68%,rgba(0,3,10,.9),transparent 50%),
    linear-gradient(145deg,#16433e,#08252d 48%,#020a12);
}
#lam-clients-v3 .lcv3-node:nth-of-type(3) .lcv8-planet__surface{
  background:
    radial-gradient(circle at var(--light-x) var(--light-y),rgba(255,255,255,.48),transparent 17%),
    radial-gradient(circle at 42% 44%,rgba(24,152,233,.33),transparent 27%),
    radial-gradient(circle at 75% 70%,rgba(0,3,10,.92),transparent 50%),
    linear-gradient(145deg,#173a51,#071b30 50%,#020811);
}
#lam-clients-v3 .lcv3-node:nth-of-type(4) .lcv8-planet__surface{
  background:
    radial-gradient(circle at var(--light-x) var(--light-y),rgba(255,255,255,.52),transparent 18%),
    radial-gradient(circle at 38% 38%,rgba(109,86,255,.25),transparent 28%),
    radial-gradient(circle at 74% 70%,rgba(0,3,10,.93),transparent 50%),
    linear-gradient(145deg,#24364d,#0b1d30 50%,#020811);
}
#lam-clients-v3 .lcv3-node:nth-of-type(5) .lcv8-planet__surface{
  background:
    radial-gradient(circle at var(--light-x) var(--light-y),rgba(255,255,255,.55),transparent 18%),
    radial-gradient(circle at 40% 42%,rgba(24,233,138,.45),transparent 25%),
    radial-gradient(circle at 74% 70%,rgba(0,3,10,.93),transparent 50%),
    linear-gradient(145deg,#0c4f48,#07262d 50%,#020a12);
}
#lam-clients-v3 .lcv3-node:nth-of-type(6) .lcv8-planet__surface{
  background:
    radial-gradient(circle at var(--light-x) var(--light-y),rgba(255,255,255,.5),transparent 18%),
    radial-gradient(circle at 36% 40%,rgba(43,205,235,.30),transparent 27%),
    radial-gradient(circle at 74% 70%,rgba(0,3,10,.94),transparent 50%),
    linear-gradient(145deg,#12424e,#071f2b 50%,#020911);
}

#lam-clients-v3 .lcv3-node:hover,
#lam-clients-v3 .lcv3-node:focus-visible,
#lam-clients-v3 .lcv3-node.is-active{
  border-color:transparent!important;
  background:transparent!important;
  outline:none;
  filter:brightness(1.08);
  transform:translate3d(var(--planet-x),calc(var(--planet-y) - 7px),38px) scale(1.035)!important;
}

#lam-clients-v3 .lcv3-node--5:hover,
#lam-clients-v3 .lcv3-node--5:focus-visible,
#lam-clients-v3 .lcv3-node--5.is-active{
  transform:translateX(-50%) translate3d(var(--planet-x),calc(var(--planet-y) - 7px),38px) scale(1.035)!important;
}

#lam-clients-v3 .lcv3-node:hover .lcv8-planet,
#lam-clients-v3 .lcv3-node:focus-visible .lcv8-planet,
#lam-clients-v3 .lcv3-node.is-active .lcv8-planet{
  filter:drop-shadow(0 24px 28px rgba(0,0,0,.46)) drop-shadow(0 0 15px rgba(24,233,138,.22));
}

#lam-clients-v3 .lcv3-node:hover .lcv8-planet__atmosphere,
#lam-clients-v3 .lcv3-node:focus-visible .lcv8-planet__atmosphere,
#lam-clients-v3 .lcv3-node.is-active .lcv8-planet__atmosphere{
  opacity:1;
  transform:scale(1.08);
  box-shadow:0 0 27px rgba(24,233,138,.28),inset 0 0 16px rgba(24,233,138,.12);
}

#lam-clients-v3 .lcv3-node:hover .lcv8-planet__content::before,
#lam-clients-v3 .lcv3-node:focus-visible .lcv8-planet__content::before,
#lam-clients-v3 .lcv3-node.is-active .lcv8-planet__content::before{
  opacity:.96;
  border-color:rgba(24,233,138,.20);
  border-left-color:rgba(24,233,138,.55);
  box-shadow:0 14px 34px rgba(0,0,0,.22),inset 16px 0 26px rgba(24,233,138,.035);
}

#lam-clients-v3 .lcv3-node:focus-visible .lcv8-planet__atmosphere{
  outline:2px solid rgba(255,255,255,.82);
  outline-offset:5px;
}

#lam-clients-v3 .lcv3-network__status{
  background:linear-gradient(145deg,rgba(4,16,25,.88),rgba(3,12,20,.72));
  border-color:rgba(24,233,138,.18);
  box-shadow:0 18px 45px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.025);
  backdrop-filter:blur(14px);
}

@keyframes lcv8-core-breathe{
  0%,100%{transform:scale(.96);opacity:.66}
  50%{transform:scale(1.06);opacity:1}
}
@keyframes lcv8-core-rotate{to{transform:rotate(360deg)}}
@keyframes lcv8-corona{
  0%,100%{transform:scale(.98);opacity:.55}
  50%{transform:scale(1.035);opacity:1}
}
@keyframes lcv8-orbit-spin{
  to{transform:translate(-50%,-50%) rotateX(73deg) rotateZ(348deg)}
}
@keyframes lcv8-planet-drift{to{transform:rotate(360deg)}}
@keyframes lcv8-satellite{to{transform:rotate(360deg)}}

@media(max-width:1100px){
  #lam-clients-v3 .lcv3-node{min-width:174px}
  #lam-clients-v3 .lcv8-planet{width:68px;height:68px;flex-basis:68px}
}

@media(max-width:760px){
  #lam-clients-v3 .lcv3-node{
    min-width:142px;
    min-height:76px;
    gap:7px;
  }
  #lam-clients-v3 .lcv8-planet{
    width:50px;
    height:50px;
    flex-basis:50px;
  }
  #lam-clients-v3 .lcv8-planet__content{
    min-width:86px;
    padding-right:5px;
  }
  #lam-clients-v3 .lcv8-planet__content::before{height:46px}
  #lam-clients-v3 .lcv3-node strong{font-size:9px!important}
  #lam-clients-v3 .lcv3-node small{font-size:7px}
  #lam-clients-v3 .lcv8-planet__satellite{display:none}
  #lam-clients-v3 .lcv3-network__core{width:158px;height:158px}
  #lam-clients-v3 .lcv3-network__core span{font-size:28px}
}

@media(prefers-reduced-motion:reduce){
  #lam-clients-v3 .lcv8-core__surface::before,
  #lam-clients-v3 .lcv8-core__corona,
  #lam-clients-v3 .lcv8-planet__surface::before,
  #lam-clients-v3 .lcv8-planet__satellite,
  #lam-clients-v3 .lcv3-network__ring--b{
    animation:none!important;
  }
  #lam-clients-v3 .lcv3-node,
  #lam-clients-v3 .lcv8-planet{
    transform:none!important;
    transition:none!important;
  }
  #lam-clients-v3 .lcv3-node--5{transform:translateX(-50%)!important}
}


/* =========================================================
   LA ESTANCIA V · ESCENA REALISTA CONTROL DE ACCESO
   Mejora visual exclusiva de la escena, sin alterar layout.
   ========================================================= */
.lcv3-scene--access{
  overflow:hidden;
}

.lcv3-scene--access::before{
  opacity:.22;
}

.lcv3-scene--access::after{
  opacity:.62;
}

.lcv5-access,
.lcv5-access *{
  box-sizing:border-box;
}

.lcv5-access{
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
}

.lcv5-access__camera,
.lcv5-access__camera > span,
.lcv5-access__beam,
.lcv5-access__beam > span,
.lcv5-access__barrier,
.lcv5-access__barrier > span,
.lcv5-access__vehicle-zone,
.lcv5-access__vehicle-zone > *,
.lcv5-access__face-zone,
.lcv5-access__face-zone > *,
.lcv5-access__vehicle,
.lcv5-access__vehicle > *,
.lcv5-access__person,
.lcv5-access__person > *,
.lcv5-access__terminal,
.lcv5-access__terminal > *{
  position:absolute;
}

.lcv5-access__camera{
  top:10.5%;
  left:12.2%;
  width:130px;
  height:82px;
  filter:drop-shadow(0 18px 22px rgba(0,0,0,.30));
  animation:lcv5-camera-idle 5.8s ease-in-out infinite;
}

.lcv5-access__camera-mount{
  left:-10px;
  top:30px;
  width:28px;
  height:14px;
  border-radius:9px;
  background:linear-gradient(180deg,#768694,#243240);
  transform:rotate(-20deg);
}

.lcv5-access__camera-body{
  inset:8px 0 0 10px;
  border-radius:16px 24px 26px 18px;
  background:
    linear-gradient(145deg,#f5f9fc 0%,#c3d0d9 18%,#6a7784 62%,#2b3944 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.68),
    inset 0 -6px 18px rgba(0,0,0,.12),
    0 0 0 1px rgba(255,255,255,.12);
  transform:rotate(8deg);
}

.lcv5-access__camera-shadow{
  inset:14px 10px 4px 24px;
  border-radius:16px 24px 26px 18px;
  background:linear-gradient(180deg,rgba(255,255,255,.14),transparent 40%,rgba(0,0,0,.18));
  transform:rotate(8deg);
}

.lcv5-access__camera-lens{
  right:10px;
  top:18px;
  width:44px;
  height:44px;
  border:8px solid #18242d;
  border-radius:50%;
  background:
    radial-gradient(circle at 38% 34%,rgba(90,247,236,.14),transparent 18%),
    radial-gradient(circle at 50% 50%,#09131c 0 34%,#000 72%);
  box-shadow:0 0 0 4px rgba(255,255,255,.06),0 0 22px rgba(24,233,138,.18);
}

.lcv5-access__camera-led{
  right:56px;
  top:36px;
  width:9px;
  height:9px;
  border-radius:50%;
  background:#67ffd9;
  box-shadow:0 0 10px rgba(103,255,217,.8),0 0 20px rgba(24,233,138,.5);
  animation:lcv5-led 2.4s ease-in-out infinite;
}

.lcv5-access__beam{
  left:25.2%;
  top:13.2%;
  width:50%;
  height:58%;
  clip-path:polygon(0 0,100% 34%,72% 100%,18% 100%);
  opacity:.9;
  filter:blur(.1px);
}

.lcv5-access__beam-core{
  inset:0;
  background:linear-gradient(150deg,rgba(24,233,138,.28),rgba(24,233,138,.10) 48%,transparent 90%);
  animation:lcv5-beam-breathe 4.2s ease-in-out infinite;
}

.lcv5-access__beam-particles{
  inset:0;
  background:
    radial-gradient(circle at 12% 16%,rgba(255,255,255,.28) 0 1px,transparent 2px),
    radial-gradient(circle at 44% 40%,rgba(255,255,255,.16) 0 1px,transparent 2px),
    radial-gradient(circle at 68% 78%,rgba(24,233,138,.26) 0 1px,transparent 2px),
    radial-gradient(circle at 34% 68%,rgba(255,255,255,.18) 0 1px,transparent 2px);
  opacity:.55;
  animation:lcv5-particle-drift 10s linear infinite;
}

.lcv5-access__barrier{
  right:11.4%;
  top:25%;
  width:204px;
  height:152px;
}

.lcv5-access__barrier-post{
  right:0;
  bottom:0;
  width:20px;
  height:132px;
  border-radius:10px;
  background:linear-gradient(180deg,#2d4151 0%,#15212d 100%);
}

.lcv5-access__barrier-arm{
  right:10px;
  top:14px;
  width:184px;
  height:14px;
  border-radius:10px;
  background:repeating-linear-gradient(90deg,#f4f5f6 0 30px,#ff5061 30px 60px);
  transform-origin:right center;
  box-shadow:0 0 0 1px rgba(255,255,255,.08),0 0 18px rgba(255,79,95,.18);
  animation:lcv5-barrier-open 5.6s cubic-bezier(.62,.05,.19,.98) infinite;
}

.lcv5-access__barrier-joint{
  right:4px;
  top:10px;
  width:18px;
  height:18px;
  border-radius:50%;
  background:#8ca0ae;
  box-shadow:0 0 0 4px rgba(3,14,22,.7);
}

.lcv5-access__vehicle-zone{
  left:23%;
  bottom:12.5%;
  width:41%;
  height:180px;
}

.lcv5-access__lane{
  left:-8%;
  right:-2%;
  bottom:2px;
  height:54px;
  border-radius:999px;
  background:linear-gradient(180deg,rgba(7,18,28,0),rgba(0,0,0,.14) 24%,rgba(7,18,28,.56));
}

.lcv5-access__lane::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:14px;
  height:1px;
  background:linear-gradient(90deg,transparent 0 4%,rgba(130,151,168,.18) 10% 90%,transparent);
}

.lcv5-access__lane-mark{
  left:24px;
  right:22px;
  bottom:28px;
  height:3px;
  background:repeating-linear-gradient(90deg,rgba(255,255,255,.0) 0 32px,rgba(205,220,230,.18) 32px 58px);
  border-radius:999px;
}

.lcv5-access__vehicle-shadow{
  left:32px;
  bottom:16px;
  width:260px;
  height:38px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(0,0,0,.34),transparent 72%);
  filter:blur(6px);
  animation:lcv5-car-shadow 5.6s ease-in-out infinite;
}

.lcv5-access__vehicle{
  left:22px;
  bottom:24px;
  width:258px;
  height:104px;
  border-radius:52px 68px 24px 24px;
  background:
    linear-gradient(152deg,#40586a 0%,#172532 46%,#060d13 100%);
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.16),
    inset 0 -8px 18px rgba(0,0,0,.24),
    0 18px 32px rgba(0,0,0,.26);
  animation:lcv5-car-approach 5.6s cubic-bezier(.62,.05,.19,.98) infinite;
}

.lcv5-access__vehicle::before{
  content:"";
  position:absolute;
  inset:8px 14px 34px;
  border-radius:50px 60px 16px 16px;
  background:linear-gradient(180deg,rgba(255,255,255,.10),transparent 24%,rgba(255,255,255,.04));
}

.lcv5-access__vehicle-roof{
  left:58px;
  top:12px;
  width:124px;
  height:36px;
  border-radius:42px 48px 20px 18px;
  background:linear-gradient(180deg,#4c6475 0%,#243847 100%);
}

.lcv5-access__vehicle-window{
  top:18px;
  height:24px;
  background:linear-gradient(180deg,rgba(186,224,240,.56),rgba(52,75,90,.34));
  border:1px solid rgba(255,255,255,.08);
}
.lcv5-access__vehicle-window--front{left:124px;width:48px;border-radius:6px 14px 8px 8px;transform:skewX(-16deg)}
.lcv5-access__vehicle-window--rear{left:78px;width:42px;border-radius:14px 6px 8px 8px;transform:skewX(14deg)}

.lcv5-access__vehicle-light{
  right:12px;
  top:52px;
  width:18px;
  height:8px;
  border-radius:6px;
  background:linear-gradient(90deg,#fff7d8,#ff7a70);
  box-shadow:0 0 14px rgba(255,128,112,.32);
}

.lcv5-access__wheel{
  bottom:-12px;
  width:44px;
  height:44px;
  border-radius:50%;
  background:radial-gradient(circle at 50% 50%,#21303d 0 26%,#02070b 30% 100%);
  box-shadow:inset 0 0 0 4px #111b24;
}
.lcv5-access__wheel--front{right:30px}
.lcv5-access__wheel--rear{left:34px}

.lcv5-access__plate{
  left:50%;
  bottom:15px;
  transform:translateX(-50%);
  padding:6px 10px;
  border-radius:5px;
  border:1px solid rgba(24,233,138,.36);
  background:#eef7de;
  color:var(--lcv3-green);
  font:850 12px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  letter-spacing:.04em;
}

.lcv5-access__plate-box{
  left:108px;
  bottom:10px;
  width:66px;
  height:34px;
  border:1px solid rgba(24,233,138,.62);
  border-radius:8px;
  box-shadow:0 0 0 1px rgba(24,233,138,.14),0 0 20px rgba(24,233,138,.18);
  animation:lcv5-plate-pulse 2.2s ease-in-out infinite;
}

.lcv5-access__plate-status{
  left:10px;
  top:4px;
  display:grid;
  gap:3px;
  padding:10px 12px;
  border:1px solid rgba(24,233,138,.24);
  border-radius:14px;
  background:rgba(4,15,24,.70);
  backdrop-filter:blur(10px);
}

.lcv5-access__plate-status span,
.lcv5-access__face-status span{
  color:#8ea6b7;
  font-size:9px;
  font-weight:800;
  letter-spacing:.12em;
}

.lcv5-access__plate-status strong,
.lcv5-access__face-status strong{
  color:var(--lcv3-green);
  font-size:12px;
  line-height:1.15;
}

.lcv5-access__face-zone{
  right:7%;
  bottom:12.5%;
  width:230px;
  height:220px;
}

.lcv5-access__person-shadow{
  left:16px;
  bottom:10px;
  width:84px;
  height:28px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(0,0,0,.26),transparent 70%);
  filter:blur(4px);
}

.lcv5-access__terminal{
  right:0;
  bottom:18px;
  width:156px;
  height:190px;
  border-radius:24px;
  border:1px solid rgba(24,233,138,.30);
  background:linear-gradient(180deg,rgba(9,22,34,.82),rgba(4,15,23,.68));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 18px 26px rgba(0,0,0,.18);
  overflow:hidden;
}

.lcv5-access__terminal-screen{
  left:32px;
  top:34px;
  width:74px;
  height:94px;
  border:2px solid rgba(24,233,138,.9);
  border-radius:48% 48% 42% 42%;
  box-shadow:0 0 0 1px rgba(24,233,138,.08),0 0 24px rgba(24,233,138,.14) inset;
}

.lcv5-access__terminal-screen::before{
  content:"";
  position:absolute;
  inset:12px 16px 16px;
  border-radius:50%;
  border:1px dashed rgba(24,233,138,.30);
}

.lcv5-access__terminal-scan{
  left:22px;
  right:22px;
  top:52px;
  height:3px;
  background:linear-gradient(90deg,transparent,rgba(24,233,138,.92),transparent);
  filter:blur(.2px);
  box-shadow:0 0 12px rgba(24,233,138,.35);
  animation:lcv5-face-scan 3.4s ease-in-out infinite;
}

.lcv5-access__terminal b{
  left:50%;
  bottom:26px;
  transform:translateX(-50%);
  color:var(--lcv3-green);
  font-size:12px;
}

.lcv5-access__person{
  left:0;
  bottom:14px;
  width:112px;
  height:178px;
  animation:lcv5-person-idle 4.8s ease-in-out infinite;
}

.lcv5-access__person-head{
  left:32px;
  top:6px;
  width:34px;
  height:42px;
  border-radius:46% 46% 42% 42%;
  background:linear-gradient(180deg,#f3d3c0 0%,#c79a86 100%);
  box-shadow:inset 0 2px 0 rgba(255,255,255,.24);
}

.lcv5-access__person-head::before{
  content:"";
  position:absolute;
  left:-1px;
  right:-1px;
  top:-4px;
  height:18px;
  border-radius:18px 18px 8px 8px;
  background:linear-gradient(180deg,#1b2532,#0b121b);
}

.lcv5-access__person-body{
  left:18px;
  top:44px;
  width:64px;
  height:100px;
  border-radius:24px 24px 18px 18px;
  background:linear-gradient(180deg,#1f3649 0%,#0b1621 100%);
}

.lcv5-access__person-body::before,
.lcv5-access__person-body::after{
  content:"";
  position:absolute;
  bottom:-26px;
  width:18px;
  height:54px;
  border-radius:14px;
  background:linear-gradient(180deg,#152433,#08111b 100%);
}

.lcv5-access__person-body::before{left:11px}
.lcv5-access__person-body::after{right:11px}

.lcv5-access__person-mesh{
  left:22px;
  top:0;
  width:56px;
  height:74px;
  border-radius:50%;
  border:1px solid rgba(24,233,138,.42);
  background:
    radial-gradient(circle at 50% 34%,rgba(24,233,138,.16) 0 1px,transparent 2px),
    radial-gradient(circle at 34% 42%,rgba(24,233,138,.24) 0 1px,transparent 2px),
    radial-gradient(circle at 66% 42%,rgba(24,233,138,.24) 0 1px,transparent 2px),
    radial-gradient(circle at 50% 58%,rgba(24,233,138,.24) 0 1px,transparent 2px),
    radial-gradient(circle at 50% 74%,rgba(24,233,138,.20) 0 1px,transparent 2px);
  box-shadow:0 0 18px rgba(24,233,138,.14);
  animation:lcv5-mesh-pulse 2.8s ease-in-out infinite;
}

.lcv5-access__person-points{
  left:20px;
  top:-2px;
  width:60px;
  height:78px;
  background:
    linear-gradient(transparent 49%,rgba(24,233,138,.16) 50%,transparent 51%),
    linear-gradient(90deg,transparent 49%,rgba(24,233,138,.16) 50%,transparent 51%);
  opacity:.65;
}

.lcv5-access__face-status{
  left:46px;
  bottom:-2px;
  display:grid;
  gap:3px;
  padding:10px 12px;
  border:1px solid rgba(24,233,138,.24);
  border-radius:14px;
  background:rgba(4,15,24,.70);
  backdrop-filter:blur(10px);
}

.lcv3-scene--access .lcv3-live{
  z-index:8;
}

@keyframes lcv5-camera-idle{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}
@keyframes lcv5-led{0%,100%{opacity:1}50%{opacity:.45}}
@keyframes lcv5-beam-breathe{0%,100%{opacity:.72}50%{opacity:1}}
@keyframes lcv5-particle-drift{to{transform:translateY(18px)}}
@keyframes lcv5-barrier-open{0%,18%,100%{transform:rotate(-26deg)}38%,74%{transform:rotate(24deg)}}
@keyframes lcv5-car-approach{0%,100%{transform:translateX(0)}28%{transform:translateX(16px)}52%{transform:translateX(42px)}76%{transform:translateX(28px)}}
@keyframes lcv5-car-shadow{0%,100%{transform:scale(1)}52%{transform:scale(1.05)}}
@keyframes lcv5-plate-pulse{0%,100%{opacity:.82;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}
@keyframes lcv5-face-scan{0%,100%{transform:translateY(-16px);opacity:0}18%,72%{opacity:1}50%{transform:translateY(52px);opacity:1}82%{opacity:0}}
@keyframes lcv5-person-idle{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes lcv5-mesh-pulse{0%,100%{opacity:.76}50%{opacity:1}}

@media(min-width:1101px) and (max-width:1380px){
  .lcv5-access__camera{left:10.5%;width:120px}
  .lcv5-access__beam{left:22.8%;width:54%}
  .lcv5-access__vehicle-zone{left:16%;width:47%}
  .lcv5-access__face-zone{right:4%;width:215px}
  .lcv5-access__terminal{width:146px}
}

@media(max-width:760px){
  .lcv5-access__camera{left:8%;top:10%;width:108px;height:72px}
  .lcv5-access__beam{left:19%;top:13%;width:58%;height:50%}
  .lcv5-access__barrier{right:6%;top:24%;width:168px;height:136px}
  .lcv5-access__barrier-arm{width:154px}
  .lcv5-access__vehicle-zone{left:4%;width:58%;bottom:15%}
  .lcv5-access__vehicle{width:216px;height:92px}
  .lcv5-access__vehicle-shadow{width:220px}
  .lcv5-access__vehicle-roof{left:50px;width:100px}
  .lcv5-access__vehicle-window--front{left:106px;width:40px}
  .lcv5-access__vehicle-window--rear{left:68px;width:36px}
  .lcv5-access__plate{font-size:11px}
  .lcv5-access__plate-box{left:90px;width:58px;height:30px}
  .lcv5-access__plate-status{display:none}
  .lcv5-access__face-zone{right:2%;width:176px;height:188px;bottom:16%}
  .lcv5-access__terminal{width:118px;height:164px}
  .lcv5-access__terminal-screen{left:24px;top:30px;width:58px;height:74px}
  .lcv5-access__terminal b{bottom:20px;font-size:11px}
  .lcv5-access__person{width:88px;height:150px}
  .lcv5-access__person-head{left:22px;width:30px;height:36px}
  .lcv5-access__person-body{left:12px;top:38px;width:56px;height:84px}
  .lcv5-access__person-mesh{left:14px;top:-2px;width:48px;height:62px}
  .lcv5-access__person-points{left:12px;top:-2px;width:52px;height:66px}
  .lcv5-access__face-status{display:none}
}

@media (prefers-reduced-motion:reduce){
  .lcv5-access__camera,
  .lcv5-access__camera-led,
  .lcv5-access__beam-core,
  .lcv5-access__beam-particles,
  .lcv5-access__barrier-arm,
  .lcv5-access__vehicle,
  .lcv5-access__vehicle-shadow,
  .lcv5-access__plate-box,
  .lcv5-access__terminal-scan,
  .lcv5-access__person,
  .lcv5-access__person-mesh{
    animation:none !important;
  }
}


/* =========================================================
   ALTOS DE GRANADA · PERÍMETRO REALISTA
   Cámaras reales, contexto perimetral y analítica premium.
   ========================================================= */
.lcv3-scene--perimeter{
  overflow:hidden;
}

.lcv6-perimeter,
.lcv6-perimeter *{
  box-sizing:border-box;
}

.lcv6-perimeter{
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
}

.lcv6-perimeter > *{ position:absolute; }

.lcv6-perimeter__ambient{
  inset:10% 7% 8%;
  border-radius:28px;
  background:
    radial-gradient(circle at 26% 30%, rgba(24,233,138,.10), transparent 26%),
    radial-gradient(circle at 66% 58%, rgba(90,247,236,.05), transparent 26%),
    linear-gradient(180deg, rgba(24,233,138,.04), transparent 42%);
  filter:blur(10px);
  opacity:.92;
}

.lcv6-perimeter__yard{
  left:15%;
  right:10%;
  bottom:17%;
  height:54%;
  border-radius:26px 26px 18px 18px;
  background:
    linear-gradient(180deg, rgba(8,20,31,.0) 0%, rgba(6,16,24,.16) 25%, rgba(4,12,20,.46) 100%),
    linear-gradient(145deg, rgba(16,40,57,.68), rgba(4,13,20,.88));
  clip-path:polygon(8% 18%, 54% 8%, 86% 26%, 96% 54%, 86% 82%, 38% 94%, 6% 76%, 0% 46%);
  border:1px solid rgba(24,233,138,.12);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.03), 0 20px 60px rgba(0,0,0,.18);
}

.lcv6-perimeter__walkway{
  left:21%;
  right:15%;
  bottom:27%;
  height:28%;
  clip-path:polygon(0 55%, 26% 34%, 60% 18%, 100% 40%, 96% 58%, 56% 40%, 24% 54%, 0 72%);
  background:linear-gradient(180deg, rgba(140,160,176,.10), rgba(32,46,59,.06));
  border:1px solid rgba(163,183,198,.08);
}

.lcv6-perimeter__grid{
  left:15%;
  right:10%;
  bottom:17%;
  height:54%;
  clip-path:polygon(8% 18%, 54% 8%, 86% 26%, 96% 54%, 86% 82%, 38% 94%, 6% 76%, 0% 46%);
  background-image:
    linear-gradient(rgba(24,233,138,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(24,233,138,.05) 1px, transparent 1px);
  background-size:36px 36px;
  opacity:.5;
}

.lcv6-perimeter__fence{
  height:4px;
  border-top:2px dashed rgba(24,233,138,.82);
  filter:drop-shadow(0 0 8px rgba(24,233,138,.25));
}
.lcv6-perimeter__fence--1{left:22%; width:35%; top:44%; transform:rotate(-11deg)}
.lcv6-perimeter__fence--2{left:55%; width:19%; top:41%; transform:rotate(37deg)}
.lcv6-perimeter__fence--3{left:60%; width:28%; top:59%; transform:rotate(86deg)}
.lcv6-perimeter__fence--4{left:36%; width:37%; top:74%; transform:rotate(-10deg)}

.lcv6-perimeter__building{
  bottom:17%;
  width:18%;
  background:
    linear-gradient(180deg, rgba(46,67,84,.88), rgba(11,23,33,.94)),
    repeating-linear-gradient(90deg, #203547 0 24px, #102232 24px 44px);
  box-shadow:0 20px 40px rgba(0,0,0,.18);
}
.lcv6-perimeter__building::after{
  content:"";
  position:absolute;
  inset:0;
  background:repeating-linear-gradient(90deg, rgba(168,202,223,.06) 0 18px, transparent 18px 36px);
  opacity:.85;
}
.lcv6-perimeter__building.b1{left:20%;height:34%;clip-path:polygon(0 18%,100% 0,100% 100%,0 100%)}
.lcv6-perimeter__building.b2{left:39%;height:48%;clip-path:polygon(0 10%,100% 0,100% 100%,0 100%)}
.lcv6-perimeter__building.b3{right:16%;height:30%;clip-path:polygon(0 14%,100% 0,100% 100%,0 100%)}

.lcv6-perimeter__camera{
  width:66px;
  height:36px;
  border-radius:10px 14px 14px 10px;
  background:linear-gradient(145deg,#edf3f7,#96a7b4 32%,#3a4a56 72%,#1a2731 100%);
  box-shadow:0 10px 18px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.55);
  transform:rotate(7deg);
  animation:lcv6-cam-float 5.4s ease-in-out infinite;
}
.lcv6-perimeter__camera::before{
  content:"";
  position:absolute;
  left:-10px;
  top:14px;
  width:16px;
  height:8px;
  border-radius:10px;
  background:linear-gradient(180deg,#7a8d9a,#2b3a46);
  transform:rotate(-20deg);
}
.lcv6-perimeter__camera .lens{
  right:6px;
  top:7px;
  width:22px;
  height:22px;
  border:5px solid #1b2832;
  border-radius:50%;
  background:radial-gradient(circle at 38% 34%,rgba(90,247,236,.18),transparent 22%), #071019;
  box-shadow:0 0 12px rgba(24,233,138,.18);
}
.lcv6-perimeter__camera .led{
  right:31px;
  top:15px;
  width:6px;
  height:6px;
  border-radius:50%;
  background:#69ffe0;
  box-shadow:0 0 8px rgba(105,255,224,.75);
  animation:lcv6-led 2s ease-in-out infinite;
}
.lcv6-perimeter__camera b{
  left:74px;
  top:10px;
  color:#afbfca;
  font-size:9px;
  white-space:nowrap;
  font-weight:800;
  letter-spacing:.06em;
}
.lcv6-perimeter__camera.cam1{left:24%;top:40%}
.lcv6-perimeter__camera.cam2{left:49%;top:25%;animation-delay:.5s}
.lcv6-perimeter__camera.cam3{right:14%;top:48%;animation-delay:1s}
.lcv6-perimeter__camera.cam4{right:25%;bottom:23%;animation-delay:1.5s}

.lcv6-perimeter__beam{
  height:2px;
  background:linear-gradient(90deg, rgba(24,233,138,.0), rgba(24,233,138,.95), rgba(24,233,138,.0));
  transform-origin:left center;
  filter:drop-shadow(0 0 8px rgba(24,233,138,.35));
  opacity:.75;
}
.lcv6-perimeter__beam.beam1{left:30%;top:46%;width:21%;transform:rotate(-9deg)}
.lcv6-perimeter__beam.beam2{left:55%;top:32%;width:18%;transform:rotate(36deg)}
.lcv6-perimeter__beam.beam3{left:67%;top:54%;width:12%;transform:rotate(97deg)}
.lcv6-perimeter__beam.beam4{left:52%;top:69%;width:13%;transform:rotate(-18deg)}

.lcv6-perimeter__trace{
  left:28%;
  top:42%;
  width:46%;
  height:32%;
  border:2px dashed rgba(24,233,138,.48);
  border-radius:42% 28% 38% 34%/32% 40% 28% 42%;
  opacity:.55;
  animation:lcv6-trace 12s linear infinite;
}

.lcv6-perimeter__person{
  left:46%;
  top:55%;
  width:48px;
  height:110px;
  animation:lcv6-person-walk 5.2s ease-in-out infinite;
}
.lcv6-perimeter__person .head{
  left:14px; top:0; width:18px; height:20px; border-radius:50%;
  background:linear-gradient(180deg,#e7c3ae,#b88973);
}
.lcv6-perimeter__person .body{
  left:8px; top:18px; width:30px; height:58px; border-radius:16px 16px 10px 10px;
  background:linear-gradient(180deg,#243b4e,#0b1520);
}
.lcv6-perimeter__person .body::before,
.lcv6-perimeter__person .body::after{
  content:""; position:absolute; bottom:-28px; width:10px; height:34px; border-radius:8px;
  background:linear-gradient(180deg,#1c3243,#07111a);
}
.lcv6-perimeter__person .body::before{left:5px}
.lcv6-perimeter__person .body::after{right:5px}
.lcv6-perimeter__person .box{
  left:-10px; top:-8px; width:68px; height:92px; border-radius:12px;
  border:1px solid rgba(24,233,138,.7); box-shadow:0 0 0 1px rgba(24,233,138,.18),0 0 18px rgba(24,233,138,.16);
}

.lcv6-perimeter__vehicle{
  left:59%;
  top:62%;
  width:110px;
  height:48px;
  border-radius:26px 32px 14px 14px;
  background:linear-gradient(152deg,#425b6e 0%,#182735 50%,#071019 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 10px 20px rgba(0,0,0,.18);
  animation:lcv6-car-drift 6.2s ease-in-out infinite;
}
.lcv6-perimeter__vehicle .roof{
  left:24px; top:8px; width:52px; height:16px; border-radius:22px 22px 8px 8px;
  background:linear-gradient(180deg,#5f7383,#213341);
}
.lcv6-perimeter__vehicle .wheel{
  bottom:-8px; width:20px; height:20px; border-radius:50%; background:#02070b; box-shadow:inset 0 0 0 3px #1c2b37;
}
.lcv6-perimeter__vehicle .wheel-a{left:16px}
.lcv6-perimeter__vehicle .wheel-b{right:16px}
.lcv6-perimeter__vehicle .box{
  left:-8px; top:-8px; width:126px; height:64px; border-radius:12px; border:1px solid rgba(24,233,138,.58);
}

.lcv6-perimeter__alert{
  right:12%;
  bottom:13%;
  display:grid;
  gap:4px;
  padding:12px 14px;
  border:1px solid rgba(24,233,138,.24);
  border-radius:14px;
  background:rgba(4,15,24,.72);
  backdrop-filter:blur(10px);
  box-shadow:0 12px 26px rgba(0,0,0,.16);
}
.lcv6-perimeter__alert span{color:#8ea6b7;font-size:9px;font-weight:800;letter-spacing:.12em}
.lcv6-perimeter__alert strong{color:var(--lcv3-green);font-size:12px;line-height:1.15}

@keyframes lcv6-cam-float{0%,100%{transform:rotate(7deg) translateY(0)}50%{transform:rotate(7deg) translateY(3px)}}
@keyframes lcv6-led{0%,100%{opacity:1}50%{opacity:.38}}
@keyframes lcv6-trace{to{transform:rotate(360deg)}}
@keyframes lcv6-person-walk{0%,100%{transform:translateX(0)}50%{transform:translateX(16px)}}
@keyframes lcv6-car-drift{0%,100%{transform:translateX(0)}50%{transform:translateX(-12px)}}

@media(min-width:1101px) and (max-width:1380px){
  .lcv6-perimeter__yard{left:12%;right:8%}
  .lcv6-perimeter__camera.cam3{right:12%}
  .lcv6-perimeter__camera.cam4{right:22%}
}

@media(max-width:760px){
  .lcv6-perimeter__ambient{inset:8% 4% 8%}
  .lcv6-perimeter__yard{left:8%;right:6%;bottom:20%;height:48%}
  .lcv6-perimeter__walkway{left:13%;right:10%;bottom:29%;height:24%}
  .lcv6-perimeter__grid{left:8%;right:6%;bottom:20%;height:48%}
  .lcv6-perimeter__building.b1{left:12%;width:22%;height:28%}
  .lcv6-perimeter__building.b2{left:35%;width:20%;height:38%}
  .lcv6-perimeter__building.b3{right:10%;width:22%;height:24%}
  .lcv6-perimeter__camera{width:54px;height:30px}
  .lcv6-perimeter__camera b{display:none}
  .lcv6-perimeter__camera.cam1{left:14%;top:43%}
  .lcv6-perimeter__camera.cam2{left:46%;top:29%}
  .lcv6-perimeter__camera.cam3{right:8%;top:51%}
  .lcv6-perimeter__camera.cam4{right:19%;bottom:23%}
  .lcv6-perimeter__beam.beam1{left:20%;top:48%;width:25%}
  .lcv6-perimeter__beam.beam2{left:50%;top:35%;width:14%}
  .lcv6-perimeter__beam.beam3{left:65%;top:56%;width:11%}
  .lcv6-perimeter__beam.beam4{left:49%;top:69%;width:12%}
  .lcv6-perimeter__trace{left:22%;top:45%;width:52%;height:26%}
  .lcv6-perimeter__person{left:42%;top:57%;transform:scale(.82)}
  .lcv6-perimeter__vehicle{left:55%;top:66%;transform:scale(.86)}
  .lcv6-perimeter__alert{display:none}
}

@media (prefers-reduced-motion:reduce){
  .lcv6-perimeter__camera,
  .lcv6-perimeter__camera .led,
  .lcv6-perimeter__trace,
  .lcv6-perimeter__person,
  .lcv6-perimeter__vehicle{
    animation:none !important;
  }
}


/* =========================================================
   AVENIDA 122 · VIDEO, ANALÍTICA Y EVENTOS REALISTA
   Escenas vivas para persona, vehículo, objeto y evento.
   ========================================================= */
.lcv3-scene--video{
  overflow:hidden;
}

.lcv3-scene--video::before{
  content:"";
  position:absolute;
  inset:6% 4% 4%;
  border-radius:28px;
  background:
    radial-gradient(circle at 62% 34%, rgba(24,233,138,.10), transparent 26%),
    radial-gradient(circle at 75% 64%, rgba(90,247,236,.07), transparent 22%),
    linear-gradient(180deg, rgba(24,233,138,.03), transparent 26%);
  filter:blur(12px);
  pointer-events:none;
}

.lcv3-video-wall{
  z-index:5;
  gap:16px;
}

.lcv7-feed{
  min-height:306px;
  border-color:rgba(255,255,255,.12);
  background:
    linear-gradient(160deg,rgba(24,233,138,.05),transparent 46%),
    linear-gradient(180deg, rgba(11,26,39,.96), rgba(6,17,26,.98));
  box-shadow:0 18px 42px rgba(0,0,0,.18);
}

.lcv7-feed__scene,
.lcv7-feed__scene *{ box-sizing:border-box; }

.lcv7-feed__scene{
  position:absolute;
  inset:40px 14px 16px;
  border-radius:18px;
  overflow:hidden;
  background:linear-gradient(180deg, rgba(8,20,30,.82), rgba(4,14,22,.92));
  border:1px solid rgba(255,255,255,.05);
}

.lcv7-feed__bg,
.lcv7-feed__grid,
.lcv7-feed__road,
.lcv7-feed__scanline,
.lcv7-feed__lpr,
.lcv7-feed__trace,
.lcv7-feed__wave,
.lcv7-feed__person-target,
.lcv7-feed__car-target,
.lcv7-feed__object-target,
.lcv7-feed__event-target,
.lcv7-feed__rack,
.lcv7-feed__scene .bbox,
.lcv7-feed__scene .head,
.lcv7-feed__scene .body,
.lcv7-feed__scene .roof,
.lcv7-feed__scene .wheel,
.lcv7-feed__scene .crate,
.lcv7-feed__scene .pulse,
.lcv7-feed__scene .spark{
  position:absolute;
}

.lcv7-feed__bg{
  inset:0;
  background:linear-gradient(180deg, rgba(255,255,255,.03), transparent 24%), linear-gradient(145deg, #0b2130, #07131d 55%, #041018);
}
.lcv7-feed__bg--corridor::before,
.lcv7-feed__bg--gate::before,
.lcv7-feed__bg--technical::before,
.lcv7-feed__bg--exterior::before{
  content:"";
  position:absolute;
  inset:0;
}
.lcv7-feed__bg--corridor::before{
  background:
    linear-gradient(90deg, rgba(255,255,255,.05) 0 8%, transparent 8% 22%, rgba(255,255,255,.05) 22% 30%, transparent 30% 70%, rgba(255,255,255,.05) 70% 78%, transparent 78% 92%, rgba(255,255,255,.05) 92% 100%),
    linear-gradient(180deg, rgba(24,233,138,.08), transparent 28%);
  opacity:.28;
}
.lcv7-feed__bg--gate::before{
  background:
    linear-gradient(180deg, rgba(24,233,138,.06), transparent 34%),
    linear-gradient(0deg, rgba(109,124,137,.08) 0 24%, transparent 24%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.04) 0 12%, transparent 12% 24%);
  opacity:.34;
}
.lcv7-feed__bg--technical::before{
  background:
    repeating-linear-gradient(90deg, rgba(255,255,255,.04) 0 10%, transparent 10% 20%),
    linear-gradient(180deg, rgba(24,233,138,.08), transparent 22%);
  opacity:.24;
}
.lcv7-feed__bg--exterior::before{
  background:
    linear-gradient(180deg, rgba(24,233,138,.10), transparent 26%),
    radial-gradient(circle at 70% 18%, rgba(90,247,236,.12), transparent 18%),
    linear-gradient(0deg, rgba(255,255,255,.04) 0 22%, transparent 22%);
  opacity:.3;
}

.lcv7-feed__grid{
  inset:auto 0 0 0;
  height:32%;
  background-image:linear-gradient(rgba(24,233,138,.07) 1px, transparent 1px), linear-gradient(90deg, rgba(24,233,138,.07) 1px, transparent 1px);
  background-size:24px 24px;
  opacity:.5;
}

.lcv7-feed__person-target{left:50%;bottom:20px;width:82px;height:138px;transform:translateX(-50%)}
.lcv7-feed__person-target .head{left:26px;top:8px;width:28px;height:30px;border-radius:50%;background:linear-gradient(180deg,#efcab3,#bb8d75)}
.lcv7-feed__person-target .body{left:18px;top:36px;width:44px;height:72px;border-radius:18px 18px 12px 12px;background:linear-gradient(180deg,#20384b,#0a1520)}
.lcv7-feed__person-target .body::before,.lcv7-feed__person-target .body::after{content:"";position:absolute;bottom:-30px;width:12px;height:38px;border-radius:8px;background:linear-gradient(180deg,#172c3d,#07111a)}
.lcv7-feed__person-target .body::before{left:8px}.lcv7-feed__person-target .body::after{right:8px}
.lcv7-feed__person-target .bbox{left:10px;top:0;width:62px;height:118px;border:2px solid rgba(24,233,138,.72);box-shadow:0 0 0 1px rgba(24,233,138,.18),0 0 18px rgba(24,233,138,.16)}
.lcv7-feed__scanline{left:18px;right:18px;top:58px;height:2px;background:linear-gradient(90deg,transparent,rgba(24,233,138,.95),transparent);box-shadow:0 0 10px rgba(24,233,138,.32);animation:lcv7-scan 3.4s ease-in-out infinite}

.lcv7-feed__road{left:0;right:0;bottom:18px;height:54px;background:linear-gradient(180deg, rgba(255,255,255,0), rgba(0,0,0,.16) 24%, rgba(8,19,28,.68));}
.lcv7-feed__road::after{content:"";position:absolute;left:18px;right:18px;top:22px;height:2px;background:repeating-linear-gradient(90deg, transparent 0 18px, rgba(230,236,240,.22) 18px 34px)}
.lcv7-feed__car-target{left:50%;bottom:32px;width:126px;height:58px;transform:translateX(-50%)}
.lcv7-feed__car-target::before{content:"";position:absolute;left:0;right:0;bottom:-10px;height:18px;border-radius:50%;background:radial-gradient(circle, rgba(0,0,0,.30), transparent 70%)}
.lcv7-feed__car-target{border-radius:28px 34px 12px 12px;background:linear-gradient(152deg,#486173 0%,#192836 50%,#071019 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 10px 20px rgba(0,0,0,.18)}
.lcv7-feed__car-target .roof{left:28px;top:10px;width:56px;height:18px;border-radius:22px 22px 8px 8px;background:linear-gradient(180deg,#5f7484,#223442)}
.lcv7-feed__car-target .wheel{bottom:-7px;width:20px;height:20px;border-radius:50%;background:#02070b;box-shadow:inset 0 0 0 3px #1a2a36}
.lcv7-feed__car-target .wheel-a{left:14px}.lcv7-feed__car-target .wheel-b{right:14px}
.lcv7-feed__car-target .bbox{left:-8px;top:-8px;width:142px;height:72px;border:2px solid rgba(24,233,138,.68);border-radius:12px}
.lcv7-feed__lpr{left:50%;bottom:96px;width:74px;height:26px;transform:translateX(-50%);border:1px solid rgba(24,233,138,.30);border-radius:8px;background:rgba(4,15,24,.76);box-shadow:0 10px 18px rgba(0,0,0,.12)}
.lcv7-feed__lpr::before{content:"ALICE LPR";position:absolute;left:8px;top:5px;color:#8ea6b7;font-size:8px;font-weight:800;letter-spacing:.12em}
.lcv7-feed__lpr::after{content:"VEHÍCULO";position:absolute;right:8px;bottom:5px;color:var(--lcv3-green);font-size:9px;font-weight:800}

.lcv7-feed__rack{left:16px;right:16px;bottom:16px;height:64px;border-radius:12px;background:repeating-linear-gradient(90deg, #132737 0 14%, #0b1824 14% 28%);opacity:.84}
.lcv7-feed__rack::before{content:"";position:absolute;left:50%;top:-58px;width:58px;height:58px;transform:translateX(-50%);border-radius:12px;background:linear-gradient(180deg,#596572,#232f39);box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.lcv7-feed__object-target{left:50%;top:72px;width:76px;height:116px;transform:translateX(-50%)}
.lcv7-feed__object-target .crate{left:10px;top:32px;width:54px;height:54px;border-radius:10px;background:linear-gradient(145deg,#435563,#1b2a36 50%,#0a131c 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.12), 0 10px 18px rgba(0,0,0,.18)}
.lcv7-feed__object-target .bbox{left:0;top:22px;width:74px;height:74px;border:2px solid rgba(24,233,138,.7);border-radius:10px}
.lcv7-feed__trace{left:18px;right:18px;top:18px;height:2px;background:linear-gradient(90deg,rgba(24,233,138,.0),rgba(24,233,138,.75),rgba(24,233,138,.0));box-shadow:0 0 10px rgba(24,233,138,.25)}
.lcv7-feed__trace::before{content:"";position:absolute;left:54%;top:14px;width:60px;height:60px;border:1px dashed rgba(24,233,138,.35);border-radius:50%;animation:lcv7-rotate 9s linear infinite}

.lcv7-feed__event-target{left:50%;top:82px;width:80px;height:80px;transform:translateX(-50%)}
.lcv7-feed__event-target .pulse{left:18px;top:18px;width:44px;height:44px;border-radius:50%;background:radial-gradient(circle, rgba(24,233,138,.42), rgba(24,233,138,.06) 60%, transparent 70%);box-shadow:0 0 24px rgba(24,233,138,.22)}
.lcv7-feed__event-target .spark{left:34px;top:34px;width:12px;height:12px;border-radius:50%;background:#92ffe7;box-shadow:0 0 12px rgba(146,255,231,.8)}
.lcv7-feed__event-target .bbox{left:6px;top:6px;width:68px;height:68px;border:2px solid rgba(24,233,138,.72);border-radius:14px}
.lcv7-feed__wave{left:50%;top:118px;width:120px;height:120px;transform:translateX(-50%);border:1px solid rgba(24,233,138,.18);border-radius:50%;box-shadow:0 0 0 22px rgba(24,233,138,.03);animation:lcv7-ping 2.8s ease-out infinite}

.lcv7-feed i{
  left:16px;
  top:auto;
  bottom:14px;
  width:auto;
  height:auto;
  padding:4px 8px;
  border:1px solid rgba(24,233,138,.22);
  border-radius:999px;
  color:var(--lcv3-green);
  background:rgba(3,13,21,.72);
  font-size:9px;
  letter-spacing:.08em;
  transform:none;
}

.lcv7-feed.is-active,
.lcv7-feed:hover{
  transform:translateY(-8px) scale(1.02);
  filter:brightness(1.1);
  border-color:rgba(24,233,138,.48);
  box-shadow:0 26px 52px rgba(0,0,0,.22), 0 0 24px rgba(24,233,138,.08);
}

.lcv7-feed.is-active .lcv7-feed__scene,
.lcv7-feed:hover .lcv7-feed__scene{
  border-color:rgba(24,233,138,.14);
}
.lcv7-feed.is-active .bbox,
.lcv7-feed:hover .bbox{
  box-shadow:0 0 0 1px rgba(24,233,138,.18), 0 0 24px rgba(24,233,138,.22);
}

.lcv7-live--avenida{
  z-index:8;
}

.lcv7-live--avenida .lcv3-live__viewport{
  background:
    linear-gradient(rgba(24,233,138,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(24,233,138,.045) 1px,transparent 1px),
    radial-gradient(circle at 50% 42%, rgba(24,233,138,.10), transparent 34%),
    #06131d;
  background-size:28px 28px,28px 28px,auto,auto;
}

.lcv7-live__fallback{
  gap:10px;
}
.lcv7-live__fallback b{
  letter-spacing:.08em;
}
.lcv7-live__preview{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:10px;
  width:min(92%, 360px);
  margin-inline:auto;
  margin-top:8px;
}
.lcv7-live__chip{
  padding:10px 8px;
  border:1px solid rgba(24,233,138,.16);
  border-radius:12px;
  background:rgba(4,15,24,.55);
}
.lcv7-live__chip small{display:block;color:#8ea6b7;font-size:9px;font-weight:800;letter-spacing:.1em}
.lcv7-live__chip strong{display:block;margin-top:4px;color:var(--lcv3-green);font-size:16px}

@keyframes lcv7-scan{0%,100%{transform:translateY(-18px);opacity:0}20%,80%{opacity:1}50%{transform:translateY(120px);opacity:1}}
@keyframes lcv7-rotate{to{transform:rotate(360deg)}}
@keyframes lcv7-ping{0%{opacity:.6;transform:translateX(-50%) scale(.8)}100%{opacity:0;transform:translateX(-50%) scale(1.2)}}

@media(max-width:760px){
  .lcv7-feed{min-height:260px}
  .lcv7-feed__scene{inset:38px 12px 16px}
  .lcv7-live__preview{grid-template-columns:1fr 1fr 1fr;gap:8px;width:96%}
  .lcv7-live__chip{padding:8px 6px}
  .lcv7-live__chip strong{font-size:14px}
}

@media (prefers-reduced-motion:reduce){
  .lcv7-feed__scanline,
  .lcv7-feed__trace::before,
  .lcv7-feed__wave{
    animation:none !important;
  }
}


/* =========================================================
   LA ISLA · INTEGRACIÓN PREMIUM DAHUA + ALICE + PARKING
   ========================================================= */
.lcv3-scene--isla{
  overflow:hidden;
}

.lcv8-isla-system,
.lcv8-isla-system *{
  box-sizing:border-box;
}

.lcv8-isla-system{
  position:absolute;
  inset:13% 6.5% 42%;
  z-index:4;
  pointer-events:none;
}

.lcv8-isla-system > *{position:absolute}

.lcv8-isla-system__glow{
  inset:2% 14% 2%;
  border-radius:48px;
  background:
    radial-gradient(circle at 50% 38%, rgba(24,233,138,.18), transparent 24%),
    radial-gradient(circle at 50% 72%, rgba(90,247,236,.09), transparent 28%),
    linear-gradient(180deg, rgba(24,233,138,.04), transparent 40%);
  filter:blur(24px);
  opacity:.96;
  animation:lcv8-glow-breathe 6s ease-in-out infinite;
}

.lcv8-isla-system__grid{
  inset:6% 10% 4%;
  border-radius:50%;
  border:1px solid rgba(24,233,138,.07);
  background-image:
    linear-gradient(rgba(24,233,138,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(24,233,138,.05) 1px, transparent 1px);
  background-size:28px 28px;
  opacity:.34;
  animation:lcv8-grid-drift 14s linear infinite;
}

.lcv8-isla-system__halo{
  left:50%;
  top:45%;
  border-radius:50%;
  transform:translate(-50%,-50%);
  border:1px solid rgba(24,233,138,.12);
}
.lcv8-isla-system__halo--outer{
  width:50%;
  aspect-ratio:1;
  box-shadow:0 0 0 18px rgba(24,233,138,.02), 0 0 0 52px rgba(24,233,138,.015);
  animation:lcv8-halo-spin 18s linear infinite;
}
.lcv8-isla-system__halo--inner{
  width:34%;
  aspect-ratio:1;
  border-style:dashed;
  border-color:rgba(90,247,236,.16);
  animation:lcv8-halo-spin-rev 12s linear infinite;
}

.lcv8-isla-card{
  min-width:184px;
  display:grid;
  gap:8px;
  padding:18px 20px;
  border:1px solid rgba(24,233,138,.22);
  border-radius:22px;
  background:linear-gradient(165deg, rgba(5,18,28,.92), rgba(2,10,16,.88));
  box-shadow:0 20px 44px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.04);
  backdrop-filter:blur(10px);
  animation:lcv8-card-float 5.8s ease-in-out infinite;
}
.lcv8-isla-card b{
  color:var(--lcv3-green);
  font:900 13px/1 ui-monospace,monospace;
  letter-spacing:.12em;
}
.lcv8-isla-card strong{color:#fff;font-size:17px;line-height:1}
.lcv8-isla-card small{color:#9fb1bd;font-size:11px}
.lcv8-isla-card--lpr{left:0;top:15%}
.lcv8-isla-card--face{right:0;top:15%;animation-delay:.9s}
.lcv8-isla-card--parking{left:50%;bottom:-3%;transform:translateX(-50%);min-width:214px;animation-delay:1.7s}

.lcv8-isla-card__icon{
  position:relative;
  display:grid;
  place-items:center;
  width:68px;
  height:48px;
  border:1px solid rgba(24,233,138,.18);
  border-radius:14px;
  background:linear-gradient(180deg, rgba(24,233,138,.06), rgba(4,14,22,.1));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);
}
.lcv8-isla-card__icon--plate{width:82px;height:44px;border-radius:10px}
.lcv8-isla-card__icon--parking{width:54px;height:54px;border-radius:50%}
.lcv8-isla-plate{
  display:flex;
  align-items:center;
  justify-content:center;
  width:64px;
  height:26px;
  border-radius:7px;
  background:linear-gradient(180deg, #eef6d7, #cfe99c);
  color:#16311f;
  font:900 11px/1 ui-monospace,monospace;
  letter-spacing:.14em;
  box-shadow:0 4px 12px rgba(0,0,0,.18);
}
.lcv8-isla-face-icon{
  position:relative;
  width:34px;
  height:34px;
}
.lcv8-isla-face-icon .head{
  position:absolute; left:10px; top:1px; width:14px; height:14px; border:2px solid var(--lcv3-green); border-radius:50%;
}
.lcv8-isla-face-icon .body{
  position:absolute; left:7px; top:17px; width:20px; height:12px; border:2px solid var(--lcv3-green); border-top:none; border-radius:0 0 12px 12px;
}
.lcv8-isla-face-icon .bracket{
  position:absolute; width:8px; height:8px; border:2px solid rgba(90,247,236,.9);
}
.lcv8-isla-face-icon .tl{left:-4px; top:-4px; border-right:none; border-bottom:none}
.lcv8-isla-face-icon .tr{right:-4px; top:-4px; border-left:none; border-bottom:none}
.lcv8-isla-face-icon .bl{left:-4px; bottom:-4px; border-right:none; border-top:none}
.lcv8-isla-face-icon .br{right:-4px; bottom:-4px; border-left:none; border-top:none}
.lcv8-isla-parking-icon{
  color:#55d7ff;
  font:900 26px/1 system-ui,sans-serif;
  text-shadow:0 0 12px rgba(85,215,255,.38);
}

.lcv8-isla-core{
  left:50%; top:45%; width:252px; height:334px; transform:translate(-50%,-50%);
}

.lcv8-isla-device{
  position:absolute;
  left:50%; top:0; width:188px; height:252px; transform:translateX(-50%);
  border-radius:34px;
  background:
    linear-gradient(160deg, rgba(235,243,247,.92) 0%, rgba(148,164,176,.92) 14%, rgba(30,43,54,.95) 34%, rgba(9,17,26,.98) 67%, rgba(4,12,20,1) 100%);
  box-shadow:0 28px 54px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.32);
  animation:lcv8-device-float 5.4s ease-in-out infinite;
}
.lcv8-isla-device::before{
  content:"";
  position:absolute;
  left:14px; right:14px; top:14px; height:58px;
  border-radius:24px;
  background:linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,0));
  opacity:.5;
}
.lcv8-isla-device__topline{
  left:50%; top:10px; width:72px; height:4px; transform:translateX(-50%);
  border-radius:999px; background:rgba(255,255,255,.48);
}
.lcv8-isla-device__lens{
  left:28px; top:29px; width:40px; height:40px; border-radius:50%;
  background:radial-gradient(circle at 40% 36%, rgba(90,247,236,.28), transparent 20%), #07111a;
  border:7px solid #1c2a35;
  box-shadow:0 0 16px rgba(24,233,138,.12);
}
.lcv8-isla-device__sensor{
  right:28px; top:38px; width:16px; height:16px; border-radius:50%;
  background:#1f2e39; box-shadow:inset 0 0 0 4px #0c151d;
}
.lcv8-isla-device__led{
  right:28px; top:62px; width:10px; height:10px; border-radius:50%;
  background:#6bffe2; box-shadow:0 0 14px rgba(107,255,226,.78); animation:lcv8-led 2.1s ease-in-out infinite;
}
.lcv8-isla-device__screen{
  left:18px; right:18px; top:96px; height:106px;
  display:grid; place-content:center; gap:6px; text-align:center;
  border-radius:22px; border:1px solid rgba(24,233,138,.18);
  background:
    linear-gradient(rgba(24,233,138,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(24,233,138,.055) 1px,transparent 1px),
    radial-gradient(circle at 50% 40%, rgba(24,233,138,.18), transparent 48%),
    linear-gradient(180deg, rgba(7,24,31,.96), rgba(4,13,21,.98));
  background-size:20px 20px,20px 20px,auto,auto;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03), 0 0 22px rgba(24,233,138,.10);
  overflow:hidden;
}
.lcv8-isla-device__screen-scan{
  position:absolute; left:0; right:0; top:-18%; height:36%;
  background:linear-gradient(180deg, rgba(24,233,138,.0), rgba(24,233,138,.18), rgba(24,233,138,.0));
  animation:lcv8-screen-scan 3.8s ease-in-out infinite;
}
.lcv8-isla-device__screen b{position:relative;z-index:1;color:#d4e2e9;font-size:11px;letter-spacing:.14em}
.lcv8-isla-device__screen strong{position:relative;z-index:1;color:var(--lcv3-green);font-size:24px;letter-spacing:.12em}
.lcv8-isla-device__screen small{position:relative;z-index:1;color:#9fb1bd;font-size:10px;letter-spacing:.18em}
.lcv8-isla-device__scan{
  left:26px; right:26px; bottom:24px; height:22px; border-radius:999px;
  background:linear-gradient(180deg, rgba(24,233,138,.36), rgba(24,233,138,.06));
  box-shadow:0 0 18px rgba(24,233,138,.18), inset 0 0 16px rgba(24,233,138,.14);
}

.lcv8-isla-hub{
  position:absolute;
  left:50%; bottom:0; width:204px; transform:translateX(-50%);
  display:grid; gap:5px; padding:14px 18px; text-align:center;
  border:1px solid rgba(24,233,138,.24); border-radius:18px;
  background:rgba(3,13,21,.84); backdrop-filter:blur(12px);
  box-shadow:0 16px 34px rgba(0,0,0,.18);
  animation:lcv8-card-float 6.4s ease-in-out infinite;
}
.lcv8-isla-hub span{color:#8ea6b7;font-size:9px;font-weight:900;letter-spacing:.18em}
.lcv8-isla-hub strong{color:#fff;font-size:24px;line-height:1}
.lcv8-isla-hub small{color:var(--lcv3-green);font-size:10px;letter-spacing:.08em}

.lcv8-isla-link{
  height:2px;
  overflow:visible;
}
.lcv8-isla-link::before{
  content:"";
  position:absolute; inset:0;
  background:linear-gradient(90deg, transparent, rgba(24,233,138,.72), transparent);
  filter:drop-shadow(0 0 10px rgba(24,233,138,.28));
}
.lcv8-isla-link .packet{
  position:absolute; top:50%; width:9px; height:9px; margin-top:-4.5px; border-radius:50%;
  background:#8dffe5; box-shadow:0 0 12px rgba(141,255,229,.84);
}
.lcv8-isla-link--lpr{left:18%; top:44%; width:24%; transform:rotate(10deg)}
.lcv8-isla-link--lpr .packet{animation:lcv8-flow-lpr 3.4s ease-in-out infinite}
.lcv8-isla-link--face{right:18%; top:40.5%; width:24%; transform:rotate(-10deg)}
.lcv8-isla-link--face .packet{animation:lcv8-flow-face 3.8s ease-in-out infinite}
.lcv8-isla-link--parking{left:50%; top:71%; width:16%; height:2px; transform:translateX(-50%)}
.lcv8-isla-link--parking .packet{animation:lcv8-flow-parking 3.6s ease-in-out infinite}

.lcv8-isla-pulse{
  width:10px; height:10px; border-radius:50%; background:var(--lcv3-green);
  box-shadow:0 0 16px rgba(24,233,138,.8); animation:lcv8-pulse 2.6s ease-in-out infinite;
}
.lcv8-isla-pulse--a{left:26%; top:45%}
.lcv8-isla-pulse--b{right:26%; top:41%; animation-delay:.8s}
.lcv8-isla-pulse--c{left:50%; top:70.7%; transform:translateX(-50%); animation-delay:1.6s}

.lcv4-dual-demo{
  z-index:10;
}
.lcv4-dual-demo .lcv3-live{
  backdrop-filter:blur(12px);
}

@keyframes lcv8-led{0%,100%{opacity:1}50%{opacity:.42}}
@keyframes lcv8-pulse{0%,100%{transform:scale(.8);opacity:.48}50%{transform:scale(1.15);opacity:1}}
@keyframes lcv8-card-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes lcv8-device-float{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-10px)}}
@keyframes lcv8-glow-breathe{0%,100%{opacity:.84;transform:scale(.98)}50%{opacity:1;transform:scale(1.02)}}
@keyframes lcv8-grid-drift{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
@keyframes lcv8-halo-spin{0%{transform:translate(-50%,-50%) rotate(0)}100%{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes lcv8-halo-spin-rev{0%{transform:translate(-50%,-50%) rotate(0)}100%{transform:translate(-50%,-50%) rotate(-360deg)}}
@keyframes lcv8-screen-scan{0%,100%{top:-18%;opacity:0}20%,80%{opacity:1}50%{top:82%;opacity:.8}}
@keyframes lcv8-flow-lpr{0%{left:0%;opacity:0}15%{opacity:1}60%{left:92%;opacity:1}100%{left:92%;opacity:0}}
@keyframes lcv8-flow-face{0%{right:0%;opacity:0}15%{opacity:1}60%{right:92%;opacity:1}100%{right:92%;opacity:0}}
@keyframes lcv8-flow-parking{0%{left:0%;opacity:0}15%{opacity:1}65%{left:92%;opacity:1}100%{left:92%;opacity:0}}

@media(max-width:1100px){
  .lcv8-isla-system{inset:14% 4.5% 44%}
  .lcv8-isla-card{min-width:160px;padding:15px 16px}
  .lcv8-isla-card strong{font-size:15px}
  .lcv8-isla-card small{font-size:10px}
  .lcv8-isla-card--parking{min-width:188px}
  .lcv8-isla-core{width:220px;height:306px}
  .lcv8-isla-device{width:170px;height:232px}
  .lcv8-isla-device__screen strong{font-size:22px}
  .lcv8-isla-hub{width:186px}
}

@media(max-width:900px){
  .lcv8-isla-system{inset:11% 4% auto; height:390px}
  .lcv8-isla-card--lpr{left:2%;top:13%}
  .lcv8-isla-card--face{right:2%;top:13%}
  .lcv8-isla-card--parking{bottom:0}
  .lcv8-isla-core{top:47%}
}

@media(max-width:760px){
  .lcv8-isla-system{inset:8% 2.5% auto; height:360px}
  .lcv8-isla-card{min-width:132px;padding:12px 12px;border-radius:18px}
  .lcv8-isla-card b{font-size:11px}
  .lcv8-isla-card strong{font-size:14px}
  .lcv8-isla-card small{font-size:9px}
  .lcv8-isla-card__icon{width:56px;height:40px}
  .lcv8-isla-card__icon--plate{width:70px;height:38px}
  .lcv8-isla-card__icon--parking{width:44px;height:44px}
  .lcv8-isla-plate{width:54px;height:22px;font-size:9px}
  .lcv8-isla-parking-icon{font-size:22px}
  .lcv8-isla-card--lpr{left:0;top:10%}
  .lcv8-isla-card--face{right:0;top:10%}
  .lcv8-isla-card--parking{min-width:160px;bottom:-6%}
  .lcv8-isla-core{width:186px;height:280px;top:45%}
  .lcv8-isla-device{width:146px;height:204px}
  .lcv8-isla-device__topline{top:8px;width:56px}
  .lcv8-isla-device__lens{left:22px;top:24px;width:34px;height:34px}
  .lcv8-isla-device__sensor{right:22px;top:31px}
  .lcv8-isla-device__led{right:22px;top:54px}
  .lcv8-isla-device__screen{left:14px;right:14px;top:78px;height:84px}
  .lcv8-isla-device__screen b{font-size:9px}
  .lcv8-isla-device__screen strong{font-size:19px}
  .lcv8-isla-device__screen small{font-size:8px}
  .lcv8-isla-device__scan{left:20px;right:20px;bottom:16px;height:16px}
  .lcv8-isla-hub{width:160px;padding:10px 12px;border-radius:14px}
  .lcv8-isla-hub strong{font-size:20px}
  .lcv8-isla-link--lpr{left:19%;width:21%}
  .lcv8-isla-link--face{right:19%;width:21%}
  .lcv8-isla-link--parking{width:18%}
  .lcv8-isla-pulse--a{left:29%}
  .lcv8-isla-pulse--b{right:29%}
}

@media (prefers-reduced-motion:reduce){
  .lcv8-isla-system__glow,
  .lcv8-isla-system__grid,
  .lcv8-isla-system__halo,
  .lcv8-isla-card,
  .lcv8-isla-device,
  .lcv8-isla-device__screen-scan,
  .lcv8-isla-device__led,
  .lcv8-isla-pulse,
  .lcv8-isla-link .packet,
  .lcv8-isla-hub{
    animation:none !important;
  }
}



/* =========================================================
   FIX ESTRUCTURAL DEFINITIVO · EDIFICIO AVENIDA 122
   El HTML ya no utiliza el layout apilado. Esta tarjeta queda
   en dos columnas y no genera una segunda fila vacía.
   ========================================================= */
#lam-clients-v3 .lcv3-project--avenida .lcv3-project__card--avenida{
  display:grid !important;
  grid-template-columns:minmax(460px,.95fr) minmax(0,1.25fr) !important;
  grid-template-rows:740px !important;
  min-height:740px !important;
  height:740px !important;
  align-items:stretch !important;
}

#lam-clients-v3 .lcv3-project--avenida .lcv3-project__card--avenida > .lcv3-project__copy,
#lam-clients-v3 .lcv3-project--avenida .lcv3-project__card--avenida > .lcv3-scene--video{
  grid-row:1 !important;
  min-height:0 !important;
  height:100% !important;
}

#lam-clients-v3 .lcv3-project--avenida .lcv3-project__card--avenida > .lcv3-project__copy{
  grid-column:1 !important;
}

#lam-clients-v3 .lcv3-project--avenida .lcv3-project__card--avenida > .lcv3-scene--video{
  grid-column:2 !important;
}

@media(max-width:1180px){
  #lam-clients-v3 .lcv3-project--avenida .lcv3-project__card--avenida{
    grid-template-columns:1fr !important;
    grid-template-rows:auto 720px !important;
    min-height:0 !important;
    height:auto !important;
  }

  #lam-clients-v3 .lcv3-project--avenida .lcv3-project__card--avenida > .lcv3-project__copy{
    grid-column:1 !important;
    grid-row:1 !important;
    height:auto !important;
  }

  #lam-clients-v3 .lcv3-project--avenida .lcv3-project__card--avenida > .lcv3-scene--video{
    grid-column:1 !important;
    grid-row:2 !important;
    height:720px !important;
  }
}

@media(max-width:760px){
  #lam-clients-v3 .lcv3-project--avenida .lcv3-project__card--avenida{
    grid-template-rows:auto 620px !important;
  }

  #lam-clients-v3 .lcv3-project--avenida .lcv3-project__card--avenida > .lcv3-scene--video{
    height:620px !important;
  }
}

/* =========================================================
   AJUSTE FINAL — ANCHO COMPLETO, AUDIO UNIFICADO Y FLECHA
   No modifica textos, colores, imágenes ni animaciones.
   ========================================================= */

/* Amplía las secciones que todavía estaban limitadas a 1480 px. */
#lam-clients-v3 .lcv3-hero > .lcv3-shell,
#lam-clients-v3 .lcv3-intro > .lcv3-shell,
#lam-clients-v3 .lcv3-project > .lcv3-shell,
#lam-clients-v3 .lcv3-method > .lcv3-shell,
#lam-clients-v3 .lcv3-architecture > .lcv3-shell,
#lam-clients-v3 .lcv3-cta > .lcv3-shell {
  width: 100%;
  max-width: none;
}

/* Mantiene las tarjetas amplias sin pegarlas bruscamente al borde. */
#lam-clients-v3 .lcv3-project > .lcv3-shell {
  padding-inline: clamp(12px, 1.15vw, 22px);
}

/* Referente de clientes: visible, simétrico y separado de los planetas. */
#lam-clients-v3 .lcv3-network > .lcv3-kicker,
#lam-clients-v3 .lcv3-network .lcv3-kicker:first-child {
  position: absolute;
  z-index: 30;
  top: -34px;
  left: 50%;
  width: max-content;
  max-width: calc(100% - 32px);
  margin: 0;
  transform: translateX(-50%);
  white-space: nowrap;
}

/* Reproductor idéntico al usado en Inicio y Servicios. */
#lam-clients-v3 .lcv4-sound,
.lcv4-sound {
  position: fixed !important;
  z-index: 9998 !important;
  right: 14px !important;
  bottom: 14px !important;
  display: grid !important;
  grid-template-columns: auto minmax(112px, auto) 30px 30px minmax(88px, 118px) !important;
  align-items: center !important;
  gap: 7px !important;
  min-width: 0 !important;
  min-height: 46px !important;
  width: auto !important;
  padding: 6px 8px !important;
  border: 1px solid rgba(24, 233, 138, .48) !important;
  border-radius: 15px !important;
  background: rgba(3, 13, 22, .92) !important;
  color: #fff !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, .24) !important;
  backdrop-filter: blur(14px) !important;
}

.lcv4-sound button,
.lcv4-sound input {
  font: inherit;
}

.lcv4-sound button {
  border: 0;
  color: inherit;
  cursor: pointer;
}

.lcv4-sound__toggle {
  min-height: 32px !important;
  padding: 0 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  border-right: 1px solid rgba(255,255,255,.12) !important;
  background: transparent !important;
}

.lcv4-sound__toggle b {
  display: inline !important;
  color: #fff !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

.lcv4-sound__bars {
  width: 22px !important;
  height: 19px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  color: var(--lcv3-green) !important;
}

.lcv4-sound__bars i {
  width: 2px !important;
  height: 7px;
  border-radius: 10px !important;
  background: currentColor !important;
  opacity: .45;
  animation: none !important;
}

.lcv4-sound.is-playing .lcv4-sound__bars i {
  opacity: 1;
  animation: lcv-clients-eq 900ms ease-in-out infinite alternate !important;
}

.lcv4-sound.is-playing .lcv4-sound__bars i:nth-child(2) { animation-delay: -220ms !important; }
.lcv4-sound.is-playing .lcv4-sound__bars i:nth-child(3) { animation-delay: -480ms !important; }
.lcv4-sound.is-playing .lcv4-sound__bars i:nth-child(4) { animation-delay: -140ms !important; }

.lcv4-sound__meta {
  min-width: 0 !important;
  display: grid !important;
  gap: 2px !important;
  padding-left: 0 !important;
  border-left: 0 !important;
}

.lcv4-sound__meta small {
  color: #8fa3b5 !important;
  font-size: 7px !important;
  font-weight: 800 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

.lcv4-sound__meta strong {
  overflow: hidden !important;
  color: var(--lcv3-green) !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: .05em !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.lcv4-sound__prev,
.lcv4-sound__next {
  width: 30px !important;
  height: 30px !important;
  display: grid !important;
  place-items: center !important;
  padding: 0 !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,.045) !important;
  color: #fff !important;
  font-size: 18px !important;
  line-height: 1 !important;
  transition: background 180ms ease, border-color 180ms ease, transform 180ms ease !important;
}

.lcv4-sound__prev:hover,
.lcv4-sound__next:hover {
  transform: translateY(-1px);
  border-color: rgba(24,233,138,.58) !important;
  background: rgba(24,233,138,.10) !important;
}

.lcv4-sound__volume {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 5px;
  color: #8fa3b5;
  font-size: 7px;
  font-weight: 800;
  letter-spacing: .08em;
}

.lcv4-sound__volume input {
  width: 100%;
  height: 3px;
  margin: 0;
  padding: 0;
  accent-color: var(--lcv3-green);
  cursor: pointer;
}

.lcv4-sound button:focus-visible,
.lcv4-sound input:focus-visible {
  outline: 2px solid rgba(24,233,138,.62);
  outline-offset: 2px;
}

/* La flecha de retorno permanece por encima del reproductor. */
.ct-back-to-top,
[data-id="scroll-top"],
[data-device="desktop"] .ct-back-to-top {
  bottom: 92px !important;
  z-index: 1001 !important;
}

@keyframes lcv-clients-eq {
  from { height: 5px; }
  to { height: 18px; }
}

@media (max-width: 900px) {
  #lam-clients-v3 .lcv3-network > .lcv3-kicker,
  #lam-clients-v3 .lcv3-network .lcv3-kicker:first-child {
    top: -20px;
  }
}

@media (max-width: 760px) {
  #lam-clients-v3 .lcv3-project > .lcv3-shell {
    padding-inline: 10px;
  }

  #lam-clients-v3 .lcv3-network > .lcv3-kicker,
  #lam-clients-v3 .lcv3-network .lcv3-kicker:first-child {
    position: relative;
    top: auto;
    left: auto;
    width: auto;
    max-width: 100%;
    margin: 0 auto 22px;
    justify-content: center;
    transform: none;
    white-space: normal;
    text-align: center;
  }

  #lam-clients-v3 .lcv4-sound,
  .lcv4-sound {
    right: 9px !important;
    bottom: 9px !important;
    grid-template-columns: auto minmax(92px, auto) 28px 28px !important;
    gap: 5px !important;
    min-height: 42px !important;
    padding: 5px 6px !important;
  }

  .lcv4-sound__volume {
    display: none;
  }

  .lcv4-sound__toggle {
    padding-inline: 6px !important;
  }

  .lcv4-sound__toggle b,
  .lcv4-sound__meta strong {
    font-size: 8px !important;
  }

  .lcv4-sound__prev,
  .lcv4-sound__next {
    width: 28px !important;
    height: 28px !important;
  }

  .ct-back-to-top,
  [data-id="scroll-top"],
  [data-device="mobile"] .ct-back-to-top {
    bottom: 66px !important;
  }
}

/* =========================================================
   CORRECCIÓN DEFINITIVA — TÍTULO DE LA CONSTELACIÓN
   Clase real: .lcv7-network-label
   ========================================================= */

/* Título independiente, visible y con jerarquía sobre la constelación. */
#lam-clients-v3 .lcv3-network .lcv7-network-label {
  position: absolute !important;
  z-index: 40 !important;
  top: -58px !important;
  left: 50% !important;
  width: max-content !important;
  max-width: calc(100% - 28px) !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 11px !important;
  transform: translateX(-50%) !important;
  color: #ffffff !important;
  font-size: clamp(13px, 1vw, 17px) !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  letter-spacing: .15em !important;
  text-align: center !important;
  white-space: nowrap !important;
  text-transform: uppercase !important;
  pointer-events: none !important;
  text-shadow: 0 0 24px rgba(24, 233, 138, .16) !important;
}

/* Conserva el punto verde aprobado, ligeramente más visible. */
#lam-clients-v3 .lcv3-network .lcv7-network-label span {
  width: 9px !important;
  height: 9px !important;
  flex: 0 0 auto !important;
}

/* Reserva una franja visual real entre el título y el planeta superior. */
#lam-clients-v3 .lcv3-network .lcv3-node--5 {
  top: 11% !important;
}

/* Mantiene la transformación especial del nodo superior. */
#lam-clients-v3 .lcv3-network .lcv3-node--5:hover,
#lam-clients-v3 .lcv3-network .lcv3-node--5:focus,
#lam-clients-v3 .lcv3-network .lcv3-node--5:focus-visible,
#lam-clients-v3 .lcv3-network .lcv3-node--5.is-active {
  transform:
    translateX(-50%)
    translateY(-6px)
    scale(1.02)
    translate3d(var(--planet-x), var(--planet-y), var(--planet-depth)) !important;
}

@media (max-width: 1100px) {
  #lam-clients-v3 .lcv3-network .lcv7-network-label {
    top: -46px !important;
    font-size: clamp(12px, 1.5vw, 15px) !important;
  }

  #lam-clients-v3 .lcv3-network .lcv3-node--5 {
    top: 12% !important;
  }
}

@media (max-width: 760px) {
  #lam-clients-v3 .lcv3-network .lcv7-network-label {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto 30px !important;
    padding-inline: 14px !important;
    transform: none !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    letter-spacing: .11em !important;
    white-space: normal !important;
  }

  #lam-clients-v3 .lcv3-network .lcv3-node--5 {
    top: 4% !important;
  }
}

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

/* El navegador pospone las implementaciones que aún no se ven. */
#lam-clients-v3 .lcv3-intro,
#lam-clients-v3 .lcv3-project,
#lam-clients-v3 .lcv3-method,
#lam-clients-v3 .lcv3-cta{
  content-visibility:auto;
  contain-intrinsic-size:1px 920px;
}

/* Aísla el cálculo y la pintura de cada implementación. */
#lam-clients-v3 .lcv3-project__card,
#lam-clients-v3 .lcv3-method__grid article{
  contain:layout paint style;
}

/* En móvil se reducen efectos costosos sin cambiar la composición. */
@media(max-width:760px){
  #lam-clients-v3 .lcv3-network::before{
    filter:blur(12px);
  }

  #lam-clients-v3 .lcv3-network__ring--b,
  #lam-clients-v3 .lcv3-network__pulse,
  #lam-clients-v3 .lcv3-scene::after,
  #lam-clients-v3 .lcv3-console__bars i,
  #lam-clients-v3 .lcv3-smart__core{
    animation-duration:9s;
  }

  #lam-clients-v3 .lcv3-project:not(.is-in-view) *,
  #lam-clients-v3 .lcv3-method:not(.is-in-view) *{
    animation-play-state:paused!important;
  }

  #lam-clients-v3 .lcv3-hud{
    backdrop-filter:none;
  }
}

@media(prefers-reduced-motion:reduce){
  #lam-clients-v3 .lcv3-hero__canvas{
    display:none;
  }
}