@charset "UTF-8";
.grididiomas {
  display: grid;
  justify-content: center;
  text-align: center;
  grid-template-columns: 20vw 20vw 20vw;
  gap: 5%;
  overflow: hidden;
}

.logogrande {
  text-align: center;
  justify-content: center;
  display: block;
  margin-top: 3%;
  margin-bottom: 3%;
  width: 100%;
}
.logogrande .imglogogrande {
  width: 30%;
}

@media screen and (max-width: 767px) {
  .logogrande {
    margin-top: 10%;
    width: 100%;
    margin-bottom: 0%;
  }
  .logogrande .imglogogrande {
    margin-bottom: 5%;
    width: 80%;
  }
}
#logo-navbar img {
  width: 85%;
}

.fixed-navbar {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
}

.language-links {
  display: flex;
  gap: 10px;
  padding: 15px 25px 15px 25px;
  background-color: #3c97ff;
  border-radius: 5px;
  align-items: center;
  height: 100%;
}
.language-links a {
  margin-right: 10px;
  color: white;
  text-decoration: none;
}
.language-links a:hover {
  text-decoration: underline;
  font-weight: bold;
}
.language-links a:last-child {
  margin-right: 0;
}

/* Agrega estilo a los otros links para que tengan una apariencia coherente */
.navbar-nav .nav-link {
  padding: 10px 20px;
  display: flex;
  align-items: center;
  height: 100%;
  color: black;
  text-decoration: none;
}
.navbar-nav .nav-link:hover {
  font-weight: bold;
  padding: 20px 25px 20px 25px;
  background-color: #fc4545;
  border-radius: 5px;
  color: white;
}

.dropdown-menu .dropdown-item {
  display: flex;
  align-items: center;
  height: 100%;
  color: black;
  text-decoration: none;
}
.dropdown-menu .dropdown-item:hover {
  font-weight: bold;
  padding: 10px 20px 10px 20px;
  background-color: #fc4545;
  border-radius: 5px;
  color: white;
}

/* Estilo para vista móvil */
@media screen and (max-width: 768px) {
  #logo-navbar img {
    width: 100px;
  }
}
.iniciomedio {
  text-align: center;
  margin-top: 2%;
  margin-left: 10%;
  margin-right: 10%;
}

@media (max-width: 768px) {
  .novorienteint {
    font-size: 36px;
  }
}
.gridinicio {
  margin-top: 7%;
  display: grid;
  gap: 3%;
  margin-bottom: 5%;
  justify-content: center;
  grid-template-rows: 40vh 40vh;
  grid-template-columns: 25vw 50vw;
  grid-template-areas: "article main" "article section";
}
.gridinicio .izquierdainicio {
  grid-area: article;
  border: 1px solid black;
}
@media screen and (max-width: 767px) {
  .gridinicio .izquierdainicio {
    font-size: 14px;
  }
}
.gridinicio .maininicio {
  grid-area: main;
  border: 1px solid black;
}
@media screen and (max-width: 767px) {
  .gridinicio .maininicio {
    font-size: 14px;
  }
}
.gridinicio .sectioninicio {
  grid-area: section;
  border: 1px solid black;
}
@media screen and (max-width: 767px) {
  .gridinicio .sectioninicio {
    font-size: 14px;
  }
}
.gridinicio .textogridinicio {
  margin: 1%;
  max-height: 100%;
  text-align: justify;
  overflow: auto;
}

