:root{--eq-bg:#02090c;--eq-panel:#07171d;--eq-panel2:#09222a;--eq-cyan:#00d7f3;--eq-green:#9cff00;--eq-text:#f5fbfd;--eq-muted:#92a5ad;--eq-line:rgba(36,205,233,.22)}
body.equipos-page-v2{background:var(--eq-bg);color:var(--eq-text);overflow-x:hidden}
.equipos-page-v2 .eq-shell{position:relative;z-index:2}
.equipos-page-v2 .eq-hero{position:relative;min-height:92vh;padding:150px 0 70px;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid rgba(0,210,255,.15);background:radial-gradient(circle at 82% 20%,rgba(0,210,255,.12),transparent 28%),radial-gradient(circle at 20% 70%,rgba(156,255,0,.07),transparent 30%),linear-gradient(180deg,#031015 0%,#02090c 100%)}
.equipos-page-v2 .eq-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,black,transparent 88%)}
.equipos-page-v2 .eq-kicker,.equipos-page-v2 .eq-section-kicker{display:inline-flex;align-items:center;gap:9px;color:var(--eq-green);font-size:11px;font-weight:900;letter-spacing:.24em;text-transform:uppercase}
.equipos-page-v2 .eq-kicker:before,.equipos-page-v2 .eq-section-kicker:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--eq-cyan);box-shadow:0 0 14px var(--eq-cyan)}
.equipos-page-v2 .eq-hero h1{max-width:830px;margin:16px 0 22px;font-size:clamp(48px,6.5vw,96px);line-height:.9;font-weight:950;letter-spacing:-.055em;text-transform:uppercase}
.equipos-page-v2 .eq-hero h1 span{background:linear-gradient(90deg,var(--eq-green),#54e769 46%,var(--eq-cyan));-webkit-background-clip:text;background-clip:text;color:transparent}
.equipos-page-v2 .eq-lead{max-width:760px;color:#b2c1c7;font-size:clamp(15px,1.2vw,18px);line-height:1.65}
.equipos-page-v2 .eq-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.equipos-page-v2 .eq-btn{display:inline-flex;align-items:center;gap:10px;padding:13px 20px;border-radius:999px;text-decoration:none;font-size:11px;font-weight:900;letter-spacing:.06em;transition:.28s}
.equipos-page-v2 .eq-btn-primary{color:#071014;background:linear-gradient(90deg,var(--eq-green),var(--eq-cyan));box-shadow:0 10px 28px rgba(0,210,255,.12)}
.equipos-page-v2 .eq-btn-secondary{color:#eaf8fb;border:1px solid rgba(255,255,255,.2);background:rgba(4,17,21,.58)}
.equipos-page-v2 .eq-btn:hover{transform:translateY(-3px)}
.equipos-page-v2 .eq-hero-board{position:relative;margin-left:auto;max-width:520px;padding:20px;border:1px solid rgba(0,210,255,.28);border-radius:28px;background:linear-gradient(145deg,rgba(6,27,34,.94),rgba(3,13,17,.95));box-shadow:0 30px 80px rgba(0,0,0,.34),0 0 45px rgba(0,210,255,.06)}
.equipos-page-v2 .eq-hero-frame{max-width:520px;margin-left:auto;padding:2px!important;border-radius:31px!important}
.equipos-page-v2 .eq-hero-frame>.eq-hero-board{width:100%;max-width:none;margin:0;border:0;border-radius:29px}
@media(hover:hover) and (pointer:fine){.equipos-page-v2 .eq-hero-frame:hover>.eq-hero-board{box-shadow:0 34px 82px rgba(0,0,0,.48),0 0 30px rgba(0,210,255,.12)}}
.equipos-page-v2 .eq-hero-board:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,var(--eq-green),transparent 35%,var(--eq-cyan));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.equipos-page-v2 .eq-board-title{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:4px 4px 17px;border-bottom:1px solid rgba(255,255,255,.08)}
.equipos-page-v2 .eq-board-title strong{font-size:14px;letter-spacing:.08em}.equipos-page-v2 .eq-board-title span{font-size:9px;color:#6e858e;letter-spacing:.14em}
.equipos-page-v2 .eq-board-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.equipos-page-v2 .eq-board-item{min-height:120px;padding:16px;border:1px solid rgba(255,255,255,.07);border-radius:18px;background:rgba(255,255,255,.025);display:flex;flex-direction:column;justify-content:space-between;transition:.25s}
.equipos-page-v2 .eq-board-item:hover{border-color:rgba(0,210,255,.38);transform:translateY(-3px)}
.equipos-page-v2 .eq-board-item i{font-size:20px;color:var(--eq-cyan)}.equipos-page-v2 .eq-board-item strong{font-size:13px;line-height:1.2}.equipos-page-v2 .eq-board-item small{color:#738991;font-size:9px}
.equipos-page-v2 .eq-category-nav{position:sticky;top:82px;z-index:20;padding:13px 0;background:rgba(2,11,15,.86);backdrop-filter:blur(16px);border-bottom:1px solid rgba(0,210,255,.12)}
.equipos-page-v2 .eq-category-nav .container{display:flex;gap:9px;overflow:auto;scrollbar-width:none}.equipos-page-v2 .eq-category-nav .container::-webkit-scrollbar{display:none}
.equipos-page-v2 .eq-cat-pill{flex:0 0 auto;padding:9px 13px;border-radius:999px;border:1px solid rgba(0,210,255,.16);color:#b7c7cd;text-decoration:none;font-size:9px;font-weight:900;letter-spacing:.08em;background:#06161c;transition:.22s}.equipos-page-v2 .eq-cat-pill:hover{color:#061014;background:linear-gradient(90deg,var(--eq-green),var(--eq-cyan))}
.equipos-page-v2 .eq-section{padding:80px 0;scroll-margin-top:145px}.equipos-page-v2 .eq-section+.eq-section{border-top:1px solid rgba(255,255,255,.055)}
.equipos-page-v2 .eq-section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,430px);gap:30px;align-items:end;margin-bottom:30px}.equipos-page-v2 .eq-section-head h2{margin:10px 0 0;font-size:clamp(34px,4vw,58px);font-weight:950;line-height:.98;letter-spacing:-.04em;text-transform:uppercase}.equipos-page-v2 .eq-section-head h2 span{color:var(--eq-cyan)}.equipos-page-v2 .eq-section-head p{margin:0;color:#8fa1a8;line-height:1.65;font-size:14px}
.equipos-page-v2 .eq-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.equipos-page-v2 .eq-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.equipos-page-v2 .eq-grid.one{grid-template-columns:1fr}
.equipos-page-v2 .eq-card{position:relative;min-height:410px;overflow:hidden;border:1px solid var(--eq-line);border-radius:22px;background:linear-gradient(160deg,#0a2028,#061216 70%);display:flex;flex-direction:column;box-shadow:0 18px 50px rgba(0,0,0,.18);transition:.3s}
.equipos-page-v2 .eq-card:hover{transform:translateY(-7px);border-color:rgba(0,210,255,.52);box-shadow:0 28px 70px rgba(0,0,0,.28),0 0 30px rgba(0,210,255,.06)}
.equipos-page-v2 .eq-card-media{height:190px;position:relative;overflow:hidden;background:#041014}.equipos-page-v2 .eq-card-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.9) brightness(.68);transition:.45s}.equipos-page-v2 .eq-card:hover .eq-card-media img{transform:scale(1.035);filter:saturate(1) brightness(.77)}
.equipos-page-v2 .eq-card-media:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#08191f 0%,transparent 62%)}
.equipos-page-v2 .eq-card-index{position:absolute;z-index:2;top:14px;left:14px;padding:7px 9px;border-radius:10px;background:rgba(3,15,19,.78);border:1px solid rgba(0,210,255,.18);color:#80eaff;font-size:9px;font-weight:900;letter-spacing:.13em}
.equipos-page-v2 .eq-card-body{padding:20px;display:flex;flex-direction:column;flex:1}.equipos-page-v2 .eq-brand{color:var(--eq-green);font-size:9px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.equipos-page-v2 .eq-card h3{margin:7px 0 9px;font-size:23px;font-weight:900;line-height:1.05}.equipos-page-v2 .eq-card p{color:#8fa1a8;font-size:13px;line-height:1.55;margin:0 0 15px}
.equipos-page-v2 .eq-tags{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 17px}.equipos-page-v2 .eq-tag{padding:6px 8px;border:1px solid rgba(0,210,255,.15);border-radius:999px;color:#8bddec;font-size:8px;font-weight:800;background:rgba(0,210,255,.035)}
.equipos-page-v2 .eq-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:0 0 18px}.equipos-page-v2 .eq-stat{padding:9px;border-radius:11px;background:rgba(255,255,255,.028);border:1px solid rgba(255,255,255,.055)}.equipos-page-v2 .eq-stat span{display:block;color:#647a83;font-size:7px;letter-spacing:.08em;text-transform:uppercase}.equipos-page-v2 .eq-stat strong{display:block;margin-top:3px;color:#eefbfe;font-size:10px;line-height:1.25}
.equipos-page-v2 .eq-card-link{margin-top:auto;display:flex;justify-content:space-between;align-items:center;padding-top:14px;border-top:1px solid rgba(255,255,255,.07);color:#49e2ff;text-decoration:none;font-size:10px;font-weight:900;letter-spacing:.08em}.equipos-page-v2 .eq-card-link i{transition:.2s}.equipos-page-v2 .eq-card-link:hover i{transform:translateX(4px)}
.equipos-page-v2 .eq-wide-card{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);min-height:430px}.equipos-page-v2 .eq-wide-card .eq-card-media{height:100%;min-height:430px}.equipos-page-v2 .eq-wide-card .eq-card-body{justify-content:center;padding:34px}.equipos-page-v2 .eq-wide-card h3{font-size:clamp(30px,3vw,46px)}
.equipos-page-v2 .eq-callout{margin:30px 0 0;padding:20px 22px;border-radius:18px;border:1px solid rgba(156,255,0,.16);background:linear-gradient(90deg,rgba(156,255,0,.05),rgba(0,210,255,.035));display:flex;gap:18px;align-items:center}.equipos-page-v2 .eq-callout i{font-size:25px;color:var(--eq-green)}.equipos-page-v2 .eq-callout strong{display:block;font-size:12px}.equipos-page-v2 .eq-callout span{display:block;margin-top:4px;color:#7d929a;font-size:11px}
.equipos-page-v2 .eq-cta{padding:70px 0 90px}.equipos-page-v2 .eq-cta-box{padding:35px;border:1px solid rgba(0,210,255,.24);border-radius:26px;background:radial-gradient(circle at 80% 20%,rgba(0,210,255,.1),transparent 30%),linear-gradient(145deg,#071a21,#041014);display:flex;justify-content:space-between;gap:30px;align-items:center}.equipos-page-v2 .eq-cta h2{margin:0;font-size:clamp(30px,4vw,54px);font-weight:950;letter-spacing:-.04em}.equipos-page-v2 .eq-cta p{margin:8px 0 0;color:#8fa1a8}
.equipos-page-v2 #mainNavbar{position:fixed;top:0;left:0;right:0;z-index:1050;background:rgba(2,13,17,.94);backdrop-filter:blur(16px)}
@media(max-width:1199px){.equipos-page-v2 .eq-grid{grid-template-columns:repeat(2,1fr)}.equipos-page-v2 .eq-hero-board{max-width:none}.equipos-page-v2 .eq-section-head{grid-template-columns:1fr}.equipos-page-v2 .eq-wide-card{grid-template-columns:1fr}.equipos-page-v2 .eq-wide-card .eq-card-media{min-height:260px}}
@media(max-width:991px){.equipos-page-v2 .eq-hero{padding:125px 0 55px;min-height:auto}.equipos-page-v2 .eq-hero-board{margin-top:32px}.equipos-page-v2 .eq-category-nav{top:74px}.equipos-page-v2 .eq-section{padding:58px 0}.equipos-page-v2 .eq-grid,.equipos-page-v2 .eq-grid.two{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.equipos-page-v2 .eq-hero{padding-top:110px}.equipos-page-v2 .eq-hero h1{font-size:clamp(42px,13vw,62px)}.equipos-page-v2 .eq-board-grid{grid-template-columns:1fr 1fr}.equipos-page-v2 .eq-board-item{min-height:105px;padding:13px}.equipos-page-v2 .eq-grid,.equipos-page-v2 .eq-grid.two{grid-template-columns:1fr}.equipos-page-v2 .eq-card{min-height:0}.equipos-page-v2 .eq-card-media{height:170px}.equipos-page-v2 .eq-section-head h2{font-size:36px}.equipos-page-v2 .eq-wide-card .eq-card-media{min-height:220px}.equipos-page-v2 .eq-cta-box{padding:24px;align-items:flex-start;flex-direction:column}.equipos-page-v2 .eq-category-nav{top:72px}}


/* =========================================================
   ENVAL EQUIPOS 3D v34 - TECNOLOGICO CORREGIDO
   Usa las clases REALES de equipos-3d.html:
   .equipos-page-v2, .eq-hero, .eq-card, .eq-board-item...
   ========================================================= */

/* Fondo tecnológico en movimiento */
body.equipos-page-v2{
  background:
    radial-gradient(circle at 15% 20%,rgba(156,255,0,.035),transparent 22%),
    radial-gradient(circle at 85% 30%,rgba(0,210,255,.055),transparent 28%),
    #02090c;
}

body.equipos-page-v2::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:.28;
  background-image:
    linear-gradient(rgba(0,210,255,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,210,255,.045) 1px,transparent 1px);
  background-size:54px 54px;
  animation:eqGridMove 20s linear infinite;
}

@keyframes eqGridMove{
  to{background-position:54px 54px;}
}

/* HERO con luces ambientales en movimiento */
.equipos-page-v2 .eq-hero::after{
  content:"";
  position:absolute;
  inset:-20%;
  pointer-events:none;
  background:
    radial-gradient(circle at 28% 44%,rgba(156,255,0,.13),transparent 18%),
    radial-gradient(circle at 72% 34%,rgba(0,210,255,.16),transparent 22%);
  filter:blur(10px);
  animation:eqHeroAura 8s ease-in-out infinite alternate;
}

@keyframes eqHeroAura{
  0%{transform:translate3d(-2%,0,0) scale(1);opacity:.55}
  100%{transform:translate3d(3%,-2%,0) scale(1.08);opacity:1}
}

/* Título con flujo tecnológico visible */
.equipos-page-v2 .eq-hero h1 span,
.equipos-page-v2 .eq-section-head h2 span{
  background:linear-gradient(90deg,#9cff00 0%,#59e866 32%,#00d7f3 62%,#9cff00 100%);
  background-size:240% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  animation:eqTitleFlow 5s linear infinite;
}

@keyframes eqTitleFlow{
  to{background-position:240% 0}
}

/* Kicker pulsante */
.equipos-page-v2 .eq-kicker::before,
.equipos-page-v2 .eq-section-kicker::before{
  animation:eqDotPulse 1.8s ease-in-out infinite;
}

@keyframes eqDotPulse{
  0%,100%{transform:scale(.85);box-shadow:0 0 8px #00d7f3}
  50%{transform:scale(1.35);box-shadow:0 0 20px #00d7f3,0 0 28px rgba(156,255,0,.45)}
}

/* Panel superior flotante */
.equipos-page-v2 .eq-hero-board{
  overflow:hidden;
  animation:eqBoardFloat 5s ease-in-out infinite;
}

.equipos-page-v2 .eq-hero-board::after{
  content:"";
  position:absolute;
  top:-55%;
  left:-28%;
  width:24%;
  height:210%;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.30),transparent);
  transform:skewX(-18deg);
  animation:eqBoardSweep 4.8s ease-in-out infinite;
}

@keyframes eqBoardFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-8px)}
}

@keyframes eqBoardSweep{
  0%,45%{left:-32%;opacity:0}
  56%{opacity:.85}
  76%{left:118%;opacity:.35}
  100%{left:118%;opacity:0}
}

/* Cuatro bloques superiores con brillo individual */
.equipos-page-v2 .eq-board-item{
  position:relative;
  overflow:hidden;
}

.equipos-page-v2 .eq-board-item::after{
  content:"";
  position:absolute;
  inset:auto 12px 0;
  height:2px;
  transform:scaleX(.18);
  transform-origin:left;
  background:linear-gradient(90deg,#9cff00,#00d7f3);
  box-shadow:0 0 12px rgba(0,215,243,.55);
  transition:transform .35s ease;
}

.equipos-page-v2 .eq-board-item:hover::after{
  transform:scaleX(1);
}

.equipos-page-v2 .eq-board-item i{
  animation:eqIconPulse 3.2s ease-in-out infinite;
}
.equipos-page-v2 .eq-board-item:nth-child(2) i{animation-delay:.5s}
.equipos-page-v2 .eq-board-item:nth-child(3) i{animation-delay:1s}
.equipos-page-v2 .eq-board-item:nth-child(4) i{animation-delay:1.5s}

@keyframes eqIconPulse{
  0%,100%{filter:drop-shadow(0 0 0 rgba(0,215,243,0))}
  50%{filter:drop-shadow(0 0 8px rgba(0,215,243,.8));transform:scale(1.08)}
}

/* Barra sticky más futurista */
.equipos-page-v2 .eq-category-nav{
  box-shadow:0 12px 30px rgba(0,0,0,.22),0 1px 0 rgba(0,215,243,.08);
}

.equipos-page-v2 .eq-cat-pill{
  position:relative;
  overflow:hidden;
}

.equipos-page-v2 .eq-cat-pill::before{
  content:"";
  position:absolute;
  top:-50%;
  left:-35%;
  width:28%;
  height:200%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);
  transform:skewX(-20deg);
  transition:left .5s ease;
}

.equipos-page-v2 .eq-cat-pill:hover::before{
  left:115%;
}

/* Tarjetas de equipo: borde energético y línea de escaneo */
.equipos-page-v2 .eq-card{
  isolation:isolate;
}

.equipos-page-v2 .eq-card::before{
  content:"";
  position:absolute;
  z-index:4;
  left:0;
  right:0;
  top:-3px;
  height:2px;
  opacity:0;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,#9cff00,#00d7f3,transparent);
  box-shadow:0 0 15px rgba(0,215,243,.7);
}

.equipos-page-v2 .eq-card:hover::before{
  opacity:1;
  animation:eqCardScan 1.45s ease-out;
}

@keyframes eqCardScan{
  from{top:5%}
  to{top:96%}
}

/* Esquinas HUD */
.equipos-page-v2 .eq-card::after{
  content:"";
  position:absolute;
  z-index:5;
  width:28px;
  height:28px;
  right:10px;
  bottom:10px;
  pointer-events:none;
  border-right:1px solid rgba(0,215,243,.6);
  border-bottom:1px solid rgba(0,215,243,.6);
  opacity:.45;
  transition:.3s ease;
}

.equipos-page-v2 .eq-card:hover::after{
  opacity:1;
  width:38px;
  height:38px;
  box-shadow:8px 8px 18px rgba(0,215,243,.06);
}

/* Imagen con efecto de profundidad */
.equipos-page-v2 .eq-card-media img{
  transform:scale(1);
  transition:transform .8s cubic-bezier(.18,.75,.2,1),filter .5s ease;
}

.equipos-page-v2 .eq-card:hover .eq-card-media img{
  transform:scale(1.065);
  filter:saturate(1.08) brightness(.82);
}

/* Número de tarjeta */
.equipos-page-v2 .eq-card-index{
  animation:eqIndexGlow 3s ease-in-out infinite;
}
@keyframes eqIndexGlow{
  0%,100%{box-shadow:0 0 0 rgba(0,215,243,0)}
  50%{box-shadow:0 0 16px rgba(0,215,243,.20)}
}

/* Chips con respuesta al hover */
.equipos-page-v2 .eq-tag{
  transition:.25s ease;
}
.equipos-page-v2 .eq-tag:hover{
  color:#051014;
  border-color:transparent;
  background:linear-gradient(90deg,#9cff00,#00d7f3);
  transform:translateY(-2px);
}

/* Link VER EQUIPO animado */
.equipos-page-v2 .eq-card-link{
  position:relative;
}
.equipos-page-v2 .eq-card-link::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-1px;
  width:0;
  height:1px;
  background:linear-gradient(90deg,#9cff00,#00d7f3);
  transition:width .35s ease;
}
.equipos-page-v2 .eq-card-link:hover::after{
  width:100%;
}

/* Botones con barrido luminoso */
.equipos-page-v2 .eq-btn{
  position:relative;
  overflow:hidden;
}
.equipos-page-v2 .eq-btn::after{
  content:"";
  position:absolute;
  top:-55%;
  left:-36%;
  width:28%;
  height:210%;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);
  transform:skewX(-20deg);
  animation:eqBtnShine 4.2s ease-in-out infinite;
}
@keyframes eqBtnShine{
  0%,58%{left:-38%;opacity:0}
  66%{opacity:.9}
  83%{left:120%;opacity:.28}
  100%{left:120%;opacity:0}
}

/* CTA final con aura */
.equipos-page-v2 .eq-cta-box{
  position:relative;
  overflow:hidden;
}
.equipos-page-v2 .eq-cta-box::before{
  content:"";
  position:absolute;
  inset:-40%;
  pointer-events:none;
  background:conic-gradient(from 0deg,transparent,rgba(156,255,0,.08),transparent,rgba(0,215,243,.10),transparent);
  animation:eqCtaRotate 15s linear infinite;
}
@keyframes eqCtaRotate{
  to{transform:rotate(360deg)}
}
.equipos-page-v2 .eq-cta-box>*{
  position:relative;
  z-index:2;
}

/* Animación de entrada compatible sin JS moderno */
@keyframes eqReveal{
  from{opacity:0;transform:translateY(18px)}
  to{opacity:1;transform:none}
}
.equipos-page-v2 .eq-section-head,
.equipos-page-v2 .eq-card,
.equipos-page-v2 .eq-callout{
  animation:eqReveal .7s ease both;
}

/* Variar ligeramente las tarjetas para que no entren todas idénticas */
.equipos-page-v2 .eq-card:nth-child(2){animation-delay:.08s}
.equipos-page-v2 .eq-card:nth-child(3){animation-delay:.16s}

/* Móvil: mantener dinamismo pero reducir carga visual */
@media(max-width:767px){
  body.equipos-page-v2::before{
    opacity:.14;
    background-size:38px 38px;
    animation-duration:28s;
  }
  .equipos-page-v2 .eq-hero-board{
    animation-duration:6.5s;
  }
  .equipos-page-v2 .eq-card:hover{
    transform:none;
  }
}

/* Respeto a preferencias de accesibilidad */
@media(prefers-reduced-motion:reduce){
  body.equipos-page-v2::before,
  .equipos-page-v2 *,
  .equipos-page-v2 *::before,
  .equipos-page-v2 *::after{
    animation:none !important;
    transition:none !important;
  }
}


/* =========================================================
   ENVAL EQUIPOS 3D v35 - DISEÑO ASIMÉTRICO / TECNOLÓGICO
   SOLO equipos-3d.html
   ========================================================= */

/* Fondo con profundidad, trazos y puntos en movimiento */
body.equipos-page-v2::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:.34;
  background:
    radial-gradient(circle at 12% 18%, rgba(156,255,0,.9) 0 1px, transparent 2px),
    radial-gradient(circle at 31% 72%, rgba(0,215,243,.9) 0 1px, transparent 2px),
    radial-gradient(circle at 64% 24%, rgba(0,215,243,.75) 0 1px, transparent 2px),
    radial-gradient(circle at 84% 64%, rgba(156,255,0,.75) 0 1px, transparent 2px),
    linear-gradient(118deg, transparent 0 46%, rgba(0,215,243,.055) 47%, transparent 48%),
    linear-gradient(62deg, transparent 0 58%, rgba(156,255,0,.045) 59%, transparent 60%);
  background-size:
    220px 220px,
    320px 320px,
    280px 280px,
    360px 360px,
    520px 520px,
    620px 620px;
  animation:eqBackgroundDrift 22s linear infinite;
}

@keyframes eqBackgroundDrift{
  from{background-position:0 0,0 0,0 0,0 0,0 0,0 0}
  to{background-position:220px 120px,-160px 220px,180px -140px,-220px -180px,260px 160px,-260px 180px}
}

/* Sección de tarjetas: composición menos convencional */
.equipos-page-v2 .eq-grid{
  display:grid !important;
  grid-template-columns:repeat(12,minmax(0,1fr)) !important;
  gap:22px !important;
  align-items:start !important;
}

.equipos-page-v2 .eq-card{
  grid-column:span 4;
  min-height:0;
  border-radius:24px !important;
  background:
    linear-gradient(180deg,rgba(5,28,35,.96),rgba(2,17,22,.98)) padding-box,
    linear-gradient(130deg,rgba(156,255,0,.30),rgba(0,215,243,.34),rgba(0,215,243,.08)) border-box !important;
  border:1px solid transparent !important;
  box-shadow:
    0 20px 48px rgba(0,0,0,.22),
    inset 0 0 0 1px rgba(255,255,255,.018);
}

/* Asimetría real: tarjetas con pequeñas diferencias de posición y proporción */
.equipos-page-v2 .eq-card-1{
  transform:translateY(0);
}
.equipos-page-v2 .eq-card-2{
  transform:translateY(34px);
}
.equipos-page-v2 .eq-card-3{
  transform:translateY(-10px);
}

.equipos-page-v2 .eq-card-1 .eq-card-media{height:220px}
.equipos-page-v2 .eq-card-2 .eq-card-media{height:255px}
.equipos-page-v2 .eq-card-3 .eq-card-media{height:205px}

/* Borde dinámico más visible */
.equipos-page-v2 .eq-card{
  background-size:100% 100%, 250% 250% !important;
  animation:eqBorderEnergy 7s ease-in-out infinite;
}
.equipos-page-v2 .eq-card-2{animation-delay:-2.3s}
.equipos-page-v2 .eq-card-3{animation-delay:-4.6s}

@keyframes eqBorderEnergy{
  0%,100%{background-position:center,0% 50%}
  50%{background-position:center,100% 50%}
}

/* Línea corta tecnológica superior en vez de subrayado largo */
.equipos-page-v2 .eq-card::after{
  content:"";
  position:absolute;
  top:0;
  left:24px;
  width:72px;
  height:2px;
  border:none !important;
  background:linear-gradient(90deg,#9cff00,#00d7f3);
  box-shadow:0 0 14px rgba(0,215,243,.5);
  opacity:.9;
  transition:width .35s ease;
}
.equipos-page-v2 .eq-card:hover::after{
  width:118px;
  height:2px;
}

/* Scanner vertical suave que recorre el borde/interior */
.equipos-page-v2 .eq-card::before{
  content:"";
  position:absolute;
  z-index:4;
  top:16px;
  bottom:16px;
  left:-2px;
  width:2px;
  height:auto;
  opacity:.55;
  background:linear-gradient(180deg,transparent,#9cff00,#00d7f3,transparent);
  box-shadow:0 0 12px rgba(0,215,243,.45);
  animation:eqEdgeScanner 4.8s ease-in-out infinite;
}
.equipos-page-v2 .eq-card-2::before{animation-delay:-1.6s}
.equipos-page-v2 .eq-card-3::before{animation-delay:-3.2s}

@keyframes eqEdgeScanner{
  0%,100%{transform:translateY(-10%);opacity:.28}
  50%{transform:translateY(10%);opacity:.9}
}

/* Imagen con corte diagonal sutil para romper simetría */
.equipos-page-v2 .eq-card-media{
  position:relative;
  overflow:hidden;
  border-radius:22px 22px 8px 8px;
  clip-path:polygon(0 0,100% 0,100% 90%,84% 100%,0 100%);
}
.equipos-page-v2 .eq-card-media::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(135deg,transparent 0 68%,rgba(0,215,243,.08) 69%,transparent 70%),
    radial-gradient(circle at 80% 20%,rgba(156,255,0,.08),transparent 22%);
  mix-blend-mode:screen;
}

/* Botón VER EQUIPO: reemplaza el link subrayado por un botón compacto */
.equipos-page-v2 .eq-card-link{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:38px;
  padding:0 16px !important;
  border:1px solid rgba(0,215,243,.34);
  border-radius:999px;
  background:rgba(0,215,243,.055);
  color:#eaffff !important;
  font-size:11px !important;
  font-weight:800;
  letter-spacing:.08em;
  text-decoration:none !important;
  width:auto !important;
  transition:
    transform .25s ease,
    border-color .25s ease,
    background .25s ease,
    box-shadow .25s ease;
}

.equipos-page-v2 .eq-card-link::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:#9cff00;
  box-shadow:0 0 10px rgba(156,255,0,.75);
}

.equipos-page-v2 .eq-card-link::after{
  display:none !important;
}

.equipos-page-v2 .eq-card-link:hover{
  transform:translateY(-2px);
  border-color:rgba(156,255,0,.65);
  background:linear-gradient(90deg,rgba(156,255,0,.12),rgba(0,215,243,.10));
  box-shadow:0 8px 22px rgba(0,215,243,.12);
}

/* Pie de cada tarjeta sin línea excesiva */
.equipos-page-v2 .eq-card-footer{
  border-top:0 !important;
  padding-top:14px !important;
  position:relative;
}
.equipos-page-v2 .eq-card-footer::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:42%;
  height:1px;
  background:linear-gradient(90deg,rgba(0,215,243,.55),transparent);
}

/* Pequeños indicadores en cada tarjeta */
.equipos-page-v2 .eq-card-index{
  backdrop-filter:blur(8px);
  border:1px solid rgba(0,215,243,.28);
  box-shadow:0 0 18px rgba(0,215,243,.08);
}

/* Hover con profundidad */
@media(hover:hover) and (pointer:fine){
  .equipos-page-v2 .eq-card-1:hover{transform:translateY(-8px)}
  .equipos-page-v2 .eq-card-2:hover{transform:translateY(24px)}
  .equipos-page-v2 .eq-card-3:hover{transform:translateY(-18px)}
}

/* Desktop intermedio: conservar asimetría pero más contenida */
@media(max-width:1300px) and (min-width:992px){
  .equipos-page-v2 .eq-grid{gap:16px !important}
  .equipos-page-v2 .eq-card-2{transform:translateY(22px)}
  .equipos-page-v2 .eq-card-3{transform:translateY(-6px)}
}

/* Tablet: dos columnas, con asimetría moderada */
@media(max-width:991px) and (min-width:768px){
  .equipos-page-v2 .eq-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .equipos-page-v2 .eq-card{
    grid-column:auto;
  }
  .equipos-page-v2 .eq-card-1{transform:none}
  .equipos-page-v2 .eq-card-2{transform:translateY(20px)}
  .equipos-page-v2 .eq-card-3{transform:none}
}

/* Móvil: una columna limpia sin perder borde tecnológico */
@media(max-width:767px){
  .equipos-page-v2 .eq-grid{
    grid-template-columns:1fr !important;
    gap:18px !important;
  }

  .equipos-page-v2 .eq-card,
  .equipos-page-v2 .eq-card-1,
  .equipos-page-v2 .eq-card-2,
  .equipos-page-v2 .eq-card-3{
    grid-column:auto;
    transform:none !important;
  }

  .equipos-page-v2 .eq-card-1 .eq-card-media,
  .equipos-page-v2 .eq-card-2 .eq-card-media,
  .equipos-page-v2 .eq-card-3 .eq-card-media{
    height:210px;
  }

  body.equipos-page-v2::after{
    opacity:.18;
    animation-duration:30s;
  }
}

/* =========================================================
   ENVAL | HOVER REFORZADO PARA LAS IMÁGENES LATERALES
   Go!SCAN 3D y peel 3d responden con la misma presencia visual
   que la imagen principal, manteniendo su composición.
   ========================================================= */
@media(hover:hover) and (pointer:fine){
  #portatiles .portable-side-card:hover .portable-side-media{
    box-shadow:inset 0 0 0 1px rgba(0,215,243,.35),0 0 26px rgba(0,215,243,.13);
  }

  #portatiles .portable-side-card:hover .portable-side-media img{
    transform:scale(1.085);
    filter:saturate(1.2) brightness(1.04) contrast(1.08);
  }

  #portatiles .portable-side-card:hover .portable-side-media::after{
    background:
      linear-gradient(180deg,rgba(0,0,0,.02) 0%,transparent 46%,transparent 72%,rgba(0,0,0,.18) 100%),
      linear-gradient(90deg,rgba(0,215,243,.08) 0%,transparent 27%,transparent 78%,rgba(156,255,0,.06) 100%);
    box-shadow:inset 0 -20px 30px rgba(0,0,0,.1),inset 0 0 16px rgba(0,215,243,.08);
  }

  #portatiles .portable-side-card:hover .portable-grid-scan{
    opacity:.52;
    transform:translateY(0);
    animation:portableSideGridMove 1.2s linear infinite;
  }
}

@keyframes portableSideGridMove{
  from{background-position:0 0,0 0}
  to{background-position:0 28px,28px 0}
}

@media(prefers-reduced-motion:reduce){
  #portatiles .portable-side-card:hover .portable-grid-scan{animation:none}
}

/* Barrido luminoso visible para Go!SCAN 3D y peel 3d. */
#portatiles .portable-grid-scan{
  overflow:hidden;
}

#portatiles .portable-grid-scan::after{
  content:"";
  position:absolute;
  top:-15%;
  bottom:-15%;
  left:0;
  width:38%;
  opacity:0;
  transform:translateX(-145%) skewX(-12deg);
  background:linear-gradient(
    90deg,
    transparent 0%,
    rgba(0,215,243,.08) 20%,
    rgba(0,215,243,.58) 48%,
    rgba(156,255,0,.38) 62%,
    transparent 100%
  );
  filter:blur(1px);
  box-shadow:0 0 24px rgba(0,215,243,.28);
}

@media(hover:hover) and (pointer:fine){
  #portatiles .portable-side-card:hover .portable-grid-scan{
    opacity:.68;
    background-image:
      linear-gradient(rgba(0,215,243,.28) 1px,transparent 1px),
      linear-gradient(90deg,rgba(156,255,0,.2) 1px,transparent 1px);
  }

  #portatiles .portable-side-card:hover .portable-grid-scan::after{
    opacity:1;
    animation:portableSideLightSweep 1.35s ease-in-out infinite;
  }
}

@keyframes portableSideLightSweep{
  0%{transform:translateX(-145%) skewX(-12deg)}
  100%{transform:translateX(385%) skewX(-12deg)}
}

@media(prefers-reduced-motion:reduce){
  #portatiles .portable-side-card:hover .portable-grid-scan::after{
    animation:none;
    opacity:.7;
    transform:translateX(85%) skewX(-12deg);
  }
}

@media(prefers-reduced-motion:reduce){
  body.equipos-page-v2::after,
  .equipos-page-v2 .eq-card{
    animation:none !important;
  }
}


/* =========================================================
   ENVAL v36 - REDISEÑO SOLO "METROLOGÍA INDUSTRIAL"
   Diseño tecnológico tipo panel de medición / HUD.
   No afecta las otras líneas de equipos.
   ========================================================= */

.equipos-page-v2 .metrologia-future{
  position:relative;
  overflow:hidden;
  padding-top:74px;
  padding-bottom:88px;
}

.equipos-page-v2 .metrologia-future::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 12% 18%,rgba(156,255,0,.10),transparent 22%),
    radial-gradient(circle at 88% 72%,rgba(0,215,243,.10),transparent 24%),
    linear-gradient(90deg,transparent 0 49.85%,rgba(0,215,243,.055) 50%,transparent 50.15%),
    linear-gradient(transparent 0 49.85%,rgba(0,215,243,.045) 50%,transparent 50.15%);
  background-size:auto,auto,74px 74px,74px 74px;
  opacity:.72;
}

.equipos-page-v2 .metrologia-future::after{
  content:"";
  position:absolute;
  width:480px;
  height:480px;
  right:-240px;
  top:40px;
  border:1px solid rgba(0,215,243,.13);
  border-radius:50%;
  box-shadow:
    0 0 0 48px rgba(0,215,243,.018),
    0 0 0 96px rgba(156,255,0,.012);
  pointer-events:none;
  animation:metroOrbit 18s linear infinite;
}
@keyframes metroOrbit{to{transform:rotate(360deg)}}

/* Encabezado más técnico */
.equipos-page-v2 .metrologia-future .eq-section-head{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);
  gap:40px;
  align-items:end;
  margin-bottom:34px;
}

