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: 480px; /*CAMBIAR EL TAMAÑO DE LAS TARJETAS*/
  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 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 2024######*/

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

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

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

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

.movie-card[data-movie="avancesg"] {
  background-image: url("../imagenes/CI2024/CURSO_5LOGO.png");
      background-position: 10% 50%;
  background-size: 250px;
}
.movie-card[data-movie="controversiase"] {
  background-image: url("../imagenes/CI2024/CURSO_6LOGO.png");
      background-position: 10% 50%;
  background-size: 250px;
}


/*###### Fin Cursos Internacionales 2023######*/
/*######Cursos Internacionales 2023######*/

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

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

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

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



/*###### Fin Cursos Internacionales 2023######*/

/*######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/LOGO-NUEVO-MENOPAUSIA.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="m35"] {
  background-image: url("../modulos/2022/modulo35.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;
}



 /* Modulos 2024*/
    
    .movie-card[data-movie="m60"] {
  background-image: url("../imagenes/modulos_2024/MODULO_LOGO1.png");
       background-position: 10% 50%;
  background-size: 250px;
}
.movie-card[data-movie="m61"] {
  background-image: url("../imagenes/modulos_2024/MODULO_LOGO2.png");
       background-position: 10% 50%;
  background-size: 250px;
}
.movie-card[data-movie="m62"] {
  background-image: url("../imagenes/modulos_2024/MODULO_LOGO3.png");
       background-position: 10% 50%;
  background-size: 250px;
}
 .movie-card[data-movie="m63"] {
  background-image: url("../imagenes/modulos_2024/MODULO_LOGO4.png");
       background-position: 10% 50%;
  background-size: 250px;
}                                                           
    .movie-card[data-movie="m64"] {
  background-image: url("../imagenes/modulos_2024/MODULO_LOGO5.png");
       background-position: 10% 50%;
  background-size: 250px;
} 
    .movie-card[data-movie="m65"] {
  background-image: url("../imagenes/modulos_2024/MODULO_LOGO6.png");
       background-position: 10% 50%;
  background-size: 250px;
} 
.movie-card[data-movie="m66"] {
  background-image: url("../imagenes/modulos_2024/MODULO_LOGO7.png");
       background-position: 10% 50%;
  background-size: 250px;
} 
.movie-card[data-movie="m67"] {
  background-image: url("../imagenes/modulos_2024/MODULO_LOGO8.png");
       background-position: 10% 50%;
  background-size: 250px;
} 
.movie-card[data-movie="m68"] {
  background-image: url("../imagenes/modulos_2024/MODULO_LOGO9.png");
       background-position: 10% 50%;
  background-size: 250px;
} 
.movie-card[data-movie="m69"] {
  background-image: url("../imagenes/modulos_2024/MODULO_LOGO10.png");
       background-position: 10% 50%;
  background-size: 250px;
} 
.movie-card[data-movie="m70"] {
  background-image: url("../imagenes/modulos_2024/MODULO_LOGO11.png");
       background-position: 10% 50%;
  background-size: 250px;
} 
.movie-card[data-movie="m71"] {
  background-image: url("../imagenes/modulos_2024/MODULO_LOGO12.png");
       background-position: 10% 50%;
  background-size: 250px;
} 
.movie-card[data-movie="m72"] {
  background-image: url("../imagenes/modulos_2024/MODULO_LOGO13.png");
       background-position: 10% 50%;
  background-size: 250px;
} 
.movie-card[data-movie="m73"] {
  background-image: url("../imagenes/modulos_2024/MODULO_LOGO14.png");
       background-position: 10% 50%;
  background-size: 250px;
} 
.movie-card[data-movie="m74"] {
  background-image: url("../imagenes/modulos_2024/MODULO_LOGO15.png");
       background-position: 10% 50%;
  background-size: 250px;
}
.movie-card[data-movie="m75"] {
  background-image: url("../imagenes/modulos_2024/MODULO_LOGO16_.png");
       background-position: 10% 50%;
  background-size: 250px;
} 
.movie-card[data-movie="m76"] {
  background-image: url("../imagenes/modulos_2024/MODULO_LOGO17.png");
       background-position: 10% 50%;
  background-size: 250px;
} 
.movie-card[data-movie="m77"] {
  background-image: url("../imagenes/modulos_2024/MODULO_LOGO18.png");
       background-position: 10% 50%;
  background-size: 250px;
} 
.movie-card[data-movie="m78"] {
  background-image: url("../imagenes/modulos_2024/MODULO_LOGO19.png");
       background-position: 10% 50%;
  background-size: 250px;
} 
.movie-card[data-movie="m79"] {
  background-image: url("../imagenes/modulos_2024/MODULO_LOGO20.png");
       background-position: 10% 50%;
  background-size: 250px;
} 

