@charset "UTF-8";
/*  Financiería Mexi - WEB
    Desarrollado: Marzo 03, 2021.
    Futurité - IV
*/
:root {
  --rosa: #d1228e;
  --verde: #7eba27;
  --azul-texto: #3399cc;
  --azul: #0384a0;
  --amarillo: #ffd300;
  --negro-texto: #424345;
  --blanco: #ffffff;
  --negro: #363535;
  --gris-claro: #f3f1f1;
  --gris-oscuro: #C3C3C3;
  --gris: #f3f3f3;
  --verde-02: #78b421;
  --naranja: #FF713D;
  --azul-oscuro: #09324E;
  --cafe-26: #2b1a02;
  --naranja-26: #c4400f;
  --amarillo-26: #e8ce45;
  --rosa-26: #f61087;
}

@font-face {
  font-family: "Blogger";
  src: url("../fonts/blogger-sans.regular.ttf") format("opentype");
  font-display: swap;
  font-weight: 400;
}
@font-face {
  font-family: "Blogger";
  src: url("../fonts/blogger-sans.medium.ttf") format("opentype");
  font-display: swap;
  font-weight: 500;
}
@font-face {
  font-family: "Bebas";
  src: url("../fonts/BebasNeue-Regular.ttf") format("opentype");
  font-display: swap;
  font-weight: 700;
}
@font-face {
  font-family: "Avenir";
  src: url("../fonts/Avenir-Regular.ttf") format("opentype");
  font-display: swap;
  font-weight: 400;
}
@font-face {
  font-family: "Avenir";
  src: url("../fonts/Avenir-Black.ttf") format("opentype");
  font-display: swap;
  font-weight: 700;
}
@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-Regular.ttf") format("opentype");
  font-display: swap;
  font-weight: 400;
}
@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-Bold.ttf") format("opentype");
  font-display: swap;
  font-weight: 700;
}
html,
body {
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  color: var(--negro);
  height: 100%;
  width: 100%;
  margin: 0px;
  padding: 0px;
}

.d-pad {
  padding: 80px 9%;
}

.pd0 {
  padding: 0px;
}

/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- */
/*             Secciones de Pagina              */
/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- */
/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- */
/*               Header                         */
/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- */
body {
  width: 100%;
  padding-top: 80px;
}

header {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  background: var(--blanco);
  min-height: 50px;
  position: fixed;
  top: 0px;
  z-index: 9999;
  padding: 0.5% 1.5%;
}
header.menu .container {
  padding: 0;
}
header.menu .navbar-default {
  background-color: var(--blanco);
  border-color: transparent;
  padding: 10px;
}
header.menu .navbar-default .navbar-nav > li {
  margin-top: 15px;
}
header.menu .navbar-default .navbar-nav > li span {
  background: var(--negro-texto);
  border-radius: 50%;
  content: "\a";
  display: inline-block;
  height: 2px;
  width: 2px;
  margin: 25px 0;
}
header.menu .navbar-default .navbar-nav > li img {
  display: block;
  width: 23px;
  margin: -5px;
}
header.menu .navbar-default .navbar-nav > li .fas {
  margin-left: 5px;
}
header.menu .navbar-default .navbar-nav > li .dropdown-menu {
  margin-top: 0;
  border-radius: 6px;
  left: 0px;
}
header.menu .navbar-default .navbar-nav > li > a {
  color: var(--negro-texto);
  font-size: 20px;
  font-family: "Blogger", sans-serif;
  font-weight: bold;
}
header.menu .navbar-default .navbar-nav > li > a:hover {
  color: var(--rosa);
  text-decoration: underline;
}
header.menu .navbar-default .navbar-nav > .active > a,
header.menu .navbar-default .navbar-nav > .active > a:hover {
  color: var(--negro-texto);
  background-color: transparent;
  text-decoration: underline;
}
header.menu .navbar-default .navbar-nav > .active > a:focus {
  color: var(--rosa);
  text-decoration: underline;
}
header.menu .navbar-default .navbar-nav > .active > a:visited {
  color: var(--rosa);
  text-decoration: underline;
}
header.menu .navbar {
  margin-bottom: 0px;
  border: 0px solid transparent;
}
header.menu .navbar-brand {
  height: auto;
}
header.menu .navbar-brand img {
  margin-top: -10px;
  width: 225px;
}
@media (max-width: 479px) and (min-width: 0px) {
  header.menu .navbar-brand img {
    width: 200px;
  }
}
header.menu .wssp {
  color: var(--verde) !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  border: 2px solid var(--verde);
  border-radius: 15px;
  padding: 14px 14px;
  margin-left: 15px;
}
header.menu .wssp img {
  width: 28px !important;
  height: 28px !important;
}
header.menu .navbar-default .navbar-nav > .open > a, header.menu .navbar-default .navbar-nav > .open > a:focus, header.menu .navbar-default .navbar-nav > .open > a:hover {
  color: var(--rosa);
  background-color: transparent;
  border-bottom: solid 1px var(--rosa);
}
header.menu .dropdown-menu {
  text-align: center;
}
header.menu .dropdown-menu > li > a {
  font-size: 16px;
}
header.menu .dropdown-menu > .active > a, header.menu .dropdown-menu > .active > a:focus, header.menu .dropdown-menu > .active > a:hover {
  background-color: var(--blanco);
  color: var(--rosa);
  font-weight: 700;
  border-bottom: solid 1px var(--rosa);
}
@media (max-width: 991px) and (min-width: 768px) {
  header.menu .wssp {
    color: var(--verde) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
    border: 2px solid var(--verde);
    width: 180px;
    border-radius: 15px;
    padding: 14px 25px;
    margin-left: 15px;
  }
  header.menu .wssp img {
    width: 25px !important;
  }
}
@media (max-width: 767px) and (min-width: 570px) {
  header.menu .wssp {
    color: var(--verde) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
    border: 2px solid var(--verde);
    width: 180px;
    border-radius: 15px;
    padding: 14px 25px;
    margin-left: 15px;
  }
  header.menu .wssp img {
    width: 25px !important;
  }
}
@media (max-width: 569px) and (min-width: 480px) {
  header.menu .wssp {
    color: var(--verde) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
    border: 2px solid var(--verde);
    width: 180px;
    border-radius: 15px;
    padding: 14px 25px;
    margin-left: 15px;
  }
  header.menu .wssp img {
    width: 25px !important;
  }
}
@media (max-width: 479px) and (min-width: 0px) {
  header.menu .wssp {
    color: var(--verde) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
    border: 2px solid var(--verde);
    width: 180px;
    border-radius: 15px;
    padding: 14px 25px;
    margin-left: 15px;
  }
  header.menu .wssp img {
    width: 25px !important;
  }
}

/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- */
/*              Footer and Copy                 */
/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- */
footer .f-sec1 .tel {
  font-size: 30px;
  color: var(--rosa);
  font-weight: 700;
  text-decoration: none;
}
footer .f-sec1 .redes {
  width: 45px;
}
footer .f-sec1 .link {
  color: var(--negro-texto);
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
}
footer .f-sec1 .link:hover {
  text-decoration: underline;
}
footer .f-sec1 .politica {
  font-size: 13px;
  color: var(--negro-texto);
}
footer .f-sec1 .logos {
  text-align: center;
  margin-top: 30px;
}
footer .f-sec1 .logos img {
  width: 100%;
}
footer .f-sec1 .logos .buro {
  width: 50%;
}
footer .f-sec4 {
  padding: 30px 0%;
  border-top: 2px solid var(--gris-claro);
}
footer .f-sec4 .copy {
  font-size: 16px;
}
footer .f-sec4 .copy a {
  color: var(--negro-texto);
}
footer .f-sec5 {
  padding: 20px 8%;
  background-color: var(--verde);
}
footer .f-sec5 .link {
  font-size: 18px;
  text-decoration: none;
  color: var(--blanco);
}
footer .f-sec6 {
  padding: 20px 8%;
  background-color: var(--rosa);
}
footer .f-sec6 a {
  text-decoration: none;
  color: var(--blanco);
  font-size: 16px;
  font-weight: bold;
}
footer .f-sec6 .link {
  border-right: 2px solid var(--blanco);
}
footer {
  /* Medias query */
}
@media (max-width: 989px) and (min-width: 768px) {
  footer .f-sec1 .mobile-item {
    display: none !important;
  }
}
@media (max-width: 767px) and (min-width: 570px) {
  footer .f-sec1 {
    text-align: center;
  }
  footer .f-sec1 .link {
    text-align: left !important;
  }
  footer .f-sec1 .redes {
    width: 60px;
  }
  footer .f-sec6 .link {
    border-right: none;
    margin-bottom: 10px;
  }
}
@media (max-width: 569px) and (min-width: 480px) {
  footer .f-sec1 {
    text-align: center;
  }
  footer .f-sec1 .link {
    text-align: left !important;
  }
  footer .f-sec1 .redes {
    width: 45px;
    margin-left: -10px;
  }
  footer .f-sec6 .link {
    border-right: none;
    margin-bottom: 10px;
  }
}
@media (max-width: 479px) and (min-width: 0px) {
  footer .f-sec1 {
    text-align: center;
  }
  footer .f-sec1 .link {
    text-align: left !important;
  }
  footer .f-sec1 .redes {
    width: 45px;
    margin-left: -10px;
  }
  footer .f-sec6 .link {
    border-right: none;
    margin-bottom: 10px;
  }
}

/* Home Section */
.home .h-sec1 {
  background: url(../img/home/2026/mexi-home-imagen-header-01.webp) center center no-repeat;
  background-size: cover;
  background-color: #eecb2e;
  padding: 80px 9% 150px;
}
.home .h-sec1 .title {
  text-align: center;
  margin-top: 5%;
}
.home .h-sec1 .img-person {
  position: absolute;
  left: 19%;
  width: 100%;
  max-width: 435px;
  right: 0;
  bottom: 0px;
}
.home .h-sec1 .cotizador-title {
  text-align: center;
}
.home .h-sec1 .cotizador-title h3 {
  display: inline-block;
  background-color: var(--negro);
  color: var(--blanco);
  border-radius: 10px;
  padding: 5px 5px 0;
}
.home .h-sec2 {
  padding: 0px 9%;
  margin-top: -7%;
}
.home .h-sec2 .fondo {
  background: url(../img/home/2026/mexi-home-cta.webp) center center no-repeat;
  background-size: 100% 100%;
  padding: 30px 20px;
  border-radius: 20px;
}
.home .h-sec2 h2 {
  margin: 0;
  padding: 0;
}
.home .h-sec3 {
  padding: 80px 0px 80px;
}
.home .h-sec3 .creditos p {
  font-size: 20px;
}
.home .h-sec3 .fondo1 {
  background: url(../img/home/mexi-home-mexi-tres.png) center center no-repeat;
  background-size: cover;
  padding: 50px 9%;
  border-top-right-radius: 28px;
  border-bottom-right-radius: 28px;
}
.home .h-sec3 .fondo2 {
  background: url(../img/home/mexi-home-mexi-dxn.png) center center no-repeat;
  background-size: cover;
  padding: 50px 9%;
  border-top-left-radius: 28px;
  border-bottom-left-radius: 28px;
}
.home .h-sec3 h3 {
  padding-right: 22%;
}
.home .h-sec3 .domiciliado {
  margin-top: 50px;
}
.home .h-sec3 .domiciliado h3.text-verde {
  margin-top: 50px;
}
.home .h-sec3 .credito h3.text-verde {
  margin-top: 50px;
}
.home .h-sec4 {
  padding: 80px 5%;
}
.home .h-sec4 .customPadding {
  padding: 0% 5%;
}
.home .h-sec4 .ventajas p {
  font-size: 22px;
}
.home .h-sec4 .bg-gris {
  padding: 4%;
  border-radius: 40px;
}
.home .h-sec4 .fondo1,
.home .h-sec4 .fondo2,
.home .h-sec4 .fondo3 {
  background-size: cover;
  min-height: 125px;
  border-radius: 20px;
}
.home .h-sec4 .fondo1 {
  background-image: url(../img/home/2026/01-a.webp);
  background-position: center center;
}
.home .h-sec4 .fondo1:hover {
  background-image: url(../img/home/2026/01-b.webp);
  background-position: center center;
}
.home .h-sec4 .fondo2 {
  background-image: url(../img/home/2026/02-a.webp);
  background-position: center center;
}
.home .h-sec4 .fondo2:hover {
  background-image: url(../img/home/2026/02-b.webp);
  background-position: center center;
}
.home .h-sec4 .fondo3 {
  background-image: url(../img/home/2026/03-a.webp);
  background-position: center center;
}
.home .h-sec4 .fondo3:hover {
  background-image: url(../img/home/2026/03-b.webp);
  background-position: center center;
}
.home .h-sec5 .cantidad {
  padding: 0 15%;
}
.home .h-sec5 .cantidad .espacio {
  margin: 5px;
}
.home .h-sec6 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  background: url(../img/home/mexi-banner-form.jpg);
  background-position: center;
  padding: 80px 9% 0;
  background-size: cover;
}
.home .h-sec6 .title {
  width: 350px;
  text-align: justify;
  text-justify: inter-word;
  margin: auto;
}
.home .h-sec6 .title .fs-25 {
  position: absolute;
}
.home .h-sec6 img {
  bottom: 0;
  width: 90%;
  margin-left: 80px;
}
.home .h-sec6 .contacto {
  background: url(../img/home/mexi-banner-form.png);
  padding: 8% 6%;
  background-size: cover;
  width: 90%;
  float: right;
  background-repeat: no-repeat;
}
.home .h-sec6 .contacto input {
  border-radius: 5px;
  border: none;
  width: 100%;
  padding: 8px 13px;
  font-size: 18px;
  color: var(--negro-texto);
  margin-bottom: 23px;
}
.home .h-sec6 .contacto input::-webkit-input-placeholder {
  color: var(--negro-texto);
}
.home .h-sec6 .contacto input::-moz-placeholder {
  color: var(--negro-texto);
}
.home .h-sec6 .contacto input:-ms-input-placeholder {
  color: var(--negro-texto);
}
.home .h-sec6 .contacto input::-ms-input-placeholder {
  color: var(--negro-texto);
}
.home .h-sec6 .contacto input::placeholder {
  color: var(--negro-texto);
}
.home .h-sec6 .contacto select {
  border-radius: 5px;
  border: none;
  width: 100%;
  padding: 8px 13px;
  font-size: 18px;
  color: var(--negro-texto);
  margin-bottom: 23px;
}
.home .h-sec6 .contacto select::-webkit-input-placeholder {
  color: var(--negro-texto);
}
.home .h-sec6 .contacto select::-moz-placeholder {
  color: var(--negro-texto);
}
.home .h-sec6 .contacto select:-ms-input-placeholder {
  color: var(--negro-texto);
}
.home .h-sec6 .contacto select::-ms-input-placeholder {
  color: var(--negro-texto);
}
.home .h-sec6 .contacto select::placeholder {
  color: var(--negro-texto);
}
.home .h-sec6 .contacto textarea {
  border-radius: 5px;
  border: none;
  width: 100%;
  padding: 8px 13px;
  font-size: 18px;
  color: var(--negro-texto);
  margin-bottom: 23px;
  height: 100px;
}
.home .h-sec6 .contacto textarea::-webkit-input-placeholder {
  color: var(--negro-texto);
}
.home .h-sec6 .contacto textarea::-moz-placeholder {
  color: var(--negro-texto);
}
.home .h-sec6 .contacto textarea:-ms-input-placeholder {
  color: var(--negro-texto);
}
.home .h-sec6 .contacto textarea::-ms-input-placeholder {
  color: var(--negro-texto);
}
.home .h-sec6 .contacto textarea::placeholder {
  color: var(--negro-texto);
}
.home .h-sec6 .contacto button {
  color: var(--blanco);
  background-color: var(--rosa);
  padding: 14px 55px;
  border-radius: 10px;
  font-size: 18px;
}
.home .form-footer .img-footer {
  left: 14% !important;
  width: 21rem !important;
}
.home .form-footer .title-2 {
  text-align: center;
  margin: auto;
}

