/* =========================================================
   FIX COMPLETO HERO VIDEO PAGINA TECNOLOGIE
   File dedicato: non tocca style.css globale
========================================================= */

.tech-hero-video-stageo{
  position:relative!important;
  min-height:820px!important;
  overflow:hidden!important;
  padding:86px 5% 42px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  background:#071014!important;
  border-bottom:1px solid rgba(70,190,255,.23)!important;
}

.tech-hero-video-bg{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  z-index:0!important;
  filter:brightness(.68) contrast(1.08) saturate(1.05)!important;
}

.tech-hero-video-overlay{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  background:
    linear-gradient(90deg, rgba(2,7,11,.86) 0%, rgba(2,7,11,.58) 42%, rgba(2,7,11,.22) 100%),
    radial-gradient(circle at 74% 30%, rgba(0,200,255,.17), transparent 32%),
    linear-gradient(to bottom, rgba(0,0,0,.05), rgba(0,0,0,.38))!important;
  pointer-events:none!important;
}

.tech-video-copy{
  position:relative!important;
  z-index:3!important;
  max-width:860px!important;
}

.tech-video-copy .eyebrow{
  color:#ff6b00!important;
  font-weight:900!important;
  letter-spacing:1.5px!important;
}

.tech-video-copy h1{
  font-family:"Barlow Condensed",Arial,sans-serif!important;
  font-size:clamp(82px,8vw,138px)!important;
  line-height:.82!important;
  margin:0!important;
  letter-spacing:4px!important;
  color:#fff!important;
  text-transform:uppercase!important;
  text-shadow:0 18px 55px rgba(0,0,0,.72)!important;
}

.tech-video-copy h2{
  font-family:"Barlow Condensed",Arial,sans-serif!important;
  color:#ff6b00!important;
  font-size:clamp(28px,3vw,42px)!important;
  line-height:.95!important;
  margin:18px 0 20px!important;
  max-width:820px!important;
}

.tech-video-copy p{
  color:rgba(255,255,255,.86)!important;
  font-size:21px!important;
  line-height:1.6!important;
  max-width:760px!important;
  text-shadow:0 8px 25px rgba(0,0,0,.55)!important;
}

.tech-video-kpi{
  position:relative!important;
  z-index:3!important;
  margin-top:42px!important;
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:18px!important;
  max-width:900px!important;
}

.tech-video-kpi div{
  background:rgba(7,16,20,.58)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-left:3px solid #ff6b00!important;
  padding:18px!important;
  backdrop-filter:blur(8px)!important;
}

.tech-video-kpi i{
  display:inline-flex!important;
  width:40px!important;
  height:40px!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(255,255,255,.45)!important;
  border-radius:50%!important;
  margin-bottom:10px!important;
  color:#fff!important;
}

.tech-video-kpi strong{
  display:block!important;
  font-weight:900!important;
  color:#fff!important;
}

.tech-video-kpi span{
  display:block!important;
  margin-top:6px!important;
  color:rgba(255,255,255,.70)!important;
  font-size:13px!important;
  line-height:1.35!important;
}

@media(max-width:900px){
  .tech-hero-video-stageo{
    min-height:720px!important;
    padding:62px 24px 32px!important;
  }

  .tech-video-kpi{
    grid-template-columns:1fr 1fr!important;
  }
}

@media(max-width:620px){
  .tech-video-kpi{
    grid-template-columns:1fr!important;
  }
}


/* =========================================================
   FIX VIDEO NEL RIQUADRO DESTRO - NON PIU FULLSCREEN
========================================================= */

.tech-hero-split{
  position:relative!important;
  min-height:820px!important;
  padding:86px 5% 52px!important;
  display:grid!important;
  grid-template-columns:minmax(520px, 0.95fr) minmax(520px, 1.05fr)!important;
  grid-template-rows:auto auto!important;
  column-gap:60px!important;
  align-items:center!important;
  background:
    radial-gradient(circle at 74% 30%, rgba(0,180,255,.12), transparent 34%),
    linear-gradient(135deg,#061018 0%,#071014 60%,#02070b 100%)!important;
}

.tech-hero-split::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  background:
    linear-gradient(rgba(0,170,255,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,170,255,.045) 1px, transparent 1px)!important;
  background-size:64px 64px!important;
  pointer-events:none!important;
}

.tech-hero-split .tech-hero-video-overlay{
  z-index:1!important;
  background:
    linear-gradient(90deg, rgba(2,7,11,.72) 0%, rgba(2,7,11,.35) 48%, rgba(2,7,11,.10) 100%)!important;
}

.tech-hero-split .tech-video-copy{
  grid-column:1!important;
  grid-row:1!important;
  position:relative!important;
  z-index:4!important;
  max-width:860px!important;
}

.tech-video-panel{
  grid-column:2!important;
  grid-row:1 / span 2!important;
  position:relative!important;
  z-index:3!important;
  width:100%!important;
  height:620px!important;
  overflow:hidden!important;
  border:1px solid rgba(0,190,255,.35)!important;
  border-radius:28px!important;
  background:#02070b!important;
  box-shadow:
    0 30px 90px rgba(0,0,0,.45),
    0 0 55px rgba(0,190,255,.16)!important;
}

.tech-video-panel::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg, rgba(0,0,0,.18), transparent 35%, rgba(0,0,0,.20)),
    radial-gradient(circle at 60% 40%, transparent 35%, rgba(0,0,0,.18) 100%)!important;
}

.tech-video-panel::after{
  content:"LOGISTICA AVANZATA • AREE DIFFICILMENTE ACCESSIBILI"!important;
  position:absolute!important;
  left:24px!important;
  bottom:22px!important;
  z-index:3!important;
  color:#ff6b00!important;
  font-family:"Barlow Condensed",Arial,sans-serif!important;
  font-weight:900!important;
  letter-spacing:1px!important;
  font-size:22px!important;
  text-shadow:0 8px 28px rgba(0,0,0,.8)!important;
}

.tech-video-panel .tech-hero-video-bg{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:#03080c!important;
  z-index:1!important;
  filter:brightness(.76) contrast(1.08) saturate(1.08)!important;
}

.video-panel-glow{
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  pointer-events:none!important;
  border:1px solid rgba(0,220,255,.18)!important;
  box-shadow:inset 0 0 80px rgba(0,180,255,.12)!important;
}

.tech-hero-split .tech-video-kpi{
  grid-column:1!important;
  grid-row:2!important;
  position:relative!important;
  z-index:4!important;
  max-width:900px!important;
  margin-top:42px!important;
  display:grid!important;
  grid-template-columns:repeat(2, minmax(0,1fr))!important;
  gap:18px!important;
}

@media(max-width:1100px){
  .tech-hero-split{
    grid-template-columns:1fr!important;
    min-height:auto!important;
    padding:62px 24px 34px!important;
  }

  .tech-video-panel{
    grid-column:1!important;
    grid-row:2!important;
    height:520px!important;
    margin-top:36px!important;
  }

  .tech-hero-split .tech-video-kpi{
    grid-column:1!important;
    grid-row:3!important;
    grid-template-columns:1fr 1fr!important;
  }
}

@media(max-width:620px){
  .tech-video-panel{
    height:420px!important;
  }

  .tech-hero-split .tech-video-kpi{
    grid-template-columns:1fr!important;
  }
}


/* FIX VIDEO ELICOTTERO COMPLETO */
.tech-video-panel{
  background:linear-gradient(135deg,#041018 0%,#07131c 100%)!important;
}

.tech-video-panel::before{
  background:linear-gradient(90deg, rgba(0,0,0,.08), transparent 35%, rgba(0,0,0,.08))!important;
}