button {
  font-family: inherit;
  border: 0;
  cursor: pointer;
}
button:focus {
  outline: 0;
}

.movie-card {
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  max-width: 800px;
  height: 100%;
  min-height: 450px;
  display: block;
  margin: 8vh auto;
  border-radius: 8px;
  box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.25);
  position: relative;
  margin-top: -20px;
}

@media (max-width: 600px) {
  .movie-card {
    /* Estilos específicos para tamaños pequeños */
    width: 90%; /* Porcentaje más pequeño para adaptarse a pantallas estrechas */
    margin-top: 0; /* Ajuste del margen superior si es necesario */
    /* Otros ajustes para una mejor visualización en pantallas pequeñas */
  }
}
@media (max-width: 800px) {
  .movie-card {
    /* Estilos específicos para tamaños pequeños */
    width: 90%; /* Porcentaje más pequeño para adaptarse a pantallas estrechas */
    margin-top: 0; /* Ajuste del margen superior si es necesario */
    /* Otros ajustes para una mejor visualización en pantallas pequeñas */
  }
}
@media (max-width: 768px) {
  .movie-card {
    /* Estilos específicos para tamaños pequeños */
    width: 90%; /* Porcentaje más pequeño para adaptarse a pantallas estrechas */
    margin-top: 0; /* Ajuste del margen superior si es necesario */
    /* Otros ajustes para una mejor visualización en pantallas pequeñas */
  }
}



/*@media screen and (max-width: 800px) {
  .movie-card {
    width: 95%;
    max-width: 95%;
  }
}
@media screen and (max-width: 600px) {
  .movie-card {
    background-position: 50% 0%;
    background-size: cover;
    height: 400px;
  }
}*/
/*######Cursos Internacionales 2022######*/
.movie-card[data-movie="colposcopia22"] {
  background-image: url("../ci/ccolposcopia22.png");
      background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="infertilidad22"] {
  background-image: url("../ci/cinfertilidad22.png");
      background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="mortalidad22"] {
  background-image: url("../ci/cmortalidad22.png");
      background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="endocrinologia22"] {
  background-image: url("../ci/cendocrinologia22.png");
      background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="anticoncepcion22"] {
  background-image: url("../ci/canticoncepcion22.png");
      background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="materno22"] {
  background-image: url("../ci/cmaterno22.png");
      background-position: 10% 50%;
  background-size: 250px;
}
/*######Fin Cursos Internacionales 2022######*/


.movie-card[data-movie="patologia"] {
  background-image: url("../ci/cpmamaria.png");
  background-position: 10% 50%;
  background-size: 250px;
}
.movie-card[data-movie="menopausia"] {
  background-image: url("../ci/cmenopausia.png");
      background-position: 10% 50%;
  background-size: 250px;
}
.movie-card[data-movie="covid"] {
  background-image: url("../ci/ccovid.png");
      background-position: 10% 50%;
  background-size: 250px;
}
.movie-card[data-movie="colposcopia"] {
  background-image: url("../ci/ccolposcopia.png");
      background-position: 10% 50%;
  background-size: 250px;
}
.movie-card[data-movie="histerectomia"] {
  background-image: url("../ci/chisterectomia.png");
      background-position: 10% 50%;
  background-size: 250px;
}
.movie-card[data-movie="materno"] {
  background-image: url("../ci/cmaterno.png");
      background-position: 10% 50%;
  background-size: 250px;
}
.movie-card[data-movie="infertilidad"] {
  background-image: url("../ci/Logo_infertilidad.png");
      background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="anticoncepcion"] {
  background-image: url("../ci/anticologo.png");
      background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="colpos20"] {
  background-image: url("../ci/cursointer20203.png");
      background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="fetal20"] {
  background-image: url("../ci/cursointer20206-1.png");
      background-position: 10% 50%;
  background-size: 250px;
}



