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

/* -----------------------------------------------------
 *  VARIÁVEIS
/* ----------------------------------------------------- */

:root {
   --primary: #1D03B3;
   --primary-dark: #0F0074;
   --bg-primary: #14018F;
   --bg-primary-dark: #0F0074;
   --bs-primary-rgb: 29, 3, 179;
   --secondary: #F24B59;
   --secondary-dark: #c43440;
   --bg-secondary: #F24B59;
   --bg-secondary-dark: #c43440;
   --bs-secondary-rgb: 242, 75, 89;
   --font-family-sans-serif: 'Open Sans', sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}


/* -----------------------------------------------------
 *  BOOTSTRAP
/* ----------------------------------------------------- */
.btn-secondary {
   background-color: var(--secondary);
   border-color: var(--secondary);
}

.btn-secondary:hover {
   background-color: var(--secondary-dark);
   border-color: var(--secondary-dark);
}
.mt-n5 {
   margin-top: -50px;
}
.nav-link {
   color: var(--dark);
   font-size: 15px !important;
   padding: 8px 10px !important;
   text-transform: none !important;
   line-height: 20px !important;
}


/* -----------------------------------------------------
  *  HTML
 /* ----------------------------------------------------- */
body {
   font-family: 'Open Sans', sans-serif;
   padding-top: 0px;
   font-weight: normal;
}


/* -----------------------------------------------------
 *  WORDPRESS
/* ----------------------------------------------------- */
.wp-block-image a img,
.wp-block-image img {
   border-radius: 8px;
}


/* -----------------------------------------------------
 *  YETI LAB
/* ----------------------------------------------------- */
.btn-cta{
   padding-left: 20px;
   padding-right: 20px;
   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-cta:hover{
   padding-left: 30px;
   padding-right: 30px;
   background-color: var(--secondary-dark) !important;
}
.content-14 {
   padding: 80px 0px 0px 0px;
}
.content-23 .row .col-12 i {
   top: -10px;
}
.plan-2 .plans-table .card ul li::marker {
   color: var(--secondary);
}
.y-header-text {
   font-size: 18px;
   line-height: 22px;
}

.y-mask:before {
   background-color: rgba(16, 22, 125, 0.6);
}

.y-header-title {
   font-weight: normal !important;
   margin: 0px 0px 20px 0px !important;
}





/* -----------------------------------------------------
  *  MENU
 /* ----------------------------------------------------- */
#menu-2 .navbar-brand img {
   height: 90px;
   margin: 0px 10px 10px 10px;
}


/* -----------------------------------------------------
  *  HOME
 /* ----------------------------------------------------- */
.content-10 {
   background-image: url(../img/img-01.webp);
   height: calc(100vh - 108px) !important;
}



/* -----------------------------------------------------
 *  FOOTER
/* ----------------------------------------------------- */
.chat a {
   right: 10px;
   bottom: 10px;
}


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

/* Dispositivos grandes (desktops, menores que 1200px) */
@media (max-width: 1199.98px) {}


/* Dispositivos medianos (tablets, menores que 992px) */
@media (max-width: 991.98px) {}


/* Dispositivos pequenos (smartphones na horizontal, menores que 768px) */
@media (max-width: 767.98px) {
   #menu-2 .navbar-brand img {
      height: 70px;
  }
   .content-10 div{
      background-position: 100% 50% !important;
   }
}


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