@media (max-width: 1495px) and (min-width: 1250px) {
  .home .h-sec1 .img-person {
    left: 16%;
    max-width: 400px;
  }
}
@media (max-width: 1249px) and (min-width: 990px) {
  .home .h-sec1 .img-person {
    left: 10%;
    max-width: 400px;
  }
}
@media (max-width: 989px) and (min-width: 768px) {
  .home .h-sec1 {
    padding: 20px 0% 450px;
  }
  .home .h-sec1 .img-person {
    left: 30%;
    max-width: 350px;
  }
  .home .h-sec6 .title {
    margin-bottom: 50px;
  }
  .home .h-sec6 .title .fs-25 {
    position: static;
  }
  .home .h-sec7 .mapa .img-map {
    width: 540px;
    height: 354px;
  }
  .home .h-sec7 .mapa .presencia .img-col {
    margin-left: 0px;
  }
  .home .h-sec8 .fondo-rosa {
    min-height: 400px;
  }
  .home .h-sec8 .prestamos {
    min-height: 400px;
  }
}
@media (max-width: 767px) and (min-width: 480px) {
  .home .h-sec1 {
    padding: 20px 0% 400px;
  }
  .home .h-sec1 .img-person {
    left: 10%;
    max-width: 400px;
    margin: auto;
  }
  .home .h-sec5 .fs-m {
    font-size: 25px;
  }
  .home .h-sec5 .mapa {
    width: 100%;
  }
  .home .h-sec6 {
    padding: 80px 3% 0;
  }
  .home .h-sec6 .title {
    width: 330px;
    margin: auto;
    text-align: center;
    text-justify: inter-word;
    margin: auto;
    margin-left: 170px;
  }
  .home .h-sec6 .title .fs-25 {
    position: relative;
    margin-top: 0px;
  }
  .home .h-sec6 img {
    margin-left: 20px;
  }
  .home .h-sec6 .contacto {
    background: url(../img/home/mexi-banner-form.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 12% 8%;
    margin-top: 20px;
    background-size: cover;
    width: 100%;
    float: none;
    background-repeat: no-repeat;
  }
  .home .h-sec6 .contacto input {
    border-radius: 5px;
    border: none;
    width: 100%;
    padding: 8px 13px;
    font-size: 18px;
    color: var(--negro-texto);
    margin-bottom: 23px;
  }
  .home .h-sec6 .contacto input::-webkit-input-placeholder {
    color: var(--negro-texto);
  }
  .home .h-sec6 .contacto input::-moz-placeholder {
    color: var(--negro-texto);
  }
  .home .h-sec6 .contacto input:-ms-input-placeholder {
    color: var(--negro-texto);
  }
  .home .h-sec6 .contacto input::-ms-input-placeholder {
    color: var(--negro-texto);
  }
  .home .h-sec6 .contacto input::placeholder {
    color: var(--negro-texto);
  }
  .home .h-sec6 .contacto select {
    border-radius: 5px;
    border: none;
    width: 100%;
    padding: 8px 13px;
    font-size: 18px;
    color: var(--negro-texto);
    margin-bottom: 23px;
  }
  .home .h-sec6 .contacto select::-webkit-input-placeholder {
    color: var(--negro-texto);
  }
  .home .h-sec6 .contacto select::-moz-placeholder {
    color: var(--negro-texto);
  }
  .home .h-sec6 .contacto select:-ms-input-placeholder {
    color: var(--negro-texto);
  }
  .home .h-sec6 .contacto select::-ms-input-placeholder {
    color: var(--negro-texto);
  }
  .home .h-sec6 .contacto select::placeholder {
    color: var(--negro-texto);
  }
  .home .h-sec6 .contacto textarea {
    border-radius: 5px;
    border: none;
    width: 100%;
    padding: 8px 13px;
    font-size: 18px;
    color: var(--negro-texto);
    margin-bottom: 23px;
    height: 100px;
  }
  .home .h-sec6 .contacto textarea::-webkit-input-placeholder {
    color: var(--negro-texto);
  }
  .home .h-sec6 .contacto textarea::-moz-placeholder {
    color: var(--negro-texto);
  }
  .home .h-sec6 .contacto textarea:-ms-input-placeholder {
    color: var(--negro-texto);
  }
  .home .h-sec6 .contacto textarea::-ms-input-placeholder {
    color: var(--negro-texto);
  }
  .home .h-sec6 .contacto textarea::placeholder {
    color: var(--negro-texto);
  }
  .home .h-sec6 .contacto button {
    color: var(--blanco);
    background-color: var(--rosa);
    padding: 14px 55px;
    border-radius: 10px;
    font-size: 18px;
  }
}
@media (max-width: 569px) and (min-width: 480px) {
  .home .h-sec1 {
    padding: 20px 0% 420px;
    background: url(../img/home/2026/mexi-home-imagen-header-01-res.webp) center center no-repeat;
  }
  .home .h-sec2 {
    padding: 0px 9%;
    margin-top: -7%;
  }
  .home .h-sec2 .fondo {
    background: url(../img/home/2026/mexi-home-cta-res.webp) center center no-repeat;
    background-size: cover;
    padding: 40px 20px 80px;
    border-radius: 20px;
  }
  .home .h-sec2 .fondo .mobile-item {
    position: absolute;
    width: 255px;
    left: 0;
  }
  .home .h-sec3 {
    padding: 80px 0px 80px;
  }
  .home .h-sec3 .fondo1 {
    background: url(../img/home/res/mexi-home-mexi-tres-res.png) center center no-repeat;
    background-size: cover;
    padding: 50px 9%;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 28px;
    border-bottom-left-radius: 28px;
    text-align: center;
    height: 1200px;
  }
  .home .h-sec3 .fondo2 {
    background: url(../img/home/res/mexi-home-mexi-dxn-res.png) center center no-repeat;
    background-size: cover;
    padding: 50px 9%;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 28px;
    border-bottom-left-radius: 28px;
    text-align: center;
    height: 1200px;
  }
  .home .h-sec4 .ventajas p {
    font-size: 20px;
  }
  .home .h-sec5 .fs-m {
    font-size: 25px;
  }
  .home .h-sec5 .mapa {
    width: 100%;
  }
  .home .h-sec6 {
    padding: 80px 3% 0;
  }
  .home .h-sec6 .title {
    width: 330px;
    margin: auto;
    text-align: center;
    text-justify: inter-word;
    margin: auto;
    margin-left: 0px;
  }
  .home .h-sec6 .title .fs-25 {
    position: relative;
    margin-top: 0px;
  }
  .home .h-sec6 img {
    margin-left: 20px;
  }
  .home .h-sec6 .contacto {
    background: url(../img/home/mexi-banner-form.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 12% 8%;
    margin-top: 20px;
    background-size: cover;
    width: 100%;
    float: none;
    background-repeat: no-repeat;
  }
  .home .h-sec6 .contacto input {
    border-radius: 5px;
    border: none;
    width: 100%;
    padding: 8px 13px;
    font-size: 18px;
    color: var(--negro-texto);
    margin-bottom: 23px;
  }
  .home .h-sec6 .contacto input::-webkit-input-placeholder {
    color: var(--negro-texto);
  }
  .home .h-sec6 .contacto input::-moz-placeholder {
    color: var(--negro-texto);
  }
  .home .h-sec6 .contacto input:-ms-input-placeholder {
    color: var(--negro-texto);
  }
  .home .h-sec6 .contacto input::-ms-input-placeholder {
    color: var(--negro-texto);
  }
  .home .h-sec6 .contacto input::placeholder {
    color: var(--negro-texto);
  }
  .home .h-sec6 .contacto select {
    border-radius: 5px;
    border: none;
    width: 100%;
    padding: 8px 13px;
    font-size: 18px;
    color: var(--negro-texto);
    margin-bottom: 23px;
  }
  .home .h-sec6 .contacto select::-webkit-input-placeholder {
    color: var(--negro-texto);
  }
  .home .h-sec6 .contacto select::-moz-placeholder {
    color: var(--negro-texto);
  }
  .home .h-sec6 .contacto select:-ms-input-placeholder {
    color: var(--negro-texto);
  }
  .home .h-sec6 .contacto select::-ms-input-placeholder {
    color: var(--negro-texto);
  }
  .home .h-sec6 .contacto select::placeholder {
    color: var(--negro-texto);
  }
  .home .h-sec6 .contacto textarea {
    border-radius: 5px;
    border: none;
    width: 100%;
    padding: 8px 13px;
    font-size: 18px;
    color: var(--negro-texto);
    margin-bottom: 23px;
    height: 100px;
  }
  .home .h-sec6 .contacto textarea::-webkit-input-placeholder {
    color: var(--negro-texto);
  }
  .home .h-sec6 .contacto textarea::-moz-placeholder {
    color: var(--negro-texto);
  }
  .home .h-sec6 .contacto textarea:-ms-input-placeholder {
    color: var(--negro-texto);
  }
  .home .h-sec6 .contacto textarea::-ms-input-placeholder {
    color: var(--negro-texto);
  }
  .home .h-sec6 .contacto textarea::placeholder {
    color: var(--negro-texto);
  }
  .home .h-sec6 .contacto button {
    color: var(--blanco);
    background-color: var(--rosa);
    padding: 14px 55px;
    border-radius: 10px;
    font-size: 18px;
  }
  .home .form-footer {
    background: url(../img/home/2026/mexi-home-imagen-footer-01-res.webp) center center no-repeat;
    background-size: cover;
  }
}
@media (max-width: 479px) and (min-width: 0px) {
  .home .h-sec1 {
    padding: 20px 0% 450px;
    background: url(../img/home/2026/mexi-home-imagen-header-01-res.webp) center center no-repeat;
  }
  .home .h-sec1 .img-person {
    position: absolute;
    left: 0;
    right: 0;
    width: 85%;
    bottom: 0;
    margin: auto;
    max-width: 335px;
  }
  .home .h-sec2 {
    padding: 0px 9%;
    margin-top: -7%;
  }
  .home .h-sec2 .fondo {
    background: url(../img/home/2026/mexi-home-cta-res.webp) center center no-repeat;
    background-size: cover;
    padding: 40px 10px 140px;
    text-align: center;
  }
  .home .h-sec2 .fondo h2 {
    font-size: 35px !important;
  }
  .home .h-sec2 .fondo .mobile-item {
    position: absolute;
    width: 267px;
    left: 0;
  }
  .home .h-sec3 {
    padding: 80px 0px 80px;
  }
  .home .h-sec3 .fondo1 {
    background: url(../img/home/res/mexi-home-mexi-tres-res.png) center center no-repeat;
    background-size: cover;
    padding: 50px 9%;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 28px;
    border-bottom-left-radius: 28px;
    text-align: center;
    height: 1200px;
  }
  .home .h-sec3 .fondo2 {
    background: url(../img/home/mexi-home-mexi-dxn-resp.png) center center no-repeat;
    background-size: cover;
    padding: 50px 9%;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 28px;
    border-bottom-left-radius: 28px;
    text-align: center;
    height: 1200px;
  }
  .home .h-sec3 h4 {
    font-size: 22px;
  }
  .home .h-sec4 {
    padding: 80px 5% 40px;
  }
  .home .h-sec4 .box {
    margin-bottom: 5% !important;
    padding: 0 55px;
  }
  .home .h-sec4 .box p {
    font-size: 15px;
  }
  .home .h-sec4 .ventajas p {
    font-size: 20px;
  }
  .home .h-sec4 .ventajas h2 {
    font-size: 50px !important;
  }
  .home .h-sec4 .fondo1 {
    background-size: contain;
    min-height: 125px;
    border-radius: 0;
    background-repeat: no-repeat;
  }
  .home .h-sec4 .fondo2 {
    background-size: contain;
    min-height: 125px;
    border-radius: 0;
    background-repeat: no-repeat;
  }
  .home .h-sec4 .fondo3 {
    background-size: contain;
    min-height: 125px;
    border-radius: 0;
    background-repeat: no-repeat;
  }
  .home .h-sec5 {
    padding: 0 9% 40px !important;
  }
  .home .h-sec5 .fs-m {
    font-size: 22px;
  }
  .home .h-sec5 .mapa {
    width: 100%;
  }
  .home .h-sec5 .cantidad {
    padding: 0;
  }
  .home .h-sec5 h2 {
    font-size: 50px !important;
  }
  .home .h-sec6 {
    padding: 80px 3% 0;
  }
  .home .h-sec6 .title {
    width: 330px;
    margin: auto;
    text-align: center;
    text-justify: inter-word;
    margin: auto;
    margin-left: 0px;
  }
  .home .h-sec6 .title .fs-25 {
    position: relative;
    margin-top: 0px;
  }
  .home .h-sec6 img {
    margin-left: 20px;
  }
  .home .h-sec6 .contacto {
    background: url(../img/home/mexi-banner-form.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 12% 8%;
    margin-top: 20px;
    background-size: cover;
    width: 100%;
    float: none;
    background-repeat: no-repeat;
  }
  .home .h-sec6 .contacto input {
    border-radius: 5px;
    border: none;
    width: 100%;
    padding: 8px 13px;
    font-size: 18px;
    color: var(--negro-texto);
    margin-bottom: 23px;
  }
  .home .h-sec6 .contacto input::-webkit-input-placeholder {
    color: var(--negro-texto);
  }
  .home .h-sec6 .contacto input::-moz-placeholder {
    color: var(--negro-texto);
  }
  .home .h-sec6 .contacto input:-ms-input-placeholder {
    color: var(--negro-texto);
  }
  .home .h-sec6 .contacto input::-ms-input-placeholder {
    color: var(--negro-texto);
  }
  .home .h-sec6 .contacto input::placeholder {
    color: var(--negro-texto);
  }
  .home .h-sec6 .contacto select {
    border-radius: 5px;
    border: none;
    width: 100%;
    padding: 8px 13px;
    font-size: 18px;
    color: var(--negro-texto);
    margin-bottom: 23px;
  }
  .home .h-sec6 .contacto select::-webkit-input-placeholder {
    color: var(--negro-texto);
  }
  .home .h-sec6 .contacto select::-moz-placeholder {
    color: var(--negro-texto);
  }
  .home .h-sec6 .contacto select:-ms-input-placeholder {
    color: var(--negro-texto);
  }
  .home .h-sec6 .contacto select::-ms-input-placeholder {
    color: var(--negro-texto);
  }
  .home .h-sec6 .contacto select::placeholder {
    color: var(--negro-texto);
  }
  .home .h-sec6 .contacto textarea {
    border-radius: 5px;
    border: none;
    width: 100%;
    padding: 8px 13px;
    font-size: 18px;
    color: var(--negro-texto);
    margin-bottom: 23px;
    height: 100px;
  }
  .home .h-sec6 .contacto textarea::-webkit-input-placeholder {
    color: var(--negro-texto);
  }
  .home .h-sec6 .contacto textarea::-moz-placeholder {
    color: var(--negro-texto);
  }
  .home .h-sec6 .contacto textarea:-ms-input-placeholder {
    color: var(--negro-texto);
  }
  .home .h-sec6 .contacto textarea::-ms-input-placeholder {
    color: var(--negro-texto);
  }
  .home .h-sec6 .contacto textarea::placeholder {
    color: var(--negro-texto);
  }
  .home .h-sec6 .contacto button {
    color: var(--blanco);
    background-color: var(--rosa);
    padding: 14px 55px;
    border-radius: 10px;
    font-size: 18px;
  }
  .home .form-footer {
    background: url(../img/home/2026/mexi-home-imagen-footer-01-res.webp) center center no-repeat;
    background-size: cover;
  }
  .home .form-footer h2 {
    font-size: 50px !important;
  }
}
.sucursales .form-footer .img-footer {
  left: 14% !important;
  width: 21rem !important;
}
.sucursales .estado {
  display: none;
}
.sucursales .active {
  display: block;
}
.sucursales .sec1 {
  background-image: url("../img/sucursales/mexi-banner-header.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 100px;
}
.sucursales .sec1 .title {
  background-image: url("../img/sucursales/mexi-banner-sucursales-mexi.png");
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 0 70px 70px 0;
  padding: 15px 60px 15px 200px;
  position: absolute;
  top: 50%;
  left: -65px;
  -webkit-transform: translateY(-10%);
      -ms-transform: translateY(-10%);
          transform: translateY(-10%);
}
.sucursales .sec1 .title h1 {
  font-size: 70px;
}
.sucursales .sec2 {
  background-image: url("../img/sucursales/mexi-banner-presencia-nacional.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}
.sucursales .sec2 .separator {
  position: absolute;
  background-color: var(--verde);
  right: 0;
  top: 50%;
  height: 50px;
  width: 3px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.sucursales .sec2 hr {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 82%;
  margin: 0 auto;
}
.sucursales .sec3 .label-title {
  margin: auto;
  padding: 8px;
}
.sucursales .sec3 #sucursales-select {
  background-color: var(--rosa);
  color: var(--blanco);
  font-family: "Blogger", sans-serif !important;
  text-align: center;
  font-size: 18px;
  border: none;
}
.sucursales .sec3 .gasera {
  margin: 0 !important;
  background-image: url("../img/sucursales/mexi-banner-sucursales.png");
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 30px;
  min-height: 372px;
}
.sucursales .sec3 .gasera .info-col {
  padding: 6px 30px 20px 0;
}
.sucursales .sec3 .gasera .info-col .ff-blogger {
  line-height: 25px;
  font-size: 22px;
}
.sucursales .sec3 .gasera iframe {
  border-radius: 27px 0 0 27px;
  margin-bottom: -9px;
}
.sucursales .sec3 .estado iframe {
  height: 451px;
}
@media (max-width: 1024px) and (min-width: 769px) {
  .sucursales .sec1 h1 {
    font-size: 50px !important;
  }
}
@media (max-width: 500px) and (min-width: 0) {
  .sucursales .sec1 {
    padding-bottom: 70px;
  }
  .sucursales .sec1 .title {
    text-align: center;
    padding: 15px 60px 15px 180px;
    top: 10%;
    -webkit-transform: unset;
        -ms-transform: unset;
            transform: unset;
    left: -95px;
  }
  .sucursales .sec1 img {
    margin-top: 140px;
  }
  .sucursales .sec2 .separator {
    display: none;
  }
  .sucursales .sec2 .fs-70 {
    font-size: 35px !important;
  }
  .sucursales .sec3 h2 {
    margin-top: 0;
  }
  .sucursales .sec3 .gasera .info-col {
    padding: 6px 30px 20px 20px;
  }
  .sucursales .sec3 .gasera .info-col h3 {
    font-size: 25px !important;
    margin-top: 0;
  }
  .sucursales .sec3 .gasera .info-col .mb-3 {
    margin-bottom: 10px !important;
  }
  .sucursales .sec3 .gasera .info-col .ff-blogger {
    font-size: 18px;
  }
  .sucursales .sec3 .gasera .ps-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .sucursales .sec3 .gasera iframe {
    border-radius: 27px 27px 0 0;
    margin-bottom: 0;
  }
  .sucursales .sec3 .estado iframe {
    height: 300px;
  }
}

/* Sucursales Section */
.simulador .sim-sec1 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  background: url(../img/simulador/Banner_Principal.jpg) center center no-repeat;
  background-size: cover;
  min-height: 500px;
  height: auto;
}
.simulador .sim-sec1 .titlesim-sec1 {
  background: var(--rosa);
  color: var(--blanco);
  font-size: 80px;
  margin-top: 150px;
  padding: 0px 30px;
  /*width: 45%;*/
  display: inline-block;
  font-family: "Bariol_Regular", sans-serif;
  font-weight: 700;
}
.simulador .sim-sec2 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  background: url(../img/simulador/Fondo_Bienvenido.jpg) center center no-repeat;
  background-size: cover;
  min-height: 300px;
  height: auto;
}
.simulador .sim-sec2 .titlesim-sec2 {
  text-align: center;
  color: var(--rosa);
  font-size: 45px;
  font-weight: 700;
  font-family: "NewJune-Bold", sans-serif;
  margin-top: 50px;
  display: block;
}
.simulador .sim-sec2 .green-line {
  height: 5px;
  width: 10%;
  background: var(--verde);
  margin: auto;
  display: block;
  margin-top: 20px;
  margin-bottom: 20px;
}
.simulador .sim-sec2 .titlesim-sec2a {
  text-align: center;
  color: var(--negro-texto);
  font-size: 28px;
  font-weight: 700;
  font-family: "NewJune-Bold", sans-serif;
}
.simulador .sim-sec3 {
  display: inline-block;
  width: 100%;
  min-height: 550px;
  height: auto;
  vertical-align: top;
  background: var(--blanco);
  padding: 50px 0px;
}
.simulador .sim-sec3 .form-simulador {
  margin: auto;
  display: block;
}
.simulador .sim-sec3 .form-simulador input {
  width: 100%;
  padding: 5px 10px;
  border: 2px solid var(--verde);
  margin-bottom: 20px;
  font-size: 16px;
}
.simulador .sim-sec3 .form-simulador select {
  width: 100%;
  padding: 5px 10px;
  border: 2px solid var(--verde);
  margin-bottom: 20px;
  font-size: 16px;
}
.simulador .sim-sec3 .form-simulador .btn-sim {
  background: var(--rosa);
  color: var(--blanco);
  padding: 2px 50px;
  font-size: 28px;
  border-radius: 10px;
  float: right;
  border: none;
  font-family: "NewJune-Medium-Italic", sans-serif;
}
.simulador .sim-sec3 .form-simulador ::-webkit-input-placeholder {
  color: var(--negro-texto);
  font-size: 18px;
}
.simulador .sim-sec3 .form-simulador ::-moz-placeholder {
  color: var(--negro-texto);
  font-size: 18px;
}
.simulador .sim-sec3 .form-simulador :-ms-input-placeholder {
  color: var(--negro-texto);
  font-size: 18px;
}
.simulador .sim-sec3 .form-simulador ::-ms-input-placeholder {
  color: var(--negro-texto);
  font-size: 18px;
}
.simulador .sim-sec3 .form-simulador ::placeholder {
  color: var(--negro-texto);
  font-size: 18px;
}
.simulador .sim-sec4 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  background: url(../img/simulador/Fondo_BannerTyC.jpg) center center no-repeat;
  background-size: cover;
  padding: 60px 0px;
}
.simulador .sim-sec4 .titlesim-sec4 {
  color: var(--blanco);
  font-size: 50px;
  font-family: "NewJune-Bold", sans-serif;
  text-align: center;
}
.simulador .sim-sec4 .termino {
  background: var(--verde);
  color: var(--blanco);
  padding: 2px 80px;
  font-size: 40px;
  font-weight: 700;
  border-radius: 10px;
  border: none;
  font-family: "NewJune-Medium-Italic", sans-serif;
  text-decoration: none;
}
.simulador {
  /* FOOTER SECTION */
}
.simulador .f-sec1 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  background: url(../img/Img_Fondo_Footer.jpg) center center no-repeat;
  background-size: cover;
  min-height: 450px;
  height: auto;
  padding: 40px 0px;
}
.simulador .f-sec1 .title-footer {
  font-size: 35px;
  text-align: center;
  color: var(--blanco);
  font-family: "NewJune-Bold", sans-serif;
  margin-top: 50px;
  margin-bottom: 20px;
}
.simulador .f-sec1 .green-line {
  background: var(--verde);
  height: 5px;
  width: 7%;
  margin: auto;
  display: block;
  margin-bottom: 50px;
}
.simulador .f-sec1 .text-form {
  color: var(--negro-texto);
  font-size: 22px;
  font-family: "NewJune-Bold", sans-serif;
  margin-bottom: 50px;
}
.simulador .f-sec1 .text-form .parrafo-footer {
  color: var(--negro-texto);
  font-size: 24px;
  font-family: "NewJune-Bold", sans-serif;
}
.simulador .f-sec1 .text-form .tel-footer {
  color: var(--blanco);
  text-decoration: none;
}
.simulador .f-sec1 .redes {
  color: var(--blanco);
  font-size: 24px;
  font-family: "NewJune-Bold", sans-serif;
  float: left;
}
.simulador .f-sec1 .redes ul {
  display: inline-block;
  list-style: none;
  padding: 15px 0px;
  margin: 0px;
}
.simulador .f-sec1 .redes ul li {
  display: inline-block;
}
.simulador .f-sec1 .redes ul li .link-red {
  display: block;
  width: 100%;
  max-width: 60px;
  margin: 0 7px;
}
.simulador .f-sec1 .form-footer {
  background: var(--rosa);
  padding: 20px;
  min-height: 400px;
  height: auto;
}
.simulador .f-sec1 .form-footer .title-form {
  color: var(--blanco);
  font-family: "NewJune-Medium-Italic", sans-serif;
  font-size: 25px;
  font-weight: 700;
  margin-bottom: 15px;
}
.simulador .f-sec1 .form-footer label {
  width: 100%;
  color: var(--blanco);
  font-size: 14px;
}
.simulador .f-sec1 .form-footer input {
  width: 100%;
  color: var(--negro-texto);
  border: none;
}
.simulador .f-sec1 .form-footer textarea {
  width: 100%;
  color: var(--negro-texto);
  border: none;
}
.simulador .f-sec1 .form-footer button {
  background: var(--verde);
  color: var(--blanco);
  font-size: 14px;
  border: none;
  float: right;
  padding: 5px 50px;
  margin-top: 10px;
  font-family: "NewJune-Medium-Italic", sans-serif;
  font-weight: 700;
}
.simulador .f-sec1 .copy {
  text-align: center;
  font-size: 12px;
  color: var(--negro-texto);
  margin-top: 50px;
}
.simulador .f-sec2 {
  display: inline-block;
  width: 100%;
  min-height: 100px;
  height: auto;
  vertical-align: top;
  background: var(--azul);
  padding: 30px 0px;
}
.simulador .f-sec2 .aliados {
  display: block;
  margin: auto;
}
.simulador .f-sec2 .aliados .aliado {
  width: calc((100% - 40px) / 5);
  display: inline-block;
}
.simulador .f-sec2 .aliados .aliado .img-aliado1 {
  margin: auto;
  display: block;
  margin-top: -40px;
}
.simulador .f-sec2 .aliados .aliado .img-aliado {
  margin: auto;
  display: block;
}
.simulador .f-sec3 {
  display: inline-block;
  width: 100%;
  min-height: 50px;
  height: auto;
  vertical-align: top;
  background: var(--rosa);
}
.simulador .f-sec3 .derechos {
  text-align: center;
  color: var(--blanco);
  font-size: 18px;
  font-family: "NewJune-Bold", sans-serif;
  margin-top: 10px;
}
.simulador .f-sec4 {
  display: inline-block;
  width: 100%;
  min-height: 200px;
  height: auto;
  vertical-align: top;
  background: var(--blanco);
  padding: 20px 0px;
}
.simulador .f-sec4 .titlecuatro {
  color: var(--negro-texto);
  font-size: 18px;
  text-align: center;
}
.simulador .f-sec4 .titlecuatro .sofom {
  color: var(--azul);
  font-size: 18px;
  text-align: center;
  font-family: "NewJune-Bold", sans-serif;
}
.simulador .f-sec4 .valor {
  color: var(--negro-texto);
  font-size: 16px;
  text-align: center;
  margin: 2% 0;
}
.simulador .f-sec4 .cat {
  color: var(--negro-texto);
  font-size: 10px;
  text-align: center;
}
.simulador .f-sec4 .cat .cat-prom {
  color: var(--negro-texto);
  font-family: "NewJune-Bold", sans-serif;
}

@media (max-width: 767px) and (min-width: 0px) {
  .simulador .sim-sec4 .termino {
    margin: auto;
    display: block;
    text-align: center;
    width: 70%;
  }
  .simulador .f-sec2 .aliados .aliado {
    width: calc((100% - 40px) / 2);
  }
}
@media (max-width: 569px) and (min-width: 480px) {
  .simulador .sim-sec4 .termino {
    margin: auto;
    display: block;
    text-align: center;
    width: 80%;
  }
  .simulador .f-sec2 .aliados .aliado {
    width: calc((100% - 40px) / 2);
  }
}
@media (max-width: 479px) and (min-width: 0px) {
  .simulador .sim-sec1 .titlesim-sec1 {
    font-size: 50px;
  }
  .simulador .sim-sec4 .termino {
    margin: auto;
    display: block;
    text-align: center;
    width: 100%;
  }
  .simulador .f-sec2 .aliados .aliado {
    width: calc((100% - 40px) / 2);
  }
}
.equipo .sec1 {
  padding: 120px 8% 0;
}
.equipo .sec1 h1 {
  margin-top: 8rem;
}
.equipo .sec2 .ff-blogger {
  line-height: 1.5rem !important;
}
.equipo .sec3 {
  background-image: url("../img/nuestro-equipo/mexi-banner-promovemos-el-respeto.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}
.equipo .sec3 .ff-blogger {
  line-height: 2rem !important;
}
.equipo .sec4 .cajas .caja {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 20px;
}
.equipo .sec4 .cajas .caja a {
  color: var(--negro);
  text-decoration: none;
  width: 100%;
}
.equipo .sec4 .cajas .caja a .job-box {
  border-radius: 20px;
  padding: 25px 40px 25px 25px;
  width: 450px;
}
.equipo .sec4 .cajas .caja a .job-box .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.equipo .sec4 .cajas .caja a .job-box .row .iconbx i {
  font-size: 30px;
}
.equipo .sec5 .form-unete {
  border-radius: 20px;
  padding: 45px 60px;
}
.equipo .sec5 .form-unete .file-input {
  border-radius: 10px;
  border: none;
}
.equipo .sec5 .line {
  height: 5px;
  width: 90%;
  margin: 30px auto;
  background-color: var(--verde);
}
@media (max-width: 500px) and (min-width: 0) {
  .equipo .sec1 {
    padding: 70px 8% 0;
  }
  .equipo .sec1 h1 {
    margin-top: 0;
  }
  .equipo .sec1 {
    text-align: center;
  }
  .equipo .sec2 {
    padding-top: 20px;
  }
  .equipo .sec2 h2 {
    font-size: 25px !important;
  }
  .equipo .sec2 .fs-25 {
    font-size: 18px !important;
  }
  .equipo .sec2 .ff-blogger {
    line-height: 1rem !important;
  }
  .equipo .sec2 .col-xs-6 {
    min-height: 210px;
  }
  .equipo .sec3 p {
    font-size: 25px;
  }
  .equipo .sec3 h2 {
    font-size: 25px !important;
  }
  .equipo .sec3 .fs-25 {
    font-size: 18px !important;
  }
  .equipo .sec3 img {
    max-width: 150px;
  }
  .equipo .sec3 .fs-35 {
    font-size: 20px !important;
  }
  .equipo .sec3 .ff-blogger {
    line-height: 1.5rem !important;
  }
  .equipo .sec4 h2 {
    margin-top: 0px;
    font-size: 25px !important;
  }
  .equipo .sec4 .mb-4 {
    margin-bottom: 20px !important;
  }
  .equipo .sec4 .cajas .caja {
    margin-bottom: 25px;
  }
  .equipo .sec4 .cajas .caja a .job-box {
    width: 100%;
  }
  .equipo .sec4 .cajas .caja .fs-35 {
    font-size: 22px !important;
  }
  .equipo .sec4 .cajas .caja .fs-25 {
    font-size: 18px !important;
  }
  .equipo .sec5 h2 {
    font-size: 25px !important;
  }
  .equipo .sec5 .form-unete {
    border-radius: 20px;
    padding: 20px;
  }
  .equipo .sec5 .form-unete .btn-cta {
    margin-top: 30px;
  }
}

/* Blog Section */
.blog .fecha {
  color: #676767 !important;
}
.blog .blog-sec1 {
  background-color: var(--verde);
  padding: 0 9% 0;
}
.blog .blog-sec1 .img {
  margin-top: 80px;
  width: 100%;
}
.blog .blog-sec2 h2 {
  color: var(--verde);
}
.blog .blog-sec2 h3 {
  color: var(--rosa) !important;
  font-size: 60px;
  margin-bottom: 45px;
}
.blog .blog-sec2 .text-1 {
  text-transform: uppercase;
  font-size: 25px;
  font-weight: 500;
  font-family: "Bebas", sans-serif;
  margin: 0;
}
.blog .blog-sec2 .text-2 {
  text-transform: uppercase;
  color: var(--verde);
  font-size: 65px;
  font-weight: 500;
  font-family: "Bebas", sans-serif;
  margin: 0;
}
.blog .blog-sec2 .btn-cta-blog {
  display: inline-block;
  color: var(--blanco);
  background-color: var(--rosa);
  padding: 10px 40px;
  border-radius: 10px;
  font-size: 18px;
  text-decoration: unset;
  margin-top: 80px;
}
.blog .blog-sec2 .nav-pills > li.active > a {
  background-color: var(--verde);
  color: var(--blanco);
  border-radius: 10px;
  padding: 12px 40px;
}
.blog .blog-sec2 .nav-pills > li.active > a:hover,
.blog .blog-sec2 .nav-pills > li.active > a:focus {
  background-color: var(--verde);
  color: var(--blanco);
}
.blog .blog-sec2 .nav-pills > li > a:hover {
  background-color: unset;
}
.blog .blog-sec2 .nav-pills > li > a {
  color: unset;
  float: left;
  margin: 0 15px;
  text-align: center;
  background-color: var(--blanco);
  border-radius: 10px;
  padding: 12px 40px;
  border: 1px solid var(--verde);
}
.blog .blog-sec2 .custom-select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: var(--gris-claro);
  border: none;
  padding: 10px 40px 10px 15px;
  border-radius: 8px;
  width: 160px;
  cursor: pointer;
  background-image: url("../img/blog/icono-click.png");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 20px;
}
.blog .blog-sec2 .custom-select:focus {
  outline: none;
  -webkit-box-shadow: 0 0 0 2px var(--verde);
          box-shadow: 0 0 0 2px var(--verde);
}
.blog .blog-sec2 .lupa {
  padding: 12px;
}
.blog .blog-sec2 .icono-lupa {
  width: 20px;
}
.blog .blog-sec2 .btn {
  border-radius: 8px;
}
.blog .blog-sec2 .form-control {
  background-color: var(--gris-claro);
  border: unset;
  font-size: 20px;
  border-radius: 8px;
  padding: 10px;
}
.blog .blog-sec3 {
  padding: 0px 9% 80px;
}
.blog .blog-sec3 .titulo-nota {
  text-transform: uppercase;
  font-size: 40px;
  margin: 0;
  font-family: "Bebas", sans-serif;
  color: var(--verde);
}
.blog .blog-sec3 .icono {
  width: 60%;
}
.blog .blog-sec4 {
  padding: 80px 9%;
  background-color: var(--gris-claro);
}
.blog .blog-sec4 h3 {
  color: var(--verde) !important;
  font-size: 60px;
  text-align: center;
  margin-bottom: 30px;
}
.blog .blog-sec4 .titulo-nota {
  text-transform: uppercase;
  font-size: 40px;
  margin: 0;
  font-family: "Bebas", sans-serif;
  color: var(--rosa);
}
.blog .blog-sec4 .fecha {
  color: #676767;
}
.blog .blog-sec4 .icono {
  width: 60%;
}
.blog .blog-sec4 .img-notas {
  border-radius: 20px;
}
.blog .blog-sec5 .fondo1 {
  background: url(../img/blog/imagen-cta.png) center center no-repeat;
  background-size: cover;
  padding: 50px 9%;
  background-position: top;
  border-top-right-radius: 28px;
  border-bottom-right-radius: 28px;
}
@media (max-width: 574px) and (min-width: 0px) {
  .blog .align-items-center {
    display: -ms-inline-grid !important;
    display: inline-grid !important;
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
  .blog .blog-sec2 .text-2 {
    font-size: 55px;
  }
  .blog .blog-sec2 .nav-justified > li > a {
    margin-bottom: 15px !important;
  }
  .blog .blog-sec2 h3 {
    text-align: center;
  }
  .blog .blog-sec2 .custom-select {
    margin-bottom: 15px;
  }
  .blog .blog-sec2 .form-control {
    margin-bottom: 15px;
  }
  .blog .blog-sec4 .icono {
    width: 15%;
  }
}

.blog-individual .latest-news h3 {
  color: var(--verde) !important;
  font-size: 60px;
  text-align: center;
  margin-bottom: 30px;
}
.blog-individual .latest-news .titulo-nota {
  text-transform: uppercase;
  font-size: 40px;
  margin: 0;
  font-family: "Bebas", sans-serif;
  color: var(--rosa);
}
.blog-individual .latest-news .fecha {
  color: #676767;
}
.blog-individual .latest-news .icono {
  width: 100%;
}
.blog-individual .latest-news .img-notas {
  border-radius: 20px;
}
.blog-individual .sec2 .verde-h {
  font-size: 18px;
  text-align: center;
  padding: 10px 15px;
  margin-bottom: 10px;
  color: var(--negro-texto) !important;
}
.blog-individual .sec2 .verde-h.active {
  background-color: var(--verde);
  color: var(--blanco) !important;
}
.blog-individual .sec2 .verde-h:hover {
  background-color: var(--verde);
  color: var(--blanco) !important;
}
.blog-individual .sec2 .mb-4 {
  margin-bottom: 40px;
}
.blog-individual .sec2 .espacio {
  margin-bottom: 120px;
}
.blog-individual .sec2 .autor {
  text-transform: uppercase;
  font-size: 25px;
  font-family: "Bebas", sans-serif !important;
}
.blog-individual .sec2 .fecha-nota {
  color: var(--negro-texto);
  font-size: 17px;
  text-align: end;
}
.blog-individual .sec2 .fecha {
  color: #676767;
}
.blog-individual .sec2 .circulo {
  height: 70px;
  width: 70px;
  border-radius: 50%;
  margin-left: 10px;
  margin-right: 20px;
  background-color: var(--gris-claro);
}
.blog-individual .sec2 .flecha-regreso {
  margin-top: 15px;
  width: 100%;
}
.blog-individual .sec2 .text-regreso {
  color: unset !important;
  font-size: 30px;
  margin-bottom: 0 !important;
}
.blog-individual .sec2 h3 {
  color: var(--rosa) !important;
  font-size: 60px;
  margin-bottom: 45px;
}
.blog-individual .sec2 .img-nota {
  width: 100%;
  border-radius: 25px;
}
.blog-individual .sec2 .nav-pills > li.active > a {
  background-color: var(--verde);
  color: var(--blanco);
  border-radius: 10px;
  padding: 12px 40px;
}
.blog-individual .sec2 .nav-pills > li.active > a:hover,
.blog-individual .sec2 .nav-pills > li.active > a:focus {
  background-color: var(--verde);
  color: var(--blanco);
}
.blog-individual .sec2 .nav-pills > li > a:hover {
  background-color: unset;
}
.blog-individual .sec2 .nav-pills > li > a {
  color: unset;
  float: left;
  margin: 0 15px;
  text-align: center;
  background-color: var(--blanco);
  border-radius: 10px;
  padding: 12px 40px;
  border: 1px solid var(--verde);
}
.blog-individual .sec2 .custom-select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: var(--gris-claro);
  border: none;
  padding: 10px 40px 10px 15px;
  border-radius: 8px;
  width: 160px;
  cursor: pointer;
  background-image: url("../img/blog/icono-click.png");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 20px;
}
.blog-individual .sec2 .text-1 {
  text-transform: uppercase;
  font-size: 25px;
  font-weight: 500;
  font-family: "Bebas", sans-serif;
  margin: 0;
}
.blog-individual .sec2 .text-2 {
  text-transform: uppercase;
  color: var(--verde);
  font-size: 65px;
  font-weight: 500;
  font-family: "Bebas", sans-serif;
  margin: 0;
}
.blog-individual .sec2 .btn-cta-blog {
  display: inline-block;
  color: var(--blanco);
  background-color: var(--rosa);
  padding: 10px 40px;
  border-radius: 10px;
  font-size: 18px;
  text-decoration: unset;
  margin-top: 80px;
}
.blog-individual .sec2 .custom-select:focus {
  outline: none;
  -webkit-box-shadow: 0 0 0 2px var(--verde);
          box-shadow: 0 0 0 2px var(--verde);
}
.blog-individual .sec2 .lupa {
  padding: 12px;
}
.blog-individual .sec2 .icono-lupa {
  width: 20px;
}
.blog-individual .sec2 .btn {
  border-radius: 8px;
}
.blog-individual .sec2 .contenido-nota {
  font-size: 18px !important;
  font-family: "Poppins", sans-serif !important;
}
.blog-individual .sec2 .contenido-nota p {
  font-size: 18px !important;
  font-family: "Poppins", sans-serif !important;
}
.blog-individual .sec2 .contenido-nota h2 {
  font-size: 24px !important;
  font-weight: 700;
  font-family: "Bebas", sans-serif !important;
}
.blog-individual .sec2 .contenido-nota a {
  color: var(--rosa);
}
.blog-individual .sec2 .contenido-nota b,
.blog-individual .sec2 .contenido-nota strong {
  font-weight: 700 !important;
  font-family: "Poppins", sans-serif !important;
}
.blog-individual .sec3 {
  padding: 0 9% 20px;
}
.blog-individual .sec3 .line {
  border: 1px solid var(--gris-claro);
}
.blog-individual .sec3 .icono {
  width: 60%;
}
@media (max-width: 574px) and (min-width: 0px) {
  .blog-individual .sec2 .align-items-center {
    display: -ms-inline-grid !important;
    display: inline-grid !important;
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
  .blog-individual .sec2 .text-2 {
    font-size: 55px;
  }
  .blog-individual .sec2 .nav-justified > li > a {
    margin-bottom: 15px !important;
  }
  .blog-individual .sec2 h3 {
    text-align: center;
  }
  .blog-individual .sec2 .flecha-regreso {
    width: 15% !important;
    margin-top: 15px;
  }
  .blog-individual .sec2 .custom-select {
    margin-bottom: 15px;
  }
  .blog-individual .sec2 .form-control {
    margin-bottom: 15px;
  }
  .blog-individual .sec3 .icono {
    width: 15%;
  }
}

/* Mexi Tres Section */
.mexi-tres .form-footer .img-footer {
  left: 14% !important;
  width: 21rem !important;
}
.mexi-tres .cat-sec {
  padding-bottom: 0;
}
.mexi-tres .cat-sec .valor {
  color: var(--negro-texto);
  font-size: 16px;
  text-align: center;
  margin: 2% 0;
}
.mexi-tres .cat-sec .cat {
  font-size: 12px;
  text-align: center;
}
.mexi-tres .tres-sec1 {
  background-color: var(--rosa);
  padding: 80px 9% 150px;
}
.mexi-tres .tres-sec1 .title {
  text-align: center;
  margin-top: 5%;
}
.mexi-tres .tres-sec1 .img-person {
  position: absolute;
  left: 12%;
  width: 100%;
  max-width: 435px;
  right: 0;
  bottom: 0px;
}
@media (max-width: 989px) and (min-width: 768px) {
  .mexi-tres .tres-sec1 {
    padding: 20px 0% 400px;
  }
  .mexi-tres .tres-sec1 h1 {
    text-align: center;
  }
  .mexi-tres .tres-sec1 .img-person {
    left: 10%;
    max-width: 400px;
    margin: auto;
  }
}
@media (max-width: 767px) and (min-width: 0px) {
  .mexi-tres .tres-sec1 {
    width: 100%;
    background-color: var(--rosa);
    padding: 40px 0% 450px;
  }
  .mexi-tres .tres-sec1 .title {
    text-align: center;
    margin-left: 0px;
  }
  .mexi-tres .tres-sec1 .img-person {
    left: 5%;
    max-width: 400px;
    margin: auto;
    width: 85%;
  }
}
.mexi-tres .tres-sec2 .box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
}
.mexi-tres .tres-sec2 .box .line {
  width: 40%;
  height: 4px;
  background-color: var(--rosa);
}
@media (max-width: 479px) and (min-width: 0px) {
  .mexi-tres .tres-sec2 .line {
    margin-bottom: 15%;
  }
}
.mexi-tres .tres-sec3 {
  padding: 80px 0 80px 9%;
}
.mexi-tres .tres-sec3 .emprender {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 30px;
  margin-right: 8%;
}
.mexi-tres .tres-sec3 .emprender .imagen {
  width: 70%;
  margin-top: -8%;
}
.mexi-tres .tres-sec3 .fila2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mexi-tres .tres-sec3 h2 {
  padding-top: 30px;
}
.mexi-tres .tres-sec3 .slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 2.5% 3.5% 2.5% 2.5%;
  border-top-left-radius: 35px;
  border-bottom-left-radius: 35px;
}
.mexi-tres .tres-sec3 .slider .glide .glide__slide .caracteristica {
  border-radius: 28px;
  padding: 60px;
  width: 260px;
  height: 260px;
}
.mexi-tres .tres-sec3 .slider .glide .glide__slide .caracteristica p {
  line-height: normal;
  font-size: 20px !important;
}
.mexi-tres .tres-sec3 .slider .glide .glide__bullets {
  bottom: -35px;
  left: -110%;
}
.mexi-tres .tres-sec3 .slider .glide .glide__bullets .glide__bullet {
  background-color: var(--gris-claro);
  width: 9px;
  height: 9px;
}
.mexi-tres .tres-sec3 .slider .glide .glide__bullets .glide__bullet--active {
  background-color: var(--rosa);
}
@media (min-width: 1920px) {
  .mexi-tres .tres-sec3 .slider .glide .glide__slide .caracteristica {
    border-radius: 28px;
    padding: 60px;
    width: 300px;
    height: 300px;
  }
  .mexi-tres .tres-sec3 .slider .glide .glide__slide .caracteristica p {
    line-height: normal;
    font-size: 25px !important;
  }
  .mexi-tres .tres-sec3 .slider .glide .glide__bullets {
    bottom: -35px;
    left: -110%;
  }
  .mexi-tres .tres-sec3 .slider .glide .glide__bullets .glide__bullet {
    background-color: var(--gris-claro);
    width: 9px;
    height: 9px;
  }
  .mexi-tres .tres-sec3 .slider .glide .glide__bullets .glide__bullet--active {
    background-color: var(--rosa);
  }
}
@media (max-width: 767px) and (min-width: 0px) {
  .mexi-tres .tres-sec3 .emprender {
    display: block;
  }
  .mexi-tres .tres-sec3 .emprender img {
    margin-bottom: 30px;
  }
}
@media (max-width: 479px) and (min-width: 0px) {
  .mexi-tres .tres-sec3 .emprender {
    padding: 5% 2% 0 2%;
    text-align: center;
  }
  .mexi-tres .tres-sec3 .emprender .fs-25 {
    font-size: 18px !important;
  }
  .mexi-tres .tres-sec3 .emprender .imagen {
    width: 100%;
    margin-top: 0;
    bottom: 0px;
    margin-bottom: 0px !important;
  }
  .mexi-tres .tres-sec3 .fila2 {
    display: block;
  }
  .mexi-tres .tres-sec3 .fila2 .slider {
    padding: 5% 6.5% 5% 5%;
    border-top-left-radius: 35px;
    border-bottom-left-radius: 35px;
  }
  .mexi-tres .tres-sec3 .fila2 .slider .glide .glide__slide .caracteristica {
    border-radius: 28px;
    padding: 40px;
    width: 220px;
    height: 220px;
  }
  .mexi-tres .tres-sec3 .fila2 .slider .glide .glide__slide .caracteristica p {
    line-height: normal;
    font-size: 18px !important;
  }
  .mexi-tres .tres-sec3 .fila2 .slider .glide .glide__bullets {
    bottom: -45px;
    left: 50%;
  }
  .mexi-tres .tres-sec3 .fila2 .slider .glide .glide__bullets .glide__bullet {
    background-color: var(--gris-claro);
    width: 9px;
    height: 9px;
  }
  .mexi-tres .tres-sec3 .fila2 .slider .glide .glide__bullets .glide__bullet--active {
    background-color: var(--rosa);
  }
}
.mexi-tres .tres-sec4 {
  padding: 80px 0px;
}
.mexi-tres .tres-sec4 .requisitos {
  background-image: url("../img/creditos/mexi-tres/background-pensionados-jubilados.png");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 50px 49% 50px 9%;
  border-top-right-radius: 28px;
  border-bottom-right-radius: 28px;
}
@media (min-width: 1920px) {
  .mexi-tres .tres-sec4 .requisitos {
    padding: 50px 60% 50px 9%;
  }
}
@media (max-width: 479px) and (min-width: 0px) {
  .mexi-tres .tres-sec4 {
    padding: 80px 20px;
  }
  .mexi-tres .tres-sec4 h4 {
    font-size: 20px;
  }
  .mexi-tres .tres-sec4 .requisitos {
    background-image: url("../img/creditos/mexi-tres/background-pensionados-jubilados-res.png");
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    border-top-right-radius: 0px;
    padding: 50px 9% 50px 9%;
    min-height: 950px;
  }
  .mexi-tres .tres-sec4 .requisitos p {
    font-size: 16px !important;
  }
  .mexi-tres .tres-sec4 .requisitos .btn-cta {
    border-color: var(--verde);
    color: var(--verde);
    padding: 10px 30px;
    font-size: 18px !important;
  }
  .mexi-tres .tres-sec4 .requisitos .btn-cta:hover {
    color: var(--blanco);
    background-color: var(--verde);
  }
}
.mexi-tres .tres-sec5 {
  padding: 50px 9%;
}
.mexi-tres .tres-sec5 .col-md-4 {
  padding: 0px 3%;
}
.mexi-tres .tres-sec5 .box {
  border-radius: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mexi-tres .tres-sec5 .box .icono {
  padding: 60px;
  margin-left: -10%;
}
.mexi-tres .tres-sec5 .box .ic1 {
  background-image: url("../img/creditos/mexi-tres/icono-aprobamos-credito.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.mexi-tres .tres-sec5 .box .ic1:hover {
  background-image: url("../img/creditos/mexi-tres/icono-aprobamos-credito-hov.png");
}
.mexi-tres .tres-sec5 .box .ic2 {
  background-image: url("../img/creditos/mexi-tres/icono-monto-adecuado.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.mexi-tres .tres-sec5 .box .ic2:hover {
  background-image: url("../img/creditos/mexi-tres/icono-monto-adecuado-hov.png");
}
.mexi-tres .tres-sec5 .box .ic3 {
  background-image: url("../img/creditos/mexi-tres/icono-tramites.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.mexi-tres .tres-sec5 .box .ic3:hover {
  background-image: url("../img/creditos/mexi-tres/icono-tramites-hov.png");
}
.mexi-tres .tres-sec5 .box .ic4 {
  background-image: url("../img/creditos/mexi-tres/icono-aval.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.mexi-tres .tres-sec5 .box .ic4:hover {
  background-image: url("../img/creditos/mexi-tres/icono-aval-hov.png");
}
.mexi-tres .tres-sec5 .box .ic5 {
  background-image: url("../img/creditos/mexi-tres/icono-comision-apertura.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.mexi-tres .tres-sec5 .box .ic5:hover {
  background-image: url("../img/creditos/mexi-tres/icono-comision-apertura-hov.png");
}
.mexi-tres .tres-sec5 .box .txt {
  padding: 10px 15px;
}
.mexi-tres .tres-sec5 .box .txt p {
  padding-left: 5px;
  padding-right: 15%;
}
@media (min-width: 1920px) {
  .mexi-tres .tres-sec5 .col-md-4 {
    padding: 0px 5%;
  }
  .mexi-tres .tres-sec5 .box .icono {
    padding: 70px;
  }
  .mexi-tres .tres-sec5 .box .txt {
    padding: 10px 15px;
  }
  .mexi-tres .tres-sec5 .box .txt p {
    padding-left: 10px;
    padding-right: 35%;
  }
}
@media (max-width: 479px) and (min-width: 0px) {
  .mexi-tres .tres-sec5 .box .txt p {
    font-size: 18px !important;
  }
  .mexi-tres .tres-sec5 .box .txt {
    padding: 10px;
  }
}
.mexi-tres .tres-sec6 {
  padding-top: 0;
  background: url(../img/home/mexi-banner-mapa.png) no-repeat;
  background-size: cover;
}
@media (max-width: 767px) and (min-width: 0px) {
  .mexi-tres .tres-sec6 .fs-m {
    font-size: 16px;
  }
  .mexi-tres .tres-sec6 .mapa {
    width: 100%;
  }
}
.mexi-tres .tres-sec7 {
  padding: 80px 9%;
}
.mexi-tres .tres-sec8 {
  padding: 80px 0px 80px 9%;
  background: url(../img/voluntariado/mexi-banner-contacto.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
.mexi-tres .tres-sec8 .box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.mexi-tres .tres-sec8 .box .formulario {
  width: 50%;
  padding: 7%;
}
.mexi-tres .tres-sec8 .box .formulario .btn-cta {
  padding: 14px 16%;
}
@media (max-width: 767px) and (min-width: 0px) {
  .mexi-tres .tres-sec8 .box {
    display: block;
  }
  .mexi-tres .tres-sec8 .box .formulario {
    width: 100%;
    padding: 10%;
  }
}
@media (max-width: 479px) and (min-width: 0px) {
  .mexi-tres .tres-sec8 {
    padding: 30px 0px;
  }
  .mexi-tres .tres-sec8 .box .formulario {
    padding: 10%;
  }
  .mexi-tres .tres-sec8 .box .formulario .btn-cta {
    padding: 14px 10%;
  }
}

.mexi-dxn {
  overflow-y: hidden !important;
}
.mexi-dxn .form-footer .img-footer {
  left: 14% !important;
  width: 21rem !important;
}
.mexi-dxn .cat-sec {
  padding-bottom: 40px;
}
.mexi-dxn .cat-sec .valor {
  color: var(--negro-texto);
  font-size: 16px;
  text-align: center;
  margin: 1% 0;
}
.mexi-dxn .cat-sec .cat {
  font-size: 12px;
  text-align: center;
}
.mexi-dxn .dxn-sec1 {
  background: url(../img/creditos/mexi-dxn/mexi-banner-header.jpg) no-repeat;
  background-size: cover;
  padding: 80px 9% 190px;
}
.mexi-dxn .dxn-sec1 .title {
  margin-top: 5%;
}
.mexi-dxn .dxn-sec1 h1 {
  margin-top: 0px;
}
.mexi-dxn .dxn-sec1 .img-person {
  position: absolute;
  left: 12%;
  width: 100%;
  max-width: 435px;
  right: 0;
  bottom: 0px;
}
.mexi-dxn .dxn-sec1 h1.fs-85 {
  font-size: 85px;
}
.mexi-dxn .dxn-sec1 .fs-l {
  font-size: 42px !important;
}
@media (max-width: 989px) and (min-width: 768px) {
  .mexi-dxn .dxn-sec1 {
    padding: 20px 0% 400px;
  }
  .mexi-dxn .dxn-sec1 h1 {
    text-align: center;
  }
  .mexi-dxn .dxn-sec1 .img-person {
    left: 10%;
    max-width: 400px;
    margin: auto;
  }
}
@media (max-width: 767px) and (min-width: 0px) {
  .mexi-dxn .dxn-sec1 {
    width: 100%;
    background-color: var(--rosa);
    padding: 40px 0% 450px;
  }
  .mexi-dxn .dxn-sec1 .title {
    text-align: center;
    margin-left: 0px;
  }
  .mexi-dxn .dxn-sec1 .img-person {
    left: 5%;
    max-width: 400px;
    margin: auto;
    width: 85%;
  }
}
.mexi-dxn .dxn-sec2 .box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
}
.mexi-dxn .dxn-sec2 .box .line {
  width: 40%;
  height: 4px;
  background-color: var(--rosa);
}
@media (max-width: 479px) and (min-width: 0px) {
  .mexi-dxn .dxn-sec2 .line {
    margin-bottom: 15%;
  }
}
.mexi-dxn .dxn-sec3 {
  padding: 80px 0 80px 9%;
}
.mexi-dxn .dxn-sec3 .emprender {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 30px;
  margin-right: 8%;
}
.mexi-dxn .dxn-sec3 .emprender .imagen {
  width: 80%;
  margin-top: -9%;
}
.mexi-dxn .dxn-sec3 .fila2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mexi-dxn .dxn-sec3 .slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 2.5% 3.5% 2.5% 2.5%;
  border-top-left-radius: 35px;
  border-bottom-left-radius: 35px;
}
.mexi-dxn .dxn-sec3 .slider .glide .glide__slide .caracteristica {
  border-radius: 28px;
  padding: 60px;
  width: 260px;
  height: 260px;
}
.mexi-dxn .dxn-sec3 .slider .glide .glide__slide .caracteristica p {
  line-height: normal;
  font-size: 20px !important;
}
.mexi-dxn .dxn-sec3 .slider .glide .glide__bullets {
  bottom: -35px;
  left: -110%;
}
.mexi-dxn .dxn-sec3 .slider .glide .glide__bullets .glide__bullet {
  background-color: var(--gris-claro);
  width: 9px;
  height: 9px;
}
.mexi-dxn .dxn-sec3 .slider .glide .glide__bullets .glide__bullet--active {
  background-color: var(--rosa);
}
@media (min-width: 1920px) {
  .mexi-dxn .dxn-sec3 .slider .glide .glide__slide .caracteristica {
    border-radius: 28px;
    padding: 60px;
    width: 300px;
    height: 300px;
  }
  .mexi-dxn .dxn-sec3 .slider .glide .glide__slide .caracteristica p {
    line-height: normal;
    font-size: 25px !important;
  }
  .mexi-dxn .dxn-sec3 .slider .glide .glide__bullets {
    bottom: -35px;
    left: -110%;
  }
  .mexi-dxn .dxn-sec3 .slider .glide .glide__bullets .glide__bullet {
    background-color: var(--gris-claro);
    width: 9px;
    height: 9px;
  }
  .mexi-dxn .dxn-sec3 .slider .glide .glide__bullets .glide__bullet--active {
    background-color: var(--rosa);
  }
}
@media (max-width: 767px) and (min-width: 0px) {
  .mexi-dxn .dxn-sec3 .emprender {
    display: block;
  }
  .mexi-dxn .dxn-sec3 .emprender img {
    margin-bottom: 30px;
  }
}
@media (max-width: 479px) and (min-width: 0px) {
  .mexi-dxn .dxn-sec3 .emprender {
    padding: 5% 2% 0 2%;
    text-align: center;
  }
  .mexi-dxn .dxn-sec3 .emprender .fs-25 {
    font-size: 18px !important;
  }
  .mexi-dxn .dxn-sec3 .emprender .imagen {
    width: 100%;
    margin-top: 0;
    bottom: 0px;
    margin-bottom: 0px !important;
  }
  .mexi-dxn .dxn-sec3 .fila2 {
    display: block;
    margin: 0;
  }
  .mexi-dxn .dxn-sec3 .fila2 .slider {
    padding: 5% 6.5% 5% 5%;
    border-top-left-radius: 35px;
    border-bottom-left-radius: 35px;
  }
  .mexi-dxn .dxn-sec3 .fila2 .slider .glide .glide__slide .caracteristica {
    border-radius: 28px;
    padding: 40px;
    width: 220px;
    height: 220px;
  }
  .mexi-dxn .dxn-sec3 .fila2 .slider .glide .glide__slide .caracteristica p {
    line-height: normal;
    font-size: 18px !important;
  }
  .mexi-dxn .dxn-sec3 .fila2 .slider .glide .glide__bullets {
    bottom: -45px;
    left: 50%;
  }
  .mexi-dxn .dxn-sec3 .fila2 .slider .glide .glide__bullets .glide__bullet {
    background-color: var(--gris-claro);
    width: 9px;
    height: 9px;
  }
  .mexi-dxn .dxn-sec3 .fila2 .slider .glide .glide__bullets .glide__bullet--active {
    background-color: var(--rosa);
  }
}
.mexi-dxn .dxn-sec4 {
  padding: 80px 0px;
}
.mexi-dxn .dxn-sec4 .requisitos {
  background-image: url("../img/creditos/mexi-dxn/mexi-dxn-prestamos.png");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 50px 49% 50px 9%;
  border-top-right-radius: 28px;
  border-bottom-right-radius: 28px;
}
@media (min-width: 1920px) {
  .mexi-dxn .dxn-sec4 .requisitos {
    padding: 50px 60% 50px 9%;
  }
}
@media (max-width: 479px) and (min-width: 0px) {
  .mexi-dxn .dxn-sec4 {
    padding: 80px 20px;
  }
  .mexi-dxn .dxn-sec4 h4 {
    font-size: 20px;
  }
  .mexi-dxn .dxn-sec4 .requisitos {
    background-image: url("../img/creditos/mexi-dxn/mexi-dxn-prestamos-res.png");
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    border-top-right-radius: 0px;
    padding: 50px 9% 50px 9%;
    min-height: 700px;
  }
  .mexi-dxn .dxn-sec4 .requisitos p {
    font-size: 16px !important;
  }
  .mexi-dxn .dxn-sec4 .requisitos .btn-cta {
    border-color: var(--verde);
    color: var(--verde);
    padding: 10px 30px;
    font-size: 18px !important;
  }
  .mexi-dxn .dxn-sec4 .requisitos .btn-cta:hover {
    color: var(--blanco);
    background-color: var(--verde);
  }
}
.mexi-dxn .dxn-sec5 {
  padding: 40px 5%;
}
.mexi-dxn .dxn-sec5 .container-fluid {
  padding: 40px 4%;
  border-radius: 30px;
}
.mexi-dxn .dxn-sec5 .box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.mexi-dxn .dxn-sec5 .box .icono1 {
  background-image: url("../img/creditos/mexi-dxn/icono-sin-garantia.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 150px;
  height: 150px;
}
.mexi-dxn .dxn-sec5 .box .icono1:hover {
  background-image: url("../img/creditos/mexi-dxn/icono-sin-garantia-hov.png");
}
.mexi-dxn .dxn-sec5 .box .icono2 {
  background-image: url("../img/creditos/mexi-dxn/icono-buro.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 150px;
  height: 150px;
}
.mexi-dxn .dxn-sec5 .box .icono2:hover {
  background-image: url("../img/creditos/mexi-dxn/icono-buro-hov.png");
}
.mexi-dxn .dxn-sec5 .box .icono3 {
  background-image: url("../img/creditos/mexi-dxn/icono-descuentos.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 150px;
  height: 150px;
}
.mexi-dxn .dxn-sec5 .box .icono3:hover {
  background-image: url("../img/creditos/mexi-dxn/icono-descuentos-hov.png");
}
.mexi-dxn .dxn-sec5 .box .icono4 {
  background-image: url("../img/creditos/mexi-dxn/icono-respuesta.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 150px;
  height: 150px;
}
.mexi-dxn .dxn-sec5 .box .icono4:hover {
  background-image: url("../img/creditos/mexi-dxn/icono-respuesta-hov.png");
}
@media (max-width: 767px) and (min-width: 0px) {
  .mexi-dxn .dxn-sec5 .dxn-sec5 .box .icono1,
  .mexi-dxn .dxn-sec5 .dxn-sec5 .box .icono2,
  .mexi-dxn .dxn-sec5 .dxn-sec5 .box .icono3,
  .mexi-dxn .dxn-sec5 .dxn-sec5 .box .icono4 {
    width: 100px;
    height: 100px;
  }
}
@media (max-width: 500px) and (min-width: 0px) {
  .mexi-dxn .dxn-sec5 .box {
    margin-top: 12% !important;
  }
}
.mexi-dxn .dxn-sec6 {
  padding: 5%;
}
.mexi-dxn .dxn-sec6 .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media (max-width: 767px) and (min-width: 0px) {
  .mexi-dxn .dxn-sec6 .fs-m {
    font-size: 16px;
  }
  .mexi-dxn .dxn-sec6 .mapa {
    width: 100%;
  }
}
.mexi-dxn .dxn-sec7 {
  padding: 50px 9% 50px 9%;
}
.mexi-dxn .dxn-sec7 .box {
  background-image: url("../img/creditos/mexi-dxn/mexi-dxn-aprobamos-credito.png");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 40px 0px;
  border-radius: 25px;
  position: absolute;
  width: 85%;
  left: 0;
  right: 0;
  margin-top: -5% !important;
  margin: auto;
}
@media (max-width: 479px) and (min-width: 0px) {
  .mexi-dxn .dxn-sec7 {
    margin-top: -8%;
  }
  .mexi-dxn .dxn-sec7 .box {
    padding: 20px 0;
  }
  .mexi-dxn .dxn-sec7 .fs-25 {
    font-size: 20px !important;
  }
}
.mexi-dxn .dxn-sec8 {
  padding: 10% 9% 80px;
}
.mexi-dxn .dxn-sec8 p {
  min-height: 60px;
}
.mexi-dxn .dxn-sec8 .box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mexi-dxn .dxn-sec8 .box .line {
  width: 65%;
  height: 4px;
  background-color: var(--amarillo);
}
@media (max-width: 479px) and (min-width: 0px) {
  .mexi-dxn .dxn-sec8 .line {
    margin-bottom: 15%;
  }
  .mexi-dxn .dxn-sec8 {
    padding: 60% 9% 80px;
  }
}
.mexi-dxn .dxn-sec9 {
  padding: 50px 0px;
}
.mexi-dxn .dxn-sec9 .dudas {
  margin-bottom: 50px;
  color: var(--rosa);
  font-weight: bold;
  font-size: 25px;
}
@media (max-width: 479px) and (min-width: 0px) {
  .mexi-dxn .dxn-sec9 h2 {
    font-size: 25px !important;
    margin-top: 0px;
  }
  .mexi-dxn .dxn-sec9 .fs-30 {
    font-size: 20px !important;
  }
}

/* Mexi Auto Section */
.mexi-auto .auto-sec1 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  background: url(../img/creditos/mexi-auto/Img_BannerPrincipal.jpg) center center no-repeat;
  background-size: cover;
  min-height: 500px;
  height: auto;
}
.mexi-auto .auto-sec1 .auto1 {
  float: right;
}
.mexi-auto .auto-sec1 .auto1 .auto-title1 {
  background: var(--azul);
  display: inline-block;
  color: var(--blanco);
  font-size: 80px;
  margin-top: 150px;
  padding: 5px 40px;
  font-family: "Bariol_Regular", sans-serif;
  font-weight: 700;
}
.mexi-auto .auto-sec1 .auto1 .cta-banner {
  background: var(--rosa);
  color: var(--blanco);
  font-size: 20px;
  font-family: "NewJune-Bold", sans-serif;
  padding: 10px 20px;
  text-decoration: none;
  display: inline-block;
  margin-top: 20px;
  border-radius: 0px;
  float: right;
}
.mexi-auto .auto-sec2 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  background: url(../img/creditos/mexi-auto/Fondo_PrestamossinBuro.jpg) center center no-repeat;
  background-size: cover;
  padding: 80px 0px;
}
.mexi-auto .auto-sec2 .img-mexiauto {
  margin: auto;
  display: block;
}
.mexi-auto .auto-sec2 .auto-title2 {
  color: var(--rosa);
  font-size: 50px;
  font-family: "NewJune-Bold", sans-serif;
  border-left: 6px solid var(--azul);
  padding: 0px 20px;
  margin-top: 5%;
}
.mexi-auto .auto-sec2 .auto-title2 .contigo {
  color: var(--negro-texto);
  font-size: 35px;
  font-family: "NewJune-Bold", sans-serif;
}
.mexi-auto .auto-sec3 .vehiculo {
  display: inline-block;
  /*width: 50%;*/
  vertical-align: top;
  background: url(../img/creditos/mexi-auto/Fondo_MEXIAutoesuncredito.jpg) center center no-repeat;
  background-size: cover;
  min-height: 420px;
  height: auto;
  padding: 50px;
}
.mexi-auto .auto-sec3 .vehiculo .auto-title3 {
  color: var(--blanco);
  text-align: center;
  font-size: 22px;
  font-family: "NewJune-Bold", sans-serif;
}
.mexi-auto .auto-sec3 .vehiculo .rose-line {
  height: 6px;
  background: var(--rosa);
  width: 10%;
  margin: auto;
  display: block;
  margin-top: 20px;
}
.mexi-auto .auto-sec3 .imagen1-auto {
  display: inline-block;
  /*width: 50%;*/
  vertical-align: top;
  background: url(../img/creditos/mexi-auto/Img_MEXIAutoesuncredito.jpg) center center no-repeat;
  background-size: cover;
  min-height: 420px;
  height: auto;
}
.mexi-auto .auto-sec4 .imagen2-auto {
  display: inline-block;
  vertical-align: top;
  background: url(../img/creditos/mexi-auto/Img_Obtendesde.jpg) center center no-repeat;
  background-size: cover;
  min-height: 400px;
  height: auto;
}
.mexi-auto .auto-sec4 .obten {
  display: inline-block;
  vertical-align: top;
  background: url(../img/creditos/mexi-auto/Fondo_Obtendesde.jpg) center center no-repeat;
  background-size: cover;
  min-height: 400px;
  height: auto;
}
.mexi-auto .auto-sec4 .obten .auto-title4 {
  color: var(--blanco);
  text-align: center;
  font-size: 50px;
  margin-top: 110px;
}
.mexi-auto .auto-sec4 .obten .auto-title4 .tresmil {
  color: var(--verde);
  font-family: "NewJune-Bold", sans-serif;
}
.mexi-auto .auto-sec4 .obten .auto-title4 .cienmil {
  color: var(--amarillo);
  font-family: "NewJune-Bold", sans-serif;
}
.mexi-auto .auto-sec5 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  background: url(../img/creditos/mexi-auto/Fondo_Bemneficios.jpg) center center no-repeat;
  background-size: cover;
  min-height: 500px;
  height: auto;
  padding: 50px 0px;
}
.mexi-auto .auto-sec5 .auto-title5 {
  font-size: 35px;
  text-align: center;
  color: var(--rosa);
  font-family: "NewJune-Bold", sans-serif;
  margin-bottom: 20px;
}
.mexi-auto .auto-sec5 .rose-line {
  background: var(--verde);
  height: 5px;
  width: 7%;
  margin: auto;
  display: block;
  margin-bottom: 20px;
}
.mexi-auto .auto-sec5 .auto-title5a {
  color: var(--negro-texto);
  font-family: "NewJune-Bold", sans-serif;
  text-align: center;
  font-size: 22px;
}
.mexi-auto .auto-sec5 .beneficio {
  display: inline-block;
  margin-top: 50px;
}
.mexi-auto .auto-sec5 .beneficio .title-benefit {
  color: var(--negro-texto);
  font-size: 28px;
  display: inline-block;
  font-family: "NewJune-Bold", sans-serif;
  margin-top: 40px;
}
.mexi-auto .auto-sec5 .beneficio .text-benefit {
  color: var(--negro-texto);
  font-size: 16px;
  display: inline-block;
}
.mexi-auto .auto-sec6 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  background: url(../img/creditos/mexi-auto/Banner_EnMEXItuburo.jpg) center center no-repeat;
  background-size: cover;
  min-height: 400px;
  height: auto;
}
.mexi-auto .auto-sec6 .auto-title6 {
  font-size: 25px;
  color: var(--blanco);
  width: 40%;
  margin-top: 100px;
  display: block;
  line-height: 40px;
}
.mexi-auto .auto-sec6 .auto-title6 .anios {
  color: var(--rosa);
  font-size: 35px;
  font-weight: 900;
  font-style: italic;
  font-family: "NewJune-Bold", sans-serif;
  text-transform: uppercase;
}
.mexi-auto .auto-sec7 .credit-list {
  display: inline-block;
  /*width: 50%;*/
  vertical-align: top;
  background: var(--azul);
  min-height: 450px;
  height: auto;
  padding: 0px 50px;
}
.mexi-auto .auto-sec7 .credit-list .auto-title7 {
  color: var(--blanco);
  font-size: 30px;
  font-family: "NewJune-Bold", sans-serif;
  margin-top: 120px;
}
.mexi-auto .auto-sec7 .credit-list .yellow-line {
  height: 5px;
  background: var(--amarillo);
  width: 10%;
  margin: 4% 0%;
}
.mexi-auto .auto-sec7 .credit-list li {
  color: var(--blanco);
  font-size: 16px;
}
.mexi-auto .auto-sec7 .imagen3-auto {
  display: inline-block;
  /*width: 50%;*/
  vertical-align: top;
  background: url(../img/creditos/mexi-auto/Img_Caracteristicas.jpg) center center no-repeat;
  background-size: cover;
  min-height: 450px;
  height: auto;
}
.mexi-auto .auto-sec8 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  background: url(../img/creditos/mexi-auto/Banner_Tuprestmoenmenos.jpg) center center no-repeat;
  background-size: cover;
  min-height: 450px;
  height: auto;
  padding: 50px 40px;
}
.mexi-auto .auto-sec8 .auto-title8 {
  font-size: 22px;
  color: var(--blanco);
  width: 80%;
  margin-top: 100px;
}
.mexi-auto .auto-sec8 .auto-title8 .horas {
  text-transform: uppercase;
  font-size: 40px;
  color: var(--blanco);
  font-family: "NewJune-Bold", sans-serif;
  margin-bottom: 20px;
  display: block;
  line-height: 40px;
}
.mexi-auto .auto-sec9 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  background: url(../img/creditos/mexi-auto/Fondo_Requisitos.jpg) center center no-repeat;
  background-size: cover;
  min-height: 600px;
  height: auto;
  padding: 50px 0px;
  border-bottom: 10px solid var(--rosa);
}
.mexi-auto .auto-sec9 .auto-title9 {
  text-align: center;
  color: var(--blanco);
  font-size: 35px;
  font-family: "NewJune-Bold", sans-serif;
  margin-bottom: 20px;
}
.mexi-auto .auto-sec9 .yellow-line {
  background: var(--amarillo);
  height: 5px;
  width: 7%;
  margin: auto;
  display: block;
  margin-bottom: 20px;
}
.mexi-auto .auto-sec9 .requisitos ul .list-req {
  list-style-image: url(../img/creditos/mexi-auto/Icon-Check_small.png);
  color: var(--blanco);
  font-size: 16px;
}
.mexi-auto .auto-sec9 .requisitos ul .list-req2 {
  color: var(--blanco);
  font-size: 16px;
}
.mexi-auto {
  /* FOOTER SECTION */
}
.mexi-auto .f-sec1 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  background: url(../img/Img_Fondo_Footer.jpg) center center no-repeat;
  background-size: cover;
  min-height: 450px;
  height: auto;
  padding: 40px 0px;
}
.mexi-auto .f-sec1 .title-footer {
  font-size: 35px;
  text-align: center;
  color: var(--blanco);
  font-family: "NewJune-Bold", sans-serif;
  margin-top: 50px;
  margin-bottom: 20px;
}
.mexi-auto .f-sec1 .green-line {
  background: var(--verde);
  height: 5px;
  width: 7%;
  margin: auto;
  display: block;
  margin-bottom: 50px;
}
.mexi-auto .f-sec1 .text-form {
  color: var(--negro-texto);
  font-size: 22px;
  font-family: "NewJune-Bold", sans-serif;
  margin-top: 30px;
}
.mexi-auto .f-sec1 .text-form .parrafo-footer {
  color: var(--negro-texto);
  font-size: 24px;
  font-family: "NewJune-Bold", sans-serif;
}
.mexi-auto .f-sec1 .text-form .tel-footer {
  color: var(--blanco);
  text-decoration: none;
}
.mexi-auto .f-sec1 .redes {
  color: var(--blanco);
  font-size: 24px;
  font-family: "NewJune-Bold", sans-serif;
  float: left;
  display: contents;
}
.mexi-auto .f-sec1 .redes ul {
  display: inline-block;
  list-style: none;
  padding: 15px 0px;
  margin: 0px;
}
.mexi-auto .f-sec1 .redes ul li {
  display: inline-block;
}
.mexi-auto .f-sec1 .redes ul li .link-red {
  display: block;
  width: 100%;
  max-width: 60px;
  margin: 0 7px;
}
.mexi-auto .f-sec1 .form-footer {
  background: var(--rosa);
  padding: 20px;
  min-height: 460px;
  height: auto;
}
.mexi-auto .f-sec1 .form-footer .title-form {
  color: var(--blanco);
  font-family: "NewJune-Medium-Italic", sans-serif;
  font-size: 25px;
  font-weight: 700;
  margin-bottom: 15px;
}
.mexi-auto .f-sec1 .form-footer label {
  width: 100%;
  color: var(--blanco);
  font-size: 14px;
}
.mexi-auto .f-sec1 .form-footer input {
  width: 100%;
  color: var(--negro-texto);
  border: none;
}
.mexi-auto .f-sec1 .form-footer textarea {
  width: 100%;
  color: var(--negro-texto);
  border: none;
}
.mexi-auto .f-sec1 .form-footer button {
  background: var(--verde);
  color: var(--blanco);
  font-size: 14px;
  border: none;
  float: right;
  padding: 5px 50px;
  margin-top: 10px;
  font-family: "NewJune-Medium-Italic", sans-serif;
  font-weight: 700;
}
.mexi-auto .f-sec1 .copy {
  text-align: center;
  font-size: 12px;
  color: var(--negro-texto);
  margin-top: 50px;
}
.mexi-auto .f-sec1 .copy .link-fut {
  color: var(--negro-texto);
}
.mexi-auto .f-sec2 {
  display: inline-block;
  width: 100%;
  min-height: 100px;
  height: auto;
  vertical-align: top;
  background: var(--azul);
  padding: 30px 0px;
}
.mexi-auto .f-sec2 .aliados {
  display: block;
  margin: auto;
}
.mexi-auto .f-sec2 .aliados .aliado {
  width: calc((100% - 40px) / 5);
  display: inline-block;
}
.mexi-auto .f-sec2 .aliados .aliado .img-aliado1 {
  margin: auto;
  display: block;
  margin-top: -40px;
  max-width: 100%;
}
.mexi-auto .f-sec2 .aliados .aliado .img-aliado {
  margin: auto;
  display: block;
  max-width: 100%;
}
.mexi-auto .f-sec3 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  background: var(--rosa);
  text-align: center;
  padding: 20px 0px;
}
.mexi-auto .f-sec3 .derechos {
  display: inline-block;
}
.mexi-auto .f-sec3 .derechos .avi {
  list-style: none;
  color: var(--blanco);
  border-right: 2px solid var(--blanco);
  min-height: 50px;
  padding: 0px 30px;
}
.mexi-auto .f-sec3 .derechos .avi a {
  font-size: 16px;
  font-family: "NewJune-Bold", sans-serif;
  color: var(--blanco);
}
.mexi-auto .f-sec3 .derechos .avi2 {
  list-style: none;
  color: var(--blanco);
  min-height: 50px;
  padding: 0px 30px;
}
.mexi-auto .f-sec3 .derechos .avi2 a {
  font-size: 16px;
  font-family: "NewJune-Bold", sans-serif;
  color: var(--blanco);
}
.mexi-auto .f-sec4 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  background: var(--blanco);
  padding: 30px 0px;
}
.mexi-auto .f-sec4 .titlecuatro {
  color: var(--negro-texto);
  font-size: 18px;
  text-align: center;
}
.mexi-auto .f-sec4 .titlecuatro .sofom {
  color: var(--azul);
  font-size: 18px;
  text-align: center;
  font-family: "NewJune-Bold", sans-serif;
}
.mexi-auto .f-sec4 {
  /*.comisiones {
      margin-top: 30px;
      .comision {
          width: calc((100% - 20px) / 5);
          display: inline-table;
          .partop {
              font-size: 12px;
              background: var(--azul);
              color: var(--blanco);
              text-align: center;
              font-family: 'NewJune-Bold', sans-serif;
              padding: 5px 0px;
          }
          .partbottom {
              font-size: 12px;
              background: #f2f2f2;
              color: var(--negro-texto);
              text-align: center;
              font-family: 'NewJune-Bold', sans-serif;
              padding: 5px 0px;
              display: block;
              min-height: 50px;
              height: auto;
          }
      }
  }*/
}
.mexi-auto .f-sec4 .valor {
  color: var(--negro-texto);
  font-size: 16px;
  text-align: center;
  margin: 2% 0;
}
.mexi-auto .f-sec4 .cat {
  color: var(--negro-texto);
  font-size: 10px;
  text-align: center;
}
.mexi-auto .f-sec4 .cat .cat-prom {
  color: var(--negro-texto);
  font-family: "NewJune-Bold", sans-serif;
}
.mexi-auto .politicas {
  display: inline-block;
  width: 100%;
  padding: 20px 0px;
  vertical-align: top;
  background: var(--blanco);
}
.mexi-auto .politicas p {
  font-size: 10px;
  color: var(--negro);
  text-align: center;
}
.mexi-auto .f-sec5 {
  display: inline-block;
  width: 100%;
  padding: 20px 0px;
  vertical-align: top;
  background: #e6e6e6;
}
.mexi-auto .f-sec5 .copy {
  text-align: center;
  font-size: 12px;
  color: var(--negro);
}
.mexi-auto .f-sec5 .copy .link-fut {
  color: var(--negro);
}

@media (max-width: 2000px) and (min-width: 1201px) {
  .mexi-auto .auto-sec8 {
    min-height: 600px;
  }
}
@media (max-width: 767px) and (min-width: 0px) {
  .mexi-auto .auto-sec1 {
    min-height: 300px;
  }
  .mexi-auto .auto-sec1 .auto1 .auto-title1 {
    font-size: 50px;
    margin-top: 50px;
  }
  .mexi-auto .auto-sec4 .obten .auto-title4 {
    margin-top: 20px;
  }
  .mexi-auto .auto-sec5 {
    text-align: center;
  }
  .mexi-auto .auto-sec5 .beneficio .img-benefit {
    margin: auto;
    display: block;
  }
  .mexi-auto .auto-sec6 {
    min-height: 250px;
    background: url(../img/creditos/mexi-auto/Banner_EnMEXItuburo.jpg);
  }
  .mexi-auto .auto-sec6 .auto-title6 {
    width: 100%;
    margin: 30px 0px;
  }
  .mexi-auto .auto-sec7 .credit-list {
    padding: 0px 25px;
  }
  .mexi-auto .auto-sec7 .credit-list .auto-title7 {
    margin-top: 50px;
  }
  .mexi-auto .auto-sec8 {
    background: url(../img/creditos/mexi-auto/Banner_Tuprestmoenmenos.jpg);
    padding: 50px 20px;
  }
  .mexi-auto .auto-sec8 .auto-title8 {
    width: 100%;
    margin-top: 50px;
  }
  .mexi-auto .f-sec2 .aliados .aliado {
    width: calc((100% - 20px) / 2);
    padding: 15px;
  }
  .mexi-auto .f-sec3 .derechos .avi {
    border-right: none;
    margin-bottom: 15px;
  }
  .mexi-auto .f-sec4 .comisiones .comision {
    width: calc((100% - 20px) / 2);
    display: -ms-inline-grid;
    display: inline-grid;
  }
}
/* Mexi Simple Section */
.mexi-simple .simple-sec1 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  background: url(../img/creditos/mexi-simple/Banner_Principal.jpg) center center no-repeat;
  background-size: cover;
  min-height: 500px;
  height: auto;
}
.mexi-simple .simple-sec1 .simple-title1 {
  background: var(--verde);
  color: var(--blanco);
  font-size: 80px;
  margin-top: 150px;
  padding: 5px 40px;
  display: inline-block;
  font-family: "Bariol_Regular", sans-serif;
  font-weight: 700;
}
.mexi-simple .simple-sec1 .cta-banner {
  background: var(--rosa);
  color: var(--blanco);
  font-size: 20px;
  font-family: "NewJune-Bold", sans-serif;
  padding: 10px 20px;
  text-decoration: none;
  display: inline-block;
  margin-top: 20px;
  border-radius: 0px;
}
.mexi-simple .simple-sec2 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  background: url(../img/creditos/mexi-simple/Fondo_PrestamossinBuro.jpg) center center no-repeat;
  background-size: cover;
  padding: 80px 0px;
}
.mexi-simple .simple-sec2 .img-mexisimple {
  margin: auto;
  display: block;
}
.mexi-simple .simple-sec2 .simple-title2 {
  color: var(--verde);
  font-size: 40px;
  font-family: "NewJune-Bold", sans-serif;
  border-left: 6px solid var(--rosa);
  padding: 0px 20px;
  margin-top: 5%;
}
.mexi-simple .simple-sec2 .simple-title2 .contigo {
  color: var(--negro-texto);
  font-size: 30px;
  font-family: "NewJune-Bold", sans-serif;
}
.mexi-simple .simple-sec3 .progreso {
  display: inline-block;
  vertical-align: top;
  background: url(../img/creditos/mexi-simple/Fondo_EnMEXIcreemos.jpg) center center no-repeat;
  background-size: cover;
  min-height: 420px;
  height: auto;
  padding: 50px;
}
.mexi-simple .simple-sec3 .progreso .simple-title3 {
  color: var(--blanco);
  text-align: center;
  font-size: 22px;
  font-family: "NewJune-Bold", sans-serif;
}
.mexi-simple .simple-sec3 .progreso .rose-line {
  height: 6px;
  background: var(--rosa);
  width: 10%;
  margin: auto;
  display: block;
  margin-top: 20px;
}
.mexi-simple .simple-sec3 .imagen1-simple {
  display: inline-block;
  vertical-align: top;
  background: url(../img/creditos/mexi-simple/Img_EnMEXIcreemos.jpg) center center no-repeat;
  background-size: cover;
  min-height: 420px;
  height: auto;
}
.mexi-simple .simple-sec4 .imagen2-simple {
  display: inline-block;
  vertical-align: top;
  background: url(../img/creditos/mexi-simple/Img_ObtenDesde.jpg) center center no-repeat;
  background-size: cover;
  min-height: 400px;
  height: auto;
}
.mexi-simple .simple-sec4 .obten {
  display: inline-block;
  vertical-align: top;
  background: url(../img/creditos/mexi-simple/Fondo_ObtenDesde.jpg) center center no-repeat;
  background-size: cover;
  min-height: 400px;
  height: auto;
}
.mexi-simple .simple-sec4 .obten .simple-title4 {
  color: var(--blanco);
  text-align: center;
  font-size: 50px;
  margin-top: 110px;
}
.mexi-simple .simple-sec4 .obten .simple-title4 .tresmil {
  color: var(--azul);
  font-family: "NewJune-Bold", sans-serif;
}
.mexi-simple .simple-sec4 .obten .simple-title4 .cienmil {
  color: var(--rosa);
  font-family: "NewJune-Bold", sans-serif;
}
.mexi-simple .simple-sec5 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  background: url(../img/creditos/mexi-simple/Fondo_Beneficios.jpg) center center no-repeat;
  background-size: cover;
  min-height: 500px;
  height: auto;
  padding: 50px 0px;
}
.mexi-simple .simple-sec5 .simple-title5 {
  font-size: 35px;
  text-align: center;
  color: var(--azul);
  font-family: "NewJune-Bold", sans-serif;
  margin-bottom: 20px;
}
.mexi-simple .simple-sec5 .rose-line {
  background: var(--rosa);
  height: 5px;
  width: 7%;
  margin: auto;
  display: block;
  margin-bottom: 20px;
}
.mexi-simple .simple-sec5 .simple-title5a {
  color: var(--negro-texto);
  font-family: "NewJune-Bold", sans-serif;
  text-align: center;
  font-size: 22px;
}
.mexi-simple .simple-sec5 .beneficio {
  display: inline-block;
  margin-top: 50px;
}
.mexi-simple .simple-sec5 .beneficio .title-benefit {
  color: var(--negro-texto);
  font-size: 28px;
  display: inline-block;
  font-family: "NewJune-Bold", sans-serif;
  margin-top: 20px;
}
.mexi-simple .simple-sec5 .beneficio .text-benefit {
  color: var(--negro-texto);
  font-size: 16px;
  display: inline-block;
}
.mexi-simple .simple-sec6 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  background: url(../img/creditos/mexi-simple/Banner_Apoyamoslebienestar.jpg) center center no-repeat;
  background-size: cover;
  min-height: 400px;
  height: auto;
}
.mexi-simple .simple-sec6 .simple-title6 {
  font-size: 25px;
  color: var(--blanco);
  width: 40%;
  margin-top: 100px;
  display: block;
  line-height: 40px;
}
.mexi-simple .simple-sec6 .simple-title6 .anios {
  color: var(--blanco);
  font-size: 35px;
  font-weight: 900;
  font-style: italic;
  font-family: "NewJune-Bold", sans-serif;
  text-transform: uppercase;
}
.mexi-simple .simple-sec7 .credit-list {
  display: inline-block;
  /*width: 50%;*/
  vertical-align: top;
  background: var(--azul);
  min-height: 450px;
  height: auto;
  padding: 0px 50px;
}
.mexi-simple .simple-sec7 .credit-list .simple-title7 {
  color: var(--blanco);
  font-size: 30px;
  font-family: "NewJune-Bold", sans-serif;
  margin-top: 120px;
}
.mexi-simple .simple-sec7 .credit-list .yellow-line {
  height: 5px;
  background: var(--amarillo);
  width: 10%;
  margin: 4% 0%;
}
.mexi-simple .simple-sec7 .credit-list li {
  color: var(--blanco);
  font-size: 16px;
}
.mexi-simple .simple-sec7 .imagen3-simple {
  display: inline-block;
  /*width: 50%;*/
  vertical-align: top;
  background: url(../img/creditos/mexi-simple/Img_Caracteristicas.jpg) center center no-repeat;
  background-size: cover;
  min-height: 450px;
  height: auto;
}
.mexi-simple .simple-sec8 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  background: url(../img/creditos/mexi-simple/Banner_Respuestaenmenos.jpg) center center no-repeat;
  background-size: cover;
  min-height: 450px;
  height: auto;
  padding: 50px 40px;
}
.mexi-simple .simple-sec8 .simple-title8 {
  font-size: 22px;
  color: var(--blanco);
  width: 80%;
  margin-top: 100px;
}
.mexi-simple .simple-sec8 .simple-title8 .horas {
  text-transform: uppercase;
  font-size: 40px;
  color: var(--blanco);
  font-family: "NewJune-Bold", sans-serif;
  margin-bottom: 20px;
  display: block;
  line-height: 40px;
}
.mexi-simple .simple-sec9 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  background: url(../img/creditos/mexi-simple/Fondo_Requisitos.jpg) center center no-repeat;
  background-size: cover;
  min-height: 600px;
  height: auto;
  padding: 50px 0px;
}
.mexi-simple .simple-sec9 .simple-title9 {
  text-align: center;
  color: var(--blanco);
  font-size: 35px;
  font-family: "NewJune-Bold", sans-serif;
  margin-bottom: 20px;
}
.mexi-simple .simple-sec9 .yellow-line {
  background: var(--amarillo);
  height: 5px;
  width: 7%;
  margin: auto;
  display: block;
  margin-bottom: 20px;
}
.mexi-simple .simple-sec9 .requisitos ul .list-req {
  list-style-image: url(../img/creditos/mexi-simple/Icon-Check_Small.png);
  color: var(--blanco);
  font-size: 16px;
}
.mexi-simple .simple-sec9 .requisitos ul .list-req2 {
  color: var(--blanco);
  font-size: 16px;
}
.mexi-simple .simple-sec10 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  background: url(../img/creditos/mexi-simple/Banner_Hcemosrealidad.jpg) center center no-repeat;
  background-size: cover;
  min-height: 400px;
  height: auto;
  padding: 50px 40px;
}
.mexi-simple .simple-sec10 .simple-title10 {
  font-size: 22px;
  color: var(--blanco);
  width: 80%;
  margin-top: 100px;
}
.mexi-simple .simple-sec10 .simple-title10 .realidad {
  text-transform: uppercase;
  font-size: 40px;
  color: var(--rosa);
  font-family: "NewJune-Bold", sans-serif;
  margin-bottom: 20px;
  display: block;
  line-height: 40px;
}
.mexi-simple {
  /* FOOTER SECTION */
}
.mexi-simple .f-sec1 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  background: url(../img/Img_Fondo_Footer.jpg) center center no-repeat;
  background-size: cover;
  min-height: 450px;
  height: auto;
  padding: 40px 0px;
}
.mexi-simple .f-sec1 .title-footer {
  font-size: 35px;
  text-align: center;
  color: var(--blanco);
  font-family: "NewJune-Bold", sans-serif;
  margin-top: 50px;
  margin-bottom: 20px;
}
.mexi-simple .f-sec1 .green-line {
  background: var(--verde);
  height: 5px;
  width: 7%;
  margin: auto;
  display: block;
  margin-bottom: 50px;
}
.mexi-simple .f-sec1 .text-form {
  color: var(--negro-texto);
  font-size: 22px;
  font-family: "NewJune-Bold", sans-serif;
  margin-top: 30px;
}
.mexi-simple .f-sec1 .text-form .parrafo-footer {
  color: var(--negro-texto);
  font-size: 24px;
  font-family: "NewJune-Bold", sans-serif;
}
.mexi-simple .f-sec1 .text-form .tel-footer {
  color: var(--blanco);
  text-decoration: none;
}
.mexi-simple .f-sec1 .redes {
  color: var(--blanco);
  font-size: 24px;
  font-family: "NewJune-Bold", sans-serif;
  float: left;
  display: contents;
}
.mexi-simple .f-sec1 .redes ul {
  display: inline-block;
  list-style: none;
  padding: 15px 0px;
  margin: 0px;
}
.mexi-simple .f-sec1 .redes ul li {
  display: inline-block;
}
.mexi-simple .f-sec1 .redes ul li .link-red {
  display: block;
  width: 100%;
  max-width: 60px;
  margin: 0 7px;
}
.mexi-simple .f-sec1 .form-footer {
  background: var(--rosa);
  padding: 20px;
  min-height: 460px;
  height: auto;
}
.mexi-simple .f-sec1 .form-footer .title-form {
  color: var(--blanco);
  font-family: "NewJune-Medium-Italic", sans-serif;
  font-size: 25px;
  font-weight: 700;
  margin-bottom: 15px;
}
.mexi-simple .f-sec1 .form-footer label {
  width: 100%;
  color: var(--blanco);
  font-size: 14px;
}
.mexi-simple .f-sec1 .form-footer input {
  width: 100%;
  color: var(--negro-texto);
  border: none;
}
.mexi-simple .f-sec1 .form-footer textarea {
  width: 100%;
  color: var(--negro-texto);
  border: none;
}
.mexi-simple .f-sec1 .form-footer button {
  background: var(--verde);
  color: var(--blanco);
  font-size: 14px;
  border: none;
  float: right;
  padding: 5px 50px;
  margin-top: 10px;
  font-family: "NewJune-Medium-Italic", sans-serif;
  font-weight: 700;
}
.mexi-simple .f-sec1 .copy {
  text-align: center;
  font-size: 12px;
  color: var(--negro-texto);
  margin-top: 50px;
}
.mexi-simple .f-sec1 .copy .link-fut {
  color: var(--negro-texto);
}
.mexi-simple .f-sec2 {
  display: inline-block;
  width: 100%;
  min-height: 100px;
  height: auto;
  vertical-align: top;
  background: var(--azul);
  padding: 30px 0px;
}
.mexi-simple .f-sec2 .aliados {
  display: block;
  margin: auto;
}
.mexi-simple .f-sec2 .aliados .aliado {
  width: calc((100% - 40px) / 5);
  display: inline-block;
}
.mexi-simple .f-sec2 .aliados .aliado .img-aliado1 {
  margin: auto;
  display: block;
  margin-top: -40px;
  max-width: 100%;
}
.mexi-simple .f-sec2 .aliados .aliado .img-aliado {
  margin: auto;
  display: block;
  max-width: 100%;
}
.mexi-simple .f-sec3 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  background: var(--rosa);
  text-align: center;
  padding: 20px 0px;
}
.mexi-simple .f-sec3 .derechos {
  display: inline-block;
}
.mexi-simple .f-sec3 .derechos .avi {
  list-style: none;
  color: var(--blanco);
  border-right: 2px solid var(--blanco);
  min-height: 50px;
  padding: 0px 30px;
}
.mexi-simple .f-sec3 .derechos .avi a {
  font-size: 16px;
  font-family: "NewJune-Bold", sans-serif;
  color: var(--blanco);
}
.mexi-simple .f-sec3 .derechos .avi2 {
  list-style: none;
  color: var(--blanco);
  min-height: 50px;
  padding: 0px 30px;
}
.mexi-simple .f-sec3 .derechos .avi2 a {
  font-size: 16px;
  font-family: "NewJune-Bold", sans-serif;
  color: var(--blanco);
}
.mexi-simple .f-sec4 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  background: var(--blanco);
  padding: 30px 0px;
}
.mexi-simple .f-sec4 .titlecuatro {
  color: var(--negro-texto);
  font-size: 18px;
  text-align: center;
}
.mexi-simple .f-sec4 .titlecuatro .sofom {
  color: var(--azul);
  font-size: 18px;
  text-align: center;
  font-family: "NewJune-Bold", sans-serif;
}
.mexi-simple .f-sec4 {
  /*.comisiones {
      margin-top: 30px;
      .comision {
          width: calc((100% - 20px) / 5);
          display: inline-table;
          .partop {
              font-size: 12px;
              background: var(--azul);
              color: var(--blanco);
              text-align: center;
              font-family: 'NewJune-Bold', sans-serif;
              padding: 5px 0px;
          }
          .partbottom {
              font-size: 12px;
              background: #f2f2f2;
              color: var(--negro-texto);
              text-align: center;
              font-family: 'NewJune-Bold', sans-serif;
              padding: 5px 0px;
              display: block;
              min-height: 50px;
              height: auto;
          }
      }
  }*/
}
.mexi-simple .f-sec4 .valor {
  color: var(--negro-texto);
  font-size: 16px;
  text-align: center;
  margin: 2% 0;
}
.mexi-simple .f-sec4 .cat {
  color: var(--negro-texto);
  font-size: 10px;
  text-align: center;
}
.mexi-simple .f-sec4 .cat .cat-prom {
  color: var(--negro-texto);
  font-family: "NewJune-Bold", sans-serif;
}
.mexi-simple .politicas {
  display: inline-block;
  width: 100%;
  padding: 20px 0px;
  vertical-align: top;
  background: var(--blanco);
}
.mexi-simple .politicas p {
  font-size: 10px;
  color: var(--negro);
  text-align: center;
}
.mexi-simple .f-sec5 {
  display: inline-block;
  width: 100%;
  padding: 20px 0px;
  vertical-align: top;
  background: #e6e6e6;
}
.mexi-simple .f-sec5 .copy {
  text-align: center;
  font-size: 12px;
  color: var(--negro);
}
.mexi-simple .f-sec5 .copy .link-fut {
  color: var(--negro);
}