.movie-card[data-movie="m1"] {
  background-image: url("../modulos/modulo1.png");
    background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="m2"] {
  background-image: url("../modulos/modulo2.png");
       background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="m3"] {
  background-image: url("../modulos/modulo3.png");
       background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="m4"] {
  background-image: url("../modulos/modulo4.png");
      background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="m5"] {
  background-image: url("../modulos/modulo5.png");
        background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="m6"] {
  background-image: url("../modulos/modulo6.png");
       background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="m7"] {
  background-image: url("../modulos/modulo7.png");
       background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="m8"] {
  background-image: url("../modulos/modulo8.png");
       background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="m9"] {
  background-image: url("../modulos/modulo9.png");
       background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="m10"] {
  background-image: url("../modulos/modulo10.png");
       background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="m11"] {
  background-image: url("../modulos/modulo11.png");
       background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="m12"] {
  background-image: url("../modulos/modulo12.png");
       background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="m13"] {
  background-image: url("../modulos/modulo13.png");
       background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="m14"] {
  background-image: url("../modulos/modulo14.png");
       background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="m15"] {
  background-image: url("../modulos/modulo15.png");
       background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="m16"] {
  background-image: url("../modulos/modulo16.png");
       background-position: 10% 50%;
  background-size: 250px;
}

                                                                /*Módulos 2022*/
.movie-card[data-movie="m17"] {
  background-image: url("../modulos/2022/modulo17.png");
       background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="m18"] {
  background-image: url("../modulos/2022/modulo18.png");
       background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="m19"] {
  background-image: url("../modulos/2022/modulo19.png");
       background-position: 10% 50%;
  background-size: 250px;
}


.movie-card[data-movie="m20"] {
  background-image: url("../modulos/2022/modulo20.png");
       background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="m21"] {
  background-image: url("../modulos/2022/modulo21.png");
       background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="m22"] {
  background-image: url("../modulos/2022/modulo22.png");
       background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="m23"] {
  background-image: url("../modulos/2022/modulo23.png");
       background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="m24"] {
  background-image: url("../modulos/2022/modulo24.png");
       background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="m25"] {
  background-image: url("../modulos/2022/modulo25.png");
       background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="m26"] {
  background-image: url("../modulos/2022/modulo26.png");
       background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="m27"] {
  background-image: url("../modulos/2022/modulo27.png");
       background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="m28"] {
  background-image: url("../modulos/2022/modulo28.png");
       background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="m29"] {
  background-image: url("../modulos/2022/modulo29.png");
       background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="m30"] {
  background-image: url("../modulos/2022/modulo30.png");
       background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="m31"] {
  background-image: url("../modulos/2022/modulo31.png");
       background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="m32"] {
  background-image: url("../modulos/2022/modulo32.png");
       background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="m33"] {
  background-image: url("../modulos/2022/modulo33.png");
       background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="m34"] {
  background-image: url("../modulos/2022/modulo34.png");
       background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="m36"] {
  background-image: url("../modulos/2022/modulo36.png");
       background-position: 10% 50%;
  background-size: 250px;
}

                                                            /*Fin Módulos 2022*/

.movie-card[data-movie="s1"] {
  background-image: url("../sesiones/sesion1.png");
      background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="s2"] {
  background-image: url("../sesiones/sesion2.png");
         background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="s3"] {
  background-image: url("../sesiones/sesion3.png");
     background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="s4"] {
  background-image: url("../sesiones/sesion4.png");
     background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="s5"] {
  background-image: url("../sesiones/sesion5.png");
     background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="s6"] {
  background-image: url("../sesiones/sesion6.png");
     background-position: 10% 50%;
  background-size: 250px;
}
.movie-card[data-movie="s7"] {
  background-image: url("../sesiones/sesion7.png");
     background-position: 10% 50%;
  background-size: 250px;
}
.movie-card[data-movie="s8"] {
  background-image: url("../sesiones/sesion8.png");
     background-position: 10% 50%;
  background-size: 250px;
}
.movie-card[data-movie="s9"] {
  background-image: url("../sesiones/sesion9.png");
     background-position: 10% 50%;
  background-size: 250px;
}
.movie-card[data-movie="s10"] {
  background-image: url("../sesiones/sesion10.png");
     background-position: 10% 50%;
  background-size: 250px;
}
.movie-card[data-movie="s11"] {
  background-image: url("../sesiones/sesion11.png");
     background-position: 10% 50%;
  background-size: 250px;
}