.equipos-page-v2 .metrologia-future .eq-section-head::after{
  content:"METROLOGY SYSTEM // 02";
  justify-self:end;
  align-self:start;
  padding:8px 12px;
  border:1px solid rgba(0,215,243,.22);
  border-radius:999px;
  color:#67ddeb;
  font-size:9px;
  font-weight:800;
  letter-spacing:.17em;
  background:rgba(0,215,243,.04);
}

/* Las 3 tarjetas dejan de verse como bloques iguales */
.equipos-page-v2 .metrologia-future .eq-grid{
  position:relative;
  z-index:2;
  display:grid !important;
  grid-template-columns:1.12fr .88fr !important;
  grid-template-areas:
    "optica brazos"
    "optica trackers" !important;
  gap:18px !important;
  align-items:stretch !important;
}

/* Asignación visual basada en orden actual */
.equipos-page-v2 .metrologia-future .eq-card:nth-child(1){
  grid-area:optica !important;
  min-height:560px;
  transform:none !important;
}
.equipos-page-v2 .metrologia-future .eq-card:nth-child(2){
  grid-area:brazos !important;
  min-height:270px;
  transform:none !important;
}
.equipos-page-v2 .metrologia-future .eq-card:nth-child(3){
  grid-area:trackers !important;
  min-height:270px;
  transform:none !important;
}