.movie-card[data-movie="m80"] {
  background-image: url("../imagenes/modulos_2024/MODULO_LOGO21.png");
       background-position: 10% 50%;
  background-size: 250px;
} 
                                                            /*Fin Módulos 2024*/   
                                                         
                                                            
                                                            
    /* M��dulos 2023*/
    
    .movie-card[data-movie="m37"] {
  background-image: url("../modulos/2023/modulo37.png");
       background-position: 10% 50%;
  background-size: 250px;
}
.movie-card[data-movie="m38"] {
  background-image: url("../modulos/2023/modulo38.png");
       background-position: 10% 50%;
  background-size: 250px;
}
.movie-card[data-movie="m39"] {
  background-image: url("../modulos/2023/modulo39.png");
       background-position: 10% 50%;
  background-size: 250px;
}
 .movie-card[data-movie="m40"] {
  background-image: url("../modulos/2023/modulo40.png");
       background-position: 10% 50%;
  background-size: 250px;
}                                                           
    .movie-card[data-movie="m41"] {
  background-image: url("../modulos/2023/modulo41.png");
       background-position: 10% 50%;
  background-size: 250px;
} 
    .movie-card[data-movie="m42"] {
  background-image: url("../modulos/2023/modulo42.png");
       background-position: 10% 50%;
  background-size: 250px;
} 
.movie-card[data-movie="m43"] {
  background-image: url("../modulos/2023/modulo43.png");
       background-position: 10% 50%;
  background-size: 250px;
} 
.movie-card[data-movie="m44"] {
  background-image: url("../modulos/2023/modulo44.png");
       background-position: 10% 50%;
  background-size: 250px;
} 
.movie-card[data-movie="m45"] {
  background-image: url("../modulos/2023/modulo45.png");
       background-position: 10% 50%;
  background-size: 250px;
} 
.movie-card[data-movie="m46"] {
  background-image: url("../modulos/2023/modulo46.png");
       background-position: 10% 50%;
  background-size: 250px;
} 
.movie-card[data-movie="m47"] {
  background-image: url("../modulos/2023/modulo47.png");
       background-position: 10% 50%;
  background-size: 250px;
} 
.movie-card[data-movie="m48"] {
  background-image: url("../modulos/2023/modulo48.png");
       background-position: 10% 50%;
  background-size: 250px;
} 
.movie-card[data-movie="m49"] {
  background-image: url("../modulos/2023/modulo49.png");
       background-position: 10% 50%;
  background-size: 250px;
} 
.movie-card[data-movie="m50"] {
  background-image: url("../modulos/2023/modulo50_1.png");
       background-position: 10% 50%;
  background-size: 250px;
} 
.movie-card[data-movie="m51"] {
  background-image: url("../modulos/2023/modulo51.png");
       background-position: 10% 50%;
  background-size: 250px;
}
.movie-card[data-movie="m52"] {
  background-image: url("../modulos/2023/modulo52.png");
       background-position: 10% 50%;
  background-size: 250px;
} 
.movie-card[data-movie="m53"] {
  background-image: url("../modulos/2023/modulo53.png");
       background-position: 10% 50%;
  background-size: 250px;
} 
.movie-card[data-movie="m54"] {
  background-image: url("../modulos/2023/modulo54.png");
       background-position: 10% 50%;
  background-size: 250px;
} 
.movie-card[data-movie="m55"] {
  background-image: url("../modulos/2023/modulo55.png");
       background-position: 10% 50%;
  background-size: 250px;
} 
.movie-card[data-movie="m56"] {
  background-image: url("../modulos/2023/modulo56.png");
       background-position: 10% 50%;
  background-size: 250px;
} 
                                                            /*Fin Módulos 2023*/                                                  