/*2022 Sesiones Ordinarias*/

.movie-card[data-movie="s12"] {
  background-image: url("../sesiones/sesion12.png");
     background-position: 10% 50%;
  background-size: 250px;
}
.movie-card[data-movie="s13"] {
  background-image: url("../sesiones/sesion13.png");
     background-position: 10% 50%;
  background-size: 250px;
}
.movie-card[data-movie="s14"] {
  background-image: url("../sesiones/sesion14.png");
     background-position: 10% 50%;
  background-size: 250px;
}
.movie-card[data-movie="s15"] {
  background-image: url("../sesiones/sesion15.png");
     background-position: 10% 50%;
  background-size: 250px;
}
.movie-card[data-movie="s16"] {
  background-image: url("../sesiones/sesion16.png");
     background-position: 10% 50%;
  background-size: 250px;
}
.movie-card[data-movie="s17"] {
  background-image: url("../sesiones/sesion17.png");
     background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="s18"] {
  background-image: url("../sesiones/sesion18.png");
     background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="s19"] {
  background-image: url("../sesiones/sesion19.png");
     background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="s20"] {
  background-image: url("../sesiones/sesion20.png");
     background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="s30"] {
  background-image: url("../sesiones/sesion30.png");
     background-position: 10% 50%;
  background-size: 250px;
}

/*Fin 2022 Sesiones Ordinarias*/


/*2023 Sesiones Ordinarias*/

.movie-card[data-movie="s21"] {
  background-image: url("../sesiones/2023/sesion21.png");
     background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="s22"] {
  background-image: url("../sesiones/2023/sesion22.png");
     background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="s23"] {
  background-image: url("../sesiones/2023/sesion23.png");
     background-position: 10% 50%;
  background-size: 250px;
}
.movie-card[data-movie="s24"] {
  background-image: url("../sesiones/2023/sesion24.png");
     background-position: 10% 50%;
  background-size: 250px;
}
.movie-card[data-movie="s25"] {
  background-image: url("../sesiones/2023/sesion25.png");
     background-position: 10% 50%;
  background-size: 250px;
}
.movie-card[data-movie="s26"] {
  background-image: url("../sesiones/2023/sesion26.png");
     background-position: 10% 50%;
  background-size: 250px;
}
.movie-card[data-movie="s27"] {
  background-image: url("../sesiones/2023/sesion27.png");
     background-position: 10% 50%;
  background-size: 250px;
}
.movie-card[data-movie="s28"] {
  background-image: url("../sesiones/2023/sesion28.png");
     background-position: 10% 50%;
  background-size: 250px;
}
.movie-card[data-movie="s29"] {
  background-image: url("../sesiones/2023/LOGO_SESION29.png");
     background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="s31"] {
  background-image: url("../sesiones/2023/sesion30.png");
     background-position: 10% 50%;
  background-size: 250px;
}
/*Fin 2023 Sesiones Ordinarias*/


/*2024 Sesiones Ordinarias*/

.movie-card[data-movie="ORDINARIA1"] {
  background-image: url("../imagenes/ordinarias/LOGO1.png");
     background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="ORDINARIA2"] {
  background-image: url("../imagenes/ordinarias/LOGO2.png");
     background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="ORDINARIA3"] {
  background-image: url("../imagenes/ordinarias/LOGO3.png");
     background-position: 10% 50%;
  background-size: 250px;
}
.movie-card[data-movie="ORDINARIA4"] {
  background-image: url("../imagenes/ordinarias/LOGO4.png");
     background-position: 10% 50%;
  background-size: 250px;
}
.movie-card[data-movie="ORDINARIA5"] {
  background-image: url("../imagenes/ordinarias/LOGO5.png");
     background-position: 10% 50%;
  background-size: 250px;
}
.movie-card[data-movie="ORDINARIA6"] {
  background-image: url("../imagenes/ordinarias/LOGO6.png");
     background-position: 10% 50%;
  background-size: 250px;
}
.movie-card[data-movie="ORDINARIA7"] {
  background-image: url("../imagenes/ordinarias/LOGO7.png");
     background-position: 10% 50%;
  background-size: 250px;
}
.movie-card[data-movie="ORDINARIA8"] {
  background-image: url("../imagenes/ordinarias/LOGO8.png");
     background-position: 10% 50%;
  background-size: 250px;
}
.movie-card[data-movie="ORDINARIA9"] {
  background-image: url("../imagenes/ordinarias/LOGO9.png");
     background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="ORDINARIA10"] {
  background-image: url("../imagenes/ordinarias/LOGO10.png");
     background-position: 10% 50%;
  background-size: 250px;
}
/*Fin 2024 Sesiones Ordinarias*/


