@charset "UTF-8";
@import url("../bootstrap/css/bootstrap.min.css");
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Encode+Sans:wght@100..900&display=swap");
@font-face {
  font-family: "DenmarkRegular";
  src: url("/assets/fonts/denmark/denmarkregular-webfont.eot");
  src: url("/assets/fonts/denmark/denmarkregular-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/denmark/denmarkregular-webfont.woff") format("woff"), url("/assets/fonts/denmark/denmarkregular-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url("/assets/fonts/Montserrat/Montserrat-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
:root {
  --Encode-Sans: "Encode Sans";
  --Montserrat: "Montserrat";
  --Roboto: "Roboto";
}

.form-control:focus,
.btn:focus,
.btn-close:focus {
  box-shadow: none;
}

.oculto {
  display: none;
}

div.separador-heder-horizontal {
  border-top: 1px solid #cfcfcf;
  width: 100%;
  height: 1px;
}

section.cont-general-header1 {
  height: 41px;
  background-color: #f3f4f7;
}
section.cont-general-header1 .cont-header {
  padding-right: 0;
}
section.cont-general-header1 .altura-modificada {
  height: 41px;
  align-items: center;
}
section.cont-general-header1 .dropdown {
  position: relative;
  cursor: pointer;
  min-width: 10px;
  padding: 0;
}
section.cont-general-header1 .dropdown-toggle {
  font-family: var(--Encode-Sans);
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: 0.25px;
  color: #3c3c3c;
  border-radius: 40px;
  padding: 0.5rem 1.5rem;
  text-decoration: none;
}
section.cont-general-header1 .dropdown-toggle .span {
  height: auto;
}
section.cont-general-header1 .dropdown-toggle::after {
  display: none;
}
section.cont-general-header1 .dropdown-toggle.mod {
  color: #067ddf !important;
}
section.cont-general-header1 .dropdown-toggle.mod:hover, section.cont-general-header1 .dropdown.show .dropdown-toggle.mod {
  background-color: #067ddf !important;
  color: #fff !important;
}
section.cont-general-header1 .dropdown-toggle.header-1 {
  width: 133px;
  height: 31px;
  margin-right: 20px;
}
section.cont-general-header1 .dropdown-toggle.header-2 {
  width: 221px;
  height: 31px;
  margin: 0 20px;
  text-decoration: none;
}
section.cont-general-header1 .dropdown-toggle.header-3 {
  height: 31px;
  margin-left: 20px;
  text-decoration: none;
}
section.cont-general-header1 .dropdown-toggle.header-3 .img-header-navemar {
  display: inline-block;
  background-image: url("/assets/img/Group_30.svg");
  width: 10px;
  height: 11.17px;
  background-repeat: no-repeat;
  margin-right: 7px;
  background-size: cover;
}
section.cont-general-header1 .dropdown-toggle.header-3:hover .img-header-navemar, section.cont-general-header1 .dropdown.show .dropdown-toggle.header-3 .img-header-navemar {
  background-image: url("/assets/img/Group_30_2.svg");
}
section.cont-general-header1 .dropdown-toggle:hover, section.cont-general-header1 .dropdown.show .dropdown-toggle {
  background-color: #3d3d3c;
  color: #fff;
  transition: 0.3s;
}
section.cont-general-header1 .dropdown .dropdown-menu ul {
  padding-left: 0;
  list-style: none;
}
section.cont-general-header1 .dropdown .dropdown-menu li a {
  font-size: 12px;
  text-transform: uppercase;
  display: block;
  padding: 5px 10px;
  color: #333;
  text-decoration: none;
}
section.cont-general-header1 .dropdown .dropdown-menu li a:hover {
  background-color: transparent;
  text-decoration: underline;
  color: #107ce4;
}
section.cont-general-header1 .dropdown .dropdown-menu p {
  color: #939393;
  margin: 5px 0 0 10px;
  font-size: 12px;
}
section.cont-general-header1 .dropdown.show .dropdown-menu {
  display: block;
}
section.cont-general-header1 div.separador {
  border-left: 1px solid #cecfce;
  height: 31px;
}

section.cont-gen-header-botonera {
  background-color: #fefffe;
}
section.cont-gen-header-botonera nav.navbar {
  font-family: var(--Encode-Sans);
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  text-transform: uppercase;
  z-index: 1;
}
section.cont-gen-header-botonera nav.navbar .navbar-nav {
  gap: 10px;
  margin-top: 12px;
  align-items: start;
}
section.cont-gen-header-botonera nav.navbar .navbar-nav .nav-item .nav-link {
  color: #343434;
  text-align: center;
  padding: 2px 0;
  margin: 0 2px;
  border-top: 1px solid transparent;
  transition: all 0.2s ease;
}
section.cont-gen-header-botonera nav.navbar .navbar-nav .nav-item .nav-link:hover {
  color: #0679e5;
  border-top: 1px solid #0679e5;
}
section.cont-gen-header-botonera nav.navbar .navbar-nav .nav-item.dropdown .nav-link {
  padding-bottom: 0;
  width: -moz-fit-content;
  width: fit-content;
}
section.cont-gen-header-botonera nav.navbar .navbar-nav .nav-item.dropdown .nav-link::after {
  display: none;
}
section.cont-gen-header-botonera nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu {
  font-size: 12px;
  box-shadow: 0 2px 10px 2px rgba(22, 22, 22, 0.0509803922);
}
section.cont-gen-header-botonera nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item {
  color: #343434;
  font-weight: 500;
  transition: all 0.2s ease;
}
section.cont-gen-header-botonera nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item:hover {
  background-color: unset;
  color: #0679e5;
  text-decoration: underline;
  text-underline-offset: 3px;
}

section.cont-gen-footer-botonera {
  border-top: 1px solid #f0f0f0;
  background-color: #fefffe;
}
section.cont-gen-footer-botonera .footer-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #f0f0f0;
}
section.cont-gen-footer-botonera .footer-content .footer-menu {
  font-family: var(--Encode-Sans);
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  text-transform: uppercase;
}
section.cont-gen-footer-botonera .footer-content .footer-menu .footer-nav {
  display: flex;
  list-style: none;
  gap: 10px;
  margin-top: 24px;
}
section.cont-gen-footer-botonera .footer-content .footer-menu .footer-nav .footer-item {
  padding-top: 3px;
  transition: all 0.2s ease;
  border-top: 1px solid transparent;
}
section.cont-gen-footer-botonera .footer-content .footer-menu .footer-nav .footer-item .footer-link {
  color: #343434;
  text-decoration: none;
  padding: 2px 0;
  margin: 0 2px;
  border-top: 1px solid transparent;
  transition: all 0.2s ease;
}
section.cont-gen-footer-botonera .footer-content .footer-menu .footer-nav .footer-item .footer-link:hover {
  color: #0679e5;
  border-top: 1px solid #0679e5;
}
section.cont-gen-footer-botonera .footer-content .footer-menu .footer-nav .footer-item.dropdown .footer-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  background: none !important;
  margin-top: -4px;
}
section.cont-gen-footer-botonera .footer-content .footer-menu .footer-nav .footer-item.dropdown .footer-link::after {
  display: none;
}
section.cont-gen-footer-botonera .footer-content .footer-menu .footer-nav .footer-item.dropdown .footer-link span {
  border-top: 1px solid transparent;
}
section.cont-gen-footer-botonera .footer-content .footer-menu .footer-nav .footer-item.dropdown .footer-link:hover {
  text-underline-offset: 30px;
}
section.cont-gen-footer-botonera .footer-content .footer-menu .footer-nav .footer-item.dropdown .dropdown-menu {
  font-size: 12px;
  box-shadow: 0 2px 10px 2px rgba(22, 22, 22, 0.05);
  margin-top: 0.5rem;
}
section.cont-gen-footer-botonera .footer-content .footer-menu .footer-nav .footer-item.dropdown .dropdown-menu .dropdown-item {
  color: #343434;
  font-weight: 500;
  transition: all 0.2s ease;
}
section.cont-gen-footer-botonera .footer-content .footer-menu .footer-nav .footer-item.dropdown .dropdown-menu .dropdown-item:hover {
  background-color: unset;
  color: #0679e5;
  text-decoration: underline;
  text-underline-offset: 3px;
}

section.certificado-footer {
  background-color: #ffffff;
  padding: 30px 0 60px;
}
section.certificado-footer .text-item {
  display: flex;
  flex-direction: column;
  gap: 20px;
  font-family: var(--Encode-Sans);
  font-size: 14px;
  line-height: 100%;
}
section.certificado-footer .text-item a {
  text-decoration: none;
}
section.certificado-footer .text-item a :hover {
  text-decoration: none;
}
section.certificado-footer .text-item .titulo {
  color: #3c3c3c;
  font-weight: 700;
  letter-spacing: 0.25px;
}
section.certificado-footer .text-item img {
  max-width: 255px;
}
section.certificado-footer .text-item .text-subtitulo {
  display: flex;
  flex-direction: row;
  gap: 15px;
}
section.certificado-footer .text-item .text-subtitulo .subtitulo {
  color: #3c3c3c;
  font-weight: 500;
  letter-spacing: 0;
}
section.certificado-footer .text-item .text-subtitulo a {
  text-decoration: none;
  color: #3c3c3c;
}
section.certificado-footer .text-item .text-subtitulo a :hover {
  color: #3c3c3c;
}

section.footer-bottom {
  background-color: #f2f5f7;
  padding: 15px 0;
}
section.footer-bottom .text-item {
  display: flex;
  justify-content: space-between;
}
section.footer-bottom .text-item .titulo {
  font-family: var(--Encode-Sans);
  font-weight: 500;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0;
}
section.footer-bottom .text-item img {
  max-width: 160px;
}