@media (max-width: 767px) and (min-width: 570px) {
  .mexi-simple .simple-sec6 .simple-title6 {
    width: 100%;
  }
  .mexi-simple .simple-sec8 .simple-title8 {
    width: 100%;
    margin-top: 50px;
  }
  .mexi-simple .simple-sec10 .simple-title10 {
    width: 100%;
    margin-top: 30px;
  }
  .mexi-simple .f-sec2 .aliados .aliado {
    width: calc((100% - 20px) / 2);
    padding: 15px;
  }
  .mexi-simple .f-sec3 .derechos .avi {
    border-right: none;
    margin-bottom: 15px;
  }
  .mexi-simple .f-sec4 .comisiones .comision {
    width: calc((100% - 20px) / 2);
    display: -ms-inline-grid;
    display: inline-grid;
  }
}
@media (max-width: 569px) and (min-width: 480px) {
  .mexi-simple .simple-sec6 .simple-title6 {
    width: 100%;
  }
  .mexi-simple .simple-sec7 .credit-list .simple-title7 {
    margin-top: 50px;
  }
  .mexi-simple .simple-sec8 .simple-title8 {
    width: 100%;
    margin-top: 50px;
  }
  .mexi-simple .simple-sec10 .simple-title10 {
    width: 100%;
    margin-top: 30px;
  }
  .mexi-simple .f-sec2 .aliados .aliado {
    width: calc((100% - 20px) / 2);
    padding: 15px;
  }
  .mexi-simple .f-sec3 .derechos .avi {
    border-right: none;
    margin-bottom: 15px;
  }
  .mexi-simple .f-sec4 .comisiones .comision {
    width: calc((100% - 20px) / 2);
    display: -ms-inline-grid;
    display: inline-grid;
  }
}
@media (max-width: 479px) and (min-width: 0px) {
  .mexi-simple .simple-sec1 {
    min-height: 300px;
  }
  .mexi-simple .simple-sec1 .simple-title1 {
    font-size: 50px;
    margin-top: 50px;
    padding: 5px 20px;
  }
  .mexi-simple .simple-sec3 .progreso {
    padding: 20px;
  }
  .mexi-simple .simple-sec4 .obten .simple-title4 {
    margin-top: 50px;
  }
  .mexi-simple .simple-sec6 .simple-title6 {
    width: 100%;
  }
  .mexi-simple .simple-sec7 .credit-list .simple-title7 {
    margin-top: 50px;
  }
  .mexi-simple .simple-sec8 .simple-title8 {
    width: 100%;
    margin-top: 50px;
  }
  .mexi-simple .simple-sec10 .simple-title10 {
    width: 100%;
    margin-top: 30px;
  }
  .mexi-simple .f-sec2 .aliados .aliado {
    width: calc((100% - 20px) / 2);
    padding: 15px;
  }
  .mexi-simple .f-sec3 .derechos .avi {
    border-right: none;
    margin-bottom: 15px;
  }
  .mexi-simple .f-sec4 .comisiones .comision {
    width: calc((100% - 20px) / 2);
    display: -ms-inline-grid;
    display: inline-grid;
  }
}
/* Mexi Nomina Section */
.mexi-nomina .nomina-sec1 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  background: url(../img/creditos/mexi-nomina/Banner_Principal.jpg) center center no-repeat;
  background-size: cover;
  min-height: 500px;
  height: auto;
}
.mexi-nomina .nomina-sec1 .nomina-title1 {
  background: var(--azul);
  color: var(--blanco);
  font-size: 80px;
  margin-top: 150px;
  padding: 5px 40px;
  display: inline-block;
  font-family: "Bariol_Regular", sans-serif;
  font-weight: 700;
}
.mexi-nomina .nomina-sec1 .cta-banner {
  background: var(--rosa);
  color: var(--blanco);
  font-size: 20px;
  font-family: "NewJune-Bold", sans-serif;
  padding: 10px 20px;
  text-decoration: none;
  display: inline-block;
  margin-top: 20px;
  border-radius: 0px;
}
.mexi-nomina .nomina-sec2 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  background: url(../img/creditos/mexi-nomina/Fondo_Creditodenomina.jpg) center center no-repeat;
  background-size: cover;
  padding: 80px 0px;
}
.mexi-nomina .nomina-sec2 .img-mexinomina {
  margin: auto;
  display: block;
  margin-top: 20px;
}
.mexi-nomina .nomina-sec2 .nomina-title2 {
  color: var(--verde);
  font-size: 40px;
  font-family: "NewJune-Bold", sans-serif;
  border-left: 6px solid var(--rosa);
  padding: 0px 20px;
}
.mexi-nomina .nomina-sec2 .nomina-title2 .contigo {
  color: var(--negro-texto);
  font-size: 30px;
  font-family: "NewJune-Bold", sans-serif;
}
.mexi-nomina .nomina-sec3 .alternativa {
  display: inline-block;
  vertical-align: top;
  background: url(../img/creditos/mexi-nomina/Fondo_MEXInominaes.jpg) center center no-repeat;
  background-size: cover;
  min-height: 420px;
  height: auto;
  padding: 50px;
}
.mexi-nomina .nomina-sec3 .alternativa .nomina-title3 {
  color: var(--blanco);
  text-align: center;
  font-size: 22px;
  font-family: "NewJune-Bold", sans-serif;
}
.mexi-nomina .nomina-sec3 .alternativa .rose-line {
  height: 6px;
  background: var(--rosa);
  width: 10%;
  margin: auto;
  display: block;
  margin-top: 20px;
}
.mexi-nomina .nomina-sec3 .imagen1-nomina {
  display: inline-block;
  vertical-align: top;
  background: url(../img/creditos/mexi-nomina/Img_MEXInominaes.jpg) center center no-repeat;
  background-size: cover;
  min-height: 420px;
  height: auto;
}
.mexi-nomina .nomina-sec4 .imagen2-nomina {
  display: inline-block;
  vertical-align: top;
  background: url(../img/creditos/mexi-nomina/Img_Prestamosdesde.jpg) center center no-repeat;
  background-size: cover;
  min-height: 400px;
  height: auto;
}
.mexi-nomina .nomina-sec4 .obten {
  display: inline-block;
  vertical-align: top;
  background: url(../img/creditos/mexi-nomina/Fondo_Prestamosdesde.jpg) center center no-repeat;
  background-size: cover;
  min-height: 400px;
  height: auto;
}
.mexi-nomina .nomina-sec4 .obten .nomina-title4 {
  color: var(--blanco);
  text-align: center;
  font-size: 50px;
  margin-top: 110px;
}
.mexi-nomina .nomina-sec4 .obten .nomina-title4 .tresmil {
  color: var(--verde);
  font-family: "NewJune-Bold", sans-serif;
}
.mexi-nomina .nomina-sec4 .obten .nomina-title4 .cienmil {
  color: var(--amarillo);
  font-family: "NewJune-Bold", sans-serif;
}
.mexi-nomina .nomina-sec5 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  background: url(../img/creditos/mexi-nomina/Fondo_Beneficios.jpg) center center no-repeat;
  background-size: cover;
  min-height: 500px;
  height: auto;
  padding: 50px 0px;
}
.mexi-nomina .nomina-sec5 .nomina-title5 {
  font-size: 35px;
  text-align: center;
  color: var(--azul);
  font-family: "NewJune-Bold", sans-serif;
  margin-bottom: 20px;
}
.mexi-nomina .nomina-sec5 .rose-line {
  background: var(--rosa);
  height: 5px;
  width: 7%;
  margin: auto;
  display: block;
  margin-bottom: 20px;
}
.mexi-nomina .nomina-sec5 .nomina-title5a {
  color: var(--negro-texto);
  font-family: "NewJune-Bold", sans-serif;
  text-align: center;
  font-size: 22px;
}
.mexi-nomina .nomina-sec5 .beneficio {
  margin-top: 50px;
}
.mexi-nomina .nomina-sec5 .beneficio .img-benefit {
  margin: auto;
  display: block;
}
.mexi-nomina .nomina-sec5 .beneficio .title-benefit {
  color: var(--negro-texto);
  font-size: 28px;
  font-family: "NewJune-Bold", sans-serif;
  margin-top: 20px;
  text-align: center;
}
.mexi-nomina .nomina-sec5 .beneficio .text-benefit {
  color: var(--negro-texto);
  font-size: 18px;
  text-align: center;
  margin-top: -15px;
}
.mexi-nomina .nomina-sec6 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  background: url(../img/creditos/mexi-nomina/Banner_Estamosparaapoyar.jpg) center center no-repeat;
  background-size: cover;
  min-height: 400px;
  height: auto;
}
.mexi-nomina .nomina-sec6 .nomina-title6 {
  font-size: 25px;
  color: var(--blanco);
  width: 30%;
  margin-top: 100px;
  display: block;
  line-height: 40px;
}
.mexi-nomina .nomina-sec6 .nomina-title6 .anios {
  color: var(--blanco);
  font-size: 35px;
  font-weight: 900;
  font-style: italic;
  font-family: "NewJune-Bold", sans-serif;
  text-transform: uppercase;
}
.mexi-nomina .nomina-sec7 .credit-list {
  display: inline-block;
  vertical-align: top;
  background: var(--azul);
  min-height: 450px;
  height: auto;
  padding: 0px 50px;
}
.mexi-nomina .nomina-sec7 .credit-list .nomina-title7 {
  color: var(--blanco);
  font-size: 30px;
  font-family: "NewJune-Bold", sans-serif;
  margin-top: 120px;
}
.mexi-nomina .nomina-sec7 .credit-list .yellow-line {
  height: 5px;
  background: var(--amarillo);
  width: 10%;
  margin: 4% 0%;
}
.mexi-nomina .nomina-sec7 .credit-list li {
  color: var(--blanco);
  font-size: 16px;
}
.mexi-nomina .nomina-sec7 .imagen3-nomina {
  display: inline-block;
  vertical-align: top;
  background: url(../img/creditos/mexi-nomina/Img_Caracteristicas.jpg) center center no-repeat;
  background-size: cover;
  min-height: 450px;
  height: auto;
}
.mexi-nomina .nomina-sec8 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  background: url(../img/creditos/mexi-nomina/Banner_Tiempoderespuesta.jpg) center center no-repeat;
  background-size: cover;
  min-height: 450px;
  height: auto;
  padding: 50px 40px;
}
.mexi-nomina .nomina-sec8 .nomina-title8 {
  font-size: 22px;
  color: var(--blanco);
  width: 80%;
  margin-top: 50px;
}
.mexi-nomina .nomina-sec8 .nomina-title8 .horas {
  text-transform: uppercase;
  font-size: 40px;
  color: var(--blanco);
  font-family: "NewJune-Bold", sans-serif;
  margin-bottom: 20px;
  display: block;
  line-height: 40px;
}
.mexi-nomina .nomina-sec9 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  background: url(../img/creditos/mexi-nomina/Fondo_Requisitos.jpg) center center no-repeat;
  background-size: cover;
  min-height: 600px;
  height: auto;
  padding: 50px 0px;
}
.mexi-nomina .nomina-sec9 .nomina-title9 {
  text-align: center;
  color: var(--blanco);
  font-size: 35px;
  font-family: "NewJune-Bold", sans-serif;
  margin-bottom: 20px;
}
.mexi-nomina .nomina-sec9 .yellow-line {
  background: var(--amarillo);
  height: 5px;
  width: 7%;
  margin: auto;
  display: block;
  margin-bottom: 20px;
}
.mexi-nomina .nomina-sec9 .requisitos {
  width: 70%;
  margin: auto;
  display: block;
}
.mexi-nomina .nomina-sec9 .requisitos .required-title {
  color: var(--blanco);
  font-size: 25px;
  font-family: "NewJune-Bold", sans-serif;
  margin-bottom: 20px;
}
.mexi-nomina .nomina-sec9 .requisitos ul .list-req {
  list-style-image: url(../img/creditos/mexi-nomina/Icon-Check_Small.png);
  color: var(--blanco);
  font-size: 16px;
}
.mexi-nomina .nomina-sec10 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  background: url(../img/creditos/mexi-nomina/Banner_Somossolucionyconfianzajpg.jpg) center center no-repeat;
  background-size: cover;
  min-height: 400px;
  height: auto;
  padding: 50px 40px;
}
.mexi-nomina .nomina-sec10 .nomina-title10 {
  font-size: 22px;
  color: var(--blanco);
  width: 80%;
  margin-top: 100px;
}
.mexi-nomina .nomina-sec10 .nomina-title10 .realidad {
  text-transform: uppercase;
  font-size: 40px;
  color: var(--rosa);
  font-family: "NewJune-Bold", sans-serif;
  margin-bottom: 20px;
  display: block;
  line-height: 40px;
}
.mexi-nomina {
  /* FOOTER SECTION */
}
.mexi-nomina .f-sec1 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  background: url(../img/Img_Fondo_Footer.jpg) center center no-repeat;
  background-size: cover;
  min-height: 450px;
  height: auto;
  padding: 40px 0px;
}
.mexi-nomina .f-sec1 .title-footer {
  font-size: 35px;
  text-align: center;
  color: var(--blanco);
  font-family: "NewJune-Bold", sans-serif;
  margin-top: 50px;
  margin-bottom: 20px;
}
.mexi-nomina .f-sec1 .green-line {
  background: var(--verde);
  height: 5px;
  width: 7%;
  margin: auto;
  display: block;
  margin-bottom: 50px;
}
.mexi-nomina .f-sec1 .text-form {
  color: var(--negro-texto);
  font-size: 22px;
  font-family: "NewJune-Bold", sans-serif;
  margin-top: 30px;
}
.mexi-nomina .f-sec1 .text-form .parrafo-footer {
  color: var(--negro-texto);
  font-size: 24px;
  font-family: "NewJune-Bold", sans-serif;
}
.mexi-nomina .f-sec1 .text-form .tel-footer {
  color: var(--blanco);
  text-decoration: none;
}
.mexi-nomina .f-sec1 .redes {
  color: var(--blanco);
  font-size: 24px;
  font-family: "NewJune-Bold", sans-serif;
  float: left;
  display: contents;
}
.mexi-nomina .f-sec1 .redes ul {
  display: inline-block;
  list-style: none;
  padding: 15px 0px;
  margin: 0px;
}
.mexi-nomina .f-sec1 .redes ul li {
  display: inline-block;
}
.mexi-nomina .f-sec1 .redes ul li .link-red {
  display: block;
  width: 100%;
  max-width: 60px;
  margin: 0 7px;
}
.mexi-nomina .f-sec1 .form-footer {
  background: var(--rosa);
  padding: 20px;
  min-height: 460px;
  height: auto;
}
.mexi-nomina .f-sec1 .form-footer .title-form {
  color: var(--blanco);
  font-family: "NewJune-Medium-Italic", sans-serif;
  font-size: 25px;
  font-weight: 700;
  margin-bottom: 15px;
}
.mexi-nomina .f-sec1 .form-footer label {
  width: 100%;
  color: var(--blanco);
  font-size: 14px;
}
.mexi-nomina .f-sec1 .form-footer input {
  width: 100%;
  color: var(--negro-texto);
  border: none;
}
.mexi-nomina .f-sec1 .form-footer textarea {
  width: 100%;
  color: var(--negro-texto);
  border: none;
}
.mexi-nomina .f-sec1 .form-footer button {
  background: var(--verde);
  color: var(--blanco);
  font-size: 14px;
  border: none;
  float: right;
  padding: 5px 50px;
  margin-top: 10px;
  font-family: "NewJune-Medium-Italic", sans-serif;
  font-weight: 700;
}
.mexi-nomina .f-sec1 .copy {
  text-align: center;
  font-size: 12px;
  color: var(--negro-texto);
  margin-top: 50px;
}
.mexi-nomina .f-sec1 .copy .link-fut {
  color: var(--negro-texto);
}
.mexi-nomina .f-sec2 {
  display: inline-block;
  width: 100%;
  min-height: 100px;
  height: auto;
  vertical-align: top;
  background: var(--azul);
  padding: 30px 0px;
}
.mexi-nomina .f-sec2 .aliados {
  display: block;
  margin: auto;
}
.mexi-nomina .f-sec2 .aliados .aliado {
  width: calc((100% - 40px) / 5);
  display: inline-block;
}
.mexi-nomina .f-sec2 .aliados .aliado .img-aliado1 {
  margin: auto;
  display: block;
  margin-top: -40px;
  max-width: 100%;
}
.mexi-nomina .f-sec2 .aliados .aliado .img-aliado {
  margin: auto;
  display: block;
  max-width: 100%;
}
.mexi-nomina .f-sec3 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  background: var(--rosa);
  text-align: center;
  padding: 20px 0px;
}
.mexi-nomina .f-sec3 .derechos {
  display: inline-block;
}
.mexi-nomina .f-sec3 .derechos .avi {
  list-style: none;
  color: var(--blanco);
  border-right: 2px solid var(--blanco);
  min-height: 50px;
  padding: 0px 30px;
}
.mexi-nomina .f-sec3 .derechos .avi a {
  font-size: 16px;
  font-family: "NewJune-Bold", sans-serif;
  color: var(--blanco);
}
.mexi-nomina .f-sec3 .derechos .avi2 {
  list-style: none;
  color: var(--blanco);
  min-height: 50px;
  padding: 0px 30px;
}
.mexi-nomina .f-sec3 .derechos .avi2 a {
  font-size: 16px;
  font-family: "NewJune-Bold", sans-serif;
  color: var(--blanco);
}
.mexi-nomina .f-sec4 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  background: var(--blanco);
  padding: 30px 0px;
}
.mexi-nomina .f-sec4 .titlecuatro {
  color: var(--negro-texto);
  font-size: 18px;
  text-align: center;
}
.mexi-nomina .f-sec4 .titlecuatro .sofom {
  color: var(--azul);
  font-size: 18px;
  text-align: center;
  font-family: "NewJune-Bold", sans-serif;
}
.mexi-nomina .f-sec4 {
  /*.comisiones {
      margin-top: 30px;
      .comision {
          width: calc((100% - 20px) / 5);
          display: inline-table;
          .partop {
              font-size: 12px;
              background: var(--azul);
              color: var(--blanco);
              text-align: center;
              font-family: 'NewJune-Bold', sans-serif;
              padding: 5px 0px;
          }
          .partbottom {
              font-size: 12px;
              background: #f2f2f2;
              color: var(--negro-texto);
              text-align: center;
              font-family: 'NewJune-Bold', sans-serif;
              padding: 5px 0px;
              display: block;
              min-height: 50px;
              height: auto;
          }
      }
  }*/
}
.mexi-nomina .f-sec4 .valor {
  color: var(--negro-texto);
  font-size: 16px;
  text-align: center;
  margin: 2% 0;
}
.mexi-nomina .f-sec4 .cat {
  color: var(--negro-texto);
  font-size: 10px;
  text-align: center;
}
.mexi-nomina .f-sec4 .cat .cat-prom {
  color: var(--negro-texto);
  font-family: "NewJune-Bold", sans-serif;
}
.mexi-nomina .politicas {
  display: inline-block;
  width: 100%;
  padding: 20px 0px;
  vertical-align: top;
  background: var(--blanco);
}
.mexi-nomina .politicas p {
  font-size: 10px;
  color: var(--negro);
  text-align: center;
}
.mexi-nomina .f-sec5 {
  display: inline-block;
  width: 100%;
  padding: 20px 0px;
  vertical-align: top;
  background: #e6e6e6;
}
.mexi-nomina .f-sec5 .copy {
  text-align: center;
  font-size: 12px;
  color: var(--negro);
}
.mexi-nomina .f-sec5 .copy .link-fut {
  color: var(--negro);
}