.movie-card[data-movie="se1"] {
  background-image: url("../sesionesext/sesionext1.png");
     background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="se2"] {
  background-image: url("../sesionesext/sesionext2.png");
     background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="se3"] {
  background-image: url("../sesionesext/sesionext3.png");
     background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="se4"] {
  background-image: url("../sesionesext/sesionext4.png");
     background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="se5"] {
  background-image: url("../sesionesext/sesionext5.png");
     background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="se6"] {
  background-image: url("../sesionesext/sesionext6.png");
     background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="se7"] {
  background-image: url("../sesionesext/sesionext7.png");
     background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="se8"] {
  background-image: url("../sesionesext/sesionext8.png");
     background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="se9"] {
  background-image: url("../sesionesext/sesionext9.png");
     background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="se10"] {
  background-image: url("../sesionesext/sesionext10.png");
     background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="se11"] {
  background-image: url("../sesionesext/sesionext11.png");
     background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="se12"] {
  background-image: url("../sesionesext/sesionext12.png");
     background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="se19"] {
  background-image: url("../sesionesext/sesionext10.png");
     background-position: 10% 50%;
  background-size: 250px;
}


                                    /*####### 2022 Sesiones Extraordinarias ######*/
/*    
.movie-card[data-movie="se13"] {
  background-image: url("../sesionesext/sesionext13.png");
     background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="se14"] {
  background-image: url("../sesionesext/sesionext14.png");
     background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="se15"] {
  background-image: url("../sesionesext/sesionext15.png");
     background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="se16"] {
  background-image: url("../sesionesext/sesionext16.png");
     background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="se17"] {
  background-image: url("../sesionesext/sesionext17.png");
     background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="se18"] {
  background-image: url("../sesionesext/sesionext18.png");
     background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="se19"] {
  background-image: url("../sesionesext/sesionext1.png");
     background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="se20"] {
  background-image: url("../sesionesext/sesionext20.png");
     background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="se21"] {
  background-image: url("../sesionesext/sesionext21.png");
     background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="se22"] {
  background-image: url("../sesionesext/sesionext22.png");
     background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="se33"] {
  background-image: url("../sesionesext/sesionext33.png");
     background-position: 10% 50%;
  background-size: 250px;
}
*/
                                    /*####### Fin 2022 Sesiones Extraordinarias ######*/


.movie-card[data-movie="cems1"] {
  background-image: url("../cems/LOGOCEMS1.png");
     background-position: 10% 50%;
  background-size: 250px;
}
.movie-card[data-movie="cems2"] {
  background-image: url("../cems/LOGOCEMS2.png");
     background-position: 10% 50%;
  background-size: 250px;
}
.movie-card[data-movie="cems3"] {
  background-image: url("../cems/LOGOCEMS3.png");
     background-position: 10% 50%;
  background-size: 250px;
}
.movie-card[data-movie="cems4"] {
  background-image: url("../cems/LOGOCEMS4.png");
     background-position: 10% 50%;
  background-size: 250px;
}
.movie-card[data-movie="cems5"] {
  background-image: url("../cems/LOGOCEMS5.png");
     background-position: 10% 50%;
  background-size: 250px;
}
.movie-card[data-movie="cems6"] {
  background-image: url("../cems/LOGOCEMS6.png");
     background-position: 10% 50%;
  background-size: 250px;
}
.movie-card[data-movie="cems7"] {
  background-image: url("../cems/LOGOCEMS7.png");
     background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="cems11"] {
  background-image: url("../cems/LOGOCEMS11.png");
     background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="cems12"] {
  background-image: url("../cems/LOGOCEMS13.png");
     background-position: 10% 50%;
  background-size: 250px;
}
.movie-card[data-movie="cems13"] {
  background-image: url("../cems/LOGOCEMS12.png");
     background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="cems14"] {
  background-image: url("../cems/LOGOCEMS14.png");
     background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="cems15"] {
  background-image: url("../cems/LOGOCEMS15.png");
     background-position: 10% 50%;
  background-size: 250px;
}
.movie-card[data-movie="cems16"] {
  background-image: url("../cems/LOGOCEMS16.png");
     background-position: 10% 50%;
  background-size: 250px;
}

                                                        /*######CEMS 2022######*/
