@charset "UTF-8";
@font-face {
  font-family: "GothamMedium";
  src: url("../fonts/gotham/GothamMedium.otf"), url("../fonts/gotham/GothamMedium.ttf");
  font-weight: bold;
}
@font-face {
  font-family: "GothamBook";
  src: url("../fonts/gotham/GothamBook.otf"), url("../fonts/gotham/GothamBook.ttf");
  font-weight: bolder;
}
@font-face {
  font-family: "GothamLight";
  src: url("../fonts/gotham/Gotham-Light.otf"), url("../fonts/gotham/Gotham-Light.ttf");
  font-weight: normal;
}
@font-face {
  font-family: "GothamThin";
  src: url("../fonts/gotham/Gotham-Thin.otf"), url("../fonts/gotham/Gotham-Thin.ttf");
  font-weight: lighter;
}
h1 {
  font-family: "GothamMedium";
  text-transform: uppercase;
}

h2 {
  font-family: "GothamMedium";
}

.textos-banner h2 {
  font-family: "GothamLight";
  text-transform: uppercase;
}

h3.dinero {
  font-family: "GothamLight";
}

h3 {
  font-family: "GothamMedium";
}

img {
  max-width: 100%;
}

.mt-n68 {
  margin-top: -6.8rem !important;
}

.mt-27 {
  margin-top: 2.7rem !important;
}

.mt-47 {
  margin-top: 4.7rem !important;
}

.mt-49 {
  margin-top: 4.9rem !important;
}

.mt-6 {
  margin-top: 6rem;
}
@media (max-width: 768px) {
  .mt-6 {
    margin-top: 4rem;
  }
}

.mt-7 {
  margin-top: 7rem !important;
}

.mt-8 {
  margin-top: 8rem !important;
}

.me-19 {
  margin-right: 1.9rem !important;
}

.pe-26 {
  padding-right: 2.6rem !important;
}

header {
  color: #fff;
}
header .container {
  min-height: 800px;
  background-image: url("../images/yi_an_business.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-position: center top 40%;
  max-width: 100%;
}
@media (max-width: 768px) {
  header .container {
    background-image: url("../images/header_movil.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
  }
}
header .container img {
  width: 100px;
}
@media (max-width: 768px) {
  header .container img {
    width: 60px;
  }
}
header .container .row {
  --bs-gutter-x: 8rem;
}
header .container .row .textos-banner {
  /*padding-left: calc(var(--bs-gutter-x) * 4);*/
}
@media (max-width: 768px) {
  header .container .row .textos-banner {
    padding: 0 1rem;
  }
}
header .container .row .textos-banner img.banner-unionpay {
  width: 95px;
}
@media (max-width: 768px) {
  header .container .row .textos-banner img.banner-unionpay {
    width: 70px;
  }
}
header .container .row .textos-banner img.banner-destinia {
  width: 195px;
}
@media (max-width: 768px) {
  header .container .row .textos-banner img.banner-destinia {
    width: 125px;
  }
}
header .container .row .textos-banner div {
  padding: 10rem 0;
}
@media (max-width: 768px) {
  header .container .row .textos-banner div {
    padding: 2rem 0 10rem 0;
  }
}

@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1440px;
    --bs-gutter-x: 0;
  }
}
.fs-7 {
  font-size: 0.9rem;
}

.fs-8 {
  font-size: 0.8rem;
}

.fs-9 {
  font-size: 0.7rem;
}

.w-35 {
  width: 35% !important;
}

.w-40 {
  width: 40% !important;
}

.w-45 {
  width: 45% !important;
}

.w-60 {
  width: 60% !important;
}

.w-65 {
  width: 65% !important;
}

.w-85 {
  width: 85% !important;
}

.w-90 {
  width: 90% !important;
}

@media (max-width: 991px) {
  .w-mov-35 {
    width: 35% !important;
  }

  .w-mov-40 {
    width: 40% !important;
  }

  .w-mov-45 {
    width: 45% !important;
  }

  .w-mov-60 {
    width: 60% !important;
  }

  .w-mov-65 {
    width: 65% !important;
  }

  .w-mov-50 {
    width: 50% !important;
  }

  .w-mov-75 {
    width: 75% !important;
  }

  .w-mov-100 {
    width: 100% !important;
  }

  .fs-mov-none {
    font-size: inherit;
  }
}
.bggris {
  background-color: #f6f6f6;
}

.bgblanco {
  background-color: #fff;
}

.bgamarillo {
  background-color: #F8B200 !important;
}