section.baner-principal {
  padding: 120px 0 160px;
  background-image: url("/assets/img/hero-bg.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  align-content: space-evenly;
}
section.baner-principal .text-item {
  display: flex;
  flex-direction: column;
  gap: 28px;
}
section.baner-principal .text-item .titulo-principal {
  font-family: var(--Encode-Sans);
  font-weight: 600;
  font-size: 70px;
  line-height: 80px;
  letter-spacing: 1px;
  text-align: center;
  color: #ffffff;
  margin-bottom: 0;
}
section.baner-principal .text-item .subtitulo-principal {
  font-family: var(--Montserrat);
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 1%;
  text-align: center;
  color: #ffffff;
  margin-top: 15px;
  margin-bottom: 0;
}
section.baner-principal .text-item .boton-principal-contactanos {
  text-transform: uppercase;
  border-radius: 30px;
  padding: 12px 30px;
  background-color: #ff8a00;
  color: #ffffff;
  font-family: var(--Montserrat);
  font-weight: 700;
  font-size: 18px;
  line-height: 20px;
  width: -moz-fit-content;
  width: fit-content;
  align-self: center;
}
section.baner-principal .text-item .boton-principal-contactanos:hover {
  background-color: #e56000;
  transition: 0.5s;
}

section.explora-soluciones {
  background-color: #e7f3fd;
  padding: 100px 0;
}
section.explora-soluciones .text-item p.titulo {
  font-family: var(--Encode-Sans);
  font-weight: 600;
  font-size: 40px;
  line-height: 52px;
  color: #013f7e;
  text-align: left;
}
section.explora-soluciones .text-item p.subtitulo {
  font-family: var(--Montserrat);
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.25px;
  color: #3c3c3c;
  text-align: left;
}
section.explora-soluciones .text-item a.boton-explorar-soluciones {
  background-color: #0778e5;
  padding: 10px 20px;
  border-radius: 19px;
  border: 1px solid #0778e5;
  font-family: var(--Encode-Sans);
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.25px;
  color: #ffffff;
  text-align: center;
  float: left;
  text-decoration: none;
  align-items: center;
  transition: all 0.5s ease;
  box-shadow: none;
}
section.explora-soluciones .text-item a.boton-explorar-soluciones i {
  font-size: 12px;
}
section.explora-soluciones .text-item a.boton-explorar-soluciones:hover {
  background-color: #015baf;
  border: 1px solid #015baf;
}
section.explora-soluciones .cont-barquitos .barquito {
  text-align: center;
}
section.explora-soluciones .cont-barquitos .barquito img {
  width: 160px;
  height: 170px;
  margin-bottom: 10px;
}
section.explora-soluciones .cont-barquitos .barquito p {
  font-family: var(--Encode-Sans);
  font-weight: 600;
  font-size: 13px;
  line-height: 20px;
  text-align: center;
  color: #013f7e;
  text-transform: uppercase;
  text-decoration: none;
}

section.rastreo-recursos {
  background-image: url("/assets/img/recursos-bg.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 630px;
  padding-top: 70px;
  padding-bottom: 86px;
}
section.rastreo-recursos .text-item p.titulo {
  font-family: var(--Encode-Sans);
  font-weight: 600;
  font-size: 40px;
  line-height: 52px;
  text-align: center;
  color: #ffffff;
}
section.rastreo-recursos .card {
  padding: 40px 20px 20px;
  margin-bottom: 15px;
  gap: 20px;
  border-radius: 6px;
  align-items: center;
  justify-content: space-between;
  min-height: 341px;
}
section.rastreo-recursos .card img {
  width: 80px;
  height: 80px;
}
section.rastreo-recursos .card p.titulo {
  font-family: var(--Encode-Sans);
  font-weight: 500;
  font-size: 22px;
  line-height: 28px;
  text-align: center;
  color: #013f7e;
  margin-bottom: 15px;
}
section.rastreo-recursos .card p.subtitulo {
  font-family: var(--Montserrat);
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.25px;
  text-align: center;
  color: #3c3c3c;
  margin-bottom: 0;
}
section.rastreo-recursos .card a.btn.boton-link {
  background-color: #ffffff;
  padding: 10px 20px;
  border: 1px solid #0679e5;
  color: #015baf;
  font-family: var(--Encode-Sans);
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.25px;
  border-radius: 19px;
  text-align: center;
  float: left;
  text-decoration: none;
  transition: all 0.5s ease;
  align-items: center;
}
section.rastreo-recursos .card a.btn.boton-link i {
  font-size: 12px;
}
section.rastreo-recursos .card a.btn.boton-link:hover {
  background-color: #0778e5;
  color: #bfdbf8;
}
section.rastreo-recursos .card a img {
  height: 15.75px;
  width: 7px;
}

section.navegando-con-proposito {
  background-color: #ffffff;
  padding: 90px 0;
}
section.navegando-con-proposito .container {
  padding: 0 110px;
}
section.navegando-con-proposito .titulo-principal {
  font-family: var(--Encode-Sans);
  font-weight: 600;
  font-size: 40px;
  line-height: 52px;
  text-align: center;
  color: #013f7e;
  margin-bottom: 60px;
}
section.navegando-con-proposito .card {
  gap: 30px;
  border: 1px solid transparent;
  border-radius: 6px;
  align-items: center;
  margin-bottom: 15px;
}
section.navegando-con-proposito .card img {
  border-radius: 6px;
}
section.navegando-con-proposito .card .text-item {
  padding: 0 30px;
}
section.navegando-con-proposito .card .text-item p.titulo {
  font-family: var(--Encode-Sans);
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  color: #013f7e;
  margin-bottom: 20px;
  text-align: left;
}
section.navegando-con-proposito .card .text-item p.subtitulo {
  font-family: var(--Montserrat);
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
  letter-spacing: 0.25px;
  color: #3c3c3c;
  text-align: left;
  margin-bottom: 30px;
}
section.navegando-con-proposito .card .text-item a.boton-link {
  background-color: #ffffff;
  padding: 10px 20px;
  border: 1px solid #0679e5;
  color: #015baf;
  font-family: var(--Encode-Sans);
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.25px;
  border-radius: 19px;
  text-align: center;
  float: left;
  text-decoration: none;
  transition: all 0.5s ease;
  align-items: center;
}
section.navegando-con-proposito .card .text-item a.boton-link i {
  font-size: 12px;
}
section.navegando-con-proposito .card .text-item a.boton-link:hover {
  background-color: #0778e5;
  color: #bfdbf8;
}

section.empresas-relacionadas {
  background-color: #e7f3fd;
  padding: 70px 0;
}
section.empresas-relacionadas .text-item p.titulo {
  font-family: var(--Encode-Sans);
  font-weight: 600;
  font-size: 26px;
  line-height: 32.5px;
  text-align: center;
  color: #013f7e;
  margin-bottom: 55px;
}
section.empresas-relacionadas .cont-logos {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
  align-items: center;
}
section.empresas-relacionadas .cont-logos .imagen {
  padding: 0;
  box-shadow: none;
  border: none;
}
section.empresas-relacionadas .cont-logos .imagen#paranave {
  background-image: url("/assets/img/simbolo_aliados_columna_paranave_.png");
  background-repeat: no-repeat;
  width: 164px;
  height: 30px;
  transition: all 0.5s ease;
}
section.empresas-relacionadas .cont-logos .imagen#paranave:hover {
  background-image: url("/assets/img/simbolo_aliados_columna_paranave_color_.png");
}
section.empresas-relacionadas .cont-logos .imagen#riosur {
  background-image: url("/assets/img/simbolo_aliados_columna_riosur_.png");
  background-repeat: no-repeat;
  width: 176px;
  height: 38px;
  transition: all 0.5s ease;
}
section.empresas-relacionadas .cont-logos .imagen#riosur:hover {
  background-image: url("/assets/img/simbolo_aliados_columna_riosur_color_.png");
}
section.empresas-relacionadas .cont-logos .imagen#terport {
  background-image: url("/assets/img/simbolo_aliados_columna_terport_.png");
  background-repeat: no-repeat;
  width: 103px;
  height: 70px;
  transition: all 0.5s ease;
}
section.empresas-relacionadas .cont-logos .imagen#terport:hover {
  background-image: url("/assets/img/simbolo_aliados_columna_terport_color_.png");
}
section.empresas-relacionadas .cont-logos .imagen#unimarine {
  background-image: url("/assets/img/simbolo_aliados_columna_unimarine_.png");
  background-repeat: no-repeat;
  width: 106px;
  height: 74px;
  transition: all 0.5s ease;
}
section.empresas-relacionadas .cont-logos .imagen#unimarine:hover {
  background-image: url("/assets/img/simbolo_aliados_columna_unimarine_color_.png");
}
section.empresas-relacionadas .cont-logos .imagen#globalshipping {
  background-image: url("/assets/img/simbolo_aliados_columna_globalshiping_.png");
  background-repeat: no-repeat;
  width: 124px;
  height: 46px;
  transition: all 0.5s ease;
}
section.empresas-relacionadas .cont-logos .imagen#globalshipping:hover {
  background-image: url("/assets/img/simbolo_aliados_columna_globalshiping_color_.png");
}
section.empresas-relacionadas .cont-logos .imagen#paramar {
  background-image: url("/assets/img/simbolo_aliados_columna_paramar_.png");
  background-repeat: no-repeat;
  width: 138px;
  height: 36px;
  transition: all 0.5s ease;
}
section.empresas-relacionadas .cont-logos .imagen#paramar:hover {
  background-image: url("/assets/img/simbolo_aliados_columna_paramar_color_.png");
}
section.empresas-relacionadas .cont-logos .imagen:focus {
  outline: none;
  box-shadow: none;
}
section.empresas-relacionadas .cont-logos .splide {
  position: relative;
}
section.empresas-relacionadas .cont-logos .splide .splide__arrows {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
section.empresas-relacionadas .cont-logos .splide .splide__arrow {
  background-color: #d0ddea;
  border: 1.5px solid #d0ddea;
  color: #013f7e;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.5s ease;
  pointer-events: all;
}
section.empresas-relacionadas .cont-logos .splide .splide__arrow:hover {
  background-color: #013f7e;
  color: #ffffff;
}
section.empresas-relacionadas .cont-logos .splide .splide__arrow--prev {
  left: 1rem;
}
section.empresas-relacionadas .cont-logos .splide .splide__arrow--next {
  right: 1rem;
}
section.empresas-relacionadas .modal-content {
  border-radius: 10px;
  border: 1px solid transparent;
  padding: 15px;
}
section.empresas-relacionadas .modal-content .modal-header {
  border-bottom: none;
}
section.empresas-relacionadas .modal-content .modal-header .close {
  padding: 4px 8px;
  transition: all 0.5s ease;
  border-radius: 50px;
  background-color: #ffffff;
  border: none;
}
section.empresas-relacionadas .modal-content .modal-header .close i {
  color: #5b5b5b;
  font-size: 17px;
  width: 17px;
  transition: all 0.5s ease;
}
section.empresas-relacionadas .modal-content .modal-header .close:hover {
  background-color: rgba(52, 52, 52, 0.1019607843);
}
section.empresas-relacionadas .modal-content .modal-header .close:hover i {
  color: #000;
}
section.empresas-relacionadas .modal-content .modal-body {
  padding: 15px 15px 30px;
}
section.empresas-relacionadas .modal-content .modal-body img {
  padding-left: 15px;
  padding-bottom: 30px;
}
section.empresas-relacionadas .modal-content .modal-body ul {
  color: #3c3c3c;
  padding: 0 0 0 15px;
}
section.empresas-relacionadas .modal-content .modal-body ul li {
  margin-bottom: 15px;
}
section.empresas-relacionadas .modal-content .modal-body ul li::marker {
  font-size: 9px;
}
section.empresas-relacionadas .modal-content .modal-body .cont-descubri {
  border-top: 1px solid #f0f0f0;
  padding-left: 15px;
  padding-top: 25px;
}
section.empresas-relacionadas .modal-content .modal-body .cont-descubri .descubri-mas-texto {
  font-family: var(--Roboto);
  font-weight: 400;
  font-size: 13px;
  line-height: 15.23px;
}
section.empresas-relacionadas .modal-content .modal-body .cont-descubri .descubri-mas-enlace {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #015baf;
  font-family: var(--Encode-Sans);
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  text-decoration: none;
}
section.empresas-relacionadas .modal-content .modal-body .cont-descubri .descubri-mas-enlace .descubri-mas-enlace-texto {
  font-family: var(--Encode-Sans);
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  text-decoration: none;
}
section.empresas-relacionadas .modal-content .modal-body .cont-descubri .descubri-mas-enlace i {
  opacity: 0;
  transition: all 0.5s ease;
}
section.empresas-relacionadas .modal-content .modal-body .cont-descubri .descubri-mas-enlace:hover .descubri-mas-enlace-texto {
  text-decoration: underline;
  text-underline-offset: 5px;
}
section.empresas-relacionadas .modal-content .modal-body .cont-descubri .descubri-mas-enlace:hover i {
  opacity: 1;
}

section.banner-comun-azul {
  background-color: #e7f3fd;
  padding: 90px 0;
  font-family: var(--Encode-Sans);
  color: #013f7e;
}
section.banner-comun-azul .text-item p.titulo {
  font-weight: 500;
  font-size: 18px;
  line-height: 22.5px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
section.banner-comun-azul .text-item p.titulo-principal {
  font-weight: 400;
  font-size: 50px;
  line-height: 60px;
  letter-spacing: 1px;
}
section.banner-comun-azul .text-item p.subtitulo {
  font-weight: 400;
  font-size: 20px;
  line-height: 32px;
  letter-spacing: 1%;
}
section.banner-comun-azul .text-item .cont-botones.row {
  gap: 30px;
  padding: 45px 15px 0;
}
section.banner-comun-azul .text-item .cont-botones.row .boton-naranja {
  text-transform: uppercase;
  border-radius: 30px;
  padding: 12px 30px;
  background-color: #ff8a00;
  color: #ffffff;
  font-family: var(--Montserrat);
  font-weight: 700;
  font-size: 18px;
  line-height: 20px;
  width: -moz-fit-content;
  width: fit-content;
  align-self: center;
  text-align: center;
  text-decoration: none;
}
section.banner-comun-azul .text-item .cont-botones.row .boton-naranja:hover {
  background-color: #e56000;
  transition: 0.5s;
}
section.banner-comun-azul .text-item .cont-botones.row .boton-azul {
  text-transform: uppercase;
  border-radius: 30px;
  padding: 12px 50px;
  background-color: #0679e5;
  color: #ffffff;
  font-family: var(--Montserrat);
  font-weight: 700;
  font-size: 18px;
  line-height: 20px;
  width: -moz-fit-content;
  width: fit-content;
  align-self: center;
  text-align: center;
}
section.banner-comun-azul .text-item .cont-botones.row .boton-azul:hover {
  background-color: #015baf;
  transition: 0.5s;
}

section.carrusel-de-fotos {
  background-color: #ffffff;
  padding: 60px 0 86px;
}
section.carrusel-de-fotos .splide {
  position: relative;
  width: 100%;
  overflow: visible;
}
section.carrusel-de-fotos .splide .splide__arrows {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  pointer-events: none;
  z-index: 2;
}
section.carrusel-de-fotos .splide .splide__arrows .splide__arrow {
  pointer-events: all;
  background-color: #ffffff;
  border: 1.5px solid #013f7e;
  color: #013f7e;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.5s ease;
  position: relative;
  z-index: 3;
}
section.carrusel-de-fotos .splide .splide__arrows .splide__arrow:hover {
  background-color: #013f7e;
  color: #ffffff;
}
section.carrusel-de-fotos .splide .splide__arrows .splide__arrow--prev {
  left: 40px;
}
section.carrusel-de-fotos .splide .splide__arrows .splide__arrow--next {
  right: 40px;
}
section.carrusel-de-fotos .splide .splide__track {
  width: 100%;
  overflow: hidden;
  max-width: 900px;
  margin: 0 auto;
  height: 100%;
}
section.carrusel-de-fotos .splide .splide__track .splide__list {
  display: flex;
  margin: 0 !important;
  padding: 0 !important;
  transition: transform 0.5s ease-in-out;
  height: auto !important;
}
section.carrusel-de-fotos .splide .splide__track .splide__list .splide__slide {
  padding: 0;
  margin: 0 0 16px 0;
  display: block;
}
section.carrusel-de-fotos .splide .splide__track .splide__list .splide__slide .carrusel-item {
  width: 100%;
  margin: 0;
  padding: 0;
  display: block;
  height: 85%;
}
section.carrusel-de-fotos .splide .splide__track .splide__list .splide__slide .carrusel-item img {
  width: 100%;
  height: auto;
  border-radius: 10px 10px 0 0;
  max-width: 100% !important;
}
section.carrusel-de-fotos .splide .splide__track .splide__list .splide__slide .carrusel-item .cont-img-texto-carru {
  max-width: 100%;
  margin: 0 10px;
  box-shadow: 0px 2px 8px 0px rgba(22, 22, 22, 0.1215686275);
  border-radius: 10px;
  height: 100%;
  transform: translateZ(0);
}
section.carrusel-de-fotos .splide .splide__track .splide__list .splide__slide .carrusel-item .cont-img-texto-carru img {
  border-radius: 10px 10px 0 0;
  width: 100%;
  height: auto;
  display: block;
}
section.carrusel-de-fotos .splide .splide__track .splide__list .splide__slide .carrusel-item .cont-img-texto-carru .cont-texto-carousel {
  background-color: #fefffe;
  padding: 20px 15px;
  color: #666666;
  border-radius: 0px 0px 10px 10px;
}
section.carrusel-de-fotos .splide .splide__track .splide__list .splide__slide .carrusel-item .cont-img-texto-carru .cont-texto-carousel .texto-descriptivo-imagen-carrucel {
  font-family: var(--Montserrat);
  font-weight: 400;
  font-size: 12px;
  line-height: 22px;
  margin-bottom: 0px;
}
section.carrusel-de-fotos .splide .splide__pagination {
  gap: 13px;
  padding: 0;
  position: static;
}
section.carrusel-de-fotos .splide .splide__pagination li {
  width: 85px;
  margin-bottom: 5px;
}
section.carrusel-de-fotos .splide .splide__pagination li .splide__pagination__page {
  width: 84px;
  height: 2px;
  border-radius: 1px;
  background: rgba(6, 121, 229, 0.2);
  transition: all 0.5s ease;
}
section.carrusel-de-fotos .splide .splide__pagination li .splide__pagination__page.is-active {
  transform: none;
  width: 85px;
  height: 3px;
  border-radius: 2px;
  background: #00183a;
}

section.mision-vision {
  background-color: #ffffff;
  padding: 50px 0;
}
section.mision-vision .card {
  gap: 30px;
  border: 1px solid transparent;
  border-radius: 6px;
  align-items: center;
  margin-bottom: 15px;
}
section.mision-vision .card img {
  border-radius: 6px;
}
section.mision-vision .card .text-item {
  padding: 0 30px;
}
section.mision-vision .card .text-item p.titulo {
  font-family: var(--Encode-Sans);
  font-weight: 500;
  font-size: 36px;
  line-height: 45px;
  letter-spacing: 0.25px;
  color: #013f7e;
}
section.mision-vision .card .text-item p.subtitulo {
  font-family: var(--Montserrat);
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 0.25px;
  color: #3c3c3c;
  margin-bottom: 0;
}

section.valores {
  padding: 80px 0;
  background-color: #e7f2fc;
  font-family: var(--Encode-Sans);
  color: #013f7e;
}
section.valores .container {
  padding: 0 110px;
}
section.valores .text-item .titulo-principal {
  font-weight: 500;
  font-size: 40px;
  line-height: 50px;
  letter-spacing: 0.25px;
  margin-bottom: 50px;
}
section.valores .custom-list {
  list-style-type: none;
  padding-left: 0px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 0;
}
section.valores .custom-list li {
  background-image: url("/assets/img/tilde_check_.svg");
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 30px;
  font-family: var(--Montserrat);
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0.25px;
}

section.viaje-listo {
  background-color: #b8ddff;
  padding: 60px 0;
}
section.viaje-listo .text-item {
  display: flex;
  flex-direction: column;
  gap: 28px;
  align-items: center;
}
section.viaje-listo .text-item .titulo-principal {
  font-family: var(--Encode-Sans);
  font-weight: 500;
  font-size: 30px;
  line-height: 50px;
  letter-spacing: 1px;
  color: #00183a;
  margin-bottom: 0;
  text-align: center;
}
section.viaje-listo .text-item .boton-secundario-contactanos {
  text-transform: uppercase;
  border-radius: 30px;
  padding: 12px 50px;
  background-color: #0679e5;
  color: #ffffff;
  font-family: var(--Montserrat);
  font-weight: 700;
  font-size: 18px;
  line-height: 20px;
  width: -moz-fit-content;
  width: fit-content;
  align-self: center;
}
section.viaje-listo .text-item .boton-secundario-contactanos:hover {
  background-color: #015baf;
  transition: 0.5s;
}

section.viaje-listo-form {
  background-color: #ffffff;
  padding: 60px 0;
  font-family: var(--Encode-Sans);
  color: #013f7e;
}
section.viaje-listo-form .text-item .titulo-principal {
  font-weight: 400;
  font-size: 40px;
  line-height: 55px;
  letter-spacing: 1px;
}
section.viaje-listo-form .text-item .subtitulo {
  font-weight: 400;
  font-size: 20px;
  line-height: 32px;
  letter-spacing: 0;
}
section.viaje-listo-form .form-group {
  padding-top: 8px;
  padding-bottom: 8px;
}
section.viaje-listo-form .form-group .form-title {
  color: #000000;
  font-size: 18px;
}
section.viaje-listo-form .form-group .form-control {
  padding: 10px 16px;
  border-radius: 30px;
  border-width: 1px;
  border-color: #4d97ed;
  font-family: var(--Montserrat);
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  color: #000000;
}
section.viaje-listo-form .boton-enviar {
  text-transform: uppercase;
  border-radius: 30px;
  padding: 12px 50px;
  background-color: #0679e5;
  color: #ffffff;
  font-family: var(--Montserrat);
  font-weight: 700;
  font-size: 18px;
  line-height: 20px;
  width: -moz-fit-content;
  width: fit-content;
  align-self: center;
}
section.viaje-listo-form .boton-enviar:hover {
  background-color: #015baf;
  transition: 0.5s;
}

section.menu-soluciones {
  background-color: #ffffff;
  padding: 60px 0;
  /* Estilos para Select2 */
}
section.menu-soluciones .sidebar {
  background-color: #ffffff;
  padding: 15px;
}
section.menu-soluciones .sidebar nav {
  gap: 10px;
  max-width: 290px;
}
section.menu-soluciones .sidebar nav .nav-link {
  display: flex;
  color: #013f7e;
  font-family: var(--Encode-Sans);
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  justify-content: space-between;
  padding-top: 20px;
  padding-right: 20px;
  padding-left: 0px;
  padding-bottom: 20px;
  border-radius: 6px;
  align-items: center;
  text-transform: uppercase;
  transition: all 0.3s ease;
}
section.menu-soluciones .sidebar nav .nav-link.active {
  background-color: #e7f3fd;
  padding-left: 20px;
  border-radius: 6px;
}
section.menu-soluciones .sidebar nav .nav-link:hover {
  background-color: #e7f3fd;
  padding-left: 20px;
  border-radius: 6px;
}
section.menu-soluciones .sidebar nav .nav-link i {
  margin-left: 5px;
}
section.menu-soluciones .content-section {
  display: none;
}
section.menu-soluciones .content-section .text-item {
  padding-right: 96px;
  transition: all 0.3s ease;
}
section.menu-soluciones .content-section .text-item .titulo {
  font-family: var(--Encode-Sans);
  font-weight: 400;
  font-size: 40px;
  line-height: 54px;
  letter-spacing: 1px;
  color: #013f7e;
}
section.menu-soluciones .content-section .text-item .subtitulo {
  font-family: var(--Encode-Sans);
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #015baf;
}
section.menu-soluciones .content-section .text-item .content {
  font-family: var(--Montserrat);
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 0px;
  color: #666666;
}
section.menu-soluciones .content-section .text-item img {
  width: 100%;
}
section.menu-soluciones .content-section.active {
  display: block;
}
section.menu-soluciones .select2 {
  display: none;
}
section.menu-soluciones .select2-container--default {
  /* Icono de flecha */
}
section.menu-soluciones .select2-container--default .select2-selection--single {
  background-color: #e7f3fd;
  color: #013f7e;
  border: 1px solid #e7f3fd;
  border-radius: 6px;
  display: flex;
  align-items: center;
  padding: 30px 15px;
  font-family: var(--Encode-Sans);
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  text-transform: uppercase;
}
section.menu-soluciones .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #013f7e;
}
section.menu-soluciones .select2-container--default .select2-selection__arrow {
  position: absolute;
  right: 15px;
  top: 22px;
}
section.menu-soluciones .select2-container--default .select2-selection__arrow b {
  display: none;
}
section.menu-soluciones .select2-container--default .select2-selection__arrow::after {
  font-family: "Font Awesome 6 Free";
  content: "\f078";
  font-weight: 900;
  font-size: 17px;
  color: #013f7e;
}

section.lineas-de-negocio {
  background-color: #e7f3fd;
  padding: 80px 0;
  font-family: var(--Encode-Sans);
  color: #013f7e;
  text-align: center;
}
section.lineas-de-negocio .text-item .titulo-principal {
  font-weight: 400;
  font-size: 30px;
  line-height: 54px;
  letter-spacing: 0.25px;
  margin-bottom: 40px;
}
section.lineas-de-negocio .negocio-logos {
  display: flex;
  justify-content: space-around;
}
section.lineas-de-negocio .negocio-logos .negocio-card {
  justify-items: center;
}
section.lineas-de-negocio .negocio-logos .negocio-card .image {
  height: 90px;
  align-content: center;
}
section.lineas-de-negocio .negocio-logos .negocio-card .content-text {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  text-align: center;
  padding: 0 30px;
  margin-bottom: 0;
  text-transform: uppercase;
}
section.lineas-de-negocio .negocio-logos .negocio-card a {
  margin-top: 16px;
}
section.lineas-de-negocio .negocio-logos .negocio-card a.btn.boton-link {
  background-color: transparent;
  padding: 10px 20px;
  border: 1px solid #0679e5;
  color: #015baf;
  font-family: var(--Encode-Sans);
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.25px;
  border-radius: 19px;
  text-align: center;
  width: -moz-fit-content;
  width: fit-content;
  text-decoration: none;
  transition: all 0.5s ease;
}
section.lineas-de-negocio .negocio-logos .negocio-card a.btn.boton-link:hover {
  background-color: #0778e5;
  color: #fff;
}
section.lineas-de-negocio .negocio-logos .negocio-card a.btn.boton-link:hover .icono-plus {
  background-image: url("../img/plus-white.svg");
}
section.lineas-de-negocio .negocio-logos .negocio-card a.btn.boton-link .icono-plus {
  background-image: url("../img/plus-blue.svg");
  background-repeat: no-repeat;
  transition: all 0.3s ease-in-out;
  height: 14px;
  width: 12px;
}
section.lineas-de-negocio .negocio-logos .negocio-card a.btn.boton-link p {
  margin-right: 10px;
}
section.lineas-de-negocio .negocio-logos .separador {
  border-left: 1px solid #c2d5e4;
}
section.lineas-de-negocio .modal-content {
  border-radius: 10px;
  border: 1px solid transparent;
  padding: 15px;
}
section.lineas-de-negocio .modal-content .modal-header {
  border-bottom: none;
}
section.lineas-de-negocio .modal-content .modal-header .close {
  padding: 4px 8px;
  transition: all 0.5s ease;
  border-radius: 50px;
  background-color: #ffffff;
  border: none;
}
section.lineas-de-negocio .modal-content .modal-header .close i {
  color: #5b5b5b;
  font-size: 17px;
  width: 17px;
  transition: all 0.5s ease;
}
section.lineas-de-negocio .modal-content .modal-header .close:hover {
  background-color: rgba(52, 52, 52, 0.1019607843);
}
section.lineas-de-negocio .modal-content .modal-header .close:hover i {
  color: #000;
}
section.lineas-de-negocio .modal-content .modal-body {
  padding: 15px 15px 30px;
}
section.lineas-de-negocio .modal-content .modal-body img {
  padding-left: 15px;
  padding-bottom: 30px;
}
section.lineas-de-negocio .modal-content .modal-body .titulo {
  font-family: var(--Encode-Sans);
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  text-align: center;
  text-transform: uppercase;
  color: #013f7e;
}
section.lineas-de-negocio .modal-content .modal-body .modal-content-text {
  font-family: var(--Encode-Sans);
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #013f7e;
}
section.lineas-de-negocio .modal-content .modal-body .modal-content-text a {
  color: #013f7e;
  text-decoration: none;
  transition: all 0.3s ease;
}
section.lineas-de-negocio .modal-content .modal-body .modal-content-text a:hover {
  color: #0679e5;
}
section.lineas-de-negocio .modal-content .modal-body .modal-content-text p {
  margin-bottom: 16px;
  height: 40px;
  align-content: center;
}

section.contactanos {
  background-color: #f9f9f9;
  padding: 80px 0;
  font-family: var(--Encode-Sans);
  color: #013f7e;
  text-align: center;
}
section.contactanos .text-item .titulo-principal {
  font-weight: 400;
  font-size: 30px;
  line-height: 54px;
  letter-spacing: 0.25px;
  margin-bottom: 40px;
}
section.contactanos .contacto-logos {
  display: flex;
  justify-content: space-around;
}
section.contactanos .contacto-logos .contacto-card {
  gap: 30px;
  display: flex;
  flex-direction: column;
  padding: 30px 0;
}
section.contactanos .contacto-logos .contacto-card .image {
  align-content: center;
}
section.contactanos .contacto-logos .contacto-card .text-item {
  display: flex;
  flex-direction: column;
}
section.contactanos .contacto-logos .contacto-card .text-item .content-title {
  color: #3c3c3c;
  font-weight: 500;
  font-size: 18px;
  line-height: 22.5px;
  letter-spacing: 0;
  text-align: center;
  margin: 0;
}
section.contactanos .contacto-logos .contacto-card .text-item .content-text {
  color: #3c3c3c;
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
  letter-spacing: 0;
  text-align: center;
  margin: 0;
}
section.contactanos .contacto-logos .separador {
  border-left: 1px solid #c2d5e4;
}

section.contactanos-form {
  background-color: #ffffff;
  padding: 70px 0;
  font-family: var(--Encode-Sans);
  color: #004799;
}
section.contactanos-form .text-item .titulo {
  font-family: var(--Montserrat);
  font-weight: 700;
  font-size: 28px;
  line-height: 36px;
  letter-spacing: 0;
  margin-top: 24px;
}
section.contactanos-form .text-item .subtitulo {
  margin-top: 24px;
  font-family: var(--Montserrat);
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0;
}
section.contactanos-form .text-item .subtitulo span {
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0;
  text-align: center;
  color: #000000;
}
section.contactanos-form .form-step {
  display: none;
}
section.contactanos-form .form-step.active {
  display: block;
}
section.contactanos-form .form-step .buttons-form {
  margin: 0 0 40px;
}
section.contactanos-form .form-step .buttons-form .next-step {
  color: #004799;
  font-family: var(--Montserrat);
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0;
  padding: 0;
}
section.contactanos-form .form-step .buttons-form .prev-step {
  color: #004799;
  font-family: var(--Montserrat);
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0;
  padding: 0;
}
section.contactanos-form .form-step .boton-agregar-exp,
section.contactanos-form .form-step .boton-agregar-titulo,
section.contactanos-form .form-step .boton-agregar-idioma {
  border-radius: 30px;
  padding: 12px 52px 12px 22px;
  background-color: #4d97ed;
  color: #ffffff;
  font-family: var(--Montserrat);
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0;
  align-self: center;
  align-items: center;
  background-image: url("/assets/img/add-icon.svg");
  background-repeat: no-repeat;
  background-position: right 16px center;
  transition: all 0.3s ease-in-out;
}
section.contactanos-form .form-step .boton-agregar-exp:hover,
section.contactanos-form .form-step .boton-agregar-titulo:hover,
section.contactanos-form .form-step .boton-agregar-idioma:hover {
  background-color: #cbe0ff;
  color: #4d97ed;
  background-image: url("/assets/img/add-hover-icon.svg");
}
section.contactanos-form .form-step .boton-cv {
  border-radius: 30px;
  border-width: 1px;
  border-color: #4d97ed;
  padding: 12px 125px;
  background-color: #ffffff;
  color: #004799;
  font-family: var(--Montserrat);
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  align-self: center;
  align-items: center;
  background-image: url("/assets/img/adjunto-azul.svg");
  background-repeat: no-repeat;
  background-position: 118px;
  transition: all 0.3s ease-in-out;
}
section.contactanos-form .form-step .boton-cv:hover {
  background-color: #4d97ed;
  color: #ffffff;
  background-image: url("/assets/img/adjunto-blanco.svg");
}
section.contactanos-form .form-step .boton-postularme {
  border-radius: 35px;
  padding: 16px 40px;
  background-color: #4d97ed;
  color: #ffffff;
  font-family: var(--Montserrat);
  font-weight: 700;
  font-size: 25px;
  line-height: 33px;
  letter-spacing: 0;
  align-self: center;
  align-items: center;
  transition: all 0.3s ease-in-out;
  margin-bottom: 50px;
}
section.contactanos-form .form-step .separador {
  border-top: 1px solid #d0e0ee;
  margin: 40px 0;
}
section.contactanos-form div.cargo-laboral,
section.contactanos-form div.titulo-obtenido,
section.contactanos-form div.idioma-obtenido {
  background-color: #eaf3fb;
  border-radius: 10px;
  padding: 30px;
  margin: 30px 0px;
}
section.contactanos-form div.cargo-laboral .info span,
section.contactanos-form div.titulo-obtenido .info span,
section.contactanos-form div.idioma-obtenido .info span {
  font-family: var(--Montserrat);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: left;
  color: #004799;
}
section.contactanos-form div.cargo-laboral .info p,
section.contactanos-form div.titulo-obtenido .info p,
section.contactanos-form div.idioma-obtenido .info p {
  font-family: var(--Montserrat);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: left;
  margin-top: 5px;
  margin-bottom: 0;
}
section.contactanos-form div.cargo-laboral .action-buttons,
section.contactanos-form div.titulo-obtenido .action-buttons,
section.contactanos-form div.idioma-obtenido .action-buttons {
  border-left: 1px solid #004799;
  margin-left: 30px;
}
section.contactanos-form div.cargo-laboral .action-buttons .icons,
section.contactanos-form div.titulo-obtenido .action-buttons .icons,
section.contactanos-form div.idioma-obtenido .action-buttons .icons {
  display: flex;
  justify-content: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
  height: 100%;
  align-items: center;
}
section.contactanos-form div.cargo-laboral .action-buttons .icons img,
section.contactanos-form div.titulo-obtenido .action-buttons .icons img,
section.contactanos-form div.idioma-obtenido .action-buttons .icons img {
  width: 44px;
  height: 44px;
}
section.contactanos-form div.cargo-laboral .action-buttons .icons img:hover,
section.contactanos-form div.titulo-obtenido .action-buttons .icons img:hover,
section.contactanos-form div.idioma-obtenido .action-buttons .icons img:hover {
  background-color: #b2d3ee;
  border-radius: 50%;
}
section.contactanos-form .form-group {
  padding-top: 8px;
  padding-bottom: 8px;
  /* Select2 */
}
section.contactanos-form .form-group .form-title {
  color: #000000;
  font-family: var(--Montserrat);
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0;
}
section.contactanos-form .form-group input.form-control {
  padding: 10px 16px;
  border-radius: 30px;
  border-width: 1px;
  border-color: #4d97ed;
  font-family: var(--Montserrat);
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  color: #000000;
  min-height: 50px;
}
section.contactanos-form .form-group .form-check {
  display: flex;
  align-items: center;
  font-family: var(--Montserrat);
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  color: #000000;
  cursor: pointer;
  gap: 15px;
  padding: 15px 0;
}
section.contactanos-form .form-group .form-check.aceptar-terminos {
  font-size: 18px;
  line-height: 26px;
}
section.contactanos-form .form-group .form-check.aceptar-terminos p {
  text-decoration: underline;
  margin: 0;
}
section.contactanos-form .form-group .form-check .form-check-input {
  display: none;
}
section.contactanos-form .form-group .form-check .checkmark {
  width: 30px;
  height: 30px;
  border: 2px solid #4d97ed;
  border-radius: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
  transition: all 0.3s ease;
}
section.contactanos-form .form-group .form-check .checkmark::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 18px;
  color: transparent;
}
section.contactanos-form .form-group .form-check .form-check-input:checked + .checkmark {
  background-color: #4d97ed;
  color: #ffffff;
}
section.contactanos-form .form-group .form-check .form-check-input:checked + .checkmark::before {
  content: "\f00c";
  color: #ffffff;
}
section.contactanos-form .form-group select {
  border-radius: 999px;
  border: 1.5px solid #4d97ed;
  padding: 12px 16px;
  height: 50px;
  width: 100%;
  margin-bottom: 40px;
  font-family: var(--Montserrat);
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0em;
  text-align: left;
  color: #000;
  /* Elimina flechas en inputs numéricos */
}
section.contactanos-form .form-group select::-moz-placeholder {
  font-family: var(--Montserrat);
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0em;
  text-align: left;
  color: #a5b1c2;
}
section.contactanos-form .form-group select::placeholder {
  font-family: var(--Montserrat);
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0em;
  text-align: left;
  color: #a5b1c2;
}
section.contactanos-form .form-group select[type=number] {
  -webkit-appearance: textfield;
          appearance: textfield;
  -moz-appearance: textfield;
}
section.contactanos-form .form-group select[type=number]::-webkit-inner-spin-button, section.contactanos-form .form-group select[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
section.contactanos-form .form-group .select2-container {
  border: 1px solid #4d97ed;
  border-radius: 30px;
  padding: 10px 16px;
  min-height: 50px;
  align-content: center;
  width: 100% !important;
}
section.contactanos-form .form-group .select2-container--open, section.contactanos-form .form-group .select2-container--focus {
  border: 1px solid #4d97ed;
}
section.contactanos-form .form-group .select2-container .select2-selection {
  border: none;
  height: unset;
}
section.contactanos-form .form-group .select2-container .select2-selection__rendered {
  font-family: var(--Montserrat);
  font-size: 18px;
  font-weight: 400;
  line-height: 22px !important;
  text-align: left;
  color: #000000;
  padding: 0;
}
section.contactanos-form .form-group .select2-container .select2-selection__clear {
  display: none;
}
section.contactanos-form .form-group .select2-container .select2-selection__arrow {
  position: absolute;
  background: url(/assets/img/flecha_abajo_azul.svg) no-repeat;
  background-size: 12px 12px;
  right: 7px;
  top: 19px;
}
section.contactanos-form .form-group .select2-container .select2-selection__arrow b {
  display: none;
}
section.contactanos-form .loader {
  width: 48px;
  height: 48px;
  border: 5px solid rgba(184, 184, 184, 0.7921568627);
  border-bottom-color: #4d97ed;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
#staticBackdrop .modal-content {
  border-radius: 10px;
  border: 1px solid transparent;
  padding: 15px;
}
#staticBackdrop .modal-content .modal-header {
  border-bottom: none;
}
#staticBackdrop .modal-content .modal-header .close {
  padding: 4px 8px;
  transition: all 0.5s ease;
  border-radius: 50px;
  background-color: #ffffff;
  border: none;
}
#staticBackdrop .modal-content .modal-header .close i {
  color: #5b5b5b;
  font-size: 17px;
  width: 17px;
  transition: all 0.5s ease;
}
#staticBackdrop .modal-content .modal-header .close:hover {
  background-color: rgba(52, 52, 52, 0.1019607843);
}
#staticBackdrop .modal-content .modal-header .close:hover i {
  color: #000;
}
#staticBackdrop .modal-content .modal-body {
  padding: 15px 15px 0px;
}
#staticBackdrop .modal-content .modal-body img {
  padding-left: 15px;
  padding-bottom: 30px;
}
#staticBackdrop .modal-content .modal-body h4 {
  margin-bottom: 10px !important;
  font-family: var(--Montserrat);
  font-weight: 700;
  line-height: 26px;
  letter-spacing: 0em;
  text-align: center;
  color: #004799;
}
#staticBackdrop .modal-content .modal-body p {
  font-family: var(--Montserrat);
  font-size: 14px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: 0em;
  text-align: center;
}
#staticBackdrop .modal-content .modal-footer {
  border-top: none;
  align-self: center;
}
#staticBackdrop .modal-content .modal-footer button.btn {
  background-color: #4d97ed;
  padding: 12px 30px;
  border: none;
  border-radius: 30px;
  font-family: var(--Montserrat);
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
  letter-spacing: 0em;
  text-align: center;
  color: #fff;
}