/* Estilo de panel técnico */
.equipos-page-v2 .metrologia-future .eq-card{
  border-radius:22px !important;
  background:
    linear-gradient(180deg,rgba(4,24,31,.94),rgba(2,15,20,.98)) padding-box,
    linear-gradient(125deg,rgba(156,255,0,.30),rgba(0,215,243,.35),rgba(0,215,243,.08)) border-box !important;
  border:1px solid transparent !important;
  box-shadow:
    0 22px 48px rgba(0,0,0,.24),
    inset 0 0 0 1px rgba(255,255,255,.015);
  overflow:hidden;
}

/* Tarjeta principal con imagen vertical más protagonista */
.equipos-page-v2 .metrologia-future .eq-card:nth-child(1) .eq-card-media{
  height:290px !important;
  clip-path:polygon(0 0,100% 0,100% 88%,91% 100%,0 100%);
}
.equipos-page-v2 .metrologia-future .eq-card:nth-child(1) .eq-card-body{
  padding:24px 24px 20px;
}

/* Tarjetas laterales en formato horizontal */
.equipos-page-v2 .metrologia-future .eq-card:nth-child(2),
.equipos-page-v2 .metrologia-future .eq-card:nth-child(3){
  display:grid !important;
  grid-template-columns:42% 58%;
  grid-template-rows:auto;
}

.equipos-page-v2 .metrologia-future .eq-card:nth-child(2) .eq-card-media,
.equipos-page-v2 .metrologia-future .eq-card:nth-child(3) .eq-card-media{
  height:100% !important;
  min-height:270px;
  border-radius:20px 0 0 20px;
  clip-path:polygon(0 0,90% 0,100% 50%,90% 100%,0 100%);
}

.equipos-page-v2 .metrologia-future .eq-card:nth-child(2) .eq-card-body,
.equipos-page-v2 .metrologia-future .eq-card:nth-child(3) .eq-card-body{
  padding:20px 20px 18px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

/* Ocultar stats secundarios en laterales para diseño más limpio */
.equipos-page-v2 .metrologia-future .eq-card:nth-child(2) .eq-card-stats,
.equipos-page-v2 .metrologia-future .eq-card:nth-child(3) .eq-card-stats{
  display:none !important;
}

/* HUD dinámico sobre las imágenes */
.equipos-page-v2 .metrologia-future .eq-card-media::before{
  content:"";
  position:absolute;
  z-index:3;
  width:64px;
  height:64px;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  border:1px solid rgba(0,215,243,.30);
  border-radius:50%;
  box-shadow:
    0 0 0 12px rgba(0,215,243,.025),
    0 0 22px rgba(0,215,243,.08);
  pointer-events:none;
  animation:metroTarget 4s ease-in-out infinite;
}

.equipos-page-v2 .metrologia-future .eq-card-media::after{
  content:"";
  position:absolute;
  z-index:3;
  width:18px;
  height:18px;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  border-top:1px solid #9cff00;
  border-left:1px solid #00d7f3;
  pointer-events:none;
}

@keyframes metroTarget{
  0%,100%{transform:translate(-50%,-50%) scale(.92);opacity:.45}
  50%{transform:translate(-50%,-50%) scale(1.08);opacity:.9}
}

/* Indicador luminoso lateral */
.equipos-page-v2 .metrologia-future .eq-card::before{
  content:"";
  position:absolute;
  left:0;
  top:20%;
  width:2px;
  height:80px;
  background:linear-gradient(180deg,transparent,#9cff00,#00d7f3,transparent);
  box-shadow:0 0 14px rgba(0,215,243,.55);
  animation:metroEdge 3.8s ease-in-out infinite;
}
@keyframes metroEdge{
  0%,100%{top:15%;opacity:.35}
  50%{top:65%;opacity:1}
}

/* Reemplazo definitivo del footer/botón por cápsula compacta */
.equipos-page-v2 .metrologia-future .eq-card-footer{
  border-top:0 !important;
  padding-top:12px !important;
}
.equipos-page-v2 .metrologia-future .eq-card-footer::before{
  width:52px !important;
  background:linear-gradient(90deg,#9cff00,#00d7f3) !important;
}

.equipos-page-v2 .metrologia-future .eq-card-link{
  width:max-content !important;
  min-width:116px;
  min-height:36px;
  padding:0 14px !important;
  border-radius:12px !important;
  border:1px solid rgba(0,215,243,.30) !important;
  background:linear-gradient(90deg,rgba(156,255,0,.07),rgba(0,215,243,.07)) !important;
  box-shadow:inset 0 0 18px rgba(0,215,243,.025);
  letter-spacing:.055em !important;
}

.equipos-page-v2 .metrologia-future .eq-card-link::before{
  width:6px;
  height:6px;
  animation:metroBtnDot 1.8s ease-in-out infinite;
}
@keyframes metroBtnDot{
  0%,100%{box-shadow:0 0 7px rgba(156,255,0,.55)}
  50%{box-shadow:0 0 16px rgba(156,255,0,1);transform:scale(1.25)}
}

/* Hover más sofisticado y menos "tarjeta elevándose" */
@media(hover:hover) and (pointer:fine){
  .equipos-page-v2 .metrologia-future .eq-card:hover{
    transform:none !important;
    box-shadow:
      0 24px 54px rgba(0,0,0,.28),
      0 0 30px rgba(0,215,243,.09),
      inset 0 0 0 1px rgba(156,255,0,.08);
  }
  .equipos-page-v2 .metrologia-future .eq-card:hover .eq-card-media img{
    transform:scale(1.045);
    filter:saturate(1.08) brightness(.86);
  }
}

/* Tablet */
@media(max-width:1050px){
  .equipos-page-v2 .metrologia-future .eq-grid{
    grid-template-columns:1fr 1fr !important;
    grid-template-areas:
      "optica optica"
      "brazos trackers" !important;
  }
  .equipos-page-v2 .metrologia-future .eq-card:nth-child(1){
    min-height:auto;
  }
  .equipos-page-v2 .metrologia-future .eq-section-head{
    grid-template-columns:1fr;
    gap:14px;
  }
  .equipos-page-v2 .metrologia-future .eq-section-head::after{
    justify-self:start;
  }
}

/* Móvil */
@media(max-width:767px){
  .equipos-page-v2 .metrologia-future{
    padding-top:54px;
    padding-bottom:62px;
  }

  .equipos-page-v2 .metrologia-future .eq-grid{
    grid-template-columns:1fr !important;
    grid-template-areas:
      "optica"
      "brazos"
      "trackers" !important;
    gap:16px !important;
  }

  .equipos-page-v2 .metrologia-future .eq-card:nth-child(2),
  .equipos-page-v2 .metrologia-future .eq-card:nth-child(3){
    display:block !important;
    min-height:0;
  }

  .equipos-page-v2 .metrologia-future .eq-card:nth-child(1) .eq-card-media,
  .equipos-page-v2 .metrologia-future .eq-card:nth-child(2) .eq-card-media,
  .equipos-page-v2 .metrologia-future .eq-card:nth-child(3) .eq-card-media{
    height:210px !important;
    min-height:210px !important;
    border-radius:20px 20px 8px 8px;
    clip-path:polygon(0 0,100% 0,100% 90%,88% 100%,0 100%);
  }

  .equipos-page-v2 .metrologia-future::after{
    display:none;
  }
}


/* =========================================================
   ENVAL v39 - REDISEÑO REAL SOLO #portatiles
   Composición protagonista + satélites, HUD y microinteracción.
   ========================================================= */

#portatiles.portable-next{
  position:relative;
  overflow:hidden;
  padding:74px 0 90px;
}

#portatiles.portable-next::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 12% 18%,rgba(156,255,0,.09),transparent 22%),
    radial-gradient(circle at 88% 36%,rgba(0,215,243,.10),transparent 26%),
    linear-gradient(rgba(0,215,243,.028) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,215,243,.028) 1px,transparent 1px);
  background-size:auto,auto,46px 46px,46px 46px;
  animation:portableNextGrid 18s linear infinite;
}
@keyframes portableNextGrid{
  to{background-position:0 0,0 0,46px 46px,46px 46px}
}

#portatiles .portable-next-head{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);
  gap:64px;
  align-items:end;
  margin-bottom:34px;
}
#portatiles .portable-next-head h2{
  margin:8px 0 0;
}
#portatiles .portable-next-intro{
  position:relative;
  padding-left:22px;
  border-left:1px solid rgba(0,215,243,.22);
}
#portatiles .portable-next-intro p{
  margin:8px 0 0;
  color:#91a5ad;
  line-height:1.7;
}
#portatiles .portable-next-code{
  color:#55dbe9;
  font-size:9px;
  font-weight:800;
  letter-spacing:.18em;
}

#portatiles .portable-showcase{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);
  gap:20px;
  align-items:stretch;
}

/* FEATURE CARD */
#portatiles .portable-feature,
#portatiles .portable-side-card{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(0,215,243,.20);
  background:linear-gradient(180deg,rgba(4,25,31,.97),rgba(2,15,20,.99));
  box-shadow:0 24px 60px rgba(0,0,0,.25);
}

#portatiles .portable-feature{
  border-radius:28px;
  display:grid;
  grid-template-rows:360px auto;
  min-height:690px;
}
#portatiles .portable-feature::before,
#portatiles .portable-side-card::before{
  content:"";
  position:absolute;
  inset:-1px;
  pointer-events:none;
  border-radius:inherit;
  padding:1px;
  background:linear-gradient(135deg,rgba(156,255,0,.66),rgba(0,215,243,.40),transparent 58%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  opacity:.45;
  transition:opacity .35s ease;
}

#portatiles .portable-feature-media,
#portatiles .portable-side-media{
  position:relative;
  overflow:hidden;
}
#portatiles .portable-feature-media{
  clip-path:polygon(0 0,100% 0,100% 88%,90% 100%,0 100%);
}
#portatiles .portable-feature-media img,
#portatiles .portable-side-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .75s cubic-bezier(.2,.75,.2,1),filter .45s ease;
}
#portatiles .portable-feature-media::after,
#portatiles .portable-side-media::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,transparent 55%,rgba(2,15,20,.64) 100%),
    radial-gradient(circle at 75% 20%,rgba(0,215,243,.08),transparent 25%);
  pointer-events:none;
}