@media (max-width: 2000px) and (min-width: 1201px) {
  .mexi-nomina .nomina-sec3 .alternativa {
    min-height: 550px;
  }
  .mexi-nomina .nomina-sec3 .alternativa .nomina-title3 {
    margin-top: 100px;
  }
  .mexi-nomina .nomina-sec3 .imagen1-nomina {
    min-height: 550px;
  }
  .mexi-nomina .nomina-sec4 .imagen2-nomina {
    min-height: 550px;
  }
  .mexi-nomina .nomina-sec4 .obten {
    min-height: 550px;
    padding: 0px 150px;
  }
  .mexi-nomina .nomina-sec4 .obten .nomina-title4 {
    margin-top: 150px;
  }
}
@media (max-width: 767px) and (min-width: 0px) {
  .mexi-nomina .nomina-sec1 {
    min-height: 300px;
  }
  .mexi-nomina .nomina-sec1 .nomina-title1 {
    font-size: 50px;
    margin-top: 80px;
    padding: 5px 5px;
  }
  .mexi-nomina .nomina-sec3 .alternativa {
    padding: 20px;
  }
  .mexi-nomina .nomina-sec4 .obten .nomina-title4 {
    margin-top: 50px;
  }
  .mexi-nomina .nomina-sec6 .nomina-title6 {
    width: 100%;
  }
  .mexi-nomina .nomina-sec7 .credit-list .nomina-title7 {
    margin-top: 50px;
  }
  .mexi-nomina .nomina-sec8 .nomina-title8 {
    width: 100%;
    margin-top: 30px;
  }
  .mexi-nomina .nomina-sec9 .requisitos {
    width: 100%;
  }
  .mexi-nomina .nomina-sec10 .nomina-title10 {
    width: 100%;
    margin-top: 50px;
  }
  .mexi-nomina .f-sec2 .aliados .aliado {
    width: calc((100% - 20px) / 2);
    padding: 15px;
  }
  .mexi-nomina .f-sec3 .derechos .avi {
    border-right: none;
    margin-bottom: 15px;
  }
  .mexi-nomina .f-sec4 .comisiones .comision {
    width: calc((100% - 20px) / 2);
    display: -ms-inline-grid;
    display: inline-grid;
  }
}
/* Creditos Section */
.creditos .credit-sec1 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  background: url(../img/creditos/Img_BannerPrincipal.jpg) center center no-repeat;
  background-size: cover;
  min-height: 500px;
  height: auto;
}
.creditos .credit-sec1 .title {
  margin-top: 100px;
}
.creditos .credit-sec1 .title .mexi {
  color: var(--blanco);
  font-size: 55px;
}
.creditos .credit-sec1 .title .mexi span {
  color: red;
}
.creditos .credit-sec1 .title h1 .title1a {
  background: var(--rosa);
  color: var(--blanco);
  font-size: 55px;
  padding: 10px;
  display: inline-block;
  margin-bottom: 10px;
}
.creditos .credit-sec1 .title h1 .title1b {
  background: var(--azul);
  color: var(--blanco);
  font-size: 28px;
  padding: 10px;
  display: inline-block;
  margin-bottom: 5px;
}
.creditos .credit-sec1 .title h1 .title1c {
  background: var(--verde);
  color: var(--blanco);
  font-size: 28px;
  padding: 10px;
}
.creditos .credit-sec2 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  background: url(../img/creditos/Img_Fondo_Solucionesparacadanececidad.jpg) center center no-repeat;
  background-size: cover;
  padding: 80px 0px;
}
.creditos .credit-sec2 .credit-title1 {
  color: var(--rosa);
  font-size: 35px;
  text-align: center;
  font-weight: 700;
}
.creditos .credit-sec2 .green-line {
  margin: auto;
  display: block;
  width: 10%;
  height: 5px;
  background: var(--verde);
  margin-top: 20px;
  margin-bottom: 20px;
}
.creditos .credit-sec2 .credit-title1a {
  text-align: center;
  color: var(--negro-texto);
  font-size: 18px;
}
.creditos .credit-sec2 .credit-title1a strong {
  font-family: "NewJune-Bold", sans-serif;
}
.creditos .credito_sec3 .secc01 {
  height: 400px;
  background: var(--azul);
  display: inline-block;
  width: 100%;
  vertical-align: top;
  color: var(--blanco);
  padding: 50px 0px 0px 50px;
}
.creditos .credito_sec3 .secc01 .pqSolcitar {
  font-family: "NewJune-Bold";
  font-size: 30px;
}
.creditos .credito_sec3 .secc01 .amarillo-line {
  display: block;
  width: 10%;
  height: 5px;
  background: var(--amarillo);
  margin-top: 20px;
  margin-bottom: 20px;
}
.creditos .credito_sec3 .foto01 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  background: url(../img/creditos/creditos-solicitar-credito.jpg) center center no-repeat;
  background-size: cover;
  padding: 80px 0px;
  height: 400px;
}
.creditos .credito_sec3 .foto02 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  background: url(../img/creditos/creditos-ventajas-creditos-personales.jpg) center center no-repeat;
  background-size: cover;
  height: 450px;
}
.creditos .credito_sec3 .secc02 {
  height: 450px;
  background: var(--verde);
  display: inline-block;
  width: 100%;
  vertical-align: top;
  color: var(--blanco);
  padding: 20px 0px 0px 50px;
}
.creditos .cred-sec03 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  background: url(../img/home/Img_Fondo_Creditos.jpg) center center no-repeat;
  background-size: cover;
  min-height: 700px;
  height: auto;
  padding: 30px 0px;
}
.creditos .cred-sec03 h2 {
  text-align: center;
  color: var(--negro-texto);
  font-size: 35px;
  font-family: "NewJune-Bold", sans-serif;
  margin-bottom: 20px;
}
.creditos .cred-sec03 .green-line {
  background: var(--verde);
  width: 7%;
  height: 5px;
  margin: auto;
  display: block;
  margin-top: 20px;
}
.creditos .cred-sec03 .title3 {
  text-align: center;
  font-size: 18px;
  color: var(--rosa);
  font-weight: 700;
  margin-top: 20px;
}
.creditos .cred-sec03 .prestamos1 {
  display: inline-block;
  width: 100%;
  margin-top: 30px;
}
.creditos .cred-sec03 .prestamos1 .img-credito {
  margin: auto;
  display: block;
  width: 210px;
  height: 149px;
}
.creditos .cred-sec03 .prestamos1 {
  /*.img-credito2 {
      		margin: auto;
      		display: block;
  width: 178px;
  height: 76px;
      	}*/
}
.creditos .cred-sec03 .prestamos1 .credit-title h3 a {
  color: var(--negro-texto) !important;
  text-align: center;
  font-size: 25px;
  font-family: "NewJune-Bold", sans-serif;
}
.creditos .cred-sec03 .prestamos1 .credit-title .descripcion {
  color: var(--negro-texto);
  text-align: center;
  font-size: 16px;
  display: block;
  font-family: "NewJune-Regular", sans-serif;
}
.creditos .cred-sec03 .prestamos2 {
  display: block;
  margin: auto;
  width: 50%;
  margin-top: 50px;
}
.creditos .cred-sec03 .prestamos2 .img-credito3 {
  margin: auto;
  display: block;
  width: 85%;
  height: 153px;
}
.creditos .cred-sec03 .prestamos2 .img-credito4 {
  margin: 18% auto 20%;
  display: block;
  width: 212px;
  height: 75px;
}
.creditos .cred-sec03 .prestamos2 .credit-title h3 a {
  color: var(--negro-texto) !important;
  text-align: center;
  font-size: 25px;
  font-family: "NewJune-Bold", sans-serif;
}
.creditos .cred-sec03 .prestamos2 .credit-title .descripcion {
  color: var(--negro-texto);
  text-align: center;
  font-size: 16px;
  display: block;
  font-family: "NewJune-Regular", sans-serif;
}
.creditos .credit-sec3 .container-fluid {
  padding: 0;
}
.creditos .credit-sec3 .container-fluid .slider-creditos .slide-credit {
  /*width: 825px !important;*/
  width: 640px !important;
}
.creditos .credit-sec3 .container-fluid .slider-creditos .slide-credit .img-credit {
  width: 640px;
  height: 363px;
}
.creditos .credit-sec3 .container-fluid .slider-creditos .slide-credit .fondo-credit {
  padding: 20px;
  min-height: 200px;
  height: auto;
}
.creditos .credit-sec3 .container-fluid .slider-creditos .slide-credit .fondo-credit .img-mexi {
  margin: auto;
  display: block;
  margin-top: 40px;
}
.creditos .credit-sec3 .container-fluid .slider-creditos .slide-credit .fondo-credit a {
  color: var(--blanco);
  font-size: 25px;
  font-family: "NewJune-Bold", sans-serif;
}
.creditos .credit-sec3 .container-fluid .slider-creditos .slide-credit .fondo-credit .descrp-credit {
  color: var(--blanco);
  font-size: 16px;
}
.creditos .credit-sec3 .container-fluid .slider-creditos .bx-wrapper {
  margin: 0;
  border: none;
  display: block;
}
.creditos .credit-sec3 .container-fluid .bx-wrapper {
  /*-moz-box-shadow: 0 0 0px #ccc;
     -webkit-box-shadow: 0 0 0px #ccc;
     box-shadow: 0 0 0px #ccc;
  margin: 0;
  width: 100%;
  min-height: 500px;
  height: auto;
  display: block;
  border: none;
  background: transparent;*/
  margin: 0;
  border: none;
  display: block;
}
.creditos .credit-sec3 .container-fluid .bx-wrapper .bx-controls-direction a {
  top: 35%;
}
.creditos .credit-sec4 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  background: url(../img/creditos/Img_Fondo_Unsiatucredito.jpg) center center no-repeat;
  background-size: cover;
  min-height: 400px;
  height: auto;
}
.creditos .credit-sec4 .unsi {
  display: inline-block;
  /*width: 50%;*/
  vertical-align: top;
  background-size: cover;
  min-height: 400px;
  height: auto;
}
.creditos .credit-sec4 .unsi .diquesi {
  color: var(--blanco);
  text-align: center;
  font-size: 40px;
  font-family: "NewJune-Bold", sans-serif;
  margin-top: 120px;
}
.creditos .credit-sec4 .unsi .rose-line {
  margin: auto;
  display: block;
  width: 10%;
  height: 5px;
  background: var(--verde);
  margin-top: 20px;
  margin-bottom: 40px;
}
.creditos .credit-sec4 .unsi img {
  margin: auto;
}
.creditos .credit-sec4 .credito-sueno {
  display: inline-block;
  /*width: 50%;*/
  vertical-align: top;
  background: url(../img/creditos/Img_Unsiatucredito.jpg) center center no-repeat;
  background-size: cover;
  min-height: 400px;
  height: auto;
}
.creditos .credit-sec4 .tips_para_credito {
  font-family: "NewJune-Bold";
  text-align: center;
  font-size: 30px;
  color: var(--negro-texto);
  padding-top: 20px;
}
.creditos .credit-sec4 .info_credito {
  text-align: center;
  font-family: "NewJune-Bold";
  font-size: 20px;
  margin-top: 20px;
}
@media (max-width: 574px) and (min-width: 0px) {
  .creditos .credito_sec3 .secc01 {
    padding: 5%;
    height: auto;
  }
  .creditos .credito_sec3 .secc02 {
    padding: 5%;
    height: auto;
  }
}