.piedepagina {
  background-color: rgb(17, 64, 165);
  color: white;
  padding: 15px 60px;
  font-family: Arial, sans-serif;
}
.piedepagina .gridfooter {
  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
  gap: 20px;
  text-align: left;
}
.piedepagina .gridfooter .logo h2,
.piedepagina .gridfooter .contactinfo h2,
.piedepagina .gridfooter .socialmedia h2,
.piedepagina .gridfooter .services h2 {
  font-size: 1rem;
  margin-bottom: 10px;
  text-align: justify;
  font-weight: bold;
}
.piedepagina .gridfooter .logo p,
.piedepagina .gridfooter .contactinfo p,
.piedepagina .gridfooter .socialmedia p,
.piedepagina .gridfooter .services p {
  font-size: 0.9rem;
  margin: 3px 0;
  text-align: justify;
}
.piedepagina .gridfooter .logo i,
.piedepagina .gridfooter .contactinfo i,
.piedepagina .gridfooter .socialmedia i,
.piedepagina .gridfooter .services i {
  margin-right: 8px;
}
.piedepagina .gridfooter .logo {
  margin-right: 20%;
  margin-left: 5%;
  margin-top: 15%;
}
.piedepagina .gridfooter .logo img {
  width: 130%;
  height: auto;
  display: block;
}
.piedepagina .gridfooter .logo p {
  margin-top: 8px;
  text-align: justify;
}
.piedepagina .gridfooter .contactinfo {
  margin-top: 14.5%;
  margin-left: 15%;
}
.piedepagina .gridfooter .contactinfo .ubicacion {
  margin-bottom: 15px;
}
.piedepagina .gridfooter .socialmedia {
  margin-top: 14.5%;
  margin-left: 23%;
}
.piedepagina .gridfooter .socialmedia i {
  font-size: 1.3rem;
  margin-right: 8px;
  vertical-align: middle;
}
.piedepagina .gridfooter .socialmedia p {
  margin-bottom: 15px;
}
.piedepagina .gridfooter .services {
  margin-top: 14.5%;
}
.piedepagina .piecentro {
  text-align: center;
  margin-top: 20px;
  border-top: 1px solid white;
  padding-top: 10px;
}
.piedepagina .piecentro p {
  margin: 0;
  font-size: 0.8rem;
}
@media (max-width: 1000px) {
  .piedepagina .gridfooter {
    grid-template-columns: 1fr;
    text-align: center;
  }
  .piedepagina .gridfooter .logo, .piedepagina .gridfooter .contactinfo, .piedepagina .gridfooter .socialmedia, .piedepagina .gridfooter .services {
    margin-bottom: 20px;
    text-align: center;
  }
  .piedepagina .gridfooter .logo h2, .piedepagina .gridfooter .logo p, .piedepagina .gridfooter .logo i, .piedepagina .gridfooter .contactinfo h2, .piedepagina .gridfooter .contactinfo p, .piedepagina .gridfooter .contactinfo i, .piedepagina .gridfooter .socialmedia h2, .piedepagina .gridfooter .socialmedia p, .piedepagina .gridfooter .socialmedia i, .piedepagina .gridfooter .services h2, .piedepagina .gridfooter .services p, .piedepagina .gridfooter .services i {
    text-align: center;
  }
  .piedepagina .gridfooter .logo img, .piedepagina .gridfooter .contactinfo img, .piedepagina .gridfooter .socialmedia img, .piedepagina .gridfooter .services img {
    width: 50%;
    margin: 0 auto;
  }
  .piedepagina .gridfooter .logo,
  .piedepagina .gridfooter .contactinfo,
  .piedepagina .gridfooter .socialmedia,
  .piedepagina .gridfooter .services {
    margin: 0;
  }
}

.griditinerario {
  display: grid;
  margin-top: 3%;
  grid-template-columns: 80vw;
  justify-content: center;
  gap: 2%;
  margin-bottom: 8%;
  text-align: justify;
}
@media screen and (max-width: 767px) {
  .griditinerario {
    margin-bottom: 20%;
  }
}
@media screen and (max-width: 500px) {
  .griditinerario {
    margin-bottom: 60%;
  }
}

.tituloitinerario {
  display: grid;
  margin-top: 3%;
  grid-template-columns: 80vw;
  justify-content: center;
  gap: 5%;
}

.titulotraslados {
  margin-bottom: 7%;
  margin-left: 5%;
  margin-right: 5%;
  text-align: center;
}

.titulocontactos {
  margin-bottom: 3%;
  margin-left: 5%;
  margin-right: 5%;
  text-align: center;
}

.gridsx3-paquetes {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 3%;
  justify-items: center;
  align-items: center;
  margin-bottom: 35%;
}
.gridsx3-paquetes .card {
  width: 18rem;
}
@media screen and (max-width: 767px) {
  .gridsx3-paquetes {
    grid-template-columns: 1fr 1fr; /* Cambia a dos columnas en vista móvil */
    margin-bottom: 800px;
  }
  .gridsx3-paquetes .card {
    width: 100%;
    max-width: 18rem;
    margin: 0 auto;
  }
}