/* Estilo personalizado para el div de las opciones de select2 no puede estar anidado el css porque se genera por JS */
span.select2-container.select2-container--default.select2-container--open span.select2-dropdown.select2-dropdown--below,
span.select2-container.select2-container--default.select2-container--open span.select2-dropdown.select2-dropdown--above {
  filter: drop-shadow(0px 0px 2px grey);
  border: 1px solid #ffffff !important;
  border-radius: 10px !important;
  margin-top: 5px;
  height: -moz-fit-content;
  height: fit-content;
}
span.select2-container.select2-container--default.select2-container--open span.select2-dropdown.select2-dropdown--below span.select2-results,
span.select2-container.select2-container--default.select2-container--open span.select2-dropdown.select2-dropdown--above span.select2-results {
  border-radius: 10px !important;
  height: -moz-fit-content;
  height: fit-content;
}
span.select2-container.select2-container--default.select2-container--open span.select2-dropdown.select2-dropdown--below span.select2-results ul.select2-results__options,
span.select2-container.select2-container--default.select2-container--open span.select2-dropdown.select2-dropdown--above span.select2-results ul.select2-results__options {
  height: -moz-fit-content;
  height: fit-content;
  max-height: 280px;
  border-radius: 10px !important;
  text-align: left;
  /* Estilo personalizado para las opciones seleccionadas */
  /* Estilo personalizado para las opciones del desplegable */
  /* Estilo personalizado para las opciones al pasar el cursor sobre ellas */
}
span.select2-container.select2-container--default.select2-container--open span.select2-dropdown.select2-dropdown--below span.select2-results ul.select2-results__options .select2-selection__choice,
span.select2-container.select2-container--default.select2-container--open span.select2-dropdown.select2-dropdown--above span.select2-results ul.select2-results__options .select2-selection__choice {
  background-color: #4d97ed;
  font-family: Montserrat;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0em;
  text-align: left;
  color: #000000;
}
span.select2-container.select2-container--default.select2-container--open span.select2-dropdown.select2-dropdown--below span.select2-results ul.select2-results__options .select2-results__optionselect2-results__option--selectable.select2-results__option--selected,
span.select2-container.select2-container--default.select2-container--open span.select2-dropdown.select2-dropdown--above span.select2-results ul.select2-results__options .select2-results__optionselect2-results__option--selectable.select2-results__option--selected {
  background-color: #e7f3fd !important;
}
span.select2-container.select2-container--default.select2-container--open span.select2-dropdown.select2-dropdown--below span.select2-results ul.select2-results__options .select2-results__option,
span.select2-container.select2-container--default.select2-container--open span.select2-dropdown.select2-dropdown--above span.select2-results ul.select2-results__options .select2-results__option {
  padding: 10px;
  background-color: #ffffff;
  font-family: var(--Montserrat);
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0em;
  text-align: left;
  color: #000000;
}
span.select2-container.select2-container--default.select2-container--open span.select2-dropdown.select2-dropdown--below span.select2-results ul.select2-results__options .select2-results__option:hover,
span.select2-container.select2-container--default.select2-container--open span.select2-dropdown.select2-dropdown--above span.select2-results ul.select2-results__options .select2-results__option:hover {
  background-color: #e7f3fd;
  font-family: var(--Montserrat);
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0em;
  text-align: left;
  color: #000000;
}