@media (max-width: 767px) and (min-width: 0px) {
  .creditos .credit-sec1 {
    min-height: 200px;
    background-position-x: 65%;
  }
  .creditos .credit-sec1 .title {
    margin-top: 5%;
  }
  .creditos .credit-sec1 .title h1 .title1a {
    font-size: 22px;
    font-family: "NewJune-Bold", sans-serif;
    margin-bottom: 0;
  }
  .creditos .credit-sec1 .title h1 .title1b {
    font-size: 20px;
    margin-bottom: 0;
  }
  .creditos .credit-sec1 .title h1 .title1c {
    font-size: 20px;
    margin-bottom: 0;
  }
  .creditos .credit-sec3 .container-fluid .slider-creditos .slide-credit {
    width: 370px !important;
  }
  .creditos .credit-sec3 .container-fluid .slider-creditos .slide-credit .fondo-credit {
    min-height: 370px !important;
  }
}
@media (max-width: 569px) and (min-width: 480px) {
  .creditos {
    /*.credit-sec3 {
          	.container-fluid {
          		.slider-creditos {
          			.slide-credit {
          				width: 470px !important;
          				.fondo-credit {
    				    min-height: 300px !important;

    				}
          			}
          		}
          	}
          }*/
  }
  .creditos .credit-sec3 .container-fluid .slider-creditos .slide-credit .img-credit {
    width: 370px;
    height: 210px;
  }
}
@media (max-width: 479px) and (min-width: 0px) {
  .creditos {
    /*.credit-sec3 {
      	.container-fluid {
      		.slider-creditos {
      			.slide-credit {
      				width: 370px !important;
      				.fondo-credit {
        min-height: 370px !important;
    }
      			}
      		}
      	}
      }*/
  }
  .creditos .credit-sec3 .container-fluid .slider-creditos .slide-credit .img-credit {
    width: 370px;
    height: 210px;
  }
}
/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- */
/*               GRACIAS                        */
/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- */
.thankyou .body-gracias {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  background-color: var(--azul);
}
.thankyou .body-gracias .gracias {
  padding: 30px 0px 50px;
  text-align: center;
}
.thankyou .body-gracias .gracias img {
  width: 30%;
  margin-bottom: 100px;
  margin-top: 100px;
}
.thankyou .body-gracias .gracias h5 {
  font-weight: 300;
  color: var(--blanco);
  font-size: 35px;
  margin-bottom: 50px;
}
.thankyou .body-gracias .gracias h5 span {
  color: var(--verde);
  font-family: "NewJune-Bold", sans-serif;
}
.thankyou .body-gracias .gracias p {
  font-weight: 300;
  color: var(--blanco);
  font-size: 25px;
  margin-bottom: 70px;
}
.thankyou .body-gracias .gracias a {
  color: var(--blanco);
  font-weight: 700;
  font-size: 25px;
  background-color: var(--verde);
  padding: 10px 40px;
  font-family: "NewJune-Bold", sans-serif;
  border-radius: 3px;
  display: inline-block;
  text-decoration: none;
}