.movie-card[data-movie="cems18"] {
  background-image: url("../cems/2022/LOGOCEMS18.png");
     background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="cems19"] {
  background-image: url("../cems/2022/LOGOCEMS19.png");
     background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="cems20"] {
  background-image: url("../cems/2022/LOGOCEMS20.png");
     background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="cems21"] {
  background-image: url("../cems/2022/LOGOCEMS21.png");
     background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="cems22"] {
  background-image: url("../cems/2022/LOGOCEMS22.png");
     background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="cems23"] {
  background-image: url("../cems/2022/LOGOCEMS23.png");
     background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="cems24"] {
  background-image: url("../cems/2022/LOGOCEMS24.png");
     background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="cems25"] {
  background-image: url("../cems/2022/LOGOCEMS25.png");
     background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="cems26"] {
  background-image: url("../cems/2022/LOGOCEMS26.png");
     background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="cems27"] {
  background-image: url("../cems/2022/LOGOCEMS27.png");
     background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="cems28"] {
  background-image: url("../cems/2022/LOGOCEMS28.png");
     background-position: 10% 50%;
  background-size: 250px;
}

                                                    /*######Fin CEMS 2022######*/




.first{
    
      background: -webkit-gradient(linear, left top, right top, from(rgb(239 239 239 / 20%)), color-stop(60%, #e6e6e6), to(#e2e2de));
  background: linear-gradient(to right, rgb(130 130 131 /5%) 30%, #d03a7d 60%, #de2973 100%);
}

.second{
    
      background: -webkit-gradient(linear, left top, right top, from(rgb(239 239 239 / 20%)), color-stop(60%, #e6e6e6), to(#e2e2de));
  background: linear-gradient(to right, rgba(130, 130, 131, 0.05) 30%, #d22637 60%, #ba3642 100%);
}

.third{
    
      background: -webkit-gradient(linear, left top, right top, from(rgb(239 239 239 / 20%)), color-stop(60%, #e6e6e6), to(#e2e2de));
  background: linear-gradient(to right, rgba(130, 130, 131, 0.05) 30%, #373b56 60%, #2a3e53 100%);
}

.fourth{
    
      background: -webkit-gradient(linear, left top, right top, from(rgb(239 239 239 / 20%)), color-stop(60%, #e6e6e6), to(#e2e2de));
  background: linear-gradient(to right, rgba(130, 130, 131, 0.05) 30%, #5283bf 60%, #316aa7 100%);
}

.fifth{
    
      background: -webkit-gradient(linear, left top, right top, from(rgb(239 239 239 / 20%)), color-stop(60%, #e6e6e6), to(#e2e2de));
  background: linear-gradient(to right, rgba(130, 130, 131, 0.05) 30%, #88a32e 60%, #5d9c5b 100%);
}

.sixth{
    
      background: -webkit-gradient(linear, left top, right top, from(rgb(239 239 239 / 20%)), color-stop(60%, #e6e6e6), to(#e2e2de));
  background: linear-gradient(to right, rgba(130, 130, 131, 0.05) 30%, #d67037 60%, #cf351c 100%);
}


.modulos{
    
  ;
}

.movie-card__overlay {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  background-blend-mode: multiply;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
@media screen and (max-width: 600px) {
  .movie-card__overlay {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(42, 159, 255, 0.2)), color-stop(60%, #212120), to(#212120));
    background: linear-gradient(to bottom, rgba(42, 159, 255, 0.2) 0%, #ffffff 60%, #ffffff 100%);
  }
}
.movie-card__share {
  padding: 1em;
  display: inline-block;
  width: 100%;
  max-width: 120px;
  background:#fff;
}
@media screen and (max-width: 600px) {
  .movie-card__share {
    display: block;
    width: 100%;
  }
}
.movie-card__icon {
  color: #ffffff;
  mix-blend-mode: lighten;
  opacity: .4;
  background: none;
  padding: 0;
}
.movie-card__icon:hover {
  opacity: 1;
  mix-blend-mode: lighten;
}
.movie-card__icon:not(:first-of-type) {
  margin-left: 5px;
}
.movie-card__icon i {
  font-size: 1.2em;
}

.movie-card__content {
  width: 100%;
  max-width: 450px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  position: relative;
  float: right;
  padding-right: 1.2em;
  padding-bottom: 1em;
  margin-top:10px;
}
@media screen and (max-width: 1000px) {
  .movie-card__content {
    width: 50%;
  }
}
@media screen and (max-width: 600px) {
  .movie-card__content {
    margin-top: 4.2em;
    width: 100%;
    float: inherit;
    max-width: 100%;
    padding: 0 1em 1em;
  }
}
.movie-card__header {
  margin-bottom: 1em;
}
.movie-card__title {
  color: #0a727a;
  margin-bottom: .1em;
  font-size: 28px;
  font-weight: 600;
}
.movie-card__info {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: .8em;
  color: #2b858c;
  margin: 0;
  font-weight: 700;
  margin-top: 10px;
}
.movie-card__desc {
   margin: 0;
   line-height: 1.6em;
   font-weight: 600;
   margin-bottom: .5em;
   color: #2b858c;
   font-size: 1em;
}

.puntos{
  margin: 0;
   font-weight: 400;
   margin-bottom: .5em;
  color: #2b858c;
   font-size: 14px;
  
}

.btn {
  padding: .3rem 0.4em;
  background-color: rgba(255, 255, 255, 0.4);
  color: white;
  margin-top: 10px;
}

.btn-outline {
  background-color:#0a727a;
  border: 3px solid #0a727a;
}

.btn a {
    color: #ffffff;
}

.btn::before {
  vertical-align: middle;
  font-size: 1em;
  padding-right: .2em;
}

.btn-outline:hover {
  border-color: #16257a;
  color: #ffffff;
   background: #16257a; 
}

.btn a:hover {
    color: #ffffff;
}


.dateone{
    
    background: #6c2883; 
}
.datetwo{
    
    background: #b73541; 
}
.datethr{
    
    background: #2a3e53; 
}
.datefour{
    
    background: #316aa7; 
}
.datefive{
    
    background: #5d9c5b; 
}
.datesix{
    
    background: #cf351c; 
}

.datemod{
    
background: #0a727a;
}
 .thumbnail .date {
  position: absolute;
  top: 10px;
  z-index: 1;
  width: 80px;
  margin-left:5px;
  height: 60px;
  padding: 13px 0;
  -webkit-border-radius: 10%;
  -moz-border-radius: 10%;
  border-radius: 10%;
  color: #FFFFFF;
  font-weight: 700;
  text-align: center;
  -webkti-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 16px;
}
.thumbnail .date  .day {
  font-size: 13px;
}
.thumbnail .date  .month {
  font-size: 14px;
}

.btnm {
  padding: .2rem 0.5em;
  background-color: rgb(17 26 76);
  color: #0d1646;
  margin-top: 230px;
}

.btnm-outline {
  background-color: #141e56;
  border: 3px solid #141e56;
}

.btnm a {
    color: #ffffff;
}

.btnm::before {
  vertical-align: middle;
  font-size: 1em;
  padding-right: .2em;
}

.btnm-outline:hover {
  border-color: #141d4e;
  color: #0e1433;
}

.btnm a:hover {
    color: #ffffff;
}


summary{

display: list-item;
    cursor: pointer;
    text-decoration-line: none;
    text-decoration: none;
    margin: 0;
    outline: none;
    font-weight: 600;
    font-size: 18px;
    text-align:center;

}