@tailwind base;
@tailwind components;
@tailwind utilities;

@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500&display=swap");

:root {
  --bgColor: #fff;
  --txtColor: #333333;
  --darkBlue: #0f0f24;
  --lightBlue: #5c94bd;
  --laranja: #f54a00;
  --darkGray: #4a494d;
  --lightGray: #acaab2;
  --alertSuccess: #00cd83;
  --alertError: #ff004b;
  --alert: #ffc235;
}

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  list-style-type: none;
}

body {
  font-family: "Poppins", sans-serif;
  text-rendering: optimizeLegibility;
  font-feature-settings: "lnum";
  scroll-behavior: smooth;
  overflow-x: hidden;
}

.btn-custom {
  @apply bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded;
}

/*---------------------------------------
 SEÇÃO BUSINESS TRIP        
-----------------------------------------*/

#s-business-trip .scroll-row {
  animation: scroll 50s linear infinite;
}

@keyframes scroll {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-80%);
  }
}

/* Adaptações para dispositivos menores */
@media (max-width: 1437px) {
  #s-business-trip {
    max-height: 1200px;
  }
}

@media (max-width: 992px) {
  #s-business-trip {
    max-height: 1200px;
  }

  #s-business-trip .scroll-row {
    animation: scroll-horizontal 60s linear infinite;
  }

  @keyframes scroll-horizontal {
    from {
      transform: translateX(0);
    }
    to {
      transform: translateX(calc(-12 * 351px - 11 * 20px));
    }
  }
}

/*---------------------------------------
 SEÇÃO ON THE ROAD       
-----------------------------------------*/

/* Tamanho padrão para mobile */
#s-ontheroad {
  background-image: url("../../img/nh-sessao-OTR-mobile.webp");
  background-size: cover;
}

/* Mudança de tamanho para desktop */
@media (min-width: 768px) {
  #s-ontheroad {
    background-image: url("../../img/nh-sessao-OTR-desktop.webp");
  }
}