@media (max-width: 767px) and (min-width: 480px) {
  .thankyou .body-gracias .gracias img {
    width: 30%;
    margin-bottom: 30px;
  }
}
@media (max-width: 479px) and (min-width: 0px) {
  .thankyou .body-gracias .gracias img {
    width: 30%;
    margin-bottom: 30px;
  }
}
/******* HEADER 2 ********/
.header-seguro {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  background: var(--blanco);
  min-height: 50px;
  position: fixed;
  top: 0px;
  z-index: 9999;
}
.header-seguro .navbar-default {
  background-color: var(--blanco);
  border-color: transparent;
  padding: 10px;
}
.header-seguro .navbar-default .navbar-nav > li {
  margin-top: 15px;
}
.header-seguro .navbar-default .navbar-nav > li span {
  background: var(--negro-texto);
  border-radius: 50%;
  content: "\a";
  display: inline-block;
  height: 2px;
  width: 2px;
  margin: 22px 0;
}
.header-seguro .navbar-default .navbar-nav > li img {
  display: block;
  width: 23px;
  margin: -5px;
}
.header-seguro .navbar-default .navbar-nav > li .fas {
  margin-left: 5px;
}
.header-seguro .navbar-default .navbar-nav > li .dropdown-menu {
  margin-top: 0;
  border-radius: 6px;
  left: 0px;
}
.header-seguro .navbar-default .navbar-nav > li .protege {
  width: 100%;
}
.header-seguro .navbar-default .navbar-nav > li > a {
  color: var(--negro-texto);
  font-size: 14px;
  font-family: "NewJune-Bold", sans-serif;
}
.header-seguro .navbar-default .navbar-nav > .active > a,
.header-seguro .navbar-default .navbar-nav > .active > a:hover {
  color: var(--negro-texto);
  background-color: transparent;
}
.header-seguro .navbar-default .navbar-nav > .active > a:focus {
  color: var(--rosa);
}
.header-seguro .navbar-default .navbar-nav > .active > a:visited {
  color: var(--rosa);
  border-bottom: 2px solid var(--rosa);
}
.header-seguro .navbar {
  margin-bottom: 0px;
  border: 0px solid transparent;
}
.header-seguro .navbar-brand {
  height: auto;
}
.header-seguro .navbar-brand img {
  margin-top: -10px;
}
.header-seguro .navbar-default .navbar-nav > .open > a, .header-seguro .navbar-default .navbar-nav > .open > a:focus, .header-seguro .navbar-default .navbar-nav > .open > a:hover {
  color: var(--rosa);
  background-color: transparent;
}
.header-seguro .dropdown-menu > .active > a, .header-seguro .dropdown-menu > .active > a:focus, .header-seguro .dropdown-menu > .active > a:hover {
  background-color: #cccccc;
  color: var(--rosa);
  font-weight: 700;
}
.header-seguro .dropdown-menu {
  min-width: 200px;
}
@media (max-width: 989px) {
  .header-seguro .navbar-header {
    float: none;
  }
  .header-seguro .navbar-left, .header-seguro .navbar-right {
    float: none !important;
  }
  .header-seguro .navbar-toggle {
    display: block;
  }
  .header-seguro .navbar-collapse {
    border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  }
  .header-seguro .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
  }
  .header-seguro .navbar-collapse.collapse {
    display: none !important;
  }
  .header-seguro .navbar-nav {
    float: none !important;
    margin-top: 7.5px;
  }
  .header-seguro .navbar-nav > li {
    float: none;
  }
  .header-seguro .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .header-seguro .collapse.in {
    display: block !important;
  }
  .header-seguro .navbar-default .navbar-collapse,
  .header-seguro .navbar-default .navbar-form {
    background-color: var(--blanco);
    border-radius: 0 0 50px 50px;
  }
  .header-seguro .punto {
    display: none;
  }
  .header-seguro .dropdown-menu > li > a br {
    display: none;
  }
  .header-seguro .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
