.fondo-expo {
  font-family: Arial;
  background-color: #f5f5f5;
  color: #808080;
  text-align: center;
}

.expo-virtual-grande {
  background-image: url(../../../Images/ExpoVirtual/fondo_baner_sexta.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

.expo-virtual-grande p {
  color: #fff;
  text-align: justify;
  font-family: 'Avenir', sans-serif;
  font-size: 45px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  width: 300px;
  height: 80px;
  margin: 20px 0 0 20px;
}

.separacion {
  width: 300px;
  height: 90px;
}

.centrar-contenido {
  display: flex;
  justify-content: center;
  align-items: center;
}

.container {
  padding: 0 !important;
  margin: 0 !important;
}

.encabezado-ediciones {
  display: flex;
  justify-content: center;
  align-items: start;
  flex-direction: column;
  margin: 0 0 0 15px;
  width: auto;
}

/* .banner_escritorio_grande {
    display: none;
} */

.texto-disfruta {
  color: #00537d;
  text-align: justify;
  font-family: 'Avenir', 'sans-serif';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0 20px 0 20px;
}

.div-botones {
  margin-bottom: 15px;
  color: white;
  display: flex;
  justify-content: start;
  align-items: center;
  margin-left: 20px;
}

.botones:first-child {
  margin-right: 15px;
}

.botones {
  padding: 6px 25px;
  text-decoration: none;
  color: #fff;
  background: #00a490;
  text-align: center;
  line-height: normal;
  border-radius: 10px;
  font-family: 'Avenir Medium', sans-serif;
  font-size: 16px;
  border-style: none;
  transition: background-color 0.3s ease;
  cursor: pointer;
  border: none;
}

/* Botones */

.box-redireccion {
  display: flex;
  justify-content: center;
  margin-bottom: 29px;
  text-decoration: none !important;
}

.btn-redireccion,
.btn-redireccion *,
.btn-redireccion :after,
.btn-redireccion :before,
.btn-redireccion:after,
.btn-redireccion:before {
  border: 0 solid;
  box-sizing: border-box;
}

.btn-redireccion {
  -webkit-tap-highlight-color: transparent;
  background-color: #03A590;
  cursor: pointer;
  font-weight: 500;
  width: 145px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn-redireccion:disabled {
  cursor: default;
}

.btn-redireccion:-moz-focusring {
  outline: auto;
}

.btn-redireccion [hidden] {
  display: none;
}

.btn-redireccion {
  border-radius: 99rem;
  border-width: 2px;
  overflow: hidden;
  padding: 0rem;
  position: relative;
}

.btn-redireccion span {
  mix-blend-mode: luminosity;
}

.btn-redireccion:before {
  background: linear-gradient(90deg, #03547e 0%, #01558c 51%, #0699d6 100%);
  content: '';
  display: block;
  height: 100%;
  left: -100%;
  position: absolute;
  top: 0;
  transform: skew(0deg) translateX(-20%);
  transition: transform 0.2s ease;
  width: 120%;
}

.btn-redireccion:hover:before {
  transform: skew(-45deg) translateX(75%);
}

/* Fin botoes*/

.cuarta-edicion,
.quinta-edicion {
  margin-right: 15px;
}

.enlace-btn:hover {
  background: #0e648b;
  text-decoration: none;
  color: white;
}

.sin-enlace:hover {
  cursor: default;
}

.sin-enlace {
  -webkit-tap-highlight-color: transparent;
  background-color: #048472;
  background-image: none;
  color: #fff;
  cursor: pointer;
  font-weight: 500;
  width: 145px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 99rem;
  border-width: 2px;
}

.centrar-videos {
  max-width: 1500px;
}

.texto-mostrando {
  display: none;
  color: #00537d;
  text-align: start;
}

.contenedor-videos {
  display: flex;
  flex-direction: column;
}

.card-video {
  margin-bottom: 30px;
  background-color: white;
  border-radius: 10px;
}

.texto-video {
  text-align: start;
  margin: 0 5px 0 10px;
}

#busquedaForm input {
  background-color: #d4d4d4;
  border-radius: 10px;
  border: none;
  padding: 3px;
  margin-bottom: 15px;
  margin-left: 20px;
}

#busquedaForm input:focus {
  outline: none;
}

#busquedaForm input[type='text'] {
  padding-left: 20px;
}

.titulo-video {
  margin-top: 10px;
  color: #00a490;
  text-align: center;
  font-family: 'Avenir' 'sans-serif';
  font-size: 20px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  text-align: start;
}

.descripcion-video {
  color: #00537d;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.contenedor-videos-buscados {
  display: flex;
}

.enlace-youtube {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 15px 10px 10px 10px;
}

.texto-enlace-youtube {
  font-family: 'Avenir' 'sans-serif';
  font-size: 16px;
  color: #00537d;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-align: center;
}

.texto-enlace-youtube a {
  color: #007bff;
}

.texto-enlace-youtube a:hover {
  text-decoration: none;
}

@media(min-width:550px) {
  .contenedor-videos {
    margin: 80px;
  }

  .encabezado-ediciones,
  .buscador,
  .texto-mostrando {
    margin-left: 30px !important;
  }
}

@media (min-width: 768px) {
  /* .numero_1 {
        background-image: url(../../../public/images/gdl24/expo_virtual/fondo_banner.webp);
        background-size: 80% 95%;
    } */

  .separacion {
    width: 500px;
    height: 90px;
    margin-left: 130px !important;
  }

  /* .numero_1 p {
        font-size: 50px;
    } */

  .encabezado-ediciones {
    justify-content: start;
    align-items: start;
    flex-direction: column;
    margin: 0;
  }

  .texto-disfruta {
    font-size: 26px;
    margin: 15px 0;
  }

  #resultadosBusqueda {
    margin-right: 10px !important;
  }

  #busquedaForm input {
    margin: 0 0 10px 0;
  }

  .titulo-video {
    margin-top: 5px;
  }

  .div-botones {
    display: flex;
    color: white;
    margin: 0 0 20px 0;
  }

  .texto-mostrando {
    text-align: center;
    margin-bottom: 20px;
    color: #00537d;
    text-align: justify;
    font-family: 'Avenir' 'sans-serif';
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }

  .login-page {
    /* background-image: url(https://medical-expo.com.mx/expo/public/images/plantilla_regional/inicio/fondo1.png); */
    /* background-image: url(../../../public/images/gdl24/fondos/fondo_1920.svg); */
    background-repeat: repeat;
    background-position: 50%;
    background-size: 100%;
  }

  .contenedor-videos {
    column-gap: 20px;
  }

  .texto-enlace-youtube {
    font-size: 18px;
  }
}

@media (min-width: 900px) {
  .texto-mostrando {
    display: block;
  }

  .contenedor-videos {
    margin: 30px;
  }

  .contenedor-videos,
  .card-video {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}



@media (min-width: 1367px) {
  .card-video {
    width: auto;
  }

  .contenedor-videos {
    column-gap: 30px;
  }

  .encabezado-ediciones {
    width: 1200px;
  }
}

.lista-paginas {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
}

.paginacion,
.paginacion-actual-10,
.paginacion-actual-9 {
  margin: 0 10px;
  color: #00537d;
  text-align: justify;
  font-family: 'Avenir' 'sans-serif';
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.paginacion a {
  color: #00537d;
}

.paginacion a:hover {
  text-decoration: none;
  color: #007bff !important;
}

.informacion-paginacion {
  color: #00537d;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
}

.paginacion-actual-10 {
  margin: 0 10px;
  color: white;
  background-color: #00a490;
  border-radius: 50%;
  padding: 5px 7.5px;
}

.paginacion-actual-9 {
  margin: 0 10px;
  color: white;
  background-color: #00a490;
  border-radius: 50%;
  padding: 5px 12px;
}