#scrolling-div {
    overflow: hidden;
    width: 100%;
    margin-top: 0px;
  }
  #scrolling-div::-webkit-scrollbar {
    display: none;
  }
  #scrolling-div::-moz-scrollbar {
    display: none;
  }
  #scrolling-div>div {
    width: 1000%;
  }
  #scrolling-div>div>div {
    width: 25%;
    float: left;
  }


   
.contenidor-agenda{
          display: flex;
          flex-wrap: no-wrap;
          place-items: center;
          position: absolute;
         
        }

.agenda {
  position: relative;
  
   padding: 0px;
   background:linear-gradient(0deg, rgba(2,0,36,1) 0%, rgba(196,11,198,1) 0%, rgba(181,84,204,1) 22%, rgba(2,27,92,1) 100%);
   border-radius: 18px;
   box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
   color: #fff;
   margin: 20px 0 5px 0;
   border: 7px solid var(--black-box-red);
  position: relative;
  overflow:hidden ;
  

   
}
.event-frame {
  
  transition: transform 0.3s ease;
}

.event-frame:hover {
  transform: scale(1.02);
}
.agenda-img{
  top: 0;
  max-height: 412px;
}
.agenda a{ text-decoration:none; color:white; }
.agenda img{max-width: 100%; width: 100%; }
.agenda-body h1 {
  position:  inherit;
  color: #fff;
   max-width: 97%; /* El ancho máximo del h1 será el ancho del contenedor */
  min-width: 95%; /* El ancho mínimo del h1 será el 95% del ancho del contenedor */
  white-space: pre-lines; /* que el texto tenga saltos de línea */
  font-size: 92%; 

  font-family: 'Raleway',sans-serif;
  
  margin: 3px;
   
  line-height: 12px; 
  
  text-align: center; 
  text-transform: uppercase; 
  padding: 5%;
}
.data {
  width: 100%;
  min-width: 100%;
  background: #000;
  z-index: 100;
  color: yellow;
  font-size: 98%;
  text-align: center;
  white-space: nowrap; /* Evita que el texto se divida en varias líneas */
  overflow: hidden; /* Oculta el desbordamiento del texto */
  text-overflow: ellipsis; /* Agrega puntos suspensivos si el texto es demasiado largo */
}
.enlinia{
  white-space: nowrap; /* Evita que el texto se divida en varias líneas */
  overflow: hidden; /* Oculta el desbordamiento del texto */
  text-overflow: ellipsis; /* Agrega puntos suspensivos si el texto es demasiado largo */
}
.ample{min-width: 100%; width: 100%;}
.agenda-body h2 { color: #ffffff; font-family: 'Raleway',sans-serif; font-size: 14px; font-weight: 300; line-height: 36px; margin: 0 0 24px; text-align: center; white-space: pre-line;}

.agenda-body p { color: #f8f8f8; font-family: 'Raleway',sans-serif; font-size: 11px; font-weight: 100; line-height: 22px; margin: 0 0 24px; }
.agenda-body .data{width: 100%; min-width: 100%; background: #000; z-index: 100; color:yellow; font-size:98%; text-align:center; }
.data h1{ color:yellow; min-width: 100%; font-size:98%; text-align:center; }
a { color: #c8c8c8; text-decoration: underline; }

a:hover { color: #10dddd; text-decoration: underline; }




.agenda-header{
    display: flex;
    top:0;
    margin-top: 0;
    
    background-position: center center;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position-y: top, 0;
    
    
    padding-top: 0px;
    height: 100%;
    max-height: 100%;
    
}
.agenda-body{
  top:0;
  margin-top: 0;
  place-items: center;
  text-align: center;
  width: 100%;
  min-width:100%;
  
  background-color: rgba(0, 0, 0, 0.8);
}

.agenda-footer{
    display:block;
  position: absolute;
  width: 100%;
  min-width:100%;
  
  background-color: rgb(255, 0, 0);
  color: white;
  margin-bottom: 0;
  bottom: 0;
  border-radius: 0 0 8px 8px;
  text-align: center;
  place-items: center;
  justify-content: center;
  }
.agenda-tickets { 
  display: flex;
  position: absolute;
  width: 100%;
  min-width:100%;
  min-height: 10%;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  
  border-radius: 0 0 8px 8px;
  text-align: center;
  place-items: center;
  justify-content: center;
}

/*.carousel-item{
  ;
}*/
.text-start{
  display: block;
  float: right;
  position:absolute;
  padding-left: 20%;
  min-width: 70%;
  width: 95%;
  
  
}
.carousel-date{ 
  text-align: right;
  margin-right: 6em;
  padding-right: 3em;
  background: rgb(2,0,36);
background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(198,11,11,1) 0%, rgba(181,84,204,0) 0%, rgba(246,0,57,0.8029411593739058) 55%, rgba(255,3,3,1) 100%);
}
.carousel-title{ 
  text-align: center;
  
}
.carousel-sub-title{ 
  text-align: center;
  }
  .carousel-button{
    display: block;
    position: absolute;
  text-align: center;
  padding: 1em;
  bottom: 0;
  margin-bottom: 0;
  margin-left: 25%;
  border-radius: 20px;
   box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  background: rgb(2,0,36);
background: linear-gradient(90deg, rgba(244,10,32,1) 0%, rgba(128,8,8,1) 48%, rgba(255,0,0,1) 100%);
}
.carousel-button:hover{border-radius: 50px;}
.carousel-button:active{border-radius: 80px;}
a.carousel-button:hover { color: #000000; text-decoration: none; font-size: 2; }
 .text-start a{ text-decoration: none;

}
.carousel-description{
  display: block;
  position: absolute;
  text-align: left;
  padding: 2rem;
  color: red;
  width: 60%;
  max-width: 60%;
  font-size: 20px;
}
.indicadors-carousel{ 
  display: block;
  position: absolute;
  min-width: 100%;
  justify-content: center;
  margin-bottom:0;

  bottom: 0;
   }