.select2-search--dropdown .select2-search__field {
  border: 1px solid #4d97ed !important;
  border-radius: 8px;
  font-family: var(--Montserrat);
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0em;
  text-align: left;
  color: #000000;
  outline: none;
}

/* Personaliza el scrollbar en navegadores Webkit (Chrome, Edge, Safari) */
.select2-container .select2-results__options::-webkit-scrollbar {
  width: 8px; /* Hace que el scrollbar sea más delgado */
  border-radius: 30px; /* Bordes redondeados */
}

/* Personaliza la barra de desplazamiento */
.select2-container .select2-results__options::-webkit-scrollbar-thumb {
  background-color: #4d97ed; /* Color de la barra */
  border-radius: 30px; /* Más bordes redondeados */
}

/* Cuando el usuario pasa el mouse por encima */
.select2-container .select2-results__options::-webkit-scrollbar-thumb:hover {
  background-color: #4d97ed; /* Un tono más oscuro al pasar el mouse */
}

/* Color de fondo del scrollbar */
.select2-container .select2-results__options::-webkit-scrollbar-track {
  background: #e7f3fd;
  border-radius: 30px;
}

section.certificaciones {
  background-color: #ffffff;
  padding: 90px 0;
}
section.certificaciones .titulo-principal {
  font-family: var(--Encode-Sans);
  font-weight: 500;
  font-size: 36px;
  line-height: 100%;
  letter-spacing: 0.25px;
  text-align: left;
  color: #013f7e;
}
section.certificaciones .content-text {
  font-family: var(--Montserrat);
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 0.25px;
  color: #3c3c3c;
  text-align: left;
  margin-bottom: 30px;
}

