body {
  font-family: 'Artifakt', Arial, sans-serif !important;
}

h1, h2, .wp-heading {
  font-family: 'Artifakt Legend', Arial, sans-serif !important;
}

.banner {
  background-color: #000;
  padding: 48px 0;
}

.prod-forma .modal-content {
  padding: 0 !important;
  border-radius: .3rem !important;
  background: none !important;
  background-color: #fff !important;
}

.prod-forma .modal-header,
.prod-forma .modal-body,
.prod-forma .modal-footer  {
  padding: 5px;
}

.prod-forma h1 {
  font-weight: 700;
  color: #ffffff;
}

#preguntas-frecuentes .card-header {
  background-color: #ffffff;
}

.prod-forma .btn:hover, 
.prod-forma .btn:focus {
  color: #212529;
}

.txt-white {
  color: #fff;
}

.big {
  font-size: 1.075em;
}

.bigger {
  font-size: 1.175em;
}

.smaller {
  font-size: .875rem;
}

.bg-gray {
  background-color: #f9f9f9;
}

.prod-forma .navbar.bg-light {
  background-color: #fff !important;
  border-bottom: .0625rem solid #bfbfbf;
}

.webp .banner {
  background: #000 url('../images/forma-banner-800.webp');
  background-repeat: no-repeat;
  background-position: 50% top;
  /* background-size: cover; */
}

.no-webp .banner {
  background: #000 url('../images/forma-banner-800.jpg');
  background-repeat: no-repeat;
  background-position: 50% top;
  /* background-size: cover; */
}

.btn-banner {
  margin-top: 12px;
  border-radius: 4px !important;
  color: #ffffff;
  padding: 7px 15px !important;
  color: #ffffff !important;
  background-color: #000;
  border-color: #ffffff;
}
.btn-banner:hover {
  background-color: #666666;
  border-color: #666666;
}

.btn-sonda-modal,
.btn-sonda-modal:hover {
  color: #fff !important;
  background-color: #000;
  border-color: #000;
  font-weight: 700;
  margin-top: 30px;
  border-radius: 4px !important;
  padding: 8px 10px !important;
  margin-top: .25rem;
  border-radius: 4px !important;
}

.btn-sonda-outlined,
.btn-sonda-outlined:hover {
  border-color: #000;
  background-color: #ffffff;
  color: #000 !important;
  border-radius: 4px !important;
  padding: 8px 10px !important;
}

.btn-sonda {
  color: #fff !important;
  background-color: #000;
  border-color: #000;
  font-weight: 700;
  /* margin-top: 30px; */
  border-radius: 4px !important;
  padding: 8px 10px !important
}
.btn-sonda:hover {
  color: #ffffff !important;
  border-color: #ffffff;
  background-color: transparent;
}

.prod-forma .card .btn-block {
  font-size: 1.25rem
}

.lamp {
  vertical-align: bottom;
  width: 25px;
  height: 25px;
}

.modal .btn-sonda {
  margin-top: 0;
}

.psection {
  padding: 48px 0;
}

.psection h1,
.psection h2 {
  line-height: 1.29;
  margin-bottom: 24px;
  font-weight: 700;
}

.psection h2.wp-heading {
  color: #000;
}

.psection h3.wp-heading {
  font-size: 2.35rem;
  font-weight: 700;
  color: #005af9;
  margin-bottom: 24px;
}

.main-video {
  background-color: #f9f9f9;
}

/* .psection .container {
  padding: 0;
} */

.prod-forma .banner h1,
.prod-forma .wp-heading {
  font-family: 'Artifakt Legend',sans-serif !important;
}

h3.subtitle {
  font-size: 21px;
  font-weight: 700;
}

.psection .check {
  width: 30px;
  display: inline-block;
}

.psection .btn-accordion {
  color: #212529;
}
.btn-accordion:hover,
.btn-accordion:focus {
  color: #666666;
}

.desplegable::after {
  color: #000;
  font-size: 18px;
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-bottom: 0;
  border-left: .3em solid transparent;
}

.nota {
  font-size: 0.85rem;
  font-weight: 700;
}

.card-header:hover {
  background: linear-gradient(270deg, rgba(128, 128, 255, 0.2) 0%, rgba(128, 128, 255, 0) 100%);
}

.card-header .btn.focus,
.card-header .btn:focus {
  box-shadow: none;
}

.comparativa-pad {
  padding: 16px 16px 16px 20px;
}

.border-comparativa {
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
.border-comparativa-right {
  border-right: 1px solid #ccc;
}
.border-comparativa-xs-right {
  border-right: 1px solid #ccc;
}
.border-comparativa-bottom {
  border-bottom: 1px solid #ccc;
}
.border-comparativa-md-bottom {
  border-bottom: 0px;
}

@media (min-width: 768px) {

  .border-comparativa {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
  }
  .border-comparativa-xs-right {
    border-right: 0px;
  }
  .border-comparativa-md-bottom {
    border-bottom: 1px solid #ccc;
  }

}

#suscripcion {
  background-color: #666666;
  color: #ffffff;
}

#footer {
  background-color: #000;
  padding: 24px 0;
  color: #fff;
}

#footer .logo-sonda {
  margin-right: 147px;
}

#footer .logo-autodesk {
  margin-left: 147px;
}

/* Small devices (tablets, 768px and up):  */
@media (min-width: 768px) {

  .webp .banner {
    background: #000 url('../images/forma-banner-1200.webp');
    background-repeat: no-repeat;
    background-position: 50% top;
    /* background-size: cover; */
  }

  .no-webp .banner {
    background: #000 url('../images/forma-banner-1200.jpg');
    background-repeat: no-repeat;
    background-position: 50% top;
    /* background-size: cover; */
  }


}

/* Medium devices (desktops, 992px and up):  */
@media (min-width: 992px) {
  


}

/* Large devices (large desktops, 1200px and up):  */
@media (min-width: 1200px) {

  /* .container, 
  .container-lg, 
  .container-md, 
  .container-sm, 
  .container-xl {
    max-width: 1600px;
  } */

  .webp .banner {
    background: #000 url('../images/forma-banner-1500x892.webp');
    background-repeat: no-repeat;
    background-position: right top;
    /* background-size: cover; */
  }

  .no-webp .banner {
    background: #000 url('../images/forma-banner-1500x892.jpg');
    background-repeat: no-repeat;
    background-position: right top;
    /* background-size: cover; */
  }


}