@media (max-width: 767px) and (min-width: 0px) {
  .header-seguro .navbar-default .navbar-nav > li .protege {
    width: 50%;
  }
}
.politics-and-terms h1 {
  font-weight: bold;
}
.politics-and-terms .blue-text {
  color: var(--azul);
  font-weight: bold;
}
.politics-and-terms .tab-text {
  padding-left: 80px;
}

.reconocimientos .rec-sec1 {
  background: url(../img/creditos/mexi-dxn/mexi-banner-header.jpg) no-repeat;
  background-size: cover;
  padding: 45px 9% 0;
}
.reconocimientos .rec-sec1 .title {
  margin-top: 16%;
}
.reconocimientos .rec-sec1 h1 {
  font-size: 85px;
}
.reconocimientos .rec-sec1 img {
  width: 55%;
}
.reconocimientos .rec-sec2 .modelo {
  width: 100%;
  margin: 5% 0;
}

@media (max-width: 989px) and (min-width: 768px) {
  .reconocimientos .rec-sec1 h1 {
    text-align: center;
    margin-bottom: 15px;
  }
  .reconocimientos .rec-sec1 img {
    width: 50%;
  }
}
@media (max-width: 767px) and (min-width: 0px) {
  .reconocimientos .rec-sec1 h1 {
    text-align: center;
    margin-bottom: 15px;
  }
  .reconocimientos .rec-sec1 img {
    width: 50%;
  }
}
@media (max-width: 479px) and (min-width: 0px) {
  .reconocimientos .rec-sec1 {
    padding-top: 0;
  }
  .reconocimientos .rec-sec1 h1 {
    margin-top: 0;
    text-align: center;
    margin-bottom: 15px;
  }
  .reconocimientos .rec-sec1 h2 {
    text-align: center;
  }
  .reconocimientos .rec-sec1 img {
    width: 90%;
  }
}
.bolsa-trabajo .sec1 {
  padding: 20px 8% 0;
}
.bolsa-trabajo .sec1 h1 {
  font-size: 85px;
}
.bolsa-trabajo .sec2 {
  background-image: url("../img/bolsa-trabajo/mexi-banner-section-01.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.bolsa-trabajo .sec2 .separator {
  position: absolute;
  background-color: var(--verde);
  right: 0;
  top: 50%;
  height: 50px;
  width: 3px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 479px) and (min-width: 0px) {
  .bolsa-trabajo .sec1 {
    text-align: center;
    padding-top: 0;
  }
  .bolsa-trabajo .sec1 h1 {
    margin-top: 0;
    text-align: center;
    margin-bottom: 15px;
  }
  .bolsa-trabajo .sec1 h2 {
    text-align: center;
  }
  .bolsa-trabajo .sec1 img {
    margin: auto;
    width: 90% !important;
  }
  .bolsa-trabajo .sec2 {
    padding-top: 20px;
  }
  .bolsa-trabajo .sec3 {
    text-align: center;
  }
}

/* Mexi DXN Section */
.distintivos .dist-sec1 {
  background: url(../img/creditos/mexi-dxn/mexi-banner-header.jpg) no-repeat;
  background-size: cover;
  padding: 45px 9% 0;
}
.distintivos .dist-sec1 .title {
  text-align: justify;
}
.distintivos .dist-sec1 h1 {
  font-size: 85px;
}
.distintivos .dist-sec1 img {
  width: 75%;
}
.distintivos .dist-sec2 {
  padding-bottom: 50px;
  background: url("../img/distintivos/mexi-banner-section-01.png");
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: cover;
}
.distintivos .dist-sec2 h2 {
  margin: 0;
  padding: 0;
  font-size: 45px;
}
.distintivos .dist-sec2 .separador {
  padding-right: 0;
}
.distintivos .dist-sec2 .separador p {
  border-right: 3px solid var(--verde);
}
.distintivos .dist-sec3 {
  background: url(../img/distintivos/mexi-banner-distintivos-jpg.jpg) no-repeat;
  background-size: cover;
  text-align: center;
}
.distintivos .dist-sec3 p {
  text-align: left;
}
.distintivos .dist-sec3 img {
  width: 90%;
}
.distintivos .dist-sec3 .separador {
  border-right: 3px solid var(--blanco);
}
.distintivos .dist-sec3 .fila2 {
  margin-top: 8%;
}

@media (max-width: 989px) and (min-width: 768px) {
  .distintivos .dist-sec1 h1 {
    text-align: center;
    margin-bottom: 15px;
  }
  .distintivos .dist-sec1 img {
    width: 50%;
  }
  .distintivos .dist-sec2 .separador p {
    border-right: none;
    margin-bottom: 15px;
  }
  .distintivos .dist-sec3 img {
    width: 50%;
  }
  .distintivos .dist-sec3 .separador {
    border-right: none;
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) and (min-width: 0px) {
  .distintivos .dist-sec1 h1 {
    text-align: center;
    margin-bottom: 15px;
  }
  .distintivos .dist-sec1 img {
    width: 50%;
  }
  .distintivos .dist-sec2 .separador p {
    border-right: none;
    margin-bottom: 15px;
  }
  .distintivos .dist-sec3 img {
    width: 50%;
  }
  .distintivos .dist-sec3 .separador {
    border-right: none;
    margin-bottom: 20px;
  }
  .distintivos .dist-sec3 .mb-5 {
    margin-bottom: 0px !important;
  }
  .distintivos .dist-sec3 h2 {
    margin-top: 0px;
  }
  .distintivos .dist-sec3 .mt-4 {
    margin-top: 0px !important;
  }
  .distintivos .dist-sec3 .mt-3 {
    margin-top: 0px !important;
  }
  .distintivos .dist-sec3 p {
    margin-bottom: 0px;
  }
}
@media (max-width: 479px) and (min-width: 0px) {
  .distintivos .dist-sec1 {
    padding-top: 0;
    text-align: center;
  }
  .distintivos .dist-sec1 h1 {
    margin-top: 0;
    text-align: center;
    margin-bottom: 15px;
  }
  .distintivos .dist-sec1 h2 {
    text-align: center;
  }
  .distintivos .dist-sec1 img {
    width: 90%;
  }
  .distintivos .dist-sec2 .separador p {
    border-right: none;
    margin-bottom: 15px;
  }
  .distintivos .dist-sec3 p {
    text-align: center;
  }
  .distintivos .dist-sec3 img {
    width: 70%;
  }
  .distintivos .dist-sec3 .separador {
    border-right: none;
    margin-bottom: 20px;
  }
}
.sobre .sobre-sec1 {
  background: url(../img/creditos/mexi-dxn/mexi-banner-header.jpg) no-repeat;
  background-size: cover;
  padding: 45px 9% 0;
}
.sobre .sobre-sec1 h1 {
  font-size: 85px;
}
.sobre .sobre-sec1 img {
  width: 75%;
}
.sobre .sobre-sec2 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  background: url(../img/distintivos/mexi-banner-section-01.png) center center no-repeat;
  background-size: cover;
  padding: 40px 9%;
}
.sobre .sobre-sec2 h2 {
  margin: 0;
  padding: 0;
  font-size: 45px;
}
.sobre .sobre-sec2 .separador {
  padding-right: 0;
}
.sobre .sobre-sec2 .separador p {
  border-right: 3px solid var(--verde);
}
.sobre .sobre-sec3 {
  background-color: var(--gris-claro);
}
.sobre .sobre-sec3 h2 {
  margin-top: 0px;
}
.sobre .sobre-sec3 p {
  font-size: 25px;
  margin-bottom: 50px;
}
.sobre .sobre-sec3 img {
  display: block;
  width: 100%;
  max-width: 150px;
  margin: auto;
}
.sobre .sobre-sec3 .text-rosa {
  font-size: 25px;
  line-height: 1.5rem;
}
.sobre .sobre-sec3 .ff-blogger {
  line-height: 1.5rem !important;
}
.sobre .sobre-sec4 {
  background: url(../img/sobre/mexi-banner-section-02.png) center center no-repeat;
  background-size: cover;
}
.sobre .sobre-sec4 h2 {
  margin: 0 0 50px;
  padding: 0;
  font-size: 45px;
}
.sobre .sobre-sec4 h3 {
  font-size: 25px;
  min-height: 60px;
  margin-top: 0px;
}
.sobre .sobre-sec4 p {
  font-size: 18px;
  min-height: 130px;
}
.sobre .sobre-sec4 img {
  display: inline-block;
  width: 100%;
  max-width: 80px;
  margin: -40px auto 20px;
}
.sobre .sobre-sec4 .card-info {
  padding: 0px 25px 25px;
  border-radius: 25px;
  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.231372549);
          box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.231372549);
  margin-top: 40px;
}
.sobre .sobre-sec5 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  background: url(../img/sobre/mexi-banner-instituciones.jpg) center center no-repeat;
  background-size: cover;
}
.sobre .sobre-sec5 h3 {
  margin: 0;
  padding: 0;
  font-size: 45px;
}
.sobre .sobre-sec5 img {
  width: 90%;
  margin-top: 40px;
}
.sobre .sobre-sec6 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  background: url(../img/home/mexi-banner-form.jpg);
  background-position: center;
  padding: 80px 9% 0;
  background-size: cover;
}
.sobre .sobre-sec6 .title {
  width: 350px;
  text-align: justify;
  text-justify: inter-word;
  margin: auto;
}
.sobre .sobre-sec6 .title .fs-25 {
  position: absolute;
}
.sobre .sobre-sec6 img {
  bottom: 0;
  width: 90%;
  margin-left: 80px;
}
.sobre .sobre-sec6 .contacto {
  background: url(../img/home/mexi-banner-form.png);
  padding: 8% 6%;
  background-size: cover;
  width: 90%;
  float: right;
  background-repeat: no-repeat;
}
.sobre .sobre-sec6 .contacto input {
  border-radius: 5px;
  border: none;
  width: 100%;
  padding: 8px 13px;
  font-size: 18px;
  color: var(--negro-texto);
  margin-bottom: 23px;
}
.sobre .sobre-sec6 .contacto input::-webkit-input-placeholder {
  color: var(--negro-texto);
}
.sobre .sobre-sec6 .contacto input::-moz-placeholder {
  color: var(--negro-texto);
}
.sobre .sobre-sec6 .contacto input:-ms-input-placeholder {
  color: var(--negro-texto);
}
.sobre .sobre-sec6 .contacto input::-ms-input-placeholder {
  color: var(--negro-texto);
}
.sobre .sobre-sec6 .contacto input::placeholder {
  color: var(--negro-texto);
}
.sobre .sobre-sec6 .contacto select {
  border-radius: 5px;
  border: none;
  width: 100%;
  padding: 8px 13px;
  font-size: 18px;
  color: var(--negro-texto);
  margin-bottom: 23px;
}
.sobre .sobre-sec6 .contacto select::-webkit-input-placeholder {
  color: var(--negro-texto);
}
.sobre .sobre-sec6 .contacto select::-moz-placeholder {
  color: var(--negro-texto);
}
.sobre .sobre-sec6 .contacto select:-ms-input-placeholder {
  color: var(--negro-texto);
}
.sobre .sobre-sec6 .contacto select::-ms-input-placeholder {
  color: var(--negro-texto);
}
.sobre .sobre-sec6 .contacto select::placeholder {
  color: var(--negro-texto);
}
.sobre .sobre-sec6 .contacto textarea {
  border-radius: 5px;
  border: none;
  width: 100%;
  padding: 8px 13px;
  font-size: 18px;
  color: var(--negro-texto);
  margin-bottom: 23px;
  height: 100px;
}
.sobre .sobre-sec6 .contacto textarea::-webkit-input-placeholder {
  color: var(--negro-texto);
}
.sobre .sobre-sec6 .contacto textarea::-moz-placeholder {
  color: var(--negro-texto);
}
.sobre .sobre-sec6 .contacto textarea:-ms-input-placeholder {
  color: var(--negro-texto);
}
.sobre .sobre-sec6 .contacto textarea::-ms-input-placeholder {
  color: var(--negro-texto);
}
.sobre .sobre-sec6 .contacto textarea::placeholder {
  color: var(--negro-texto);
}
.sobre .sobre-sec6 .contacto button {
  color: var(--blanco);
  background-color: var(--rosa);
  padding: 14px 55px;
  border-radius: 10px;
  font-size: 18px;
}
.sobre .form-footer .img-footer {
  left: 14% !important;
  width: 21rem !important;
}
@media (max-width: 1280px) and (min-width: 990px) {
  .sobre .sobre-sec4 h3 {
    font-size: 21px;
  }
  .sobre .sobre-sec4 p {
    font-size: 16px;
    min-height: 130px;
  }
}
@media (max-width: 989px) and (min-width: 768px) {
  .sobre .sobre-sec1 h1 {
    text-align: center;
    margin-bottom: 15px;
  }
  .sobre .sobre-sec1 img {
    width: 50%;
  }
  .sobre .sobre-sec2 .separador p {
    border-right: none;
    margin-bottom: 15px;
  }
  .sobre .sobre-sec4 h3 {
    font-size: 21px;
  }
  .sobre .sobre-sec4 p {
    font-size: 16px;
    min-height: 50px;
  }
  .sobre .sobre-sec5 h3 {
    font-size: 30px;
  }
  .sobre .sobre-sec5 img {
    width: 40%;
    margin-bottom: 40px;
  }
  .sobre .sobre-sec6 .title {
    margin-bottom: 50px;
  }
  .sobre .sobre-sec6 .title .fs-25 {
    position: static;
  }
}
@media (max-width: 767px) and (min-width: 0px) {
  .sobre .sobre-sec1 h1 {
    text-align: center;
    margin-bottom: 15px;
  }
  .sobre .sobre-sec1 img {
    width: 50%;
  }
  .sobre .sobre-sec2 .separador p {
    border-right: none;
    margin-bottom: 15px;
  }
  .sobre .sobre-sec3 p {
    font-size: 18px;
    margin-bottom: 35px;
  }
  .sobre .sobre-sec3 img {
    max-width: 100px;
    margin-top: 10px;
  }
  .sobre .sobre-sec3 .text-rosa {
    font-size: 20px;
    line-height: 1.2rem;
  }
  .sobre .sobre-sec4 h2 {
    margin: 0 0 20px;
  }
  .sobre .sobre-sec4 h3 {
    font-size: 21px;
    min-height: 0px;
  }
  .sobre .sobre-sec4 p {
    font-size: 16px;
    min-height: 50px;
  }
  .sobre .sobre-sec4 .card-info {
    margin-top: 60px;
  }
  .sobre .sobre-sec5 h3 {
    font-size: 18px;
  }
  .sobre .sobre-sec5 img {
    width: 100%;
  }
  .sobre .sobre-sec6 .title {
    margin-bottom: 50px;
  }
  .sobre .sobre-sec6 .title .fs-25 {
    position: static;
  }
}
@media (max-width: 479px) and (min-width: 0px) {
  .sobre .sobre-sec1 {
    padding-top: 0;
    text-align: center;
  }
  .sobre .sobre-sec1 h1 {
    margin-top: 0;
    text-align: center;
    margin-bottom: 15px;
  }
  .sobre .sobre-sec1 img {
    width: 90%;
  }
  .sobre .sobre-sec4 .title-sep {
    margin-bottom: 10px;
  }
  .sobre .sobre-sec2 .separador p {
    border-right: none;
    margin-bottom: 15px;
  }
  .sobre .sobre-sec6 {
    padding: 80px 3% 0;
  }
  .sobre .sobre-sec6 .title {
    width: 330px;
    margin: auto;
    text-align: center;
    text-justify: inter-word;
    margin: auto;
    margin-left: 0px;
  }
  .sobre .sobre-sec6 .title .fs-25 {
    position: relative;
    margin-top: 0px;
  }
  .sobre .sobre-sec6 img {
    margin-left: 20px;
  }
  .sobre .sobre-sec6 .contacto {
    background: url(../img/home/mexi-banner-form.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 12% 8%;
    margin-top: 20px;
    background-size: cover;
    width: 100%;
    float: none;
    background-repeat: no-repeat;
  }
  .sobre .sobre-sec6 .contacto input {
    border-radius: 5px;
    border: none;
    width: 100%;
    padding: 8px 13px;
    font-size: 18px;
    color: var(--negro-texto);
    margin-bottom: 23px;
  }
  .sobre .sobre-sec6 .contacto input::-webkit-input-placeholder {
    color: var(--negro-texto);
  }
  .sobre .sobre-sec6 .contacto input::-moz-placeholder {
    color: var(--negro-texto);
  }
  .sobre .sobre-sec6 .contacto input:-ms-input-placeholder {
    color: var(--negro-texto);
  }
  .sobre .sobre-sec6 .contacto input::-ms-input-placeholder {
    color: var(--negro-texto);
  }
  .sobre .sobre-sec6 .contacto input::placeholder {
    color: var(--negro-texto);
  }
  .sobre .sobre-sec6 .contacto select {
    border-radius: 5px;
    border: none;
    width: 100%;
    padding: 8px 13px;
    font-size: 18px;
    color: var(--negro-texto);
    margin-bottom: 23px;
  }
  .sobre .sobre-sec6 .contacto select::-webkit-input-placeholder {
    color: var(--negro-texto);
  }
  .sobre .sobre-sec6 .contacto select::-moz-placeholder {
    color: var(--negro-texto);
  }
  .sobre .sobre-sec6 .contacto select:-ms-input-placeholder {
    color: var(--negro-texto);
  }
  .sobre .sobre-sec6 .contacto select::-ms-input-placeholder {
    color: var(--negro-texto);
  }
  .sobre .sobre-sec6 .contacto select::placeholder {
    color: var(--negro-texto);
  }
  .sobre .sobre-sec6 .contacto textarea {
    border-radius: 5px;
    border: none;
    width: 100%;
    padding: 8px 13px;
    font-size: 18px;
    color: var(--negro-texto);
    margin-bottom: 23px;
    height: 100px;
  }
  .sobre .sobre-sec6 .contacto textarea::-webkit-input-placeholder {
    color: var(--negro-texto);
  }
  .sobre .sobre-sec6 .contacto textarea::-moz-placeholder {
    color: var(--negro-texto);
  }
  .sobre .sobre-sec6 .contacto textarea:-ms-input-placeholder {
    color: var(--negro-texto);
  }
  .sobre .sobre-sec6 .contacto textarea::-ms-input-placeholder {
    color: var(--negro-texto);
  }
  .sobre .sobre-sec6 .contacto textarea::placeholder {
    color: var(--negro-texto);
  }
  .sobre .sobre-sec6 .contacto button {
    color: var(--blanco);
    background-color: var(--rosa);
    padding: 14px 55px;
    border-radius: 10px;
    font-size: 18px;
  }
}

.etica .c-pad {
  padding: 5% 9%;
}
@media (max-width: 570px) and (min-width: 0px) {
  .etica .c-pad {
    padding: 5% 1%;
  }
}
.etica .bebas {
  font-family: "Bebas";
}
.etica .sec1 {
  background: url(../img/creditos/mexi-dxn/mexi-banner-header.jpg) no-repeat;
  background-size: cover;
  padding: 45px 9% 0;
}
.etica .sec1 img {
  width: 60%;
}
.etica .sec1 p {
  font-weight: 700;
  color: white;
  font-size: 38px;
}
.etica .sec1 .grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 570px) and (min-width: 0px) {
  .etica .sec1 .grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .etica .sec1 h1 {
    font-size: 70px !important;
  }
  .etica .sec1 img {
    width: 80%;
  }
}
.etica .sec2 {
  background-color: var(--rosa);
}
.etica .sec2 h2 {
  font-size: 80px;
  margin: 0;
}
@media (max-width: 570px) and (min-width: 0px) {
  .etica .sec2 h2 {
    font-size: 50px !important;
  }
}
.etica .sec3 h2 {
  font-size: 70px;
}
.etica .sec3 p {
  font-size: 20px;
}
.etica .sec3 .btn-cta {
  border-color: var(--azul-oscuro);
  color: var(--azul-oscuro);
  padding: 12px 27px;
  border-width: 2px;
}
.etica .sec3 .btn-cta:hover {
  color: white;
  background-color: var(--azul-oscuro);
}
@media (max-width: 900px) and (min-width: 0px) {
  .etica .sec3 h2 {
    font-size: 50px !important;
  }
  .etica .sec3 img {
    width: 100%;
  }
}
.etica .sec4 .box {
  padding: 4% 5%;
  background-color: #F3F3F3;
  border-radius: 25px;
}
.etica .sec4 .box h3 {
  font-size: 60px;
}
.etica .sec4 .box p {
  font-size: 19px;
}
@media (max-width: 570px) and (min-width: 0px) {
  .etica .sec4 .box h3 {
    font-size: 45px;
  }
}
.etica .sec5 {
  background: url(../img/eticaRedesign/mexi-etikao-section-adn.png) no-repeat;
  background-size: contain;
}
.etica .sec5 h3 {
  font-size: 30px;
}
.etica .sec5 h3 .adn {
  font-size: 70px;
  color: var(--naranja);
}
.etica .sec5 p {
  font-size: 20px;
}
.etica .sec5 .grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 989px) and (min-width: 768px) {
  .etica .sec5 h3 {
    font-size: 20px;
  }
  .etica .sec5 h3 .adn {
    font-size: 40px;
    color: var(--naranja);
  }
  .etica .sec5 p {
    font-size: 15px;
  }
}
@media (max-width: 767px) and (min-width: 550px) {
  .etica .sec5 h3 {
    font-size: 20px;
  }
  .etica .sec5 h3 .adn {
    font-size: 40px;
    color: var(--naranja);
  }
  .etica .sec5 p {
    font-size: 10px;
  }
}
@media (max-width: 550px) and (min-width: 0px) {
  .etica .sec5 {
    background: url(../img/eticaRedesign/Responsivos/mexi-etikao-section-adn-res.png) no-repeat;
    height: 600px;
    background-position: center;
    margin-left: 5%;
    margin-right: 1%;
    border-radius: 0% 0% 20px 20px;
  }
  .etica .sec5 p {
    font-size: 17px;
  }
  .etica .sec5 .grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    text-align: center;
  }
}
.etica .sec6 {
  margin-top: 5%;
  background: url(../img/eticaRedesign/mexi-etikao-section-estamos-contigo.png) no-repeat;
  background-size: contain;
  background-position: right;
}
.etica .sec6 h3 {
  padding-top: 13%;
  font-size: 70px;
  color: var(--naranja);
}
.etica .sec6 p {
  padding-bottom: 13%;
  font-size: 20px;
}
.etica .sec6 .grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 767px) and (min-width: 550px) {
  .etica .sec6 h3 {
    font-size: 40px;
    color: var(--naranja);
  }
  .etica .sec6 p {
    font-size: 15px;
  }
}
@media (max-width: 550px) and (min-width: 0px) {
  .etica .sec6 {
    background: url(../img/eticaRedesign/Responsivos/mexi-etikao-section-estamos-contigo-res.png) no-repeat;
    height: 600px;
    background-position: center;
    margin-left: 5%;
    margin-right: 1%;
    border-radius: 0% 0% 20px 20px;
  }
  .etica .sec6 .grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    text-align: center;
  }
}