section.recursos-interes {
  background-color: #f2f5f7;
  padding-top: 70px;
  padding: 90px 0;
}
section.recursos-interes .text-item p.titulo {
  font-family: var(--Encode-Sans);
  font-weight: 600;
  font-size: 40px;
  line-height: 52px;
  color: #013f7e;
}
section.recursos-interes .card {
  padding: 30px 20px;
  margin-bottom: 15px;
  gap: 30px;
  border-radius: 6px;
  align-items: center;
  justify-content: space-between;
}
section.recursos-interes .card img {
  width: 80px;
  height: 80px;
}
section.recursos-interes .card p.titulo {
  font-family: var(--Encode-Sans);
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  text-align: center;
  color: #013f7e;
  min-height: 72px;
  margin-bottom: 0;
}
section.recursos-interes .card a.btn.boton-link {
  background-color: #ffffff;
  padding: 10px 20px;
  border: 1px solid #0679e5;
  color: #015baf;
  font-family: var(--Encode-Sans);
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.25px;
  border-radius: 19px;
  text-align: center;
  float: left;
  text-decoration: none;
  transition: all 0.5s ease;
}
section.recursos-interes .card a.btn.boton-link i {
  font-size: 12px;
}
section.recursos-interes .card a.btn.boton-link:hover {
  background-color: #0778e5;
  color: #bfdbf8;
}
section.recursos-interes .card a img {
  height: 15.75px;
  width: 7px;
}

