/*
Theme Name: Azu!
Theme URI: https://azu.pe/
Description: Theme exclusivo
Version: 1.0
Author: Raul Valverde
Author URI: https://raulvalverde.com/
Tags: red, landing page, faqs
*/

:root {
  --bs-danger-rgb: 227, 6, 19;
}

@font-face {
  font-family: "icomoon";
  src: url("fonts/icomoon.eot?gb4o4x");
  src:
    url("fonts/icomoon.eot?gb4o4x#iefix") format("embedded-opentype"),
    url("fonts/icomoon.ttf?gb4o4x") format("truetype"),
    url("fonts/icomoon.woff?gb4o4x") format("woff"),
    url("fonts/icomoon.svg?gb4o4x#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1020px;
  }
}

body,
input,
textarea,
select {
  font-family: "Open Sans", sans-serif;
}

[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arrow-down:before {
  content: "\e900";
}
.icon-close:before {
  content: "\e901";
}
.icon-email-out:before {
  content: "\e902";
}
.icon-email:before {
  content: "\e903";
}
.icon-facebook:before {
  content: "\e904";
}
.icon-linkedin:before {
  content: "\e905";
}
.icon-menu:before {
  content: "\e906";
}
.icon-whatsapp:before {
  content: "\e907";
}
.icon-youtube:before {
  content: "\e908";
}
.icon-instagram:before {
  content: "\e909";
}
.icon-twitter:before {
  content: "\e90a";
}
.icon-external:before {
  content: "\e90b";
}

[class^="img-"]::after,
[class*=" img-"]::after,
[class^="img-"],
[class*=" img-"] {
  background-image: url("images/img.svg");
  background-repeat: repeat;
  background-position: 0 0;
}

[class^="img-"],
[class*=" img-"] {
  width: 80px;
  height: 75px;
  flex-shrink: 0;
  display: inline-block;
  position: relative;
  transition: background-position 0.25s linear;
}

[class^="img-"]::after,
[class*=" img-"]::after {
  opacity: 0;
  transition: opacity 0.45s;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

[class^="img-"]:hover::after,
[class*=" img-"]:hover::after {
  opacity: 1;
  transition: opacity 0.45s;
}

.img-menu {
  background-position: 0 -80px;
  width: 24px;
  height: 24px;
}

.img-apple,
.img-android {
  background-position: 0 -236px;
  width: 147px;
  height: 46px;
}

.img-android {
  background-position: -152px -236px;
}

.img-apple::after,
.img-android::after {
  background-position: 0 -287px;
  content: "";
}

.img-android::after {
  background-position: -152px -287px;
}

.img-apple-small,
.img-android-small {
  background-position: 0 -160px;
  width: 105px;
  height: 33px;
}

.img-android-small {
  background-position: -110px -160px;
}

.img-apple-small::after,
.img-android-small::after {
  background-position: 0 -198px;
  content: "";
}

.img-android-small::after {
  background-position: -110px -198px;
}

.line-0 {
  line-height: 0;
}

.menu-item {
  position: relative;
  margin: 0 35px;
}

.menu-item a {
  position: relative;
  z-index: 1;
  color: white;
  font-weight: 600;
}

.menu-item.active a,
.menu-item a:hover {
  color: #ffc700;
}

.circle {
  color: white;
  background-color: transparent;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 22px;
}

.circle:hover {
  color: white;
}

.circle-out.icon-facebook,
.circle.icon-facebook:hover {
  background-color: #3b5998;
}
.circle-out.icon-facebook:hover {
  background-color: #366bda;
}

.circle-out.icon-linkedin {
  font-size: 18px;
}

.circle-out.icon-linkedin,
.circle.icon-linkedin:hover {
  background-color: #0e76a8;
}
.circle-out.icon-linkedin:hover {
  background-color: #159ee0;
}

.circle-out.icon-twitter,
.circle.icon-twitter:hover {
  background-color: #00acee;
}
.circle-out.icon-twitter:hover {
  background-color: #33c6ff;
}

.circle-out.icon-instagram,
.circle.icon-instagram:hover {
  background: linear-gradient(
    45deg,
    #405de6,
    #5851db,
    #833ab4,
    #c13584,
    #e1306c,
    #fd1d1d
  );
}

.circle-out.icon-whatsapp,
.circle.icon-whatsapp:hover {
  background-color: #25d366;
}

.icon-external {
  font-size: 20px;
}

.circle-out.icon-external,
.circle.icon-external:hover {
  background-color: #327dee;
}

.responsive {
  position: fixed;
  top: 55px;
  left: 0;
  width: 100%;
  height: calc(100vh - 55px);
  overflow: auto;
  z-index: 102;
}

.responsive {
  display: none;
}

.h-px-200 {
  height: 200px !important;
}

.h-px-55 {
  height: 55px;
}
@media (min-width: 991px) {
  .h-px-lg-75 {
    height: 85px;
  }
}

a.text-gray-200:hover {
  color: white;
}

@media (max-width: 990px) {
  .logo img {
    height: 45px;
  }
}

.w-20 {
  width: 20%;
}

@media (max-width: 991px) {
  .w-max-100 {
    max-width: 80%;
    height: auto;
  }
}

@media (min-width: 576px) {
  .w-sm-50 {
    width: 50%;
    height: auto;
  }
}

@media (min-width: 768px) {
  .w-md-100 {
    width: 100%;
    height: auto;
  }

  .w-md-20 {
    width: 20%;
    height: auto;
  }

  .w-md-50 {
    width: 50%;
    height: auto;
  }
}

body {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  background-color: #f3f5f7;
}

main {
  flex: 1;
}

.w-px-100 {
  width: 85px;
}

@media (min-width: 991px) {
  .w-px-100 {
    width: 120px;
  }

  .w-px-120 {
    width: 120px;
  }
}

.mark,
mark {
  color: var(--bs-danger-rgb);
  font-weight: 700;
}