.gridsx3-buenos-aires {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 3%;
  justify-items: center;
  align-items: center;
  margin-bottom: 6%;
}
.gridsx3-buenos-aires .card {
  width: 18rem;
}
.gridsx3-buenos-aires .card-text {
  text-align: justify;
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  .gridsx3-buenos-aires {
    grid-template-columns: 1fr; /* Cambia a dos columnas en vista móvil */
    margin-bottom: 120%;
  }
  .gridsx3-buenos-aires .card {
    width: 100%;
    max-width: 18rem;
    margin: 0 auto;
  }
}
@media screen and (max-width: 412px) {
  .gridsx3-buenos-aires {
    grid-template-columns: 1fr; /* Cambia a dos columnas en vista móvil */
    margin-bottom: 140%;
  }
  .gridsx3-buenos-aires .card {
    width: 100%;
    max-width: 18rem;
    margin: 0 auto;
  }
}

.gridsx3-itinerario {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 3%;
  justify-items: center;
  align-items: center;
  margin-bottom: 3%;
}
.gridsx3-itinerario .card {
  width: 18rem;
}
@media screen and (max-width: 767px) {
  .gridsx3-itinerario {
    grid-template-columns: 1fr; /* Cambia a dos columnas en vista móvil */
    margin-bottom: 35%;
  }
  .gridsx3-itinerario .card {
    width: 100%;
    max-width: 18rem;
    margin: 0 auto;
  }
}

.gridsx3-itinerario-fte-ush-es-en {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 3%;
  justify-items: center;
  align-items: center;
  margin-bottom: 3%;
}
.gridsx3-itinerario-fte-ush-es-en .card {
  width: 18rem;
}
@media screen and (max-width: 767px) {
  .gridsx3-itinerario-fte-ush-es-en {
    grid-template-columns: 1fr; /* Cambia a dos columnas en vista móvil */
    margin-bottom: 100%;
  }
  .gridsx3-itinerario-fte-ush-es-en .card {
    width: 100%;
    max-width: 18rem;
    margin: 0 auto;
  }
}

.gridsx3-itinerario-igr-es-en {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 3%;
  justify-items: center;
  align-items: center;
  margin-bottom: 3%;
}
.gridsx3-itinerario-igr-es-en .card {
  width: 18rem;
}
@media screen and (max-width: 767px) {
  .gridsx3-itinerario-igr-es-en {
    grid-template-columns: 1fr; /* Cambia a dos columnas en vista móvil */
    margin-bottom: 130%;
  }
  .gridsx3-itinerario-igr-es-en .card {
    width: 100%;
    max-width: 18rem;
    margin: 0 auto;
  }
}

.gridsx3-itinerario-fte-zh {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 3%;
  justify-items: center;
  align-items: center;
  margin-bottom: 3%;
}
.gridsx3-itinerario-fte-zh .card {
  width: 18rem;
}
@media screen and (max-width: 767px) {
  .gridsx3-itinerario-fte-zh {
    grid-template-columns: 1fr; /* Cambia a dos columnas en vista móvil */
    margin-bottom: 60%;
  }
  .gridsx3-itinerario-fte-zh .card {
    width: 100%;
    max-width: 18rem;
    margin: 0 auto;
  }
}

.gridsx3-itinerario-ush-igr-zh {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 3%;
  justify-items: center;
  align-items: center;
  margin-bottom: 3%;
}
.gridsx3-itinerario-ush-igr-zh .card {
  width: 18rem;
}
@media screen and (max-width: 767px) {
  .gridsx3-itinerario-ush-igr-zh {
    grid-template-columns: 1fr; /* Cambia a dos columnas en vista móvil */
    margin-bottom: 60%;
  }
  .gridsx3-itinerario-ush-igr-zh .card {
    width: 100%;
    max-width: 18rem;
    margin: 0 auto;
  }
}