#portatiles .portable-index{
  position:absolute;
  z-index:5;
  top:18px;
  left:18px;
  padding:8px 11px;
  border-radius:9px;
  color:#eaffff;
  background:rgba(3,25,32,.78);
  border:1px solid rgba(0,215,243,.28);
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
  backdrop-filter:blur(10px);
}

#portatiles .portable-target{
  position:absolute;
  z-index:5;
  width:74px;
  height:74px;
  right:32px;
  top:32px;
  border:1px solid rgba(0,215,243,.36);
  border-radius:50%;
  box-shadow:0 0 0 14px rgba(0,215,243,.025),0 0 24px rgba(0,215,243,.08);
  animation:portableNextTarget 3.6s ease-in-out infinite;
}
#portatiles .portable-target::before,
#portatiles .portable-target::after{
  content:"";
  position:absolute;
  background:rgba(156,255,0,.5);
}
#portatiles .portable-target::before{width:1px;height:100%;left:50%}
#portatiles .portable-target::after{height:1px;width:100%;top:50%}
@keyframes portableNextTarget{
  0%,100%{transform:scale(.92);opacity:.55}
  50%{transform:scale(1.08);opacity:1}
}

#portatiles .portable-scan-beam,
#portatiles .portable-grid-scan{
  position:absolute;
  z-index:4;
  pointer-events:none;
}
#portatiles .portable-scan-beam{
  left:-26%;
  top:0;
  width:24%;
  height:100%;
  opacity:0;
  background:linear-gradient(90deg,transparent,rgba(0,215,243,.26),rgba(156,255,0,.18),transparent);
  transform:skewX(-14deg);
}
#portatiles .portable-grid-scan{
  inset:0;
  opacity:.11;
  background-image:
    linear-gradient(rgba(0,215,243,.16) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,215,243,.16) 1px,transparent 1px);
  background-size:28px 28px;
  transform:translateY(18%);
  transition:opacity .35s ease,transform .6s ease;
}

#portatiles .portable-corner{
  position:absolute;
  z-index:6;
  width:30px;height:30px;
  pointer-events:none;
}
#portatiles .corner-tl{
  top:16px;left:16px;
  border-top:1px solid #9cff00;
  border-left:1px solid #00d7f3;
}
#portatiles .corner-br{
  right:16px;bottom:16px;
  border-right:1px solid #00d7f3;
  border-bottom:1px solid #9cff00;
}

#portatiles .portable-feature-content{
  padding:28px 30px 28px;
}
#portatiles .portable-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
#portatiles .portable-status{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:#65d9e6;
  font-size:8px;
  font-weight:800;
  letter-spacing:.15em;
}
#portatiles .portable-status i{
  width:6px;height:6px;border-radius:50%;
  background:#9cff00;
  box-shadow:0 0 12px rgba(156,255,0,.9);
  animation:portableNextPulse 1.7s ease-in-out infinite;
}
@keyframes portableNextPulse{
  0%,100%{transform:scale(.75);opacity:.55}
  50%{transform:scale(1.25);opacity:1}
}
#portatiles .portable-feature-content h3,
#portatiles .portable-side-content h3{
  margin:10px 0 10px;
}
#portatiles .portable-feature-content p,
#portatiles .portable-side-content p{
  color:#93a7ae;
  line-height:1.65;
}

#portatiles .portable-chip-row{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin:18px 0;
}
#portatiles .portable-chip-row span{
  padding:7px 10px;
  border-radius:999px;
  border:1px solid rgba(0,215,243,.25);
  background:rgba(0,215,243,.035);
  color:#7edce7;
  font-size:8px;
  font-weight:800;
  letter-spacing:.05em;
}

#portatiles .portable-data-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin:18px 0 20px;
}
#portatiles .portable-data-grid div,
#portatiles .portable-mini-data span{
  padding:12px 13px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.06);
  background:rgba(255,255,255,.025);
}
#portatiles .portable-data-grid small,
#portatiles .portable-mini-data small{
  display:block;
  margin-bottom:4px;
  color:#5d7c85;
  font-size:7px;
  letter-spacing:.11em;
}
#portatiles .portable-data-grid strong,
#portatiles .portable-mini-data strong{
  color:#eefeff;
  font-size:10px;
}

/* SIDE STACK */
#portatiles .portable-side-stack{
  display:grid;
  grid-template-rows:1fr 1fr;
  gap:20px;
}
#portatiles .portable-side-card{
  border-radius:22px;
  display:grid;
  grid-template-columns:43% 57%;
  min-height:335px;
}
#portatiles .portable-side-media{
  clip-path:polygon(0 0,90% 0,100% 50%,90% 100%,0 100%);
}
#portatiles .portable-side-content{
  padding:24px 24px 22px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
#portatiles .portable-mini-data{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin:12px 0 16px;
}

/* BUTTON - intentionally unlike the previous long underline */
#portatiles .portable-action{
  margin-top:auto;
  width:max-content;
  min-width:146px;
  height:42px;
  padding:0 15px 0 17px;
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  border-radius:12px;
  border:1px solid rgba(0,215,243,.34);
  background:linear-gradient(90deg,rgba(156,255,0,.08),rgba(0,215,243,.08));
  color:#f4ffff;
  font-size:10px;
  font-weight:900;
  letter-spacing:.07em;
  text-decoration:none;
  box-shadow:inset 0 0 20px rgba(0,215,243,.025);
  transition:.28s ease;
}
#portatiles .portable-action i{
  width:25px;height:25px;
  display:grid;place-items:center;
  border-radius:8px;
  background:rgba(0,215,243,.08);
  color:#76e5f0;
  transition:.28s ease;
}
#portatiles .portable-action-small{height:38px;min-width:132px}

/* HOVER - visibly technological */
@media(hover:hover) and (pointer:fine){
  #portatiles .portable-feature:hover,
  #portatiles .portable-side-card:hover{
    border-color:rgba(0,215,243,.38);
    box-shadow:0 30px 72px rgba(0,0,0,.34),0 0 34px rgba(0,215,243,.10);
  }
  #portatiles .portable-feature:hover::before,
  #portatiles .portable-side-card:hover::before{opacity:1}

  #portatiles .portable-feature:hover .portable-feature-media img,
  #portatiles .portable-side-card:hover .portable-side-media img{
    transform:scale(1.06);
    filter:saturate(1.12) brightness(.88) contrast(1.04);
  }
  #portatiles .portable-feature:hover .portable-scan-beam{
    opacity:1;
    animation:portableNextSweep 1.05s ease-out;
  }
  #portatiles .portable-side-card:hover .portable-grid-scan{
    opacity:.35;
    transform:translateY(0);
  }
  #portatiles .portable-action:hover{
    transform:translateY(-2px);
    border-color:rgba(156,255,0,.60);
    box-shadow:0 10px 26px rgba(0,215,243,.14);
  }
  #portatiles .portable-action:hover i{
    background:linear-gradient(135deg,#9cff00,#00d7f3);
    color:#041015;
    transform:rotate(45deg);
  }
}
@keyframes portableNextSweep{
  from{left:-26%}
  to{left:118%}
}

/* TECH NOTE */
#portatiles .portable-tech-note{
  position:relative;
  z-index:2;
  margin-top:22px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:14px;
  align-items:center;
  padding:16px 18px;
  border-radius:14px;
  border:1px solid rgba(156,255,0,.16);
  background:linear-gradient(90deg,rgba(156,255,0,.035),rgba(0,215,243,.025));
}
#portatiles .portable-note-icon{color:#9cff00;font-size:18px}
#portatiles .portable-tech-note strong{display:block;color:#f3ffff;font-size:11px}
#portatiles .portable-tech-note span{color:#6f8991;font-size:9px}
#portatiles .portable-note-code{
  color:rgba(0,215,243,.38)!important;
  font-size:8px!important;
  font-weight:800;
  letter-spacing:.15em;
}

/* Tablet */
@media(max-width:1100px){
  #portatiles .portable-showcase{grid-template-columns:1fr}
  #portatiles .portable-side-stack{grid-template-columns:1fr 1fr;grid-template-rows:auto}
  #portatiles .portable-feature{min-height:0}
  #portatiles .portable-side-card{display:block}
  #portatiles .portable-side-media{height:220px;clip-path:polygon(0 0,100% 0,100% 90%,88% 100%,0 100%)}
}

/* Mobile */
@media(max-width:767px){
  #portatiles.portable-next{padding:54px 0 64px}
  #portatiles .portable-next-head{grid-template-columns:1fr;gap:16px}
  #portatiles .portable-next-intro{padding-left:0;border-left:0}
  #portatiles .portable-next-code{display:none}
  #portatiles .portable-feature{grid-template-rows:230px auto;border-radius:20px}
  #portatiles .portable-feature-content{padding:22px 18px}
  #portatiles .portable-side-stack{grid-template-columns:1fr}
  #portatiles .portable-side-card{display:block;min-height:0}
  #portatiles .portable-side-media{height:210px}
  #portatiles .portable-side-content{padding:20px 18px}
  #portatiles .portable-data-grid,#portatiles .portable-mini-data{grid-template-columns:1fr}
  #portatiles .portable-tech-note{grid-template-columns:auto 1fr}
  #portatiles .portable-note-code{display:none}
  #portatiles .portable-target{width:54px;height:54px;right:18px;top:18px}
}

@media(prefers-reduced-motion:reduce){
  #portatiles *,
  #portatiles *::before,
  #portatiles *::after{animation:none!important;transition:none!important}
}


/* =========================================================
   ENVAL v40 - REDISEÑO SECCIONES 02, 03 Y 04
   Solo equipos-3d.html
   ========================================================= */

/* shared tech button */
.metro-action,.laser-action,.auto-action{
  display:inline-flex;align-items:center;justify-content:space-between;gap:14px;
  width:max-content;min-width:138px;height:40px;padding:0 14px 0 16px;
  border:1px solid rgba(0,215,243,.34);border-radius:12px;
  background:linear-gradient(90deg,rgba(156,255,0,.08),rgba(0,215,243,.08));
  color:#f4ffff;text-decoration:none;font-size:10px;font-weight:900;letter-spacing:.07em;
  transition:.28s ease;
}
.metro-action i,.laser-action i,.auto-action i{
  width:25px;height:25px;display:grid;place-items:center;border-radius:8px;
  background:rgba(0,215,243,.08);color:#76e5f0;transition:.28s ease;
}
@media(hover:hover) and (pointer:fine){
  .metro-action:hover,.laser-action:hover,.auto-action:hover{
    transform:translateY(-2px);border-color:rgba(156,255,0,.6);
    box-shadow:0 10px 28px rgba(0,215,243,.14);
  }
  .metro-action:hover i,.laser-action:hover i,.auto-action:hover i{
    background:linear-gradient(135deg,#9cff00,#00d7f3);color:#041015;transform:rotate(45deg);
  }
}

/* 02 - METROLOGY LAB */
#metrologia.metro-lab{position:relative;overflow:hidden;padding:80px 0 92px}
#metrologia.metro-lab::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.28;
  background:
    radial-gradient(circle at 14% 24%,rgba(156,255,0,.08),transparent 20%),
    radial-gradient(circle at 88% 74%,rgba(0,215,243,.10),transparent 22%),
    linear-gradient(rgba(0,215,243,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,215,243,.025) 1px,transparent 1px);
  background-size:auto,auto,52px 52px,52px 52px;animation:metroLabGrid 20s linear infinite;
}
@keyframes metroLabGrid{to{background-position:0 0,0 0,52px 52px,52px 52px}}
#metrologia .metro-head{position:relative;z-index:2;display:grid;grid-template-columns:1fr .8fr;gap:52px;align-items:end;margin-bottom:34px}
#metrologia .metro-head-side{padding-left:22px;border-left:1px solid rgba(0,215,243,.22)}
#metrologia .metro-head-side>span{color:#55dbe9;font-size:9px;font-weight:800;letter-spacing:.18em}
#metrologia .metro-head-side p{margin:8px 0 0;color:#91a5ad;line-height:1.7}
#metrologia .metro-lab-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.08fr .92fr;gap:20px}
#metrologia .metro-main-card,#metrologia .metro-side-card{
  position:relative;overflow:hidden;border:1px solid rgba(0,215,243,.20);
  background:linear-gradient(180deg,rgba(4,24,31,.97),rgba(2,15,20,.99));
  box-shadow:0 24px 60px rgba(0,0,0,.26);
}
#metrologia .metro-main-card{border-radius:28px;display:grid;grid-template-rows:350px auto}
#metrologia .metro-main-media,#metrologia .metro-side-image{position:relative;overflow:hidden}
#metrologia .metro-main-media img,#metrologia .metro-side-image img{width:100%;height:100%;object-fit:cover;transition:.7s ease}
#metrologia .metro-main-media{clip-path:polygon(0 0,100% 0,100% 88%,90% 100%,0 100%)}
#metrologia .metro-main-body{padding:28px 30px}
#metrologia .metro-side-column{display:grid;grid-template-rows:1fr 1fr;gap:20px}
#metrologia .metro-side-card{border-radius:22px;display:grid;grid-template-columns:42% 58%;min-height:320px}
#metrologia .metro-side-image{clip-path:polygon(0 0,90% 0,100% 50%,90% 100%,0 100%)}
#metrologia .metro-side-body{padding:22px;display:flex;flex-direction:column;justify-content:center}
#metrologia .metro-index{
  position:absolute;z-index:5;top:16px;left:16px;padding:7px 10px;border-radius:9px;
  background:rgba(3,25,32,.8);border:1px solid rgba(0,215,243,.28);color:#fff;font-size:9px;font-weight:900
}
#metrologia .metro-reticle{
  position:absolute;z-index:5;width:76px;height:76px;right:28px;top:28px;border:1px solid rgba(0,215,243,.35);border-radius:50%;
  box-shadow:0 0 0 14px rgba(0,215,243,.025);animation:metroReticle 3.6s ease-in-out infinite
}
#metrologia .metro-reticle::before,#metrologia .metro-reticle::after{content:"";position:absolute;background:rgba(156,255,0,.52)}
#metrologia .metro-reticle::before{width:1px;height:100%;left:50%}
#metrologia .metro-reticle::after{height:1px;width:100%;top:50%}
@keyframes metroReticle{50%{transform:scale(1.1);opacity:.65}}
#metrologia .metro-scan-axis,#metrologia .metro-wave{
  position:absolute;z-index:4;left:0;right:0;height:2px;top:-4px;
  background:linear-gradient(90deg,transparent,#9cff00,#00d7f3,transparent);box-shadow:0 0 14px rgba(0,215,243,.6)
}
#metrologia .metro-main-card:hover .metro-scan-axis,#metrologia .metro-side-card:hover .metro-wave{animation:metroAxis 1.2s ease-out}
@keyframes metroAxis{from{top:6%}to{top:94%}}
#metrologia .metro-topline{display:flex;justify-content:space-between;align-items:center;gap:12px}
#metrologia .metro-topline span{color:#9cff00;font-size:9px;font-weight:900;letter-spacing:.08em}
#metrologia .metro-topline b{color:#59dbe8;font-size:8px;letter-spacing:.13em}
#metrologia .metro-topline b i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#9cff00;box-shadow:0 0 10px #9cff00;margin-right:6px}
#metrologia h3{margin:10px 0;font-size:28px}
#metrologia .metro-side-card h3{font-size:22px}
#metrologia p{color:#93a7ae;line-height:1.6}
#metrologia .metro-chips{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0}
#metrologia .metro-chips span{padding:6px 9px;border:1px solid rgba(0,215,243,.25);border-radius:999px;color:#73dce7;font-size:8px;font-weight:800}
#metrologia .metro-metrics,#metrologia .metro-inline-data{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:15px 0 18px}
#metrologia .metro-metrics div,#metrologia .metro-inline-data span{padding:11px 12px;border-radius:11px;background:rgba(255,255,255,.026);border:1px solid rgba(255,255,255,.06)}
#metrologia small{display:block;color:#5c7880;font-size:7px;letter-spacing:.10em;margin-bottom:3px}
#metrologia strong{font-size:10px;color:#efffff}
@media(hover:hover) and (pointer:fine){
  #metrologia .metro-main-card:hover,#metrologia .metro-side-card:hover{box-shadow:0 30px 70px rgba(0,0,0,.34),0 0 34px rgba(0,215,243,.10)}
  #metrologia .metro-main-card:hover img,#metrologia .metro-side-card:hover img{transform:scale(1.055);filter:saturate(1.1) brightness(.88)}
}