.voluntariado .vol-sec1 {
  background: url(../img/creditos/mexi-dxn/mexi-banner-header.jpg) no-repeat;
  background-size: cover;
  padding: 45px 9% 0;
}
.voluntariado .vol-sec1 .title {
  margin-top: 16%;
}
.voluntariado .vol-sec1 h1 {
  font-size: 85px;
}
.voluntariado .vol-sec1 img {
  width: 55%;
}
@media (max-width: 989px) and (min-width: 768px), (max-width: 767px) and (min-width: 0px) {
  .voluntariado .vol-sec1 h1 {
    text-align: center;
    margin-bottom: 15px;
  }
  .voluntariado .vol-sec1 img {
    width: 50%;
  }
}
@media (max-width: 479px) and (min-width: 0px) {
  .voluntariado .vol-sec1 {
    padding-top: 0;
  }
  .voluntariado .vol-sec1 h1 {
    margin-top: 0;
    text-align: center;
    margin-bottom: 15px;
  }
  .voluntariado .vol-sec1 h2 {
    text-align: center;
  }
  .voluntariado .vol-sec1 img {
    width: 90%;
  }
}
.voluntariado .vol-sec2l {
  padding: 80px 0px;
}
.voluntariado .vol-sec2l .bg1 {
  background: url("../img/voluntariado/background-vejez-digna.png") no-repeat;
  background-size: cover;
  min-height: 450px;
}
.voluntariado .vol-sec2l .bg3 {
  background: url("../img/voluntariado/background-mas-educacion.png") no-repeat;
  background-size: cover;
  min-height: 450px;
}
.voluntariado .vol-sec2l .vol {
  padding: 50px 49% 50px 9%;
  border-top-right-radius: 28px;
  border-bottom-right-radius: 28px;
}
@media (min-width: 1920px) {
  .voluntariado .vol-sec2l .vol {
    padding: 50px 60% 50px 9%;
  }
}
@media (max-width: 479px) and (min-width: 0px) {
  .voluntariado .vol-sec2l {
    padding: 80px 20px;
  }
  .voluntariado .vol-sec2l .bg1 {
    background: url("../img/voluntariado/res/background-vejez-digna-res.png") no-repeat;
    background-size: cover;
    min-height: 580px;
  }
  .voluntariado .vol-sec2l .bg3 {
    background: url("../img/voluntariado/res/background-mas-educacion-res.png") no-repeat;
    background-size: cover;
    min-height: 580px;
  }
  .voluntariado .vol-sec2l h4 {
    font-size: 20px;
  }
  .voluntariado .vol-sec2l .vol {
    text-align: center;
    border-top-right-radius: 0px;
    padding: 50px 9% 50px 9%;
  }
  .voluntariado .vol-sec2l .vol p {
    font-size: 16px !important;
  }
  .voluntariado .vol-sec2l .vol .btn-cta {
    border-color: var(--verde);
    color: var(--verde);
    padding: 10px 30px;
    font-size: 18px !important;
  }
  .voluntariado .vol-sec2l .vol .btn-cta:hover {
    color: var(--blanco);
    background-color: var(--verde);
  }
}
.voluntariado .vol-sec2r {
  padding: 80px 0px;
}
.voluntariado .vol-sec2r .bg2 {
  background: url("../img/voluntariado/background-bienestar-total.png") no-repeat;
  background-size: cover;
  min-height: 450px;
}
.voluntariado .vol-sec2r .bg4 {
  background: url("../img/voluntariado/background-amor-mexico.png") no-repeat;
  background-size: cover;
  min-height: 450px;
}
.voluntariado .vol-sec2r .vol {
  padding: 50px 9% 50px 49%;
  border-top-left-radius: 28px;
  border-bottom-left-radius: 28px;
}
@media (min-width: 1920px) {
  .voluntariado .vol-sec2r .vol {
    padding: 50px 9% 50px 60%;
  }
}
@media (max-width: 479px) and (min-width: 0px) {
  .voluntariado .vol-sec2r {
    padding: 80px 20px;
  }
  .voluntariado .vol-sec2r .bg2 {
    background: url("../img/voluntariado/res/background-bienestar-total-res.png") no-repeat;
    background-size: cover;
    min-height: 580px;
  }
  .voluntariado .vol-sec2r .bg4 {
    background: url("../img/voluntariado/res/background-amor-mexico-res.png") no-repeat;
    background-size: cover;
    min-height: 580px;
  }
  .voluntariado .vol-sec2r .vol {
    text-align: center;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 30px;
    padding: 50px 9% 50px 9%;
  }
  .voluntariado .vol-sec2r .vol p {
    font-size: 16px !important;
  }
  .voluntariado .vol-sec2r .vol .btn-cta {
    border-color: var(--verde);
    color: var(--verde);
    padding: 10px 30px;
    font-size: 18px !important;
  }
  .voluntariado .vol-sec2r .vol .btn-cta:hover {
    color: var(--blanco);
    background-color: var(--verde);
  }
}

h1 {
  font-size: 70px;
  font-family: "Bebas", sans-serif !important;
}

h2 {
  font-size: 60px;
  font-family: "Bebas", sans-serif !important;
}

h3 {
  font-size: 45px;
  font-family: "Bebas", sans-serif !important;
}

h4 {
  font-size: 30px;
  font-family: "Bebas", sans-serif !important;
}

.fs-l {
  font-size: 40px;
}

.fs-m {
  font-size: 30px;
}

.fs-s {
  font-size: 20px;
}

.fs-14 {
  font-size: 14px;
}

.fs-16 {
  font-size: 16px;
}

.fs-11 {
  font-size: 11px;
}

.fs-20 {
  font-size: 20px !important;
}

.fs-25 {
  font-size: 25px !important;
}

.fs-30 {
  font-size: 30px !important;
}

.fs-35 {
  font-size: 35px;
}

.fs-40 {
  font-size: 40px;
}

.fs-45 {
  font-size: 45px;
}

.fs-50 {
  font-size: 50px;
}

.fs-55 {
  font-size: 55px;
}

.fs-60 {
  font-size: 60px;
}

.fs-70 {
  font-size: 70px;
}

.fw-bold {
  font-weight: 700;
}

.fw-r {
  font-weight: 400;
}

.p-0 {
  padding: 0;
}

.description {
  font-size: 28px;
}

p {
  font-size: 18px;
}

li {
  font-size: 18px;
}

.pad-sec {
  padding: 50px 7%;
}

.ff-blogger {
  font-family: "Blogger", sans-serif !important;
  line-height: normal;
}

.ff-bebas {
  font-family: "Bebas", sans-serif !important;
  line-height: normal;
}

.bg-rosa {
  background: var(--rosa);
}

.bg-verde {
  background: var(--verde);
}

.bg-azul {
  background: var(--azul);
}

.bg-gris {
  background: var(--gris-claro);
}

.bg-gris-oscuro {
  background: var(--gris-oscuro);
}

.bg-negro {
  background: var(--negro);
}

.text-white {
  color: var(--blanco);
}

.text-rosa {
  color: var(--rosa);
}

.text-azul {
  color: var(--azul);
}

.text-amarillo {
  color: var(--amarillo);
}

.text-verde {
  color: var(--verde);
}

.text-center {
  text-align: center !important;
}

.text-grey {
  color: var(--gris-oscuro);
}

.text-grey-01 {
  color: var(--negro-texto);
}

.text-negro {
  color: var(--negro);
}

.text-naranja {
  color: var(--naranja);
}

.text-azul-oscuro {
  color: var(--azul-oscuro);
}

.text-naranja-26 {
  color: var(--naranja-26);
}

.d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.w-50 {
  width: 50%;
}

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

.f-bold {
  font-family: "Inter-Bold", sans-serif;
}

.fw-400 {
  font-weight: 400;
}

.mt-1 {
  margin-top: 10px !important;
}

.mt-2 {
  margin-top: 20px !important;
}

.mt-3 {
  margin-top: 30px !important;
}

.mt-4 {
  margin-top: 40px !important;
}

.mt-5 {
  margin-top: 50px !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 15px !important;
}

.mb-2 {
  margin-bottom: 20px !important;
}

.mb-3 {
  margin-bottom: 30px !important;
}

.mb-4 {
  margin-bottom: 40px !important;
}

.mb-5 {
  margin-bottom: 50px !important;
}

.mr-1 {
  margin-right: 15px;
}

.mt-0 {
  margin-top: 0;
}

.ps-0 {
  padding-left: 0;
}

.position-relative {
  position: relative;
}

.w-80 {
  width: 80%;
}

small {
  font-size: 11px;
}

.d-block {
  display: block;
}

.error-border {
  border: 1px solid #ff0000 !important;
}

.align-items-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
}

.fs-12 {
  font-size: 12px;
}

.comisiones {
  margin-top: 30px;
}
.comisiones .partop {
  font-size: 12px;
  background: var(--azul);
  color: var(--blanco);
  text-align: center;
  padding: 8px;
  height: 50px;
}
.comisiones .partbottom {
  font-size: 12px;
  background: #f2f2f2;
  color: var(--negro-texto);
  text-align: center;
  font-family: "NewJune-Bold", sans-serif;
  padding: 8px;
  display: block;
  min-height: 58px;
  height: auto;
}

.faqs .panel-group .panel-heading {
  cursor: pointer !important;
}

.btn-cta {
  display: inline-block;
  color: var(--naranja-26);
  background-color: unset;
  padding: 14px 55px;
  border-radius: 10px;
  font-size: 18px;
  border: 1px solid var(--naranja-26);
}
.btn-cta.outline {
  background-color: var(--blanco);
  color: var(--naranja-26);
  border: 1px solid var(--naranja-26);
}
.btn-cta:hover {
  background-color: var(--naranja-26);
  color: var(--blanco);
  text-decoration: none;
  font-weight: bold !important;
}
.btn-cta.verde-h {
  border: 1px solid var(--verde);
  color: var(--verde);
}
.btn-cta.verde-h:hover {
  background-color: var(--verde);
  color: var(--blanco);
}

.btn-whatsapp {
  display: block;
  position: fixed;
  left: 0px;
  background: #00bb2d;
  bottom: 30px;
  padding: 8px 10px;
  border-radius: 12px;
  z-index: 9999;
  margin-left: 15px;
}
.btn-whatsapp .fab {
  color: #fff;
  font-size: 40px;
}

.btn-wssp {
  display: block;
  position: fixed;
  right: -230px;
  background: transparent;
  bottom: 35px;
  padding: 0 10px;
  z-index: 9999;
}
.btn-wssp img {
  width: 20%;
}

.box-white {
  position: fixed;
  bottom: 0;
  z-index: 99999999;
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.box-white .box-llamada {
  background-color: var(--blanco);
  border-radius: 20px 20px 0 0;
  padding: 25px 20px;
}
.box-white .btn-llamada {
  display: inline-block;
  color: var(--rosa);
  background-color: unset;
  padding: 14px 55px;
  text-align: center;
  font-weight: 700;
  border-radius: 15px;
  font-size: 18px;
  border: 1px solid var(--rosa);
}
.box-white .btn-llamada.outline {
  background-color: var(--blanco);
  color: var(--rosa);
  border: 1px solid var(--rosa);
}
.box-white .btn-llamada:hover {
  background-color: var(--rosa);
  color: var(--blanco);
  text-decoration: none;
  font-weight: bold !important;
}

.form-control {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 13px 10px;
}

.title-cotiza {
  letter-spacing: 3px !important;
}

.form-steps {
  position: relative;
  background-color: var(--blanco);
  border-radius: 15px;
  padding: 50px 35px 25px;
  margin-top: 20px;
}
.form-steps input[type=date] {
  line-height: unset !important;
}
.form-steps .flecha {
  position: absolute;
  right: 0;
  top: -4rem;
}
.form-steps .steps {
  display: none;
}
.form-steps .steps.actual-page {
  display: block;
}
.form-steps input[type=range] {
  accent-color: var(--naranja-26) !important;
}
.form-steps .checkmark {
  position: absolute;
  top: 5px;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: var(--blanco);
  border-radius: 50%;
  border: 2px solid var(--gris-oscuro);
}
.form-steps .radio-inline {
  padding-left: 30px !important;
}
.form-steps input[type=radio] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  accent-color: var(--verde);
}
.form-steps input[type=radio]:checked ~ .checkmark {
  background-color: var(--verde);
}
.form-steps .row-steps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: -75px;
  position: relative;
}
.form-steps .row-steps .step-box {
  cursor: pointer;
}
.form-steps .row-steps .step-box p {
  color: var(--gris-oscuro);
}
.form-steps .row-steps .step-box::after {
  content: "";
  position: absolute;
  top: 24px;
  height: 4px;
  background-color: var(--gris-claro);
  width: 48%;
}
.form-steps .row-steps .step-box:last-child::after {
  width: 0 !important;
}
.form-steps .row-steps .step-box .icon-step img {
  margin-top: 2px !important;
  margin-left: 0 !important;
  width: 30px;
}
.form-steps .row-steps .step-box .icon-step {
  position: relative;
  z-index: 99;
  border-radius: 50%;
  margin: auto;
  background-color: var(--gris-oscuro);
  width: 50px;
  height: 50px;
  padding: 9px;
}
.form-steps .row-steps .step-box.active .icon-step {
  background-color: var(--naranja-26);
}
.form-steps .row-steps .step-box.active p {
  color: var(--naranja-26) !important;
  font-weight: 700;
}
.form-steps .row-steps .step-box.active::after {
  background-color: var(--naranja-26);
}
.form-steps .row-steps .step-box.active.blue .icon-step {
  background-color: var(--azul-texto);
}
.form-steps .row-steps .step-box.active.blue p {
  color: var(--azul) !important;
}
.form-steps .row-steps .step-box.active.blue::after {
  background-color: var(--azul-texto);
}

.form-footer {
  background: url(../img/home/2026/mexi-home-imagen-header-01.webp) center center no-repeat;
  background-size: cover;
  background-color: #ecc831;
  padding: 80px 9% 145px;
}
.form-footer h3 {
  font-size: 36px !important;
}
.form-footer .title {
  width: 350px;
  text-align: center;
  margin: auto;
}
.form-footer .img-footer {
  position: absolute;
  bottom: 0;
  left: 11%;
  right: 0;
  width: 27rem;
}
.form-footer .img-footer-mobile {
  margin-bottom: -100px;
}
.form-footer .contacto {
  background-color: var(--gris-claro);
  padding: 4% 6%;
  width: 90%;
  border-radius: 20px;
  margin: auto;
}
.form-footer .contacto input {
  border-radius: 5px;
  border: none;
  width: 100%;
  padding: 8px 13px;
  font-size: 18px;
  color: var(--negro-texto);
  margin-bottom: 23px;
}
.form-footer .contacto input::-webkit-input-placeholder {
  color: var(--negro-texto);
}
.form-footer .contacto input::-moz-placeholder {
  color: var(--negro-texto);
}
.form-footer .contacto input:-ms-input-placeholder {
  color: var(--negro-texto);
}
.form-footer .contacto input::-ms-input-placeholder {
  color: var(--negro-texto);
}
.form-footer .contacto input::placeholder {
  color: var(--negro-texto);
}
.form-footer .contacto select {
  border-radius: 5px;
  border: none;
  width: 100%;
  padding: 8px 13px;
  font-size: 18px;
  color: var(--negro-texto);
  margin-bottom: 23px;
}
.form-footer .contacto select::-webkit-input-placeholder {
  color: var(--negro-texto);
}
.form-footer .contacto select::-moz-placeholder {
  color: var(--negro-texto);
}
.form-footer .contacto select:-ms-input-placeholder {
  color: var(--negro-texto);
}
.form-footer .contacto select::-ms-input-placeholder {
  color: var(--negro-texto);
}
.form-footer .contacto select::placeholder {
  color: var(--negro-texto);
}
.form-footer .contacto textarea {
  border-radius: 5px;
  border: none;
  width: 100%;
  padding: 8px 13px;
  font-size: 18px;
  color: var(--negro-texto);
  margin-bottom: 23px;
  height: 100px;
}
.form-footer .contacto textarea::-webkit-input-placeholder {
  color: var(--negro-texto);
}
.form-footer .contacto textarea::-moz-placeholder {
  color: var(--negro-texto);
}
.form-footer .contacto textarea:-ms-input-placeholder {
  color: var(--negro-texto);
}
.form-footer .contacto textarea::-ms-input-placeholder {
  color: var(--negro-texto);
}
.form-footer .contacto textarea::placeholder {
  color: var(--negro-texto);
}

.green-sec {
  background-color: var(--verde);
  padding: 30px 0;
  text-align: center;
  font-weight: bold;
}

.desktop-item {
  display: block;
}

.mobile-item {
  display: none;
}

.faqs {
  width: 100%;
  margin: auto;
  display: block;
}
.faqs h4 {
  font-family: "Poppins", sans-serif !important;
}
.faqs .panel-group {
  margin-bottom: 15px;
}
.faqs .panel-group .panel {
  background-color: var(--gris);
  border-radius: 14px;
  border: none;
}
.faqs .panel-group .rotate-icon {
  color: var(--azul);
  font-size: 22px;
  float: right;
}
.faqs .panel-group .panel-heading {
  padding: 25px 28px;
  background-color: var(--gris) !important;
  border-radius: 14px;
  border: none;
}
.faqs .panel-group .panel-heading .panel-title {
  color: var(--negro);
  font-size: 18px;
  font-weight: bold;
}
.faqs .panel-group .panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: transparent;
}
.faqs .panel-collapse .panel-body .desc-vacante {
  margin-bottom: 20px;
}
.faqs .panel-collapse .panel-body .desc-vacante .title-faqs {
  color: var(--negro-texto);
  font-size: 18px;
}
.faqs .panel-collapse .panel-body .desc-vacante .list-faqs {
  color: var(--rosa);
  line-height: 2px;
}
.faqs .panel-collapse .panel-body .desc-vacante .list-faqs .text-vacante {
  color: var(--negro-texto);
  font-size: 12px;
}
@media (max-width: 767px) and (min-width: 0px) {
  .faqs {
    width: 100%;
    margin: auto;
    display: block;
  }
}

/* Medias query menu hamburguesa */
@media (max-width: 989px) {
  h1 {
    font-size: 35px !important;
  }
  h2 {
    font-size: 28px !important;
  }
  .container {
    width: 90%;
  }
  header .navbar-header {
    float: none;
  }
  header .navbar-left,
  header .navbar-right {
    float: none !important;
  }
  header .navbar-toggle {
    display: block;
  }
  header .navbar-collapse {
    border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  }
  header .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
  }
  header .navbar-collapse.collapse {
    display: none !important;
  }
  header .navbar-nav {
    float: none !important;
    margin-top: 7.5px;
  }
  header .navbar-nav > li {
    float: none;
  }
  header .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  header .collapse.in {
    display: block !important;
  }
  header .navbar-default .navbar-collapse,
  header .navbar-default .navbar-form {
    background-color: var(--blanco);
    border-radius: 0 0 50px 50px;
  }
  header .punto {
    display: none;
  }
  header .dropdown-menu > li > a br {
    display: none;
  }
  header .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .desktop-item {
    display: none;
  }
  .mobile-item {
    display: block;
  }
}
@media (max-width: 767px) and (min-width: 0px) {
  .desktop-item {
    display: none;
  }
  .mobile-item {
    display: block;
  }
  .btn-wssp {
    display: block;
    position: fixed;
    right: -300px;
    background: transparent;
    bottom: 170px;
    padding: 0 10px;
    z-index: 9999;
  }
  .btn-wssp img {
    width: 17%;
  }
  .form-footer .contacto {
    width: 100%;
  }
  .form-footer .title {
    width: 350px;
    text-align: center;
    text-justify: inter-word;
    margin: auto;
    margin-bottom: 50px;
  }
  .form-footer .title .fs-25 {
    position: relative;
    font-size: 25px;
  }
  .form-footer .title .fs-55 {
    font-size: 70px;
  }
  .form-footer .title h2 {
    font-size: 50px !important;
  }
}
@media (max-width: 479px) and (min-width: 0px) {
  .title-cuota {
    font-size: 13px;
  }
  .title-cotiza {
    font-size: 28px !important;
  }
  .d-pad {
    padding: 40px 9%;
  }
  .form-steps {
    margin-top: 45px;
    padding: 50px 25px;
  }
  .form-steps .align-items-center {
    display: flow;
  }
  .form-steps .row-steps .step-box p {
    font-size: 12px;
  }
  .form-steps .btn-cta {
    width: 100%;
  }
  .form-steps .flecha {
    width: 44px;
    top: -3rem;
  }
  .form-steps label {
    font-size: 13px;
    margin-top: 10px;
  }
  .form-steps .step-0 .monto {
    text-align: center;
  }
  .form-steps .step-0 .text-right {
    text-align: center;
  }
  .form-steps .form-control {
    padding: 5px 10px;
  }
  .home .h-sec3 h3 {
    padding-right: 0%;
  }
  .home .h-sec3 h2 {
    font-size: 50px !important;
  }
  .desktop-item {
    display: none;
  }
  .mobile-item {
    display: block;
  }
  .btn-wssp {
    display: block;
    position: fixed;
    right: -300px;
    background: transparent;
    bottom: 170px;
    padding: 0 10px;
    z-index: 9999;
  }
  .btn-wssp img {
    width: 15%;
  }
  .form-footer .contacto {
    width: 100%;
  }
  .form-footer h3 {
    text-align: center;
    margin-bottom: 20px;
  }
  .form-footer .title {
    width: 320px;
    text-align: center;
    text-justify: inter-word;
    margin: auto;
    margin-bottom: 30px;
  }
  .form-footer .title .fs-25 {
    position: inherit;
    font-size: 22px;
    margin-bottom: 5px;
  }
  .form-footer .title .fs-55 {
    font-size: 30px;
  }
  .form-footer .title h2 {
    font-size: 30px !important;
    line-height: 1;
    margin: 0px auto 40px;
  }
  .form-footer .contacto input {
    padding: 5px 13px;
    font-size: 16px;
    margin-bottom: 15px;
  }
  .form-footer .contacto select {
    padding: 5px 13px;
    font-size: 16px;
    margin-bottom: 15px;
  }
  .form-footer .contacto textarea {
    padding: 5px 13px;
    font-size: 16px;
    margin-bottom: 15px;
    height: 80px;
  }
  .form-footer .contacto button {
    padding: 10px 55px;
    font-size: 16px;
  }
  .form-footer .img-footer-mobile {
    margin-bottom: -39px;
  }
}