html {
    scroll-behavior: smooth;
}

body{
     font-family: "Inter", sans-serif;
}

/* --- slider index --- */

 .hero-slider {
   position: relative;
   overflow: hidden;
 }

 .slider-container {
   display: flex;
   transition: transform 0.5s ease-in-out;

 }

 .slide {
   min-width: 100%;
 }
 
 
 
  /* movimiento de las marcas en la seccion de marcas con las que trabajamos  */
  
 .brands_slider {

   animation: slide 30s linear infinite;

 }

 @keyframes slide {
   0% {
     transform: translateX(0);
   }

   100% {
     transform: translateX(-220%);
   }
 }
 

/* --------------- */


.mobile-menu {
    transform: translateX(-100%);
    transition: transform 0.3s ease-in-out;
}

.mobile-menu.open {
    transform: translateX(0);
}

.back-to-top {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.3s ease;
}

.back-to-top.visible {
    opacity: 1;
    transform: translateY(0);
}

/* estilos adicionales para la seccion nuestro equipo - nosotros.php*/
.card-glow {
box-shadow: 0 8px 30px rgba(2,6,23,0.12);
transition: transform .28s cubic-bezier(.2,.9,.3,1), box-shadow .28s;
}
.card-glow:hover { transform: translateY(-6px); box-shadow: 0 18px 50px rgba(2,6,23,0.18); 
}

/* degradado */

.degradado-bottom-to-top {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
  z-index: 10;
}

.degradado-left-to-rigth {
  position: absolute;
  inset: 0;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.8), transparent);
  z-index: 10;
}
/* rotacion del icono decorativo - porque elegirnos - servicios.php */
.rotacion{
    rotate: 45deg;
}
/* ----------------------------------------------------------------- */