@font-face {
          font-family: inter;
          src: url("fonts/Inter/Inter-VariableFont_opsz,wght.ttf");
        }

        @font-face {
          font-family: hanken;
          src: url("fonts/Hanken_Grotesk/HankenGrotesk-VariableFont_wght.ttf");
          }

        .titulos,.subtitulos{
          font-family: hanken;
        }

        .textos{
          font-family: inter;
        }
    
        
        /*********************** Demo - 21 *******************/
        .box21{text-align:center;position:relative}
        /*.box21:after,.box21:before{content:"";width:2px;height:2px;border-radius:50%;background:rgba(0,0,0,.35);position:absolute;top:50%;left:50%;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}*/
        .box21:after,.box21:before{content:"";width:2px;height:2px;border-radius:50%;background-color: #fff;position:absolute;top:50%;left:50%;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}
        .box21:hover:after,.box21:hover:before{-webkit-transform:scale(400);-moz-transform:scale(400);-ms-transform:scale(400);-o-transform:scale(400);transform:scale(400)}
        /*.box21:before{-o-transition:all .5s linear .3s;-moz-transition:all .5s linear .3s;-ms-transition:all .5s linear .3s;-webkit-transition:all .5s linear .3s;transition:all .5s linear .3s}
        .box21:hover:before{-moz-transition-delay:0s;-webkit-transition-delay:0s;-o-transition-delay:0s;-ms-transition-delay:0s;transition-delay:0s}
        .box21:after{-o-transition:all .5s linear .6s;-moz-transition:all .5s linear .6s;-ms-transition:all .5s linear .6s;-webkit-transition:all .5s linear .6s;transition:all .5s linear .6s}
        .box21:hover:after{-moz-transition-delay:.2s;-webkit-transition-delay:.2s;-o-transition-delay:.2s;-ms-transition-delay:.2s;transition-delay:.2s}*/
        /*.box21 img{width:100%;height:auto}*/
        .box21 .box-content{width:100%;height:100%;position:absolute;top:0;left:0;background:0 0;color:#fff;padding-top:25px;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);z-index:1}
        .box21:hover .box-content{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1); border: .5px solid #000;}
        .box21 .title{font-size:21px;font-weight:700;text-transform:uppercase;border-bottom:1px solid #fff;padding-bottom:20px;margin-top:20px}
        .box21 .description{font-size:14px;font-style:italic;padding:0 10px;margin:15px 0}
        .box21 .read-more{display:block;width:120px;background:gray;border-radius:5px;font-size:14px;color:#fff;text-transform:capitalize;padding:10px 0;margin:50px auto}
        @media only screen and (max-width:2400px){.div_home { padding-top:5.5rem; padding-left: 0; padding-right: 0 } .div_home_pantallas { padding-top:0; padding-left: 0; padding-right: 0 }
        }
        @media only screen and (max-width:990px){.box21{margin-bottom:30px} .div_home { padding-top:6rem; padding-left: 0; padding-right: 0 }
        }
        @media only screen and (max-width:479px){.box21 .box-content{padding-top:0} .div_home { padding-top:6rem; padding-left: 0; padding-right: 0 }
        }
        @media only screen and (max-width:359px){.box21 .title{padding-bottom:10px} .div_home { padding-top:6rem; padding-left: 0; padding-right: 0 } 
        }

        .normal_nuevo{
            border-top: none;
            border-left: solid #f3f3f3;
            border-right: none;
            border-bottom: solid #f3f3f3;
            border-radius: 10%;
            background-color: transparent;
            padding: .1rem .5rem;
        }

        .normal_nuevo:hover{
            font-weight: bolder;
            /*background-color: #F2F2F2;*/
            
        }

        .pointer{
            cursor: pointer;
        }

        .opcion_menu{
            color: #000;
        }

        .opcion_menu:hover{
            color: #000;
            font-weight: bold;
            text-decoration: none;
            cursor: pointer;
        }

        .opcion_link{
          color: #000;
      }

      .opcion_link:hover{
          opacity: 0.3;
          font-weight: bold;
          text-decoration: none;
          cursor: pointer;
      }

        .opcion_menu_white{
            color: #FFF;
        }

        .opcion_menu_white:hover{
            color: #FFF;
            font-weight: bold;
            text-decoration: none;
            cursor: pointer;
        }

        .titulo_seccion{
            border-bottom: 2px solid #000;
        }

        @media screen and (max-width: 200px) {
            .titulos_prensa {
              font-size: 20px;
            }
          }
          @media screen and (min-width: 201px) {
            .titulos_prensa {
              font-size: 40px;
            }
          }


          .cover {
            padding: 0px 30px;
            position: relative;
            margin-top: 100px;
          }
          .left {
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
          }
          .right {
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
          }
          .scroll-images {
            width: 100%;
            height: auto;
            display: flex;
            flex-wrap: nowrap;
            overflow-x: auto;
            overflow-y: hidden;
            scroll-behavior: smooth;
            -webkit-overflow-scrolling: touch;
          }
          .child img {
            width: 100%;
            object-fit: cover;
            object-position: center;
          }
          .scroll-images::-webkit-scrollbar {
            width: 5px;
            height: 8px;
            background-color: #aaa;
          }
          
          .scroll-images::-webkit-scrollbar-thumb {
            background-color: black;
          }
          
          .child {
            min-width: 120px;
            height: 100px;
            margin: 1px 10px;
            overflow: hidden;
          }
          
          button {
            background-color: transparent;
            border: none;
            outline: none;
            cursor: pointer;
          }
          
          .Btn-flotante {
            position: fixed;
            z-index: 3;
            top: 50%;
            left: 0;
            transition: .3s;
            cursor: pointer;
          }
          
          .selCinema-Btn-flotante {
            position: fixed;
            z-index: 3;
            top: 50%;
            right: 0;
            transition: .3s;
            cursor: pointer;
          }

          @media(width < 800px){
            .img-flotante{
              width: 80px;
              top: 50%;
            }
          }