.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="s30"] {
  background-image: url("../sesiones/sesion30.png");
     background-position: 10% 50%;
  background-size: 250px;
}

.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="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/logo_COMEGO.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/logo_COMEGO.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/2023/logo3.png");
     background-position: 10% 50%;
  background-size: 250px;
}
.movie-card[data-movie="cems2"] {
  background-image: url("../cems/2023/logo2.png");
     background-position: 10% 50%;
  background-size: 250px;
}
.movie-card[data-movie="cems3"] {
  background-image: url("../cems/2023/logo4.png");
     background-position: 10% 50%;
  background-size: 250px;
}
.movie-card[data-movie="cems4"] {
  background-image: url("../cems/2023/logo6.png");
     background-position: 10% 50%;
  background-size: 250px;
}
.movie-card[data-movie="cems5"] {
  background-image: url("../cems/2023/logo8.png");
     background-position: 10% 50%;
  background-size: 250px;
}
.movie-card[data-movie="cems6"] {
  background-image: url("../cems/2023/logo7.png");
     background-position: 10% 50%;
  background-size: 250px;
}
.movie-card[data-movie="cems7"] {
  background-image: url("../cems/2023/logo1.png");
     background-position: 10% 50%;
  background-size: 250px;
}

.movie-card[data-movie="cems8"] {
  background-image: url("../cems/2023/logo5.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######*/
/*CEMS 2024*/

.movie-card[data-movie="cems31"] {
  background-image: url("../imagenes/cems2024/cems_logo1.png");
     background-position: -5% 50%;
  background-size: 400px;
}
.movie-card[data-movie="cems32"] {
  background-image: url("../imagenes/cems2024/cems_logo2.png");
     background-position: -5% 50%;
  background-size: 400px;
}
.movie-card[data-movie="cems33"] {
  background-image: url("../imagenes/cems2024/cems_logo3.png");
     background-position: -5% 50%;
  background-size: 400px;
}
.movie-card[data-movie="cems34"] {
  background-image: url("../imagenes/cems2024/cems_logo4.png");
     background-position: -5% 50%;
  background-size: 400px;
}
.movie-card[data-movie="cems35"] {
  background-image: url("../imagenes/cems2024/cems_logo5.png");
 background-position: -5% 50%;
  background-size: 400px;
}
.movie-card[data-movie="cems36"] {
  background-image: url("../imagenes/cems2024/cems_logo6.png");
    background-position: -5% 50%;
  background-size: 400px;
}
.movie-card[data-movie="cems37"] {
  background-image: url("../imagenes/cems2024/cems_logo7.png");
     background-position: -5% 50%;
  background-size: 400px;
}
.movie-card[data-movie="cems38"] {
  background-image: url("../imagenes/cems2024/cems_logo8.png");
     background-position: -5% 50%;
  background-size: 400px;
}
.movie-card[data-movie="cems39"] {
  background-image: url("../imagenes/cems2024/cems_logo9.png");
     background-position: -5% 50%;
  background-size: 400px;
}
.movie-card[data-movie="cems40"] {
  background-image: url("../imagenes/cems2024/cems_logo10.png");
    background-position: -5% 50%;
  background-size: 400px;
}


.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  80%, #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: 480px;
  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: #11666c;
  margin-bottom: .1em;
  font-size: 23px;
  font-weight: 600;
}
.movie-card__info {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: .8em;
  color: #0a727a;
  margin: 0;
  font-weight: 700;
  margin-top: 10px;
}
.movie-card__desc {
   margin: 0;
   line-height: 1.6em;
   font-weight: 600;
   margin-bottom: .5em;
   color: #808080;
   font-size: 1em;
}
.movie-card_right img {
  height: 390px;
  border-radius: 2px;
}
.movie-card_right {
  border-radius: 2px;
}

.puntos{
  margin: 0;
   font-weight: 400;
   margin-bottom: .5em;
  color: #008B8B;
   font-size: 16px;
  
}

.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;

}