/* =============================
 * Estilos personalizados. 
 * ============================= */

/* =============================
 * VARIABLES
 * ============================= */
:root {
   --blue-dark: #1A61E4;
   --blue: #1674FF;
   --red: #d9534f;
   --red-dark: #a33a37;
   --teal: #00D4D2;
   --white: #fff;
   --gray: #EBEDEE;
   --gray-dark: #777;
   --gray-light: #ddd;
   --primary: #37AFD5;
   /* --primary: #FF00FF; */
   --primary-dark: #b30bb3;
   --secondary: #777;
   --success: #28a745;
   --info: #17a2b8;
   --warning: #ffc107;
   --danger: #d9534f;
   --light: #eaeced;
   --dark: #333;
   --bs-primary-rgb: 15, 150, 210;
   --bs-dark-rgb: 51, 51, 51;
   --breakpoint-xs: 0;
   --breakpoint-sm: 576px;
   --breakpoint-md: 768px;
   --breakpoint-lg: 992px;
   --breakpoint-xl: 1200px;
   --font-family-sans-serif: "Montserrat", sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}


/* -----------------------------------------------------
 *  BOOTSTRAP
/* ----------------------------------------------------- */
.btn {
   transition: all 0.2s ease-in-out 0s;
   -moz-transition: all 0.2s ease-in-out 0s;
   -webkit-transition: all 0.2s ease-in-out 0s;
   -o-transition: all 0.2s ease-in-out 0s;
}

.btn-primary {
   padding: 10px 40px;
   font-size: 14px;
   color: var(--white);
}

.btn-primary:hover {
   padding: 10px 44px;
   background-color: var(--primary-dark);
}

.btn-primary-v2 {
   background-color: rgba(255, 255, 255, 0.15);
   border-color: var(--primary);
   border-width: 2px;
   padding: 10px 40px;
   font-size: 14px;
   color: var(--white);
}

.btn-primary-v2 {
   background-color: rgba(255, 255, 255, 0.15);
   border-color: var(--primary);
   border-width: 2px;
   padding: 10px 40px;
   font-size: 14px;
   color: var(--white);
}

.btn-primary-v2:hover {
   background-color: rgba(255, 255, 255, 0.25);
   border-color: var(--primary);
   padding: 10px 44px;
   color: var(--white);
}

.btn-secondary-v2 {
   background-color: rgba(255, 255, 255, 0.15);
   border-color: var(--white);
   border-width: 2px;
   padding: 10px 40px;
   font-size: 14px;
   color: var(--white);
}

.btn-secondary-v2:hover {
   background-color: rgba(255, 255, 255, 0.25);
   border-color: var(--white);
   padding: 10px 44px;
   color: var(--white);
}

.btn-outline-primary {
   --bs-btn-color: var(--primary);
   --bs-btn-border-color: var(--primary);
   --bs-btn-hover-color: #fff;
   --bs-btn-hover-bg: var(--primary);
   --bs-btn-hover-border-color: var(--primary);
   --bs-btn-focus-shadow-rgb: 13, 110, 253;
   --bs-btn-active-color: #fff;
   --bs-btn-active-bg: var(--primary);
   --bs-btn-active-border-color: var(--primary);
   --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
   --bs-btn-disabled-color: var(--primary);
   --bs-btn-disabled-bg: transparent;
   --bs-btn-disabled-border-color: var(--primary);
   --bs-gradient: none;
   font-size: 17px;
   font-weight: bolder;
   border-radius: 20px;
   padding: 5px 30px;
}

/* -----------------------------------------------------
 *  YETI BOOTSTRAP
/* ----------------------------------------------------- */
.bg-blue-dark {
   background-color: var(--blue-dark) !important;
}

.bg-blue-dark-gradient {
   background: #1A61E4;
   background: linear-gradient(209deg, rgba(26, 97, 228, 1) 0%, rgba(9, 69, 181, 1) 100%);
}

.bg-gray {
   background-color: var(--gray) !important;
}

.link-primary {
   color: var(--teal) !important;
}

.link-primary:hover {
   color: #09adab !important;
}

.owl-dots .owl-dot span {
   width: 12px;
   height: 12px;
   margin: 5px;
}

.text-blue-dark {
   color: var(--blue-dark) !important;
}

.header-1 {
   background-image: none;
   background-color: var(--blue-dark);
}


/* -----------------------------------------------------
 *  HTML
/* ----------------------------------------------------- */
body {
   font-weight: 400;
}

h5 {
   font-size: 18px;
}

strong {
   font-weight: bold;
}