.gridsx3-actividades {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 3%;
  justify-items: center;
  align-items: center;
  margin-bottom: 10%;
}
.gridsx3-actividades .card {
  width: 18rem;
  text-align: justify;
}
.gridsx3-actividades .card-text {
  text-align: justify;
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  .gridsx3-actividades {
    grid-template-columns: 1fr; /* Cambia a dos columnas en vista móvil */
    margin-bottom: 90%;
  }
  .gridsx3-actividades .card {
    width: 100%;
    max-width: 18rem;
    margin: 0 auto;
  }
}
@media screen and (max-width: 600px) {
  .gridsx3-actividades {
    grid-template-columns: 1fr; /* Cambia a dos columnas en vista móvil */
    margin-bottom: 170%;
  }
  .gridsx3-actividades .card {
    width: 100%;
    max-width: 18rem;
    margin: 0 auto;
  }
}
@media screen and (max-width: 450px) {
  .gridsx3-actividades {
    grid-template-columns: 1fr; /* Cambia a una columna en vista móvil */
    margin-bottom: 260%;
  }
  .gridsx3-actividades .card {
    width: 100%;
    max-width: 18rem;
    margin: 0 auto;
  }
}

.gridsx3-actividades-zh {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 3%;
  justify-items: center;
  align-items: center;
  margin-bottom: 10%;
}
.gridsx3-actividades-zh .card {
  width: 18rem;
  text-align: justify;
}
.gridsx3-actividades-zh .card-text {
  text-align: justify;
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  .gridsx3-actividades-zh {
    grid-template-columns: 1fr; /* Cambia a dos columnas en vista móvil */
    margin-bottom: 90%;
  }
  .gridsx3-actividades-zh .card {
    width: 100%;
    max-width: 18rem;
    margin: 0 auto;
  }
}
@media screen and (max-width: 600px) {
  .gridsx3-actividades-zh {
    grid-template-columns: 1fr; /* Cambia a dos columnas en vista móvil */
    margin-bottom: 170%;
  }
  .gridsx3-actividades-zh .card {
    width: 100%;
    max-width: 18rem;
    margin: 0 auto;
  }
}
@media screen and (max-width: 450px) {
  .gridsx3-actividades-zh {
    grid-template-columns: 1fr; /* Cambia a una columna en vista móvil */
    margin-bottom: 240%;
  }
  .gridsx3-actividades-zh .card {
    width: 100%;
    max-width: 18rem;
    margin: 0 auto;
  }
}

.gridsx3-actividades-ush {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 3%;
  justify-items: center;
  align-items: center;
  margin-bottom: 25%;
}
.gridsx3-actividades-ush .card {
  width: 18rem;
  text-align: justify;
}
.gridsx3-actividades-ush .card-text {
  text-align: justify;
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  .gridsx3-actividades-ush {
    grid-template-columns: 1fr; /* Cambia a dos columnas en vista móvil */
    margin-bottom: 200%;
  }
  .gridsx3-actividades-ush .card {
    width: 100%;
    max-width: 18rem;
    margin: 0 auto;
  }
}
@media screen and (max-width: 625px) {
  .gridsx3-actividades-ush {
    grid-template-columns: 1fr; /* Cambia a dos columnas en vista móvil */
    margin-bottom: 250%;
  }
  .gridsx3-actividades-ush .card {
    width: 100%;
    max-width: 18rem;
    margin: 0 auto;
  }
}
@media screen and (max-width: 580px) {
  .gridsx3-actividades-ush {
    grid-template-columns: 1fr; /* Cambia a dos columnas en vista móvil */
    margin-bottom: 270%;
  }
  .gridsx3-actividades-ush .card {
    width: 100%;
    max-width: 18rem;
    margin: 0 auto;
  }
}
@media screen and (max-width: 412px) {
  .gridsx3-actividades-ush {
    grid-template-columns: 1fr; /* Cambia a una columna en vista móvil */
    margin-bottom: 390%;
  }
  .gridsx3-actividades-ush .card {
    width: 100%;
    max-width: 18rem;
    margin: 0 auto;
  }
}