section.tabla-embaraciones,
section.tabla-itinerarios {
  background-color: #ffffff;
  padding: 60px 0 100px;
}
section.tabla-embaraciones .table-responsive,
section.tabla-itinerarios .table-responsive {
  overflow-x: auto;
  border-radius: 10px;
  padding-bottom: 15px;
  position: relative;
}
section.tabla-embaraciones .table-responsive::-webkit-scrollbar,
section.tabla-itinerarios .table-responsive::-webkit-scrollbar {
  height: 9px;
}
section.tabla-embaraciones .table-responsive::-webkit-scrollbar-track,
section.tabla-itinerarios .table-responsive::-webkit-scrollbar-track {
  background: #f0f0f0;
  border-radius: 10px;
}
section.tabla-embaraciones .table-responsive::-webkit-scrollbar-thumb,
section.tabla-itinerarios .table-responsive::-webkit-scrollbar-thumb {
  background: #c5c5c5;
  border-radius: 20px;
}
section.tabla-embaraciones .table-custom,
section.tabla-itinerarios .table-custom {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 0;
  border-radius: 10px;
  overflow: hidden;
}
section.tabla-embaraciones .table-custom thead,
section.tabla-itinerarios .table-custom thead {
  background-color: #015baf;
  color: #ffffff;
  text-align: left;
}
section.tabla-embaraciones .table-custom thead th,
section.tabla-itinerarios .table-custom thead th {
  font-family: var(--Montserrat);
  font-weight: 700;
  font-size: 12px;
  text-align: center;
  text-transform: uppercase;
  padding: 24px 10px;
  align-content: center;
}
section.tabla-embaraciones .table-custom tbody tr td,
section.tabla-itinerarios .table-custom tbody tr td {
  padding: 12px;
  border-bottom: 1px solid transparent;
  font-family: var(--Montserrat);
  font-weight: 400;
  font-size: 12px;
  text-align: center;
  text-transform: uppercase;
  padding: 24px 10px;
  color: #3c3c3c;
  align-content: center;
}
section.tabla-embaraciones .table-custom tbody tr:nth-child(even),
section.tabla-itinerarios .table-custom tbody tr:nth-child(even) {
  background-color: #e9f2fc;
}
section.tabla-embaraciones .table-custom tbody tr:nth-child(odd),
section.tabla-itinerarios .table-custom tbody tr:nth-child(odd) {
  background-color: #ffffff;
}

section.resumen-embarcaciones {
  background-color: #f9f9f9;
  padding: 30px 0;
}
section.resumen-embarcaciones .text-item {
  color: #013f7e;
  font-family: var(--Encode-Sans);
}
section.resumen-embarcaciones .text-item p.titulo {
  font-weight: 700;
  font-size: 15px;
  line-height: 32px;
  letter-spacing: 0%;
  text-transform: uppercase;
}
section.resumen-embarcaciones .text-item p.subtitulo {
  font-weight: 400;
  font-size: 20px;
  line-height: 32px;
  letter-spacing: 0%;
  margin-bottom: 0;
}

section.consulta-itinerarios {
  background-color: #e7f3fd;
  padding: 80px 0;
  font-family: var(--Encode-Sans);
  text-align: center;
}
section.consulta-itinerarios .text-item .titulo-principal {
  font-family: Encode Sans;
  font-weight: 500;
  font-size: 40px;
  line-height: 100%;
  letter-spacing: 0.25px;
  color: #013f7e;
  margin-bottom: 40px;
}
section.consulta-itinerarios .contacto-logos {
  display: flex;
  justify-content: space-around;
}
section.consulta-itinerarios .contacto-logos .contacto-card {
  gap: 30px;
  display: flex;
  flex-direction: column;
  padding: 30px 0;
}
section.consulta-itinerarios .contacto-logos .contacto-card .image {
  align-content: center;
}
section.consulta-itinerarios .contacto-logos .contacto-card .text-item {
  display: flex;
  flex-direction: column;
  color: #3c3c3c;
}
section.consulta-itinerarios .contacto-logos .contacto-card .text-item .content-main-title {
  font-weight: 500;
  font-size: 28px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  color: #013f7e;
  margin-bottom: 20px;
}
section.consulta-itinerarios .contacto-logos .contacto-card .text-item .content-title {
  font-weight: 500;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: 0;
  text-align: center;
  margin: 0;
}
section.consulta-itinerarios .contacto-logos .contacto-card .text-item .content-text {
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
  letter-spacing: 0;
  text-align: center;
  margin: 0;
}
section.consulta-itinerarios .contacto-logos .separador {
  border-left: 1px solid #c2d5e4;
}