.bgamarillo:hover {
  background-color: #f8b200a1 !important;
}

.txt-amarillo {
  color: #F8B200;
}
.txt-amarillo strong {
  font-family: "GothamMedium";
}

.cajapeque {
  min-height: 348px;
}

.mostaza {
  background-color: #C68402;
}

.tarjetones img {
  max-width: 201px !important;
}
.tarjetones .sombra {
  max-width: 225px;
  margin: 0 auto;
}

* {
  box-sizing: border-box;
}

body {
  font-size: 14px;
  background: #fff;
}

main {
  width: 100%;
  opacity: 1;
  position: relative;
  top: 0px;
  left: 0px;
  overflow: unset;
}

a, p, p, span, dl, dt, dd {
  font-family: "GothamLight", sans-serif;
  color: #000;
}

a {
  color: #fe4819;
  text-decoration: none;
}

.cajas {
  border-radius: 20px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  /*min-height:685px;*/
}
.cajas h3 {
  padding: 0 9%;
}
.cajas p {
  font-size: 17px;
  padding: 0 9%;
}
.cajas.camarilla {
  background-color: #F8B200;
  color: #fff;
}
.cajas.camarilla p {
  color: #fff;
}
.cajas.cjuridica {
  background-image: url("../images/seguro_gratuito.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom;
}
.cajas.cjuridica h3, .cajas.cjuridica p {
  color: #fff;
}
.cajas.cviaje {
  background-image: url("../images/seguro_de-viaje_gratuito.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom;
}
.cajas.cviaje h3, .cajas.cviaje p {
  color: #fff;
}

footer .row {
  --bs-gutter-x: 0;
}

.sombra {
  box-shadow: 0px -5px 10px -4px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px -5px 10px -4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px -5px 10px -4px rgba(0, 0, 0, 0.2);
  border-radius: 10px 10px 0 0;
}
.sombra img {
  width: 100%;
}

.btn {
  background-color: #fff;
  width: 80%;
  padding: 1rem;
  border-radius: 50px;
  text-transform: uppercase;
  letter-spacing: 0.14rem;
  font-family: "GothamBook";
  font-size: 17px;
  line-height: 27px;
  color: #F8B200;
}
.btn:hover {
  background-color: #ffffff80;
}

ul {
  list-style: none;
}
ul li {
  display: block;
}
ul li a {
  font-size: 13px;
  line-height: 24px;
  color: #fff;
  font-family: "GothamThin";
}

.consulta h4 {
  color: #ACB5BD;
  font-weight: 200;
  font-size: 30px;
  letter-spacing: 1px;
}
.consulta .btn {
  color: #ACB5BD;
  border: 1px solid #ACB5BD;
  background-color: transparent;
  font-size: 17px;
  font-weight: 350;
  line-height: 27px;
  letter-spacing: 0.14em;
  width: auto;
  font-family: "GothamBook";
}
.consulta .btn:hover {
  background-color: #ACB5BD30;
}

input.form-control,
span.input-group-text {
  border: none;
  border-bottom: 1px solid #F8B200;
  border-radius: 0;
  background-color: white;
}

input.form-control {
  padding-left: 0;
}

input::placeholder {
  color: #F8B200 !important;
  font-size: 17px;
  line-height: 24px;
  font-family: "GothamLight";
}

label {
  color: #ACB5BD;
  font-size: 17px;
  line-height: 24px;
  font-family: "GothamLight";
}

footer.mostaza > div {
  max-width: 1240px;
  width: 96%;
  margin: 0 auto;
}

.container.fotopie {
  max-width: 100%;
  width: 100%;
}

@media (max-width: 1020px) {
  main .wrapper,
footer.mostaza > div {
    padding-right: calc(1.5rem * 1.5);
    padding-left: calc(1.5rem * 1.5);
  }
}
@media (max-width: 767px) {
  .circgrisoscuro {
    width: 100% !important;
    padding-bottom: 100%;
  }

  .list-group-item {
    padding: 0.5rem 0.5rem;
  }

  img.flogo {
    width: 60px;
    max-width: 100%;
  }

  h1 {
    font-size: 35px;
  }
  h1 br {
    display: none;
  }

  h2 {
    font-size: 35px;
    line-height: 42px;
  }
  h2 br {
    display: none;
  }

  .textos-banner h2 {
    font-size: 22px;
    line-height: 26px;
  }
  .textos-banner h2 br {
    display: none;
  }

  h3.dinero {
    font-size: 25px;
    line-height: 30px;
    padding: 2rem 0;
  }

  h3 {
    font-size: 20px;
    line-height: 29px;
  }

  .cajapeque p {
    font-size: 18px;
    line-height: 25px;
  }

  .cajapeque.bases h4 {
    font-family: "GothamMedium";
    color: #000;
    font-size: 17px;
  }

  p {
    font-size: 20px;
    line-height: 29px;
  }

  .btn,
.consulta .btn {
    font-size: 14px;
    line-height: 27px;
    padding: 0.4rem 0.1rem !important;
    letter-spacing: 0.05rem;
  }

  .consulta .btn {
    width: 200px;
  }

  footer.mostaza > div {
    width: 100%;
  }
  footer p {
    font-size: 17px;
    line-height: 24px;
    color: #fff;
  }
  footer p a {
    color: #F8B200;
  }
  footer img.flogo {
    width: 100px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  footer img.flogo {
    width: 60px;
  }
}
@media (max-width: 767px) {
  .desktop {
    display: none;
  }
}
@media (max-width: 767px) {
  .movil {
    display: flex;
  }
  .movil .row {
    --bs-gutter-x: 0;
  }
  .movil .cajas h3 {
    padding: 0;
  }
  .movil .cajas p {
    font-size: 18px;
    line-height: 25px;
  }
  .movil .sep-box-desk {
    margin-bottom: 8vw;
  }
  .movil .cjuridica .aire-foto {
    height: 58vw;
  }
  .movil .cviaje .aire-foto {
    height: 34vw;
  }
}
@media (max-width: 767px) {
  .consulta h4 {
    font-size: 20px;
    line-height: 29px;
    font-family: "GothamLight";
  }
}
@media (max-width: 575px) {
  .container, .container-sm {
    max-width: 100%;
  }

  footer .container > .row {
    --bs-gutter-x: 0;
  }

  .btn.w-auto {
    width: 100% !important;
    max-width: 280px;
    padding: 0.4rem 0.1rem !important;
  }
}
@media (min-width: 451px) {
  .wrapper {
    width: 100%;
    max-width: 1006px;
  }
}
@media (min-width: 768px) {
  img.flogo {
    width: 100px;
    max-width: 100px;
  }

  ul {
    list-style: none;
  }
  ul li {
    display: inline-block;
  }
  ul li a {
    font-size: 13px;
    line-height: 24px;
    color: #fff;
    font-family: "GothamThin";
  }

  h1 {
    font-size: 60px;
  }

  h2 {
    font-size: 45px;
    line-height: 3.4rem;
  }

  .textos-banner h2 {
    font-size: 40px;
    line-height: 52px;
  }

  h3.dinero {
    font-size: 30px;
    line-height: 2rem;
    padding: 2rem 0;
  }

  h3 {
    font-size: 1.4rem;
    line-height: 2rem;
  }

  .cajapeque p {
    font-size: 17px;
    line-height: 24px;
  }

  .cajapeque.bases h4 {
    font-family: "GothamMedium";
    color: #000;
    font-size: 17px;
  }

  .cajapeque.sencilla p {
    font-size: 22px;
    line-height: 32px;
  }

  p {
    font-size: 1.4rem;
  }

  .consulta h4 {
    font-size: 30px;
    line-height: 36px;
    font-family: "GothamLight";
  }

  footer p {
    font-size: 17px;
    line-height: 24px;
    color: #fff;
  }
  footer p a {
    color: #F8B200;
  }

  .movil {
    display: none;
  }

  .desktop {
    display: flex;
    --bs-gutter-x: 3rem;
  }
  .desktop .top-ini-col-dos {
    margin-top: 4rem;
  }
  .desktop .sep-box-desk {
    margin-bottom: 5vw;
  }
  .desktop .cjuridica .aire-foto {
    height: 28vw;
    max-height: 320px;
  }
  .desktop .cviaje .aire-foto {
    height: 12vw;
    max-height: 175px;
  }
}
@media (min-width: 1400px) {
  .row {
    --bs-gutter-x: 4rem;
  }
  .row .row {
    --bs-gutter-x: 2rem;
  }

  .row.peque {
    --bs-gutter-x: 3rem;
  }
}
dl dt:before {
  content: "·";
  color: #fe4819;
  font-size: 40px;
  position: relative;
  display: inline-block;
  line-height: 0;
  top: 8px;
  margin-right: 6px;
  margin-left: -20px;
}

/*# sourceMappingURL=custom.css.map */