.gridsx3-actividades-fte-zh {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 3%;
  justify-items: center;
  align-items: center;
  margin-bottom: 20%;
}
.gridsx3-actividades-fte-zh .card {
  width: 18rem;
  text-align: justify;
}
.gridsx3-actividades-fte-zh .card-text {
  text-align: justify;
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  .gridsx3-actividades-fte-zh {
    grid-template-columns: 1fr; /* Cambia a dos columnas en vista móvil */
    margin-bottom: 100%;
  }
  .gridsx3-actividades-fte-zh .card {
    width: 100%;
    max-width: 18rem;
    margin: 0 auto;
  }
}
@media screen and (max-width: 625px) {
  .gridsx3-actividades-fte-zh {
    grid-template-columns: 1fr; /* Cambia a dos columnas en vista móvil */
    margin-bottom: 140%;
  }
  .gridsx3-actividades-fte-zh .card {
    width: 100%;
    max-width: 18rem;
    margin: 0 auto;
  }
}
@media screen and (max-width: 412px) {
  .gridsx3-actividades-fte-zh {
    grid-template-columns: 1fr; /* Cambia a una columna en vista móvil */
    margin-bottom: 200%;
  }
  .gridsx3-actividades-fte-zh .card {
    width: 100%;
    max-width: 18rem;
    margin: 0 auto;
  }
}

.gridsx3-actividades-sla-zh {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 3%;
  justify-items: center;
  align-items: center;
  margin-bottom: 10%;
}
.gridsx3-actividades-sla-zh .card {
  width: 18rem;
  text-align: justify;
}
.gridsx3-actividades-sla-zh .card-text {
  text-align: justify;
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  .gridsx3-actividades-sla-zh {
    grid-template-columns: 1fr; /* Cambia a dos columnas en vista móvil */
    margin-bottom: 40%;
  }
  .gridsx3-actividades-sla-zh .card {
    width: 100%;
    max-width: 18rem;
    margin: 0 auto;
  }
}
@media screen and (max-width: 600px) {
  .gridsx3-actividades-sla-zh {
    grid-template-columns: 1fr; /* Cambia a dos columnas en vista móvil */
    margin-bottom: 70%;
  }
  .gridsx3-actividades-sla-zh .card {
    width: 100%;
    max-width: 18rem;
    margin: 0 auto;
  }
}
@media screen and (max-width: 450px) {
  .gridsx3-actividades-sla-zh {
    grid-template-columns: 1fr; /* Cambia a una columna en vista móvil */
    margin-bottom: 205%;
  }
  .gridsx3-actividades-sla-zh .card {
    width: 100%;
    max-width: 18rem;
    margin: 0 auto;
  }
}

.gridsx3-actividades-sla-en-es {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 3%;
  justify-items: center;
  align-items: center;
  margin-bottom: 10%;
}
.gridsx3-actividades-sla-en-es .card {
  width: 18rem;
  text-align: justify;
}
.gridsx3-actividades-sla-en-es .card-text {
  text-align: justify;
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  .gridsx3-actividades-sla-en-es {
    grid-template-columns: 1fr; /* Cambia a dos columnas en vista móvil */
    margin-bottom: 40%;
  }
  .gridsx3-actividades-sla-en-es .card {
    width: 100%;
    max-width: 18rem;
    margin: 0 auto;
  }
}
@media screen and (max-width: 600px) {
  .gridsx3-actividades-sla-en-es {
    grid-template-columns: 1fr; /* Cambia a dos columnas en vista móvil */
    margin-bottom: 70%;
  }
  .gridsx3-actividades-sla-en-es .card {
    width: 100%;
    max-width: 18rem;
    margin: 0 auto;
  }
}
@media screen and (max-width: 450px) {
  .gridsx3-actividades-sla-en-es {
    grid-template-columns: 1fr; /* Cambia a una columna en vista móvil */
    margin-bottom: 180%;
  }
  .gridsx3-actividades-sla-en-es .card {
    width: 100%;
    max-width: 18rem;
    margin: 0 auto;
  }
}

