/* Electrónica "en construcción": banda azul Tosama con circuito animado y mensaje grande. */
.elec-build{position:relative;overflow:hidden;display:flex;align-items:center;min-height:calc(100svh - 100px);padding:120px 6vw 130px;background:#193d75;color:#fff;isolation:isolate}
.elec-build-circuit{position:absolute;inset:0;width:100%;height:100%;z-index:-1;opacity:.9}
.elec-build-circuit .trace{fill:none;stroke:rgba(201,216,238,.28);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.elec-build-circuit .pulse{fill:none;stroke:#9fd0ff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:.07 .93;stroke-dashoffset:0;opacity:.85}
.elec-build-circuit .pad{fill:#193d75;stroke:rgba(201,216,238,.55);stroke-width:2}
.elec-build-circuit .chip{fill:rgba(201,216,238,.06);stroke:rgba(201,216,238,.3);stroke-width:2}
.elec-build-inner{position:relative;max-width:1180px;margin:0 auto;width:100%}
.elec-build .ref-label{display:block;margin-bottom:30px;font-size:20px;color:#c9d8ee}
.elec-build h2{margin:0 0 40px;max-width:1000px;font-size:clamp(46px,7vw,112px);font-weight:500;line-height:1.02;letter-spacing:-.045em;color:#fff}
.elec-build p{margin:0 0 44px;max-width:760px;font-size:clamp(19px,1.7vw,24px);line-height:1.55;color:#c9d8ee}
.elec-status{display:flex;align-items:center;gap:18px;max-width:760px;font-size:17px;letter-spacing:.04em;color:#c9d8ee}
.elec-status-bar{position:relative;flex:1;height:4px;background:rgba(201,216,238,.25);overflow:hidden}
.elec-status-bar::after{content:"";position:absolute;inset:0 auto 0 0;width:38%;background:#9fd0ff;animation:elec-barra 2.6s ease-in-out infinite}
.elec-status-dot{width:12px;height:12px;border-radius:50%;background:#9fd0ff;animation:elec-latido 1.6s ease-in-out infinite}
@keyframes elec-barra{0%{transform:translateX(-100%)}100%{transform:translateX(280%)}}
@keyframes elec-latido{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.6)}}
@keyframes elec-trazo{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes elec-corre{from{stroke-dashoffset:0}to{stroke-dashoffset:-1}}
@keyframes elec-sube{from{opacity:0;transform:translateY(50px)}to{opacity:1;transform:none}}
@keyframes elec-aparece{from{opacity:0}to{opacity:1}}
.elec-build.elec-live .elec-item{opacity:0}
.elec-build.elec-live .trace{stroke-dasharray:1;stroke-dashoffset:1}
.elec-build.elec-live .pulse,.elec-build.elec-live .pad,.elec-build.elec-live .chip{opacity:0}
.elec-build.elec-live.is-in .elec-item{animation:elec-sube .9s cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--d,0s)}
.elec-build.elec-live.is-in .trace{animation:elec-trazo 2.6s ease-out both;animation-delay:var(--t,0s)}
.elec-build.elec-live.is-in .pulse{opacity:.85;animation:elec-corre 4.5s linear infinite;animation-delay:var(--t,0s)}
.elec-build.elec-live.is-in .pad,.elec-build.elec-live.is-in .chip{animation:elec-aparece .8s ease both;animation-delay:var(--t,0s)}
@media(max-width:780px){.elec-build{padding:80px 24px 90px;min-height:auto}.elec-build .ref-label{font-size:18px}.elec-build h2{margin-bottom:28px}.elec-build p{margin-bottom:34px}}
@media(prefers-reduced-motion:reduce){
  .elec-build.elec-live .elec-item,.elec-build.elec-live.is-in .elec-item{animation:none;opacity:1}
  .elec-build.elec-live .trace,.elec-build.elec-live.is-in .trace{animation:none;stroke-dashoffset:0}
  .elec-build.elec-live .pad,.elec-build.elec-live .chip,.elec-build.elec-live.is-in .pad,.elec-build.elec-live.is-in .chip{animation:none;opacity:1}
  .elec-build.elec-live .pulse{display:none}
  .elec-status-bar::after,.elec-status-dot{animation:none}
}

/* Dentro de Servicios: banda más compacta */
.elec-build.elec-in-servicios{min-height:0;padding:150px 6vw 160px}
@media(max-width:780px){.elec-build.elec-in-servicios{padding:90px 24px 100px}}