section.menu-flota {
  background-color: #ffffff;
  padding: 60px 0;
  /* Estilos para Select2 */
}
section.menu-flota .sidebar {
  background-color: #ffffff;
}
section.menu-flota .sidebar nav {
  gap: 10px;
  max-width: 290px;
}
section.menu-flota .sidebar nav .nav-link {
  display: flex;
  color: #013f7e;
  font-family: var(--Encode-Sans);
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  justify-content: space-between;
  padding-top: 20px;
  padding-right: 20px;
  padding-left: 0px;
  padding-bottom: 20px;
  border-radius: 6px;
  align-items: center;
  text-transform: uppercase;
  transition: all 0.3s ease;
}
section.menu-flota .sidebar nav .nav-link.active {
  background-color: #e7f3fd;
  padding-left: 20px;
  border-radius: 6px;
}
section.menu-flota .sidebar nav .nav-link:hover {
  background-color: #e7f3fd;
  padding-left: 20px;
  border-radius: 6px;
}
section.menu-flota .sidebar nav .nav-link i {
  margin-left: 5px;
}
section.menu-flota .text-item p.titulo-principal {
  font-family: var(--Encode-Sans);
  font-weight: 500;
  font-size: 36px;
  line-height: 100%;
  letter-spacing: 0.25px;
  color: #013f7e;
  margin-bottom: 15px;
  text-align: left;
  text-transform: capitalize;
}
section.menu-flota .content-section {
  display: none;
}
section.menu-flota .content-section .card {
  box-shadow: 0px 2px 10px -4px rgba(22, 22, 22, 0.3019607843);
  gap: 15px;
  border-radius: 10px;
  align-items: center;
  overflow: hidden;
  margin-bottom: 30px;
}
section.menu-flota .content-section .card .card-image {
  height: 193px;
  width: 100%;
  overflow: hidden;
}
section.menu-flota .content-section .card .card-image img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
section.menu-flota .content-section .card .text-item {
  padding: 0 20px 20px;
  width: 100%;
}
section.menu-flota .content-section .card .text-item .row {
  margin: -4px;
}
section.menu-flota .content-section .card .text-item p.titulo {
  font-family: var(--Encode-Sans);
  font-weight: 500;
  font-size: 20px;
  line-height: 36px;
  letter-spacing: 0.25px;
  color: #013f7e;
  margin-bottom: 15px;
  text-align: left;
}
section.menu-flota .content-section .card .text-item .content-subtitulo {
  padding: 12px 0;
  border-top: 1px solid #e5e5e5;
}
section.menu-flota .content-section .card .text-item .content-subtitulo p.subtitulo {
  font-family: var(--Encode-Sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 1px;
  color: #3c3c3c;
  text-align: left;
  margin-bottom: 0;
}
section.menu-flota .content-section .card .text-item .content-subtitulo p.subtitulo-main {
  font-family: var(--Montserrat);
  font-weight: 700;
  font-size: 10px;
  line-height: 100%;
  letter-spacing: 0;
  text-transform: uppercase;
  color: #3c3c3c;
  text-align: left;
}
section.menu-flota .content-section .card .text-item a.boton-link {
  margin-top: 30px;
  background-color: #ffffff;
  padding: 7px 10px;
  border: 1px solid #0679e5;
  color: #015baf;
  font-family: var(--Encode-Sans);
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.25px;
  border-radius: 19px;
  text-align: center;
  text-decoration: none;
  transition: all 0.5s ease;
  width: 100%;
}
section.menu-flota .content-section .card .text-item a.boton-link i {
  font-size: 12px;
}
section.menu-flota .content-section .card .text-item a.boton-link:hover {
  background-color: #0778e5;
  color: #bfdbf8;
}
section.menu-flota .content-section.active {
  display: block;
}
section.menu-flota .content-section#Trailers .trailer-image {
  height: 191px;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 40px;
}
section.menu-flota .content-section#Trailers .trailer-image img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: right;
     object-position: right;
  border-radius: 10px;
  width: 100%;
}
section.menu-flota .content-section#Trailers .text-item p {
  font-family: var(--Montserrat);
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 0.25px;
  color: #707070;
}
section.menu-flota .content-section#Trailers .caracterisicas-tecnicas {
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  padding: 30px;
  margin-bottom: 40px;
}
section.menu-flota .content-section#Trailers .caracterisicas-tecnicas .text-item p.titulo {
  font-family: var(--Encode-Sans);
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0.25px;
  color: #013f7e;
  border-bottom: 1px solid #e5e5e5;
  padding: 0 0 16px;
}
section.menu-flota .content-section#Trailers .caracterisicas-tecnicas .row {
  margin: -4px;
}
section.menu-flota .content-section#Trailers .caracterisicas-tecnicas .content-subtitulo {
  padding: 12px 0;
  border-top: 1px solid transparent;
}
section.menu-flota .content-section#Trailers .caracterisicas-tecnicas .content-subtitulo.border-content {
  border-top: 1px solid #e5e5e5;
}
section.menu-flota .content-section#Trailers .caracterisicas-tecnicas .content-subtitulo p.subtitulo {
  font-family: var(--Encode-Sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 1px;
  color: #3c3c3c;
  text-align: left;
  margin-bottom: 0;
}
section.menu-flota .content-section#Trailers .caracterisicas-tecnicas .content-subtitulo p.subtitulo-main {
  font-family: var(--Montserrat);
  font-weight: 700;
  font-size: 10px;
  line-height: 100%;
  letter-spacing: 0;
  text-transform: uppercase;
  color: #343434;
  text-align: left;
}
section.menu-flota .content-section#Trailers .carga-velocidad {
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  padding: 30px;
  margin-bottom: 40px;
}
section.menu-flota .content-section#Trailers .carga-velocidad .text-item p.titulo {
  font-family: var(--Encode-Sans);
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0.25px;
  color: #013f7e;
  border-bottom: 1px solid #e5e5e5;
  padding: 0 0 16px;
}
section.menu-flota .content-section#Trailers .carga-velocidad .table-responsive {
  padding-bottom: 15px;
  position: relative;
}
section.menu-flota .content-section#Trailers .carga-velocidad .table-responsive::-webkit-scrollbar {
  height: 9px;
}
section.menu-flota .content-section#Trailers .carga-velocidad .table-responsive::-webkit-scrollbar-track {
  background: #f0f0f0;
  border-radius: 10px;
}
section.menu-flota .content-section#Trailers .carga-velocidad .table-responsive::-webkit-scrollbar-thumb {
  background: #c5c5c5;
  border-radius: 20px;
}
section.menu-flota .content-section#Trailers .carga-velocidad .table-responsive .table-custom {
  border-collapse: separate;
  border-spacing: 10px 0px;
}
section.menu-flota .content-section#Trailers .carga-velocidad .table-responsive .table-custom thead {
  border: none;
}
section.menu-flota .content-section#Trailers .carga-velocidad .table-responsive .table-custom thead th {
  border: 1px solid transparent;
  font-family: var(--Montserrat);
  font-weight: 700;
  font-size: 10px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  text-transform: uppercase;
  color: #343434;
  padding: 0;
  height: 50px;
}
section.menu-flota .content-section#Trailers .carga-velocidad .table-responsive .table-custom tbody {
  padding: 15px 0;
}
section.menu-flota .content-section#Trailers .carga-velocidad .table-responsive .table-custom tbody tr td {
  font-family: var(--Encode-Sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 1px;
  text-align: center;
  color: #353535;
  padding-top: 5px;
  padding-bottom: 5px;
}
section.menu-flota .content-section#Trailers .carga-velocidad .table-responsive .table-custom tbody tr:nth-child(even) {
  background-color: #ffffff;
}
section.menu-flota .content-section#Trailers .carga-velocidad .table-responsive .table-custom tbody tr:nth-child(odd) {
  background-color: #f5f5f5;
}
section.menu-flota .content-section#Trailers .carga-velocidad .table-responsive .table-custom td,
section.menu-flota .content-section#Trailers .carga-velocidad .table-responsive .table-custom th {
  border: 1px solid transparent;
  min-width: 140.5px;
}
section.menu-flota .select2 {
  display: none;
}
section.menu-flota .select2-container--default {
  /* Icono de flecha */
}
section.menu-flota .select2-container--default .select2-selection--single {
  background-color: #e7f3fd;
  color: #013f7e;
  border: 1px solid #e7f3fd;
  border-radius: 6px;
  display: flex;
  align-items: center;
  padding: 30px 15px;
  font-family: var(--Encode-Sans);
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  text-transform: uppercase;
}
section.menu-flota .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #013f7e;
}
section.menu-flota .select2-container--default .select2-selection__arrow {
  position: absolute;
  right: 15px;
  top: 22px;
}
section.menu-flota .select2-container--default .select2-selection__arrow b {
  display: none;
}
section.menu-flota .select2-container--default .select2-selection__arrow::after {
  font-family: "Font Awesome 6 Free";
  content: "\f078";
  font-weight: 900;
  font-size: 17px;
  color: #013f7e;
}

section.contenido_flota {
  padding: 60px 0;
  background-color: #ffffff;
}
section.contenido_flota .text-item {
  margin-bottom: 40px;
}
section.contenido_flota .text-item .volver {
  font-family: var(--Encode-Sans);
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0.25px;
  color: #015baf;
  cursor: pointer;
  text-decoration: none;
}
section.contenido_flota .text-item .volver:hover {
  text-decoration: none;
}
section.contenido_flota .barcaza-image {
  height: 191px;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 40px;
}
section.contenido_flota .barcaza-image img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: right;
     object-position: right;
  border-radius: 10px;
  width: 100%;
}
section.contenido_flota .caracterisicas-tecnicas {
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  padding: 30px;
}
section.contenido_flota .caracterisicas-tecnicas .text-item {
  margin-bottom: 0;
}
section.contenido_flota .caracterisicas-tecnicas .text-item p.titulo {
  font-family: var(--Encode-Sans);
  font-weight: 500;
  font-size: 36px;
  line-height: 100%;
  letter-spacing: 0.25px;
  color: #013f7e;
  border-bottom: 1px solid #e5e5e5;
  padding: 16px 0 16px;
}
section.contenido_flota .caracterisicas-tecnicas .text-item p.titulo-secundario {
  font-family: var(--Encode-Sans);
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0.25px;
  color: #6e6e6e;
}
section.contenido_flota .caracterisicas-tecnicas .row {
  margin: -4px;
}
section.contenido_flota .caracterisicas-tecnicas .content-subtitulo {
  padding: 12px 0;
  border-top: 1px solid transparent;
}
section.contenido_flota .caracterisicas-tecnicas .content-subtitulo.border-content {
  border-top: 1px solid #e5e5e5;
}
section.contenido_flota .caracterisicas-tecnicas .content-subtitulo p.subtitulo {
  font-family: var(--Encode-Sans);
  font-weight: 400;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 1px;
  color: #3c3c3c;
  text-align: left;
  margin-bottom: 0;
}
section.contenido_flota .caracterisicas-tecnicas .content-subtitulo p.subtitulo-main {
  font-family: var(--Montserrat);
  font-weight: 700;
  font-size: 10px;
  line-height: 100%;
  letter-spacing: 0;
  text-transform: uppercase;
  color: #343434;
  text-align: left;
}