.gridsx3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 3%;
  justify-items: center;
  align-items: center;
  margin-bottom: 5%;
}
.gridsx3 .card:hover {
  transform: scale(1.01);
}
.gridsx3 .card-title {
  font-size: 18px;
}
.gridsx3 .card-text {
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  .gridsx3 {
    grid-template-columns: 1fr; /* Cambia a dos columnas en vista móvil */
    margin-bottom: 400px;
  }
  .gridsx3 .card {
    width: 100%;
    max-width: 18rem;
    margin: 0 auto;
  }
  .gridsx3 .card .card-title {
    font-size: 16px;
  }
  .gridsx3 .card .card-text {
    font-size: 14px;
  }
}

.titulodestinos {
  text-align: center;
  margin-top: 3%;
  margin-left: 20%;
  margin-right: 20%;
  margin-bottom: 2%;
}

.titulogaleriae {
  margin-left: 5%;
  margin-bottom: 3%;
}

.galeriaeventos {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  justify-content: center;
}
.galeriaeventos .fotoevento {
  margin-bottom: 5vh;
}

.tituloinformacion {
  margin-left: 6.5%;
  margin-top: 2%;
  margin-bottom: 2%;
}

.tituloactividades {
  margin-left: 6.5%;
  margin-top: 0%;
  margin-bottom: 2%;
}

.cartasinformacion {
  display: grid;
  grid-template-columns: 1fr 1fr;
  justify-items: center;
  align-items: center;
  margin-bottom: 10%;
  grid-gap: 2%;
}
.cartasinformacion .carta {
  width: 90%; /* Ajusta el ancho de las cartas */
  max-width: 300px; /* Establece un ancho máximo para las cartas */
}
@media screen and (max-width: 412px) {
  .cartasinformacion .carta {
    width: 100%;
    max-width: 100%;
    margin-top: 10px; /* Añade margen vertical entre las cartas */
  }
}

@media screen and (max-width: 412px) {
  .cartasinformacion {
    display: grid;
    grid-template-columns: 1fr;
    justify-items: center;
    align-items: center;
    margin-bottom: 80%;
    grid-gap: 2%;
  }
}
.card-title a {
  text-decoration: none;
  color: inherit;
}
.card-title a:hover {
  text-decoration: underline;
}

.itinerarioimg {
  margin-top: 3%;
}

.tituloitinerario h2 {
  text-decoration: underline;
}

.noticias {
  width: 93%;
  margin-left: 6.5%;
  overflow: hidden;
}

.noticia {
  border: 1px solid #ccc;
  padding: 20px;
  margin-bottom: 20px;
  width: 100%;
  display: flex;
}
.noticia img {
  width: 150px;
  height: auto;
  margin-right: 20px;
}
.noticia .contenido {
  flex: 1;
}
.noticia .contenido h2 {
  font-size: 18px;
  margin-bottom: 10px;
}
.noticia .contenido p {
  font-size: 14px;
  margin-bottom: 10px;
}
.noticia .contenido small {
  font-size: 12px;
  color: #888;
}

.carousel-item {
  position: relative;
}
.carousel-item img {
  min-height: 100px;
  max-height: 506px;
  -o-object-fit: cover;
     object-fit: cover;
}
.carousel-item .line {
  width: 100%;
  height: 5px;
  background-color: rgb(17, 64, 165);
  position: absolute;
  bottom: 0;
}