/* 03 - REALITY CAPTURE STAGE */
#laser.laser-stage{position:relative;overflow:hidden;padding:82px 0 94px}
#laser.laser-stage::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle at 75% 35%,rgba(0,215,243,.12),transparent 26%),radial-gradient(circle at 20% 80%,rgba(156,255,0,.07),transparent 22%)
}
#laser .laser-stage-head{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px}
#laser .laser-stage-code{color:#55dbe9;font-size:9px;font-weight:800;letter-spacing:.18em}
#laser .laser-focus-panel{
  position:relative;z-index:2;display:grid;grid-template-columns:1.18fr .82fr;min-height:520px;
  overflow:hidden;border-radius:30px;border:1px solid rgba(0,215,243,.22);
  background:linear-gradient(180deg,rgba(4,24,31,.96),rgba(2,15,20,.99));box-shadow:0 28px 74px rgba(0,0,0,.3)
}
#laser .laser-visual{position:relative;overflow:hidden;clip-path:polygon(0 0,93% 0,100% 50%,93% 100%,0 100%)}
#laser .laser-visual img{width:100%;height:100%;object-fit:cover;transition:.8s ease}
#laser .laser-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,rgba(2,15,20,.62));pointer-events:none}
#laser .laser-index{position:absolute;z-index:6;top:20px;left:20px;padding:8px 11px;border-radius:9px;background:rgba(3,25,32,.8);border:1px solid rgba(0,215,243,.28);color:#fff;font-size:9px;font-weight:900}
#laser .laser-radar{position:absolute;z-index:5;border:1px solid rgba(0,215,243,.34);border-radius:50%;pointer-events:none;animation:laserRadar 5s linear infinite}
#laser .radar-a{width:150px;height:150px;right:18%;top:18%}
#laser .radar-b{width:90px;height:90px;left:18%;bottom:18%;animation-direction:reverse;animation-duration:4s}
#laser .laser-radar::before,#laser .laser-radar::after{content:"";position:absolute;background:rgba(156,255,0,.42)}
#laser .laser-radar::before{width:1px;height:100%;left:50%}
#laser .laser-radar::after{height:1px;width:100%;top:50%}
@keyframes laserRadar{to{transform:rotate(360deg)}}
#laser .laser-beam{position:absolute;z-index:4;top:0;left:-24%;width:18%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,215,243,.25),transparent);transform:skewX(-15deg);opacity:0}
#laser .laser-focus-panel:hover .laser-beam{opacity:1;animation:laserBeam 1.2s ease-out}
@keyframes laserBeam{to{left:116%}}
#laser .laser-data-label{position:absolute;z-index:6;padding:8px 10px;border:1px solid rgba(0,215,243,.22);background:rgba(3,24,31,.7);backdrop-filter:blur(8px);border-radius:9px}
#laser .label-a{right:28px;bottom:30px}.label-b{left:28px;top:42%}
#laser .laser-data-label small{display:block;color:#58dbe8;font-size:7px;letter-spacing:.12em}
#laser .laser-data-label strong{color:#f3ffff;font-size:11px}
#laser .laser-content{padding:38px 36px;display:flex;flex-direction:column;justify-content:center}
#laser .laser-brand{display:flex;justify-content:space-between;align-items:center}
#laser .laser-brand span{color:#9cff00;font-weight:900;font-size:9px}
#laser .laser-brand b{color:#58dbe8;font-size:8px;letter-spacing:.13em}
#laser .laser-brand b i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#9cff00;box-shadow:0 0 10px #9cff00;margin-right:6px}
#laser .laser-content h3{font-size:42px;margin:14px 0 12px}
#laser .laser-content p{color:#92a6ad;line-height:1.7}
#laser .laser-tags{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0}
#laser .laser-tags span{padding:6px 9px;border:1px solid rgba(0,215,243,.24);border-radius:999px;color:#75dce7;font-size:8px;font-weight:800}
#laser .laser-info-strip{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0 20px}
#laser .laser-info-strip span{padding:11px 12px;border-radius:11px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.025)}
#laser .laser-info-strip small{display:block;color:#58737b;font-size:7px;letter-spacing:.1em}
#laser .laser-info-strip strong{font-size:9px;color:#efffff}
@media(hover:hover) and (pointer:fine){
  #laser .laser-focus-panel:hover{box-shadow:0 34px 88px rgba(0,0,0,.36),0 0 38px rgba(0,215,243,.10)}
  #laser .laser-focus-panel:hover img{transform:scale(1.055);filter:saturate(1.1) brightness(.88)}
}

/* 04 - AUTOMATED QUALITY */
#automatizada.auto-grid-section{position:relative;overflow:hidden;padding:82px 0 98px}
#automatizada.auto-grid-section::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.28;
  background:
    linear-gradient(115deg,transparent 0 49%,rgba(0,215,243,.05) 50%,transparent 51%),
    linear-gradient(65deg,transparent 0 62%,rgba(156,255,0,.04) 63%,transparent 64%);
  background-size:420px 420px,520px 520px;animation:autoCircuit 18s linear infinite
}
@keyframes autoCircuit{to{background-position:210px 140px,-180px 160px}}
#automatizada .auto-head{position:relative;z-index:2;display:grid;grid-template-columns:1fr .8fr;gap:50px;align-items:end;margin-bottom:34px}
#automatizada .auto-head-copy{padding-left:22px;border-left:1px solid rgba(0,215,243,.22)}
#automatizada .auto-head-copy>span{color:#55dbe9;font-size:9px;font-weight:800;letter-spacing:.18em}
#automatizada .auto-head-copy p{margin:8px 0 0;color:#91a5ad;line-height:1.7}
#automatizada .auto-dual{position:relative;z-index:2;display:grid;grid-template-columns:1fr;gap:20px}
#automatizada .auto-card{
  display:grid;grid-template-columns:1.04fr .96fr;min-height:360px;overflow:hidden;border-radius:26px;
  border:1px solid rgba(0,215,243,.20);background:linear-gradient(180deg,rgba(4,24,31,.97),rgba(2,15,20,.99));
  box-shadow:0 24px 60px rgba(0,0,0,.26)
}
#automatizada .auto-card-b{grid-template-columns:.96fr 1.04fr}
#automatizada .auto-card-media{position:relative;overflow:hidden;clip-path:polygon(0 0,92% 0,100% 50%,92% 100%,0 100%)}
#automatizada .auto-card-b .auto-card-media{clip-path:polygon(8% 0,100% 0,100% 100%,8% 100%,0 50%)}
#automatizada .auto-card-media img{width:100%;height:100%;object-fit:cover;transition:.75s ease}
#automatizada .auto-card-body{padding:30px 34px;display:flex;flex-direction:column;justify-content:center}
#automatizada .auto-index{position:absolute;z-index:5;top:18px;left:18px;padding:8px 10px;border-radius:9px;background:rgba(3,25,32,.8);border:1px solid rgba(0,215,243,.28);color:#fff;font-size:9px;font-weight:900}
#automatizada .auto-card-b .auto-index{left:auto;right:18px}

/* Inspección automatizada: profundidad visual exclusiva de las imágenes */
#automatizada .auto-card-media::after{
  content:"";
  position:absolute;
  z-index:3;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(1,8,11,.18) 0%,transparent 30%,transparent 62%,rgba(1,8,11,.48) 100%),
    linear-gradient(90deg,rgba(1,8,11,.26) 0%,transparent 22%,transparent 78%,rgba(1,8,11,.2) 100%);
  box-shadow:inset 0 -44px 54px rgba(0,0,0,.23),inset 0 0 30px rgba(0,0,0,.12);
  transition:background .45s ease,box-shadow .45s ease;
}
@media(hover:hover) and (pointer:fine){
  #automatizada .auto-card:hover .auto-card-media::after{
    background:
      linear-gradient(180deg,rgba(1,8,11,.1) 0%,transparent 34%,transparent 68%,rgba(1,8,11,.36) 100%),
      linear-gradient(90deg,rgba(1,8,11,.18) 0%,transparent 24%,transparent 80%,rgba(1,8,11,.14) 100%);
    box-shadow:inset 0 -38px 48px rgba(0,0,0,.18),inset 0 0 24px rgba(0,0,0,.08);
  }
}
#automatizada .auto-scan-line{position:absolute;z-index:4;left:0;right:0;height:2px;top:-3px;background:linear-gradient(90deg,transparent,#9cff00,#00d7f3,transparent);box-shadow:0 0 14px rgba(0,215,243,.6)}
#automatizada .auto-card:hover .auto-scan-line{animation:autoScan 1.2s ease-out}
@keyframes autoScan{from{top:7%}to{top:94%}}
#automatizada .auto-node{position:absolute;z-index:5;width:6px;height:6px;border-radius:50%;background:#00d7f3;box-shadow:0 0 12px #00d7f3;animation:autoNode 2s ease-in-out infinite}
#automatizada .n1{left:18%;top:22%}.n2{right:24%;top:42%;animation-delay:.7s}.n3{left:52%;bottom:18%;background:#9cff00;animation-delay:1.3s}
@keyframes autoNode{50%{transform:scale(1.4);opacity:.55}}
#automatizada .auto-status{display:flex;justify-content:space-between;align-items:center;gap:12px}
#automatizada .auto-status span{color:#9cff00;font-size:9px;font-weight:900}
#automatizada .auto-status b{color:#58dbe8;font-size:8px;letter-spacing:.13em}
#automatizada .auto-status b i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#9cff00;box-shadow:0 0 10px #9cff00;margin-right:6px}
#automatizada .auto-card-body h3{font-size:34px;margin:12px 0}
#automatizada .auto-card-body p{color:#92a6ad;line-height:1.65}
#automatizada .auto-tags{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0}
#automatizada .auto-tags span{padding:6px 9px;border:1px solid rgba(0,215,243,.24);border-radius:999px;color:#74dce7;font-size:8px;font-weight:800}
#automatizada .auto-process{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0 18px}
#automatizada .auto-process span{padding:10px;border-radius:10px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.024);color:#7c9299;font-size:8px;font-weight:800}
#automatizada .auto-process i{font-style:normal;color:#9cff00;margin-right:5px}
@media(hover:hover) and (pointer:fine){
  #automatizada .auto-card:hover{box-shadow:0 30px 76px rgba(0,0,0,.34),0 0 34px rgba(0,215,243,.10)}
  #automatizada .auto-card:hover img{transform:scale(1.055);filter:saturate(1.12) brightness(.88)}
}

/* responsive sections 02-04 */
@media(max-width:1100px){
  #metrologia .metro-lab-grid{grid-template-columns:1fr}
  #metrologia .metro-side-column{grid-template-columns:1fr 1fr;grid-template-rows:auto}
  #metrologia .metro-side-card{display:block}
  #metrologia .metro-side-image{height:220px;clip-path:polygon(0 0,100% 0,100% 90%,88% 100%,0 100%)}
  #laser .laser-focus-panel{grid-template-columns:1fr}
  #laser .laser-visual{height:380px;clip-path:polygon(0 0,100% 0,100% 90%,92% 100%,0 100%)}
}
@media(max-width:767px){
  #metrologia.metro-lab,#laser.laser-stage,#automatizada.auto-grid-section{padding:58px 0 68px}
  #metrologia .metro-head,#automatizada .auto-head{grid-template-columns:1fr;gap:16px}
  #metrologia .metro-head-side,#automatizada .auto-head-copy{padding-left:0;border-left:0}
  #metrologia .metro-side-column{grid-template-columns:1fr}
  #metrologia .metro-main-card{grid-template-rows:230px auto}
  #metrologia .metro-side-image{height:210px}
  #laser .laser-stage-head{display:block}
  #laser .laser-stage-code{display:none}
  #laser .laser-visual{height:240px}
  #laser .laser-content{padding:24px 20px}
  #laser .laser-content h3{font-size:30px}
  #laser .laser-info-strip{grid-template-columns:1fr}
  #automatizada .auto-card,#automatizada .auto-card-b{display:flex;flex-direction:column;min-height:0}
  #automatizada .auto-card-b .auto-card-body{order:2}
  #automatizada .auto-card-b .auto-card-media{order:1}
  #automatizada .auto-card-media,#automatizada .auto-card-b .auto-card-media{height:220px;clip-path:polygon(0 0,100% 0,100% 90%,88% 100%,0 100%)}
  #automatizada .auto-card-body{padding:24px 20px}
  #automatizada .auto-process{grid-template-columns:1fr}
}


/* =========================================================
   ENVAL v41 - FOOTER TECNOLÓGICO
   SOLO equipos-3d.html
   Diseñado para dialogar visualmente con el menú superior.
   ========================================================= */

.enval-footer-v2{
  position:relative;
  overflow:hidden;
  padding:62px 0 24px;
  background:
    linear-gradient(180deg,rgba(2,12,16,.98),rgba(1,8,11,1));
  border-top:1px solid rgba(0,215,243,.18);
  isolation:isolate;
}

.enval-footer-v2 .footer-v2-bg{
  position:absolute;
  inset:0;
  overflow:hidden;
  pointer-events:none;
  z-index:0;
}

.enval-footer-v2 .footer-v2-grid{
  position:absolute;
  inset:0;
  opacity:.20;
  background-image:
    linear-gradient(rgba(0,215,243,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,215,243,.035) 1px,transparent 1px);
  background-size:44px 44px;
  animation:footerGridFlow 18s linear infinite;
}
@keyframes footerGridFlow{
  to{background-position:44px 44px}
}

.enval-footer-v2 .footer-v2-glow{
  position:absolute;
  border-radius:50%;
  filter:blur(18px);
  opacity:.38;
}
.enval-footer-v2 .glow-a{
  width:360px;height:360px;
  left:-160px;top:-120px;
  background:radial-gradient(circle,rgba(156,255,0,.15),transparent 66%);
  animation:footerGlowA 8s ease-in-out infinite alternate;
}
.enval-footer-v2 .glow-b{
  width:420px;height:420px;
  right:-180px;bottom:-180px;
  background:radial-gradient(circle,rgba(0,215,243,.16),transparent 66%);
  animation:footerGlowB 9s ease-in-out infinite alternate;
}
@keyframes footerGlowA{to{transform:translate(55px,30px) scale(1.12)}}
@keyframes footerGlowB{to{transform:translate(-48px,-28px) scale(1.08)}}

.enval-footer-v2 .footer-v2-orbit{
  position:absolute;
  border:1px solid rgba(0,215,243,.10);
  border-radius:50%;
}
.enval-footer-v2 .orbit-a{
  width:260px;height:260px;right:10%;top:-130px;
  box-shadow:0 0 0 28px rgba(0,215,243,.012),0 0 0 56px rgba(156,255,0,.01);
  animation:footerOrbit 16s linear infinite;
}
.enval-footer-v2 .orbit-b{
  width:170px;height:170px;left:34%;bottom:-100px;
  animation:footerOrbit 20s linear infinite reverse;
}
@keyframes footerOrbit{to{transform:rotate(360deg)}}