/* -----------------------------------------------------
  *  MENU
 /* ----------------------------------------------------- */
#menu-1 {
   background-image: url('../img/menu-bg.png');
   background-repeat: no-repeat;
   background-position: right center;
   background-color: #333333 !important;
}

#menu-1 .navbar-nav>li>a {
   color: var(--white);
   text-transform: none;
   padding: 0px 10px;
}

#menu-1 .navbar-nav>li>a:hover {
   color: #6bdbff;
}

#menu-1.resize .navbar-nav>li>a {
   text-transform: none;
}


/* -----------------------------------------------------
 *  HOME - SLIDER
/* ----------------------------------------------------- */
.slider-1.v2,
.slider-1.v2 .owl-carousel .owl-item li {
   height: auto;
}

.slider-1.v2 .owl-carousel .owl-item li {
   background-repeat: no-repeat;
   background-position: left center;
}

.slider-1.v2 .owl-carousel .owl-item li.banner-1 {
   background-image: url(/wp-content/themes/yeti-bootstrap/assets/img/header-bg-01.webp);
}

.slider-1.v2 .owl-carousel .owl-item li.banner-2 {
   background-image: url(/wp-content/themes/yeti-bootstrap/assets/img/header-bg-02.webp);
}

.slider-1.v2 .owl-carousel .owl-item li::marker {
   content: none;
}

.slider-1.v2 .owl-carousel .owl-item img.icons {
   width: auto;
   margin-left: 0px;
}

/* -----------------------------------------------------
  *  HOME - PRODUTOS
 /* ----------------------------------------------------- */
.produtos .owl-stage-outer {
   overflow: visible !important;
}

.produtos .owl-carousel .owl-item img {
   /* margin-top: -50px; */
}

.produtos .produtos-itens {
   overflow: hidden !important;
}

.produtos .produtos-itens .owl-item2,
.produtos .produtos-itens .owl-item img {
   /* margin-top: -50px; */
   width: 268px !important;
   height: auto;
   margin: 0px auto;
}

/* -----------------------------------------------------
  *  HOME - TECNOLOGIAS
 /* ----------------------------------------------------- */
.carousel-tec .owl-stage-outer {
   overflow: visible !important;
}

.carousel-tec .owl-carousel .owl-item img {
   /* margin-top: -50px; */
}

.carousel-tec .itens {
   overflow: hidden !important;
}

.carousel-tec .itens .owl-item img {
   /* margin-top: -50px; */
   width: 399px !important;
   height: auto;
   margin: 0px auto;
}


/* -----------------------------------------------------
 *  HOME - EXTRAS
/* ----------------------------------------------------- */
.extras .card.whale {
   background-image: url(../img/extras-bg-1.jpg);
   background-repeat: no-repeat;
   background-position: left top;
   background-color: #353535;
}

.extras .card.sobre {
   background-image: url(../img/extras-bg-2.jpg);
   background-repeat: no-repeat;
   background-position: left top;
   background-color: #283FC0;
}

.extras .card .card-img-bottom {
   margin-bottom: -100px;
}


/* -----------------------------------------------------
 *  QUEM SOMOS - HEADER
/* ----------------------------------------------------- */
#quem-somos-header {
   /* background-image: url(../img/quem-somos-header-bg_img.webp?v2); */
   background-image: url(../img/quem-somos-header-bg.webp?v4);
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;
   height: calc(100vh - 96px);
}


/* -----------------------------------------------------
 *  TECNOLOGIAS
/* ----------------------------------------------------- */
#app-mobile {
   margin-top: 100px;
}


/* -----------------------------------------------------
 *  FOOTER
/* ----------------------------------------------------- */
#footer-2 .footer-content {
   background-color: #255FD3;
}

#footer-2 .footer-copyright {
   background-color: #283FC0;
}

#footer-2 #yeti {
   height: auto;
}

#yeti .texto,
#yeti .blue,
#yeti .black {
   color: var(--white);
}

/* =============================
 * Regras de responsividade.
 * ============================= */

/* Dispositivos grandes (desktops, menores que 1200px) */
@media (max-width: 1199.98px) {
   #app-mobile {
      margin-top: 0px;
   }
}


/* Dispositivos medianos (tablets, menores que 992px) */
@media (max-width: 991.98px) {
   #footer-2 .footer-content .border-start{
      border-color: transparent !important;
   }
}


/* Dispositivos pequenos (smartphones na horizontal, menores que 768px) */
@media (max-width: 767.98px) {}


/* Dispositivos extra pequenos (smartphones na vertical, menores que 576px) */
@media (max-width: 575.98px) {}