:root { 
  --primary:#0ea5e9; 
}

/* HERO */
/* Hero carousel */
/* Sección: texto arriba, carrusel debajo */
.hero{
  position: relative;
  z-index: 20;
  min-height: clamp(420px, 60vh, 620px);
}

/* Tarjeta oscura semitransparente para el texto */
.hero-card{
  border-radius: 16px;
  padding: 24px 24px 28px;
}

/* Carrusel como fondo pegado abajo */
.hero-carousel{
  position: absolute;
  inset: auto 0 0 0;      /* left:0; right:0; bottom:0; */
  height: 100%;
  overflow: hidden;
  background:#0b1220;     /* fallback */
  z-index: 0;
}
.hero-track{
  position:absolute; 
  inset:0;
  display:flex;
  transition: transform .7s ease;
  will-change: transform;
}
.hero-slide{ min-width:100%; height:100%; position:relative; }
.hero-slide img{
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; object-position:center;
}



/*Seccion Ingeniería & Mantenimiento */
/* halo sutil al hover sin recargar clases */
.item-hover {
  display: inline-block;
  transition: transform 0.25s ease, color 0.25s ease;
}
.item-hover:hover {
  transform: scale(1.08);
}

/* Estilos seccion de Equipos y Máquinas */
/* Contenedor y overlay con giro 360° */
.brand-card { position: relative; perspective: 1000px; }
.brand-overlay{
  position: absolute; inset: 0;
  display: grid; place-items: center;
  padding: 16px;
  transform: rotateY(180deg) scale(.9);
  opacity: 0;
  transition: transform .5s cubic-bezier(.2,.6,.2,1), opacity .5s ease;
  pointer-events: none; /* evita capturar hover al entrar/salir */
}
.brand-card:hover .brand-overlay,
.brand-card:focus-within .brand-overlay{
  transform: rotateY(0deg) scale(1);
  opacity: 1;
}

/* Suaviza salida de la imagen al aparecer el overlay */
.brand-card > .aspect-\[4\/3\]{
  transition: filter .35s ease, transform .35s ease;
}
.brand-card:hover > .aspect-\[4\/3\]{
  filter: blur(2px) brightness(.8);
  transform: scale(1.03);
}

/* Click en las cars mobile */
/* Estado activo por toque */
.brand-card.active .brand-overlay {
  transform: rotateY(0deg) scale(1);
  opacity: 1;
}

.brand-card.active > .aspect-\[4\/3\] {
  filter: blur(2px) brightness(.8);
  transform: scale(1.03);
}


/* Proveedores de BPG Global */

/* Fondo de agua animado (liviano) */
.waves-wrap{position:absolute;inset:0;z-index:-1;pointer-events:none;}
.wave{
  position:absolute; left:0; width:200%; height:120px;
  filter: drop-shadow(0 10px 10px rgba(0,0,0,.06));
  animation:waveMove 18s linear infinite;
}
.wave--1{bottom:0;   opacity:.20; animation-duration:22s;}
.wave--2{bottom:55px;opacity:.14; animation-duration:28s;}
.wave--3{bottom:90px;opacity:.10; animation-duration:36s;}
@keyframes waveMove{from{transform:translateX(0)} to{transform:translateX(-50%)}}