:root {
  --primary-color: #4f177d;
  --white-color: #fff;
  --gray-scale-100: #eeeeee;
  --gray-scale-200: #e6e7e8;
  --gray-scale-300: #c2c3c9;
  --gray-scale-400: #9c9997;
  --gray-scale-500: #969595;
  --gray-scale-600: #8d9191;
  --black-color: #000;
}

/********* Font *********/
@font-face {
  font-family: "Gotham-Black";
  src: url("../font/gotham/Gotham-Black.otf");
}

@font-face {
  font-family: "Gotham-Medium";
  src: url("../font/gotham/Gotham-Medium.otf");
}

@font-face {
  font-family: "Gotham-Book";
  src: url("../font/gotham/Gotham-Book.otf");
}

* {
  font-family: "Gotham-Book";
}

li {
  margin: 10px 0px;
}

h3 {
  margin: 18px 0px;
}

.sm-hidde {
  display: none;
}
.font-size-18 {
  font-size: 14px;
}
.font-size-24 {
  font-size: 16px;
}
.font-size-30 {
  font-size: 20px;
}
.font-size-40 {
  font-size: 20px;
}

.text-align-end {
  text-align: end;
}

.font-family-book {
  font-family: "Gotham-Book";
}
.font-family-medium {
  letter-spacing: 0.1px;
  font-family: "Gotham-Medium";
}
.font-family-black {
  font-family: "Gotham-Black";
}

/* Background */
.bg-gray-100 {
  background-color: var(--gray-scale-100);
}
.bg-gray-200 {
  background-color: var(--gray-scale-200);
}
.bg-gray-300 {
  background-color: var(--gray-scale-300);
}
.bg-gray-400 {
  background-color: var(--gray-scale-400);
}
.bg-gray-500 {
  background-color: var(--gray-scale-500);
}
.bg-gray-600 {
  background-color: var(--gray-scale-600);
}
.bg-primary-brand {
  color: var(--white-color);
  background-color: var(--primary-color);
}

/* .bg_100 {
  background-image: url(../img/info_100-films.png);
  background-repeat: no-repeat;
  height: auto !important;
  background-position: center;
  background-size: cover;
} */

.bg_app {
  background-image: linear-gradient(0deg, #e9ecef, #f8f9fa7a),
    url(../img/casal-app.png); /* video */
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom, left;
}

/* color */
.color-white {
  color: var(--white-color);
}
.color-gray-400 {
  color: var(--gray-scale-400);
}
.color-black {
  color: var(--black-color);
}
.color-primary {
  color: var(--primary-color);
}

/* spaces */
.m-0 {
  margin: 0;
}
.px-30 {
  padding: 30px 0px;
}
.p-40 {
  padding: 10px;
}
.m-20 {
  margin: 20px 0px;
}
.mb-20 {
  margin-bottom: 20px;
}
.mt-30 {
  margin-top: 30px;
}
.mb-30 {
  margin-bottom: 30px;
}
.m-auto {
  margin: auto;
}
/* fonts */
.informativa {
  font-family: "Gotham-Book", sans-serif;
  font-size: 0.6rem;
  line-height: normal;
  text-align: center;
}

/* Utilits */
.card-estrutura {
  padding: 6px !important;
  border: solid 3px white;
}

.text-left {
  text-align: left;
}

.bg_06 {
  background-image: linear-gradient(0deg, #e9ecef, #f8f9fa7a),
    url("../img/casal-app.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom, left;
}

.carousel-control-next-icon {
  background-image: url("../img/arrow-right.svg");
}
.carousel-control-prev-icon {
  background-image: url("../img/arrow-left.svg");
}

.card-radius {
  padding: 20px;
  border-radius: 10px;
}

.shadow-section {
  box-shadow: inset 1px 15px 19px -12px #111;
}

.centralizar {
  display: flex;
  justify-content: center;
  align-items: center;
}

.logo-central {
  margin: auto;
  padding: 14px;
  color: var(--white-color);
  background-color: var(--primary-color);
}

.img-roku-compatible {
  margin-bottom: 20px;
  width: 200px;
}

/* Responsivo */
@media only screen and (min-width: 768px) {
  .font-size-18 {
    font-size: 18px !important;
  }
  .font-size-24 {
    font-size: 24px !important;
  }
  .font-size-30 {
    font-size: 30px !important;
  }
  .font-size-40 {
    font-size: 40px !important;
  }
  .sm-hidde {
    display: block;
  }
  .carousel-control-prev,
  .carousel-control-next {
    background-color: white;
    height: 50px;
    width: 50px;
    margin: auto;
  }
  .p-40 {
    padding: 40px;
  }

  .img-roku-compatible {
    margin-bottom: 20px;
    width: auto;
  }
}