.visa-section {
  width: 100%;
  max-height: 506px;
  overflow: hidden;
  position: relative; /* Necesario para posicionar la línea correctamente */
}
.visa-section .visa-image {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.visa-section .line {
  height: 5px; /* Ajusta el grosor de la línea aquí */
  background-color: rgb(0, 0, 0); /* Ajusta el color de la línea aquí */
  width: 100%; /* Hace que la línea tenga el ancho completo del contenedor */
  position: absolute; /* Posicionamiento absoluto para colocar la línea */
  bottom: 0; /* Coloca la línea en la parte inferior del contenedor */
}

.visa-content {
  display: flex;
  align-items: center;
  padding: 2% 35% 5% 35%;
  background-color: #f8f9fa;
  text-align: left;
}
.visa-content .visa-title {
  margin-right: 20px;
  font-weight: bold;
  font-size: 24px;
  display: flex;
  align-items: center;
}
.visa-content .visa-separator {
  width: 2px;
  height: 40px; /* Ajusta la altura según sea necesario */
  background-color: #000;
  margin-right: 20px;
}
.visa-content .visa-text {
  font-size: 16px;
  max-width: 600px;
}
@media screen and (max-width: 1000px) {
  .visa-content {
    padding: 5% 15% 5% 15%;
  }
  .visa-content .visa-title {
    font-size: 22px;
  }
  .visa-content .visa-text {
    font-size: 14px;
  }
}

.visa-details {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0% 0% 5% 5%;
  background-color: #ffffff;
  text-align: left;
}
.visa-details .visa-details-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-right: 20px;
}
.visa-details .visa-details-text .detail-block {
  margin-bottom: 20px;
}
.visa-details .visa-details-text .detail-block .detail-title {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 5px;
}
.visa-details .visa-details-text .detail-block .detail-text {
  font-size: 16px;
  margin-right: 3%;
  text-align: justify;
}
.visa-details .visa-details-image {
  max-height: 100%; /* Asegura que la imagen no exceda la altura del contenedor de texto */
}
.visa-details .visa-details-image img {
  width: auto;
  height: auto;
  max-height: 100%;
  display: block;
}
@media screen and (max-width: 1100px) {
  .visa-details {
    flex-direction: column;
  }
  .visa-details .visa-details-text {
    margin-right: 0;
    margin-top: 20px; /* Espacio entre la imagen y el texto en vista móvil */
  }
  .visa-details .visa-details-image {
    order: -1; /* Cambia el orden para que la imagen aparezca primero */
    margin-bottom: 20px; /* Espacio entre la imagen y el texto en vista móvil */
  }
  .visa-details .visa-details-image img {
    width: 90%; /* Ancho de la imagen al 80% del contenedor */
    height: auto; /* Altura automática para mantener la proporción */
    max-height: 400px; /* Limita la altura máxima de la imagen en móvil */
    display: block;
    margin: 0 auto; /* Centra la imagen horizontalmente */
  }
}