.enval-footer-v2 .footer-v2-scan{
  position:absolute;
  left:0;right:0;top:-2px;
  height:1px;
  background:linear-gradient(90deg,transparent,#9cff00,#00d7f3,transparent);
  box-shadow:0 0 12px rgba(0,215,243,.55);
  animation:footerScan 5.5s ease-in-out infinite;
}
@keyframes footerScan{
  0%,100%{opacity:.35;transform:translateX(-25%)}
  50%{opacity:1;transform:translateX(25%)}
}

/* Brand row */
.enval-footer-v2 .footer-v2-top{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding-bottom:28px;
  border-bottom:1px solid rgba(255,255,255,.06);
}

.enval-footer-v2 .footer-v2-brand{
  display:inline-flex;
  align-items:center;
  gap:12px;
  text-decoration:none;
}
.enval-footer-v2 .footer-v2-brand img{
  width:58px;height:58px;object-fit:contain;
  filter:drop-shadow(0 0 16px rgba(156,255,0,.08));
  transition:.4s ease;
}
.enval-footer-v2 .footer-v2-brand strong{
  display:block;
  color:#dfff15;
  font-size:27px;
  line-height:.9;
  letter-spacing:.03em;
}
.enval-footer-v2 .footer-v2-brand small{
  display:block;
  margin-top:5px;
  color:#8d9ca2;
  font-size:7px;
  letter-spacing:.13em;
}
@media(hover:hover) and (pointer:fine){
  .enval-footer-v2 .footer-v2-brand:hover img{
    transform:rotate(-5deg) scale(1.06);
    filter:drop-shadow(0 0 20px rgba(156,255,0,.22));
  }
}

.enval-footer-v2 .footer-v2-status{
  display:flex;
  align-items:center;
  gap:11px;
  padding:10px 14px;
  border:1px solid rgba(0,215,243,.18);
  border-radius:12px;
  background:rgba(0,215,243,.025);
}
.enval-footer-v2 .status-dot{
  width:8px;height:8px;border-radius:50%;
  background:#9cff00;
  box-shadow:0 0 13px rgba(156,255,0,.9);
  animation:footerStatusPulse 1.8s ease-in-out infinite;
}
@keyframes footerStatusPulse{
  50%{transform:scale(1.3);opacity:.65}
}
.enval-footer-v2 .footer-v2-status small{
  display:block;color:#56747d;font-size:7px;letter-spacing:.14em
}
.enval-footer-v2 .footer-v2-status strong{
  display:block;color:#dffcff;font-size:9px;letter-spacing:.06em;margin-top:2px
}

/* Main footer grid */
.enval-footer-v2 .footer-v2-main{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1.22fr .78fr .72fr;
  gap:30px;
  padding:38px 0 34px;
}

.enval-footer-v2 .footer-v2-intro{
  padding-right:26px;
}
.enval-footer-v2 .footer-v2-kicker{
  display:block;
  color:#9cff00;
  font-size:8px;
  font-weight:900;
  letter-spacing:.18em;
  margin-bottom:13px;
}
.enval-footer-v2 .footer-v2-intro h2{
  margin:0;
  max-width:620px;
  color:#f5ffff;
  font-size:clamp(34px,4vw,58px);
  line-height:.96;
  font-weight:900;
  letter-spacing:-.03em;
}
.enval-footer-v2 .footer-v2-intro h2 span{
  background:linear-gradient(90deg,#9cff00,#42e985,#00d7f3);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.enval-footer-v2 .footer-v2-intro p{
  max-width:600px;
  margin:18px 0 22px;
  color:#84989f;
  line-height:1.65;
  font-size:13px;
}

.enval-footer-v2 .footer-v2-cta{
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  min-width:236px;
  height:44px;
  padding:0 14px 0 17px;
  border-radius:12px;
  border:1px solid rgba(0,215,243,.28);
  background:linear-gradient(90deg,rgba(156,255,0,.09),rgba(0,215,243,.09));
  color:#efffff;
  text-decoration:none;
  font-size:9px;
  font-weight:900;
  letter-spacing:.08em;
  transition:.3s ease;
}
.enval-footer-v2 .footer-v2-cta i{
  width:27px;height:27px;
  display:grid;place-items:center;
  border-radius:8px;
  background:rgba(0,215,243,.08);
  color:#73e5ef;
  transition:.3s ease;
}
.enval-footer-v2 .footer-v2-cta:hover{
  transform:translateY(-3px);
  border-color:rgba(156,255,0,.55);
  box-shadow:0 12px 32px rgba(0,215,243,.12);
}
.enval-footer-v2 .footer-v2-cta:hover i{
  background:linear-gradient(135deg,#9cff00,#00d7f3);
  color:#041014;
  transform:rotate(45deg);
}

/* Panels styled like top menu */
.enval-footer-v2 .footer-v2-nav-panel,
.enval-footer-v2 .footer-v2-contact-panel{
  border:1px solid rgba(0,215,243,.15);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(5,24,30,.72),rgba(2,15,20,.76));
  padding:18px;
  backdrop-filter:blur(10px);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.012);
}
.enval-footer-v2 .footer-v2-nav-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding-bottom:12px;
  margin-bottom:8px;
  border-bottom:1px solid rgba(255,255,255,.05);
}
.enval-footer-v2 .footer-v2-nav-head span{
  color:#9cff00;
  font-size:8px;
  font-weight:900;
  letter-spacing:.16em;
}
.enval-footer-v2 .footer-v2-nav-head small{
  color:#4b6971;
  font-size:7px;
  letter-spacing:.12em;
}