/* ################################################################# */
/* ################################################################# */
@media screen and (max-width: 1199.98px) {
  section.carrusel-de-fotos .splide .splide__arrows .splide__arrow {
    background-color: #d0ddea;
    border: 1.5px solid #d0ddea;
    color: #013f7e;
    width: 32px;
    height: 32px;
  }
  section.carrusel-de-fotos .splide .splide__track {
    max-width: 750px;
  }
}
@media screen and (max-width: 991.98px) {
  section.cont-gen-header-botonera nav.navbar .navbar-nav {
    gap: 20px;
  }
  section.cont-gen-header-botonera nav.navbar .navbar-toggler {
    border: none;
    padding: 0;
  }
  section.baner-principal {
    padding: 45px 0;
  }
  section.baner-principal .titulo-principal {
    font-size: 44px !important;
  }
  section.baner-principal .subtitulo-principal {
    font-size: 18px !important;
  }
  section.explora-soluciones .text-item p.titulo {
    font-size: 36px !important;
    line-height: 46px;
  }
  section.explora-soluciones .text-item p.subtitulo {
    font-size: 16px !important;
    line-height: 26px;
  }
  section.rastreo-recursos {
    height: unset !important;
  }
  section.rastreo-recursos .card {
    padding: 30px 15px;
    flex-direction: row;
    gap: 20px;
    justify-content: unset;
    min-height: unset;
    cursor: pointer;
  }
  section.rastreo-recursos .card p.titulo {
    text-align: left;
  }
  section.rastreo-recursos .card p.subtitulo {
    text-align: left;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0px;
  }
  section.rastreo-recursos .card > :last-child {
    margin-left: auto;
  }
  section.navegando-con-proposito {
    padding: 60px 0;
  }
  section.navegando-con-proposito .container {
    padding: 0 15px;
  }
  section.valores {
    padding: 60px 15px;
  }
  section.valores .container {
    padding: 0 15px;
  }
  section.menu-soluciones .sidebar {
    display: none;
  }
  section.menu-soluciones .select2 {
    display: block;
    width: 100%;
    margin-bottom: 15px;
  }
  section.menu-soluciones .content-section .text-item {
    padding-right: 0px;
  }
  section.lineas-de-negocio {
    padding: 60px 15px;
  }
  section.lineas-de-negocio .negocio-logos {
    flex-direction: column;
  }
  section.lineas-de-negocio .negocio-logos .negocio-card {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 17px 0;
  }
  section.lineas-de-negocio .negocio-logos .negocio-card .image {
    width: 124px;
  }
  section.lineas-de-negocio .negocio-logos .negocio-card .content-text {
    width: 158px;
    text-align: left;
  }
  section.lineas-de-negocio .negocio-logos .negocio-card a {
    margin-top: 16px;
  }
  section.lineas-de-negocio .negocio-logos .negocio-card a.btn.boton-link {
    padding: 10px 12px;
    margin-top: 0;
  }
  section.lineas-de-negocio .negocio-logos .separador {
    border-left: none;
    border-bottom: 1px solid #c2d5e4;
  }
  section.banner-comun-azul {
    padding: 50px 15px;
  }
  section.banner-comun-azul .text-item p.titulo {
    font-size: 14px;
    line-height: 17.5px;
  }
  section.banner-comun-azul .text-item p.titulo-principal {
    font-size: 38px;
    line-height: 48px;
  }
  section.banner-comun-azul .text-item p.subtitulo {
    font-size: 16px;
    line-height: 24px;
  }
  section.contactanos .contacto-logos {
    flex-direction: column;
  }
  section.contactanos .contacto-logos .contacto-card {
    flex-direction: row;
  }
  section.contactanos .contacto-logos .contacto-card .text-item {
    display: flex;
    flex-direction: column;
  }
  section.contactanos .contacto-logos .contacto-card .text-item .content-title {
    text-align: left;
  }
  section.contactanos .contacto-logos .contacto-card .text-item .content-text {
    text-align: left;
  }
  section.contactanos .contacto-logos .separador {
    border-left: none;
    border-bottom: 1px solid #c2d5e4;
  }
  section.contactanos-form .form-step .boton-cv {
    padding: 12px 109px;
    background-position: 104px;
  }
  section.contactanos-form div.cargo-laboral .action-buttons,
  section.contactanos-form div.titulo-obtenido .action-buttons,
  section.contactanos-form div.idioma-obtenido .action-buttons {
    border-left: none;
    margin-left: 0;
  }
  section.cont-gen-footer-botonera .footer-content {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  section.cont-gen-footer-botonera .footer-content .footer-menu .footer-nav {
    flex-direction: column;
    gap: 0;
    align-items: center;
    padding: 0;
  }
  section.cont-gen-footer-botonera .footer-content .footer-menu .footer-nav .footer-item {
    margin-bottom: 10px;
    width: -moz-fit-content;
    width: fit-content;
  }
  section.cont-gen-footer-botonera .footer-content .footer-menu .footer-nav .footer-item.dropdown {
    position: relative;
  }
  section.cont-gen-footer-botonera .footer-content .footer-menu .footer-nav .footer-item.dropdown .dropdown-menu {
    position: static !important;
    transform: none !important;
  }
  section.recursos-interes {
    height: unset !important;
  }
  section.recursos-interes .card {
    padding: 30px 15px;
    flex-direction: row;
    gap: 20px;
    justify-content: unset;
    cursor: pointer;
  }
  section.recursos-interes .card p.titulo {
    text-align: left;
    align-content: center;
  }
  section.recursos-interes .card > :last-child {
    margin-left: auto;
  }
  section.certificado-footer .row {
    gap: 36px;
  }
  section.consulta-itinerarios .text-item .titulo-principal {
    margin-bottom: 30px;
  }
  section.consulta-itinerarios .contacto-logos {
    flex-direction: column;
  }
  section.consulta-itinerarios .contacto-logos .contacto-card {
    padding: 50px 0;
  }
  section.consulta-itinerarios .contacto-logos .contacto-card .text-item {
    display: flex;
    flex-direction: column;
  }
  section.consulta-itinerarios .contacto-logos .separador {
    border-left: none;
    border-bottom: 1px solid #c2d5e4;
  }
  section.menu-flota .sidebar {
    display: none;
  }
  section.menu-flota .select2 {
    display: block;
    width: 100%;
    margin-bottom: 15px;
  }
  section.menu-flota .content-section#Trailers .caracterisicas-tecnicas,
  section.menu-flota .content-section#Trailers .carga-velocidad {
    padding: 30px 15px;
  }
  section.contenido_flota .caracterisicas-tecnicas {
    padding: 30px 15px;
  }
  section.empresas-relacionadas {
    padding: 40px 0;
  }
  section.empresas-relacionadas .cont-logos .row .col-auto .splide__arrow {
    background-color: #d0ddea;
    border: 1.5px solid #d0ddea;
    color: #013f7e;
    width: 32px;
    height: 32px;
  }
  section.empresas-relacionadas .cont-logos .row .col .splide .splide__pagination {
    gap: 5px;
  }
  section.empresas-relacionadas .cont-logos .row .col .splide .splide__pagination li {
    width: 8px;
    height: 2px;
  }
  section.empresas-relacionadas .cont-logos .row .col .splide .splide__pagination li .splide__pagination__page {
    width: 8px;
    height: 2px;
  }
  section.empresas-relacionadas .cont-logos .row .col .splide .splide__pagination li .splide__pagination__page.is-active {
    width: 8px;
    height: 2px;
  }
  section.carrusel-de-fotos .splide .splide__track {
    max-width: 440px;
  }
  section.carrusel-de-fotos .splide .splide__pagination {
    gap: 5px;
  }
  section.carrusel-de-fotos .splide .splide__pagination li {
    width: 8px;
    height: 2px;
  }
  section.carrusel-de-fotos .splide .splide__pagination li .splide__pagination__page {
    width: 8px;
    height: 2px;
  }
  section.carrusel-de-fotos .splide .splide__pagination li .splide__pagination__page.is-active {
    width: 8px;
    height: 2px;
  }
  .select2-results__option,
  .select2-results__option:hover {
    font-size: 14px !important;
  }
}
@media screen and (max-width: 767.98px) {
  section.explora-soluciones .cont-barquitos .col-custom {
    justify-items: center;
  }
  section.explora-soluciones .cont-barquitos .col-custom .barquito {
    width: -moz-fit-content;
    width: fit-content;
  }
  section.explora-soluciones .cont-barquitos .col-custom .barquito p {
    text-align: left;
    width: 160px;
    padding-left: 4px;
  }
  section.carrusel-de-fotos .splide .splide__track {
    max-width: 380px;
    height: auto;
  }
  section.carrusel-de-fotos .splide .splide__arrows .splide__arrow--prev {
    left: 0px;
  }
  section.carrusel-de-fotos .splide .splide__arrows .splide__arrow--next {
    right: 0px;
  }
}
@media screen and (max-width: 575.98px) {
  section.carrusel-de-fotos .splide .splide__track {
    max-width: 300px;
  }
}
@media screen and (max-width: 399.98px) {
  section.carrusel-de-fotos .splide .splide__track {
    max-width: 250px;
    height: 45%;
  }
}
/*principalmente utilizado para mostrar mensajes de resultado en contacto*/
.fade-in {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.5s ease, transform 0.5s ease;
}

.fade-in.show {
  opacity: 1;
  transform: translateY(0);
}/*# sourceMappingURL=style.css.map */