.news-content .news-article {
  margin-bottom: 0px;
  padding: 3% 8% 0% 8%;
  background-color: #f9f9f9;
  border-radius: 10px;
}
.news-content .news-article h2 {
  margin-bottom: 20px;
  color: #333;
}
.news-content .news-article p {
  margin-bottom: 30px; /* Aumenté el espacio entre párrafos y las imágenes */
  text-align: justify;
}
.news-content .image-gallery-news {
  display: flex;
  flex-wrap: wrap;
  gap: 30px; /* Aumenté el espacio entre las imágenes */
  justify-content: space-between;
  margin-bottom: 40px;
}
.news-content .image-gallery-news .image-news {
  flex: 1 1 calc(50% - 15px); /* Ajustado el tamaño de las imágenes para ocupar el 50% del contenedor menos el espacio entre ellas */
  max-width: calc(50% - 15px); /* Ajustado el tamaño máximo de las imágenes */
  margin-bottom: 20px; /* Espacio adicional entre cada imagen */
  justify-content: center;
  align-items: center;
}
.news-content .image-gallery-news .image-news img {
  width: 100%;
  height: 400px; /* Ajustar la altura deseada */
  -o-object-fit: cover;
     object-fit: cover; /* Ajustar el tamaño de la imagen sin distorsionar */
  border-radius: 10px;
  transition: transform 0.3s ease;
}
.news-content .image-gallery-news .image-news img:hover {
  transform: scale(1.05);
}
.news-content .image-gallery-news2 {
  display: flex;
  flex-wrap: wrap;
  gap: 30px; /* Aumenté el espacio entre las imágenes */
  justify-content: space-between;
  margin-bottom: 40px;
}
.news-content .image-gallery-news2 .image-news {
  flex: 1 1 calc(50% - 15px); /* Ajustado el tamaño de las imágenes para ocupar el 50% del contenedor menos el espacio entre ellas */
  max-width: calc(50% - 15px); /* Ajustado el tamaño máximo de las imágenes */
  margin-bottom: 20px; /* Espacio adicional entre cada imagen */
  justify-content: center;
  align-items: center;
  margin-left: 25%;
}
.news-content .image-gallery-news2 .image-news img {
  width: 100%;
  height: 420px; /* Ajustar la altura deseada */
  -o-object-fit: cover;
     object-fit: cover; /* Ajustar el tamaño de la imagen sin distorsionar */
  border-radius: 10px;
  transition: transform 0.3s ease;
}
.news-content .image-gallery-news2 .image-news img:hover {
  transform: scale(1.05);
}
@media (max-width: 1200px) {
  .news-content .image-gallery-news .image-news {
    flex: 1 1 100%; /* Cambiar a una sola columna en dispositivos móviles */
    max-width: 85%; /* Ajustar el ancho máximo para ocupar toda la pantalla */
    margin-bottom: 20px; /* Espacio adicional entre cada imagen */
    margin-left: 10%;
  }
  .news-content .image-gallery-news .image-news img {
    height: 400px; /* Ajustar la altura deseada en dispositivos móviles */
  }
  .news-content .image-gallery-news2 .image-news {
    flex: 1 1 100%; /* Cambiar a una sola columna en dispositivos móviles */
    max-width: 85%; /* Ajustar el ancho máximo para ocupar toda la pantalla */
    margin-bottom: 20px; /* Espacio adicional entre cada imagen */
    margin-left: 10%;
  }
  .news-content .image-gallery-news2 .image-news img {
    height: 400px; /* Ajustar la altura deseada en dispositivos móviles */
  }
}
@media (max-width: 500px) {
  .news-content .image-gallery-news .image-news {
    flex: 1 1 100%; /* Cambiar a una sola columna en dispositivos móviles */
    max-width: 100%; /* Ajustar el ancho máximo para ocupar toda la pantalla */
    margin-bottom: 20px; /* Espacio adicional entre cada imagen */
  }
  .news-content .image-gallery-news .image-news img {
    height: 250px; /* Ajustar la altura deseada en dispositivos móviles */
  }
  .news-content .image-gallery-news2 .image-news {
    flex: 1 1 100%; /* Cambiar a una sola columna en dispositivos móviles */
    max-width: 100%; /* Ajustar el ancho máximo para ocupar toda la pantalla */
    margin-bottom: 20px; /* Espacio adicional entre cada imagen */
    margin-left: 0%;
  }
  .news-content .image-gallery-news2 .image-news img {
    height: 250px; /* Ajustar la altura deseada en dispositivos móviles */
  }
}

.gridsx3-viajechina {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 3%;
  justify-items: center;
  align-items: center;
  margin-bottom: 15%;
}
.gridsx3-viajechina .card:hover {
  transform: scale(1.01);
}
.gridsx3-viajechina .card-title {
  font-size: 18px;
}
.gridsx3-viajechina .card-text {
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  .gridsx3-viajechina {
    grid-template-columns: 1fr; /* Cambia a dos columnas en vista móvil */
    margin-bottom: 750px;
  }
  .gridsx3-viajechina .card {
    width: 100%;
    max-width: 18rem;
    margin: 0 auto;
  }
  .gridsx3-viajechina .card .card-title {
    font-size: 16px;
  }
  .gridsx3-viajechina .card .card-text {
    font-size: 14px;
  }
}

.cartasinformacion {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 2rem;
  padding: 2rem;
}

.info-card {
  height: 100%;
  min-height: 250px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid #ddd;
  border-radius: 12px;
  background-color: #ffffff;
  transition: all 0.3s ease;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}
.info-card:hover {
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
  transform: translateY(-4px);
}
.info-card .card-body {
  padding: 1.5rem;
}
.info-card .card-body .card-title {
  font-size: 1.2rem;
  margin-bottom: 0.75rem;
}
.info-card .card-body .card-title a {
  color: #c0392b;
  text-decoration: none;
}
.info-card .card-body .card-title a:hover {
  text-decoration: underline;
}
.info-card .card-body .card-text {
  font-size: 1rem;
  color: #333;
  line-height: 1.6;
}

.china-section {
  width: 100%;
  max-height: 506px;
  overflow: hidden;
  position: relative; /* Necesario para posicionar la línea correctamente */
}
.china-section .china-image {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}/*# sourceMappingURL=main.css.map */