/* Navigation links */
.enval-footer-v2 .footer-v2-links{
  display:flex;
  flex-direction:column;
}
.enval-footer-v2 .footer-v2-links a{
  position:relative;
  display:grid;
  grid-template-columns:28px 1fr auto;
  gap:9px;
  align-items:center;
  padding:10px 7px;
  color:#bdc9cd;
  text-decoration:none;
  border-bottom:1px solid rgba(255,255,255,.04);
  transition:.25s ease;
}
.enval-footer-v2 .footer-v2-links a:last-child{border-bottom:0}
.enval-footer-v2 .footer-v2-links a span{
  color:#42626b;font-size:7px;font-weight:800
}
.enval-footer-v2 .footer-v2-links a strong{
  font-size:9px;letter-spacing:.04em
}
.enval-footer-v2 .footer-v2-links a i{
  color:#4d7c85;font-size:10px;transition:.25s ease
}
.enval-footer-v2 .footer-v2-links a.active{
  color:#efffff;
}
.enval-footer-v2 .footer-v2-links a.active::before{
  content:"";
  position:absolute;
  left:0;top:50%;
  width:3px;height:18px;
  transform:translateY(-50%);
  border-radius:4px;
  background:linear-gradient(#9cff00,#00d7f3);
  box-shadow:0 0 12px rgba(0,215,243,.35);
}
.enval-footer-v2 .footer-v2-links a:hover{
  color:#fff;
  padding-left:12px;
  background:rgba(0,215,243,.025);
}
.enval-footer-v2 .footer-v2-links a:hover i{
  color:#9cff00;
  transform:translateX(3px);
}

/* Contact */
.enval-footer-v2 .footer-v2-contact-item{
  display:grid;
  grid-template-columns:34px 1fr;
  gap:10px;
  align-items:center;
  padding:10px 0;
  border-bottom:1px solid rgba(255,255,255,.04);
}
.enval-footer-v2 .footer-v2-contact-item i{
  width:32px;height:32px;
  display:grid;place-items:center;
  border-radius:9px;
  background:rgba(0,215,243,.05);
  border:1px solid rgba(0,215,243,.13);
  color:#00d7f3;
}
.enval-footer-v2 .footer-v2-contact-item small{
  display:block;color:#52717a;font-size:7px;letter-spacing:.11em
}
.enval-footer-v2 .footer-v2-contact-item strong{
  display:block;color:#dbecef;font-size:9px;margin-top:2px
}
.enval-footer-v2 .footer-v2-socials{
  display:flex;gap:8px;margin-top:15px
}
.enval-footer-v2 .footer-v2-socials a{
  width:36px;height:36px;
  display:grid;place-items:center;
  border-radius:10px;
  border:1px solid rgba(0,215,243,.15);
  background:rgba(0,215,243,.025);
  color:#cfe2e6;
  transition:.25s ease;
}
.enval-footer-v2 .footer-v2-socials a:hover{
  color:#071217;
  border-color:transparent;
  background:linear-gradient(135deg,#9cff00,#00d7f3);
  transform:translateY(-3px);
}

/* Bottom */
.enval-footer-v2 .footer-v2-bottom{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  gap:20px;
  align-items:center;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.05);
  color:#48656d;
  font-size:7px;
  letter-spacing:.09em;
}
.enval-footer-v2 .footer-v2-bottom>div{
  display:flex;gap:8px
}
.enval-footer-v2 .footer-v2-bottom a{
  color:#6f858c;text-decoration:none;transition:.2s ease
}
.enval-footer-v2 .footer-v2-bottom a:hover{color:#9cff00}
.enval-footer-v2 .footer-v2-system{
  justify-self:end;
  color:#4d7b84;
}

/* Tablet */
@media(max-width:1100px){
  .enval-footer-v2 .footer-v2-main{
    grid-template-columns:1fr 1fr;
  }
  .enval-footer-v2 .footer-v2-intro{
    grid-column:1/-1;
    padding-right:0;
  }
}

/* Mobile */
@media(max-width:767px){
  .enval-footer-v2{
    padding-top:44px;
  }
  .enval-footer-v2 .footer-v2-top{
    align-items:flex-start;
    flex-direction:column;
  }
  .enval-footer-v2 .footer-v2-main{
    grid-template-columns:1fr;
    gap:16px;
    padding-top:28px;
  }
  .enval-footer-v2 .footer-v2-intro{
    grid-column:auto;
  }
  .enval-footer-v2 .footer-v2-intro h2{
    font-size:38px;
  }
  .enval-footer-v2 .footer-v2-bottom{
    grid-template-columns:1fr;
    gap:8px;
  }
  .enval-footer-v2 .footer-v2-system{
    justify-self:start;
  }
  .enval-footer-v2 .footer-v2-status{
    width:100%;
  }
}

@media(prefers-reduced-motion:reduce){
  .enval-footer-v2 *,
  .enval-footer-v2 *::before,
  .enval-footer-v2 *::after{
    animation:none!important;
    transition:none!important;
  }
}


/* =========================================================
   ENVAL v42 - FOOTER ALTERNATIVO / CONSOLE STYLE
   SOLO equipos-3d.html
   ========================================================= */

.enval-footer-v3{
  position:relative;
  overflow:hidden;
  padding:72px 0 24px;
  background:
    radial-gradient(circle at 12% 0%,rgba(156,255,0,.055),transparent 24%),
    radial-gradient(circle at 88% 90%,rgba(0,215,243,.07),transparent 28%),
    #02090c;
  border-top:1px solid rgba(0,215,243,.16);
  isolation:isolate;
}

.enval-footer-v3 .footer-v3-ambient{
  position:absolute;
  inset:0;
  overflow:hidden;
  pointer-events:none;
  z-index:0;
}

.enval-footer-v3 .footer-v3-mesh{
  position:absolute;
  inset:0;
  opacity:.18;
  background:
    linear-gradient(rgba(0,215,243,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,215,243,.035) 1px,transparent 1px);
  background-size:56px 56px;
  transform:perspective(700px) rotateX(68deg) scale(1.4);
  transform-origin:center bottom;
  animation:footerV3Mesh 18s linear infinite;
}
@keyframes footerV3Mesh{
  to{background-position:56px 56px}
}

.enval-footer-v3 .footer-v3-beam{
  position:absolute;
  width:1px;
  height:220%;
  top:-60%;
  background:linear-gradient(transparent,rgba(0,215,243,.6),transparent);
  box-shadow:0 0 12px rgba(0,215,243,.45);
  transform:rotate(28deg);
  opacity:.24;
}
.enval-footer-v3 .beam-1{left:22%;animation:footerV3Beam 8s ease-in-out infinite}
.enval-footer-v3 .beam-2{right:18%;animation:footerV3Beam 10s ease-in-out infinite reverse}
@keyframes footerV3Beam{
  0%,100%{transform:translateX(-24px) rotate(28deg);opacity:.12}
  50%{transform:translateX(24px) rotate(28deg);opacity:.35}
}

.enval-footer-v3 .footer-v3-node{
  position:absolute;
  width:6px;height:6px;
  border-radius:50%;
  background:#00d7f3;
  box-shadow:0 0 14px rgba(0,215,243,.9);
  animation:footerV3Node 3s ease-in-out infinite;
}
.enval-footer-v3 .node-1{left:18%;top:24%}
.enval-footer-v3 .node-2{right:28%;top:18%;animation-delay:.8s}
.enval-footer-v3 .node-3{right:12%;bottom:20%;background:#9cff00;animation-delay:1.4s}
@keyframes footerV3Node{
  50%{transform:scale(1.45);opacity:.45}
}

.enval-footer-v3 .footer-v3-shell{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:26px;
  align-items:stretch;
}

/* Left hero panel */
.enval-footer-v3 .footer-v3-hero{
  position:relative;
  overflow:hidden;
  min-height:430px;
  padding:30px;
  border:1px solid rgba(0,215,243,.17);
  border-radius:26px;
  background:
    linear-gradient(180deg,rgba(5,24,30,.74),rgba(2,14,18,.88));
  box-shadow:0 26px 70px rgba(0,0,0,.22);
}
.enval-footer-v3 .footer-v3-hero::after{
  content:"";
  position:absolute;
  right:-90px;
  bottom:-90px;
  width:240px;height:240px;
  border-radius:50%;
  border:1px solid rgba(0,215,243,.10);
  box-shadow:
    0 0 0 30px rgba(0,215,243,.012),
    0 0 0 60px rgba(156,255,0,.009);
  animation:footerV3Orbit 18s linear infinite;
}
@keyframes footerV3Orbit{to{transform:rotate(360deg)}}

.enval-footer-v3 .footer-v3-brandline{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
.enval-footer-v3 .footer-v3-brand{
  display:flex;
  align-items:center;
  gap:12px;
  text-decoration:none;
}
.enval-footer-v3 .footer-v3-brand img{
  width:62px;height:62px;object-fit:contain;
  transition:.4s ease;
}
.enval-footer-v3 .footer-v3-brand strong{
  display:block;
  color:#dfff16;
  font-size:31px;
  line-height:.88;
  letter-spacing:.025em;
}
.enval-footer-v3 .footer-v3-brand small{
  display:block;
  margin-top:5px;
  color:#73878e;
  font-size:7px;
  letter-spacing:.13em;
}
.enval-footer-v3 .footer-v3-live{
  display:flex;
  align-items:center;
  gap:8px;
  padding:9px 12px;
  border-radius:999px;
  border:1px solid rgba(0,215,243,.16);
  background:rgba(0,215,243,.025);
  color:#75dbe5;
  font-size:8px;
  font-weight:800;
  letter-spacing:.12em;
}
.enval-footer-v3 .live-pulse{
  width:7px;height:7px;border-radius:50%;
  background:#9cff00;
  box-shadow:0 0 12px rgba(156,255,0,.95);
  animation:footerV3Pulse 1.6s ease-in-out infinite;
}
@keyframes footerV3Pulse{50%{transform:scale(1.35);opacity:.5}}

.enval-footer-v3 .footer-v3-message{
  position:relative;
  z-index:2;
  margin-top:58px;
}
.enval-footer-v3 .footer-v3-eyebrow{
  display:block;
  margin-bottom:12px;
  color:#9cff00;
  font-size:8px;
  font-weight:900;
  letter-spacing:.18em;
}
.enval-footer-v3 .footer-v3-message h2{
  max-width:680px;
  margin:0;
  color:#f5ffff;
  font-size:clamp(40px,4.7vw,68px);
  line-height:.92;
  font-weight:900;
  letter-spacing:-.035em;
}
.enval-footer-v3 .footer-v3-message h2 span{
  background:linear-gradient(90deg,#9cff00,#45e886,#00d7f3);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.enval-footer-v3 .footer-v3-message p{
  max-width:640px;
  margin:18px 0 0;
  color:#84979e;
  font-size:13px;
  line-height:1.7;
}

.enval-footer-v3 .footer-v3-actions{
  position:relative;
  z-index:2;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:26px;
}
.enval-footer-v3 .footer-v3-primary,
.enval-footer-v3 .footer-v3-secondary{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  gap:12px;
  padding:0 16px;
  border-radius:12px;
  text-decoration:none;
  font-size:9px;
  font-weight:900;
  letter-spacing:.08em;
  transition:.28s ease;
}
.enval-footer-v3 .footer-v3-primary{
  color:#041014;
  border:1px solid transparent;
  background:linear-gradient(90deg,#9cff00,#00d7f3);
}
.enval-footer-v3 .footer-v3-secondary{
  color:#d7e8ec;
  border:1px solid rgba(0,215,243,.20);
  background:rgba(0,215,243,.025);
}
.enval-footer-v3 .footer-v3-primary:hover,
.enval-footer-v3 .footer-v3-secondary:hover{
  transform:translateY(-3px);
  box-shadow:0 12px 30px rgba(0,215,243,.12);
}

/* Right console */
.enval-footer-v3 .footer-v3-console{
  border:1px solid rgba(0,215,243,.16);
  border-radius:26px;
  background:linear-gradient(180deg,rgba(4,20,26,.92),rgba(2,13,17,.96));
  box-shadow:0 26px 70px rgba(0,0,0,.20),inset 0 0 0 1px rgba(255,255,255,.01);
  padding:20px;
}
.enval-footer-v3 .footer-v3-console-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:4px 2px 14px;
  margin-bottom:14px;
  border-bottom:1px solid rgba(255,255,255,.05);
}
.enval-footer-v3 .footer-v3-console-head>div{
  display:flex;align-items:center;gap:8px
}
.enval-footer-v3 .console-dot{
  width:7px;height:7px;border-radius:50%;
  background:#9cff00;
  box-shadow:0 0 12px rgba(156,255,0,.9);
}
.enval-footer-v3 .footer-v3-console-head strong{
  color:#efffff;font-size:9px;letter-spacing:.12em
}
.enval-footer-v3 .footer-v3-console-head small{
  color:#48636b;font-size:7px;letter-spacing:.14em
}
.enval-footer-v3 .footer-v3-console-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
}
.enval-footer-v3 .footer-v3-label{
  display:block;
  margin-bottom:9px;
  color:#9cff00;
  font-size:8px;
  font-weight:900;
  letter-spacing:.16em;
}

/* menu */
.enval-footer-v3 .footer-v3-menu{
  padding:14px;
  border-radius:16px;
  background:rgba(0,215,243,.018);
  border:1px solid rgba(0,215,243,.08);
}
.enval-footer-v3 .footer-v3-menu a{
  display:grid;
  grid-template-columns:28px 1fr;
  gap:9px;
  align-items:center;
  padding:9px 8px;
  color:#9aadb3;
  text-decoration:none;
  border-bottom:1px solid rgba(255,255,255,.04);
  transition:.22s ease;
}
.enval-footer-v3 .footer-v3-menu a:last-child{border-bottom:0}
.enval-footer-v3 .footer-v3-menu a span{color:#47626a;font-size:7px;font-weight:800}
.enval-footer-v3 .footer-v3-menu a strong{font-size:9px;letter-spacing:.05em}
.enval-footer-v3 .footer-v3-menu a.active{
  color:#efffff;
  border-radius:9px;
  background:linear-gradient(90deg,rgba(156,255,0,.06),rgba(0,215,243,.035));
  box-shadow:inset 3px 0 0 #9cff00;
}
.enval-footer-v3 .footer-v3-menu a:hover{
  color:#fff;
  padding-left:13px;
}

/* contact */
.enval-footer-v3 .footer-v3-contact{
  padding:14px;
  border-radius:16px;
  background:rgba(0,215,243,.018);
  border:1px solid rgba(0,215,243,.08);
}
.enval-footer-v3 .footer-v3-contact>div{
  display:grid;
  grid-template-columns:34px 1fr;
  align-items:center;
  gap:10px;
  padding:9px 0;
  border-bottom:1px solid rgba(255,255,255,.04);
}
.enval-footer-v3 .footer-v3-contact>div:last-child{border-bottom:0}
.enval-footer-v3 .footer-v3-contact i{
  width:32px;height:32px;
  display:grid;place-items:center;
  border-radius:9px;
  color:#00d7f3;
  background:rgba(0,215,243,.05);
  border:1px solid rgba(0,215,243,.12);
}
.enval-footer-v3 .footer-v3-contact small{
  display:block;color:#506a72;font-size:7px;letter-spacing:.11em
}
.enval-footer-v3 .footer-v3-contact strong{
  display:block;color:#dbecef;font-size:9px;margin-top:2px
}

/* social */
.enval-footer-v3 .footer-v3-social{
  padding:14px;
  border-radius:16px;
  background:rgba(0,215,243,.018);
  border:1px solid rgba(0,215,243,.08);
}
.enval-footer-v3 .footer-v3-social-row{
  display:flex;gap:8px
}
.enval-footer-v3 .footer-v3-social-row a{
  width:38px;height:38px;
  display:grid;place-items:center;
  border-radius:10px;
  border:1px solid rgba(0,215,243,.15);
  background:rgba(0,215,243,.025);
  color:#cfe0e4;
  transition:.24s ease;
}
.enval-footer-v3 .footer-v3-social-row a:hover{
  transform:translateY(-3px);
  color:#051014;
  border-color:transparent;
  background:linear-gradient(135deg,#9cff00,#00d7f3);
}
.enval-footer-v3 .footer-v3-techmark{
  margin-top:15px;
  display:flex;
  align-items:baseline;
  gap:8px;
}
.enval-footer-v3 .footer-v3-techmark span{
  color:#9cff00;
  font-size:22px;
  font-weight:900;
}
.enval-footer-v3 .footer-v3-techmark strong{
  color:#55dbe8;
  font-size:9px;
  letter-spacing:.18em;
}

/* bottom */
.enval-footer-v3 .footer-v3-bottom{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:18px;
  margin-top:22px;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.05);
  color:#48626a;
  font-size:7px;
  letter-spacing:.09em;
}
.enval-footer-v3 .footer-v3-bottom>div{
  display:flex;gap:14px
}
.enval-footer-v3 .footer-v3-bottom a{
  color:#70858c;text-decoration:none
}
.enval-footer-v3 .footer-v3-online{
  justify-self:end;
  display:inline-flex;align-items:center;gap:7px
}
.enval-footer-v3 .footer-v3-online i{
  width:6px;height:6px;border-radius:50%;
  background:#9cff00;
  box-shadow:0 0 10px rgba(156,255,0,.8);
}

/* responsive */
@media(max-width:1100px){
  .enval-footer-v3 .footer-v3-shell{
    grid-template-columns:1fr;
  }
  .enval-footer-v3 .footer-v3-hero{
    min-height:auto;
  }
  .enval-footer-v3 .footer-v3-console-grid{
    grid-template-columns:1fr 1fr;
  }
  .enval-footer-v3 .footer-v3-social{
    grid-column:1/-1;
  }
}

@media(max-width:767px){
  .enval-footer-v3{
    padding-top:46px;
  }
  .enval-footer-v3 .footer-v3-hero{
    padding:22px 18px;
    border-radius:20px;
  }
  .enval-footer-v3 .footer-v3-brandline{
    align-items:flex-start;
    flex-direction:column;
  }
  .enval-footer-v3 .footer-v3-message{
    margin-top:38px;
  }
  .enval-footer-v3 .footer-v3-message h2{
    font-size:39px;
  }
  .enval-footer-v3 .footer-v3-actions{
    flex-direction:column;
  }
  .enval-footer-v3 .footer-v3-primary,
  .enval-footer-v3 .footer-v3-secondary{
    width:100%;
    justify-content:space-between;
  }
  .enval-footer-v3 .footer-v3-console-grid{
    grid-template-columns:1fr;
  }
  .enval-footer-v3 .footer-v3-social{
    grid-column:auto;
  }
  .enval-footer-v3 .footer-v3-bottom{
    grid-template-columns:1fr;
    gap:8px;
  }
  .enval-footer-v3 .footer-v3-online{
    justify-self:start;
  }
}

@media(prefers-reduced-motion:reduce){
  .enval-footer-v3 *,
  .enval-footer-v3 *::before,
  .enval-footer-v3 *::after{
    animation:none!important;
    transition:none!important;
  }
}


/* =========================================================
   ENVAL v43 - FOOTER COMPACTO
   SOLO equipos-3d.html
   ========================================================= */

.enval-footer-v4{
  position:relative;
  overflow:hidden;
  padding:24px 0 12px;
  background:
    linear-gradient(180deg,rgba(2,13,17,.98),rgba(1,8,11,1));
  border-top:1px solid rgba(0,215,243,.16);
  isolation:isolate;
}

.enval-footer-v4 .footer-v4-ambient{
  position:absolute;
  inset:0;
  overflow:hidden;
  pointer-events:none;
  z-index:0;
}

.enval-footer-v4 .footer-v4-grid{
  position:absolute;
  inset:0;
  opacity:.13;
  background-image:
    linear-gradient(rgba(0,215,243,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,215,243,.035) 1px,transparent 1px);
  background-size:46px 46px;
  animation:footerV4Grid 18s linear infinite;
}
@keyframes footerV4Grid{
  to{background-position:46px 46px}
}

.enval-footer-v4 .footer-v4-glow{
  position:absolute;
  width:330px;
  height:190px;
  right:12%;
  top:-95px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(0,215,243,.13),transparent 68%);
  filter:blur(14px);
  opacity:.45;
}

.enval-footer-v4 .footer-v4-scan{
  position:absolute;
  left:-20%;
  top:0;
  width:32%;
  height:1px;
  background:linear-gradient(90deg,transparent,#9cff00,#00d7f3,transparent);
  box-shadow:0 0 12px rgba(0,215,243,.55);
  animation:footerV4Scan 6s ease-in-out infinite;
}
@keyframes footerV4Scan{
  0%{left:-25%;opacity:.25}
  50%{opacity:1}
  100%{left:110%;opacity:.25}
}

.enval-footer-v4 .footer-v4-shell{
  position:relative;
  z-index:2;
  min-height:76px;
  display:grid;
  grid-template-columns:auto 1fr auto auto;
  gap:24px;
  align-items:center;
  padding:14px 18px;
  border:1px solid rgba(0,215,243,.14);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(5,24,30,.62),rgba(2,15,20,.72));
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.01),
    0 18px 40px rgba(0,0,0,.16);
}

.enval-footer-v4 .footer-v4-brand{
  display:flex;
  align-items:center;
  gap:10px;
  text-decoration:none;
  min-width:220px;
}
.enval-footer-v4 .footer-v4-brand img{
  width:46px;
  height:46px;
  object-fit:contain;
  transition:.3s ease;
}
.enval-footer-v4 .footer-v4-brand strong{
  display:block;
  color:#dfff16;
  font-size:23px;
  line-height:.9;
  letter-spacing:.02em;
}
.enval-footer-v4 .footer-v4-brand small{
  display:block;
  margin-top:4px;
  color:#6c8188;
  font-size:6px;
  letter-spacing:.11em;
  white-space:nowrap;
}

.enval-footer-v4 .footer-v4-nav{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-width:0;
}
.enval-footer-v4 .footer-v4-nav a{
  position:relative;
  padding:9px 11px;
  border-radius:10px;
  color:#93a7ad;
  text-decoration:none;
  font-size:8px;
  font-weight:900;
  letter-spacing:.055em;
  transition:.24s ease;
  white-space:nowrap;
}
.enval-footer-v4 .footer-v4-nav a:hover{
  color:#fff;
  background:rgba(0,215,243,.045);
}
.enval-footer-v4 .footer-v4-nav a.active{
  color:#fff;
  background:linear-gradient(90deg,rgba(156,255,0,.07),rgba(0,215,243,.05));
  box-shadow:inset 0 0 0 1px rgba(0,215,243,.14);
}
.enval-footer-v4 .footer-v4-nav a.active::after{
  content:"";
  position:absolute;
  left:24%;
  right:24%;
  bottom:3px;
  height:1px;
  background:linear-gradient(90deg,#9cff00,#00d7f3);
  box-shadow:0 0 8px rgba(0,215,243,.45);
}

.enval-footer-v4 .footer-v4-contact{
  display:flex;
  flex-direction:column;
  gap:6px;
}
.enval-footer-v4 .footer-v4-contact a{
  display:flex;
  align-items:center;
  gap:7px;
  color:#83979e;
  text-decoration:none;
  font-size:7px;
  font-weight:700;
  white-space:nowrap;
  transition:.22s ease;
}
.enval-footer-v4 .footer-v4-contact a i{
  width:25px;
  height:25px;
  display:grid;
  place-items:center;
  border-radius:7px;
  border:1px solid rgba(0,215,243,.12);
  background:rgba(0,215,243,.035);
  color:#00d7f3;
  font-size:11px;
}
.enval-footer-v4 .footer-v4-contact a:hover{
  color:#dfffff;
}

.enval-footer-v4 .footer-v4-social{
  display:flex;
  align-items:center;
  gap:6px;
}
.enval-footer-v4 .footer-v4-social a{
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border-radius:9px;
  border:1px solid rgba(0,215,243,.14);
  background:rgba(0,215,243,.025);
  color:#c9dadd;
  transition:.24s ease;
}
.enval-footer-v4 .footer-v4-social a:hover{
  transform:translateY(-2px);
  color:#041014;
  border-color:transparent;
  background:linear-gradient(135deg,#9cff00,#00d7f3);
}

.enval-footer-v4 .footer-v4-bottom{
  position:relative;
  z-index:2;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  padding:10px 4px 0;
  color:#445f67;
  font-size:6px;
  letter-spacing:.08em;
}
.enval-footer-v4 .footer-v4-online{
  display:inline-flex;
  align-items:center;
  gap:6px;
}
.enval-footer-v4 .footer-v4-online i{
  width:5px;
  height:5px;
  border-radius:50%;
  background:#9cff00;
  box-shadow:0 0 8px rgba(156,255,0,.9);
  animation:footerV4Online 1.7s ease-in-out infinite;
}
@keyframes footerV4Online{
  50%{transform:scale(1.3);opacity:.55}
}

@media(max-width:1100px){
  .enval-footer-v4 .footer-v4-shell{
    grid-template-columns:auto 1fr auto;
  }
  .enval-footer-v4 .footer-v4-contact{
    display:none;
  }
}

@media(max-width:767px){
  .enval-footer-v4{
    padding-top:18px;
  }

  .enval-footer-v4 .footer-v4-shell{
    grid-template-columns:1fr auto;
    gap:14px;
    padding:14px;
  }

  .enval-footer-v4 .footer-v4-brand{
    min-width:0;
  }

  .enval-footer-v4 .footer-v4-nav{
    grid-column:1/-1;
    justify-content:flex-start;
    overflow-x:auto;
    padding-top:8px;
    border-top:1px solid rgba(255,255,255,.04);
    scrollbar-width:none;
  }
  .enval-footer-v4 .footer-v4-nav::-webkit-scrollbar{
    display:none;
  }

  .enval-footer-v4 .footer-v4-social{
    justify-self:end;
  }

  .enval-footer-v4 .footer-v4-bottom{
    font-size:5.5px;
  }
}

@media(prefers-reduced-motion:reduce){
  .enval-footer-v4 *,
  .enval-footer-v4 *::before,
  .enval-footer-v4 *::after{
    animation:none!important;
    transition:none!important;
  }
}


/* =========================================================
   ENVAL v44 - MAYOR LEGIBILIDAD FOOTER COMPACTO
   Solo tamaños de fuente del footer v4.
   ========================================================= */
.enval-footer-v4 .footer-v4-brand strong{font-size:28px}
.enval-footer-v4 .footer-v4-brand small{font-size:7.5px}
.enval-footer-v4 .footer-v4-nav a{font-size:10px}
.enval-footer-v4 .footer-v4-contact a{font-size:9px}
.enval-footer-v4 .footer-v4-bottom{font-size:8px}

@media(max-width:767px){
  .enval-footer-v4 .footer-v4-brand strong{font-size:26px}
  .enval-footer-v4 .footer-v4-brand small{font-size:7px}
  .enval-footer-v4 .footer-v4-nav a{font-size:9px}
  .enval-footer-v4 .footer-v4-bottom{font-size:7px}
}


/* =========================================================
   ENVAL v46 - #portatiles EN UNA SOLA PANTALLA DESKTOP
   Se eliminan las métricas marcadas y se compacta SOLO esta sección.
   ========================================================= */

/* Desktop/laptop: hacer que toda la sección 01 entre visualmente en un viewport */
@media (min-width: 1200px){
  #portatiles.portable-next{
    min-height:calc(100vh - 86px);
    height:auto;
    padding-top:34px;
    padding-bottom:24px;
    display:flex;
    align-items:center;
  }

  #portatiles.portable-next > .container{
    width:100%;
  }

  #portatiles .portable-next-head{
    margin-bottom:18px;
    gap:42px;
    align-items:end;
  }

  #portatiles .portable-next-head h2{
    font-size:clamp(42px,4.1vw,64px);
    line-height:.94;
  }

  #portatiles .portable-next-intro p{
    font-size:13px;
    line-height:1.5;
  }

  #portatiles .portable-showcase{
    gap:14px;
    grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
  }

  #portatiles .portable-feature{
    min-height:0;
    grid-template-rows:260px auto;
  }

  #portatiles .portable-feature-content{
    padding:18px 22px 18px;
  }

  #portatiles .portable-feature-content h3{
    font-size:26px;
    margin:8px 0 7px;
  }

  #portatiles .portable-feature-content p{
    font-size:12px;
    line-height:1.5;
    margin-bottom:10px;
  }

  #portatiles .portable-chip-row{
    margin:10px 0 12px;
  }

  #portatiles .portable-side-stack{
    gap:14px;
  }

  #portatiles .portable-side-card{
    min-height:0;
    height:250px;
    grid-template-columns:42% 58%;
  }

  #portatiles .portable-side-content{
    padding:16px 17px;
  }

  #portatiles .portable-side-content h3{
    font-size:22px;
    margin:7px 0 6px;
  }

  #portatiles .portable-side-content p{
    font-size:11.5px;
    line-height:1.45;
    margin-bottom:8px;
  }

  #portatiles .portable-side-content .portable-chip-row{
    margin:8px 0 10px;
  }

  #portatiles .portable-action{
    min-height:36px;
    height:36px;
    min-width:128px;
    padding:0 12px 0 14px;
  }

  #portatiles .portable-action i{
    width:23px;
    height:23px;
  }

  #portatiles .portable-tech-note{
    margin-top:14px;
    padding:10px 14px;
  }

  #portatiles .portable-tech-note strong{
    font-size:10px;
  }

  #portatiles .portable-tech-note span{
    font-size:8px;
  }
}

