#product {
   margin-top:10px; 
   margin-left:10px;
   margin-right: 1px;
   border: 2px solid #307871;
   background-color:#FFFFFF; 
   height:280px;  
   width: 99%;
   padding:7px;
   border-radius:9px;
   border: 1px solid #F5FBFB;
   text-align: center;
    -webkit-filter: none;
          filter: none;
  -webkit-box-shadow: 0 1px 10px rgba(127, 26, 166, 0.19);
  box-shadow: 0 1px 10px rgba(127, 26, 166, 0.19);
}


#spanPanel2{

  cursor: pointer; font-size:21px; top: 7px;
}


#spanPanel{

  cursor: pointer; font-size:36px; top: 9px;
}

#panelCP:hover {
  background-color: #EEF4F4;
  border-color: #ABB9AB;
}

          body {
                font-family: 'Noto Sans', sans-serif;
                font-size: 1.2rem;
                color: #666;
            }
            .img-responsive {
                max-width: 100%;
            }
            .nav {
                font-size: 1rem;
            }
            .footer {
                color: #999;
                font-size: 0.8rem;
            }
            h2, h3 {
                font-weight: bold;
                font-size: 2.5rem;
            }
            h4 > a.text-info:hover {
                color: #ccc112!important;
            }

            
.covers {
  position: relative;
}

.covers::before{
     content: "";
  position: absolute;
  top: 0;
  left: 0;
    width: 100%;
    height: 795px;
    background-image: linear-gradient(rgba(105, 65, 75, 0.8), rgba(125, 145, 65, 0.75)), url('https://jamrepresentaciones.com/img/jamfondo6.png?v=1.071');
    background-repeat:no-repeat;
    background-size:cover;
    opacity: 0.79;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.8);

    z-index: -100;
      
}     

.marquesina {
  position: relative;
  overflow: hidden;
  height: 110px;
  background-color: transparent !important;
}

.marquesina-inner {
  display: flex;
  flex-wrap: nowrap;
  animation: marquesina 20s linear infinite;
}


@keyframes marquesina {
  0% {
    transform: translateX(100vw); /* Inicia desde la parte derecha */
  }
  100% {
    transform: translateX(-100%); /* Avanza hacia la izquierda */
  }
}

.marquesina-inner img {
  margin-right: 15px;
}