/* 1366x768 / 19" frecuentes: compactación adicional */
@media (min-width:1200px) and (max-height:820px){
  #portatiles.portable-next{
    min-height:calc(100vh - 72px);
    padding-top:22px;
    padding-bottom:16px;
  }

  #portatiles .portable-next-head{
    margin-bottom:12px;
  }

  #portatiles .portable-next-head h2{
    font-size:44px;
  }

  #portatiles .portable-next-intro p{
    font-size:11.5px;
    line-height:1.4;
  }

  #portatiles .portable-feature{
    grid-template-rows:220px auto;
  }

  #portatiles .portable-feature-content{
    padding:14px 18px 14px;
  }

  #portatiles .portable-feature-content h3{
    font-size:22px;
  }

  #portatiles .portable-feature-content p{
    font-size:11px;
  }

  #portatiles .portable-side-card{
    height:210px;
  }

  #portatiles .portable-side-content{
    padding:12px 14px;
  }

  #portatiles .portable-side-content h3{
    font-size:19px;
  }

  #portatiles .portable-side-content p{
    font-size:10.5px;
    line-height:1.35;
  }

  #portatiles .portable-chip-row span{
    padding:5px 8px;
    font-size:7px;
  }

  #portatiles .portable-action,
  #portatiles .portable-action-small{
    height:32px;
    min-height:32px;
    min-width:116px;
    font-size:8px;
  }

  #portatiles .portable-tech-note{
    margin-top:10px;
    padding:8px 12px;
  }
}

/* En tablet/móvil mantener el comportamiento responsive existente */


/* =========================================================
   ENVAL v47 - SECCIONES 02, 03 Y 04 EN UNA SOLA PANTALLA
   Mismo criterio aplicado a la sección 01.
   Solo desktop/laptop. Tablet y móvil conservan su responsive.
   ========================================================= */

@media (min-width:1200px){

  /* ========== 02 / METROLOGÍA INDUSTRIAL ========== */
  #metrologia.metro-lab{
    min-height:calc(100vh - 86px);
    padding-top:30px;
    padding-bottom:22px;
    display:flex;
    align-items:center;
  }

  #metrologia.metro-lab > .container{
    width:100%;
  }

  #metrologia .metro-head{
    margin-bottom:16px;
    gap:38px;
  }

  #metrologia .metro-head h2{
    font-size:clamp(42px,4vw,62px);
    line-height:.94;
  }

  #metrologia .metro-head-side p{
    font-size:12px;
    line-height:1.45;
  }

  #metrologia .metro-lab-grid{
    gap:14px;
    grid-template-columns:1.06fr .94fr;
  }

  #metrologia .metro-main-card{
    grid-template-rows:245px auto;
  }

  #metrologia .metro-main-body{
    padding:16px 20px 16px;
  }

  #metrologia .metro-main-body h3{
    font-size:24px;
    margin:7px 0 6px;
  }

  #metrologia .metro-main-body p{
    font-size:11px;
    line-height:1.45;
    margin-bottom:8px;
  }

  #metrologia .metro-chips{
    margin:8px 0 10px;
  }

  #metrologia .metro-side-column{
    gap:14px;
  }

  #metrologia .metro-side-card{
    min-height:0;
    height:225px;
  }

  #metrologia .metro-side-body{
    padding:14px 16px;
  }

  #metrologia .metro-side-card h3{
    font-size:19px;
    margin:6px 0 5px;
  }

  #metrologia .metro-side-card p{
    font-size:10.5px;
    line-height:1.35;
    margin-bottom:7px;
  }

  #metrologia .metro-action,
  #metrologia .metro-action.small{
    height:32px;
    min-height:32px;
    min-width:116px;
    font-size:8px;
  }

  /* ========== 03 / ESCANEO LÁSER TERRESTRE ========== */
  #laser.laser-stage{
    min-height:calc(100vh - 86px);
    padding-top:30px;
    padding-bottom:22px;
    display:flex;
    align-items:center;
  }

  #laser.laser-stage > .container{
    width:100%;
  }

  #laser .laser-stage-head{
    margin-bottom:16px;
  }

  #laser .laser-stage-head h2{
    font-size:clamp(42px,4vw,62px);
    line-height:.94;
  }

  #laser .laser-focus-panel{
    min-height:0;
    height:470px;
    grid-template-columns:1.12fr .88fr;
  }

  #laser .laser-content{
    padding:24px 28px;
  }

  #laser .laser-content h3{
    font-size:34px;
    margin:9px 0 8px;
  }

  #laser .laser-content p{
    font-size:11.5px;
    line-height:1.5;
    margin-bottom:8px;
  }

  #laser .laser-tags{
    margin:10px 0 14px;
  }

  #laser .laser-action{
    height:34px;
    min-height:34px;
    font-size:8px;
  }

  /* ========== 04 / INSPECCIÓN AUTOMATIZADA ========== */
  #automatizada.auto-grid-section{
    min-height:calc(100vh - 86px);
    padding-top:30px;
    padding-bottom:22px;
    display:flex;
    align-items:center;
  }

  #automatizada.auto-grid-section > .container{
    width:100%;
  }

  #automatizada .auto-head{
    margin-bottom:16px;
    gap:36px;
  }

  #automatizada .auto-head h2{
    font-size:clamp(42px,4vw,62px);
    line-height:.94;
  }

  #automatizada .auto-head-copy p{
    font-size:12px;
    line-height:1.45;
  }

  #automatizada .auto-dual{
    gap:14px;
  }

  #automatizada .auto-card{
    min-height:0;
    height:255px;
  }

  #automatizada .auto-card-body{
    padding:18px 22px;
  }

  #automatizada .auto-card-body h3{
    font-size:26px;
    margin:7px 0 6px;
  }

  #automatizada .auto-card-body p{
    font-size:11px;
    line-height:1.45;
    margin-bottom:7px;
  }

  #automatizada .auto-tags{
    margin:8px 0 10px;
  }

  #automatizada .auto-action{
    height:32px;
    min-height:32px;
    font-size:8px;
  }
}

/* Compactación adicional para 1366x768 / monitores 19" frecuentes */
@media (min-width:1200px) and (max-height:820px){

  #metrologia.metro-lab,
  #laser.laser-stage,
  #automatizada.auto-grid-section{
    min-height:calc(100vh - 72px);
    padding-top:18px;
    padding-bottom:14px;
  }

  #metrologia .metro-head,
  #laser .laser-stage-head,
  #automatizada .auto-head{
    margin-bottom:10px;
  }

  #metrologia .metro-head h2,
  #laser .laser-stage-head h2,
  #automatizada .auto-head h2{
    font-size:42px;
  }

  #metrologia .metro-head-side p,
  #automatizada .auto-head-copy p{
    font-size:10.5px;
    line-height:1.35;
  }

  #metrologia .metro-main-card{
    grid-template-rows:205px auto;
  }

  #metrologia .metro-main-body{
    padding:12px 16px;
  }

  #metrologia .metro-main-body h3{
    font-size:20px;
  }

  #metrologia .metro-side-card{
    height:185px;
  }

  #metrologia .metro-side-body{
    padding:10px 12px;
  }

  #metrologia .metro-side-card h3{
    font-size:17px;
  }

  #metrologia .metro-side-card p{
    font-size:9.5px;
  }

  #laser .laser-focus-panel{
    height:395px;
  }

  #laser .laser-content{
    padding:18px 22px;
  }

  #laser .laser-content h3{
    font-size:28px;
  }

  #laser .laser-content p{
    font-size:10px;
    line-height:1.4;
  }

  #laser .laser-tags span{
    padding:5px 8px;
    font-size:7px;
  }

  #automatizada .auto-card{
    height:215px;
  }

  #automatizada .auto-card-body{
    padding:14px 18px;
  }

  #automatizada .auto-card-body h3{
    font-size:22px;
  }

  #automatizada .auto-card-body p{
    font-size:10px;
    line-height:1.35;
  }

  #automatizada .auto-tags span{
    padding:5px 8px;
    font-size:7px;
  }
}

/* Tablet y móvil: conservar reglas responsive ya existentes */


/* =========================================================
   ENVAL v48 - EFECTO CROMÁTICO EN TÍTULOS DE SECCIONES
   Replica el lenguaje verde/cyan del título principal.
   No altera estructura, tamaños ni responsive.
   ========================================================= */
#portatiles .portable-next-head h2,
#metrologia .metro-head h2,
#laser .laser-stage-head h2,
#automatizada .auto-head h2{
  background:linear-gradient(
    90deg,
    #f4ffff 0%,
    #f4ffff 24%,
    #9cff00 43%,
    #43ed78 61%,
    #00d7f3 82%,
    #f4ffff 100%
  );
  background-size:180% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent;
  animation:envalSectionTitleFlow 7s ease-in-out infinite alternate;
  filter:drop-shadow(0 0 12px rgba(0,215,243,.045));
}

@keyframes envalSectionTitleFlow{
  0%{background-position:0% 50%}
  100%{background-position:100% 50%}
}

@media(prefers-reduced-motion:reduce){
  #portatiles .portable-next-head h2,
  #metrologia .metro-head h2,
  #laser .laser-stage-head h2,
  #automatizada .auto-head h2{
    animation:none;
    background-position:50% 50%;
  }
}


/* =========================================================
   ENVAL v49 - MAYOR PESO VISUAL EN TÍTULOS DE SECCIONES
   Solo aumenta la negrita; conserva gradiente, tamaños y layout.
   ========================================================= */
#portatiles .portable-next-head h2,
#metrologia .metro-head h2,
#laser .laser-stage-head h2,
#automatizada .auto-head h2{
  font-weight:900;
  letter-spacing:-0.025em;
}

/* =========================================================
   ENVAL | ESCALA DE TÍTULOS UNIFICADA CON INICIO / NOSOTROS
   Solo normaliza títulos principales y de sección.
   ========================================================= */
.equipos-page-v2 .eq-hero h1,
#portatiles .portable-next-head h2,
#metrologia .metro-head h2,
#laser .laser-stage-head h2,
#automatizada .auto-head h2,
.equipos-page-v2 .eq-cta h2{
  font-size:clamp(34px,3.35vw,54px);
  line-height:1;
  letter-spacing:-.032em;
}

.equipos-page-v2 .eq-hero-actions.enval-btn-group{
  margin-top:30px;
}

.equipos-page-v2 .eq-cta .enval-btn{
  flex:0 0 auto;
}

@media(min-width:1200px) and (max-width:1439px){
  .equipos-page-v2 .eq-hero h1,
  #portatiles .portable-next-head h2,
  #metrologia .metro-head h2,
  #laser .laser-stage-head h2,
  #automatizada .auto-head h2,
  .equipos-page-v2 .eq-cta h2{font-size:clamp(30px,3vw,44px)}
}

@media(min-width:1200px) and (max-height:820px){
  .equipos-page-v2 .eq-hero h1,
  #portatiles .portable-next-head h2,
  #metrologia .metro-head h2,
  #laser .laser-stage-head h2,
  #automatizada .auto-head h2,
  .equipos-page-v2 .eq-cta h2{font-size:clamp(29px,2.85vw,41px)}
}

@media(max-width:767px){
  .equipos-page-v2 .eq-hero h1,
  #portatiles .portable-next-head h2,
  #metrologia .metro-head h2,
  #laser .laser-stage-head h2,
  #automatizada .auto-head h2,
  .equipos-page-v2 .eq-cta h2{
    font-size:clamp(27px,8vw,38px);
    line-height:1.045;
  }
  .equipos-page-v2 .eq-cta .enval-btn{width:100%}
}

@media(max-width:420px){
  .equipos-page-v2 .eq-hero h1,
  #portatiles .portable-next-head h2,
  #metrologia .metro-head h2,
  #laser .laser-stage-head h2,
  #automatizada .auto-head h2,
  .equipos-page-v2 .eq-cta h2{font-size:clamp(25px,7.8vw,34px)}
}

/* =========================================================
   ENVAL | PROFUNDIDAD FOTOGRÁFICA EN EQUIPOS 3D
   Sombra negra suave sobre todas las imágenes del catálogo.
   ========================================================= */
#portatiles .portable-feature-media::after,
#portatiles .portable-side-media::after,
#metrologia .metro-main-media::after,
#metrologia .metro-side-image::after,
#laser .laser-visual::after,
#automatizada .auto-card-media::after{
  content:"";
  position:absolute;
  z-index:3;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(0,0,0,.08) 0%,transparent 36%,transparent 62%,rgba(0,0,0,.34) 100%),
    linear-gradient(90deg,rgba(0,0,0,.18) 0%,transparent 22%,transparent 78%,rgba(0,0,0,.16) 100%);
  box-shadow:inset 0 -34px 42px rgba(0,0,0,.18),inset 0 0 22px rgba(0,0,0,.1);
}

@media(hover:hover) and (pointer:fine){
  #portatiles .portable-feature:hover .portable-feature-media::after,
  #portatiles .portable-side-card:hover .portable-side-media::after,
  #metrologia .metro-main-card:hover .metro-main-media::after,
  #metrologia .metro-side-card:hover .metro-side-image::after,
  #laser .laser-focus-panel:hover .laser-visual::after,
  #automatizada .auto-card:hover .auto-card-media::after{
    background:
      linear-gradient(180deg,rgba(0,0,0,.05) 0%,transparent 40%,transparent 68%,rgba(0,0,0,.27) 100%),
      linear-gradient(90deg,rgba(0,0,0,.12) 0%,transparent 24%,transparent 80%,rgba(0,0,0,.11) 100%);
    box-shadow:inset 0 -28px 36px rgba(0,0,0,.14),inset 0 0 18px rgba(0,0,0,.07);
  }
}