#header .menu:nth-of-type(1) > a {
  font-weight: bold;
  color: #fff;
}
 
#menu_movil a:nth-of-type(1) {
  color: #e99500;
}


.section {
     background-color: #000;
     color:#fff;
}

iframe {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 1000px; /* ajusta según el diseño */
  border: none;
}

#section_1\.1 .newSong {
    min-height: 27vh;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    background-color: 000;
    width: 100%;
}

#section_1\.1 h2 {
    text-align: center; 
    font-size: 3.5rem;
    color: #f1fc02;
    font-weight: bold;
    
}

#section_1\.1 h4 {
    text-align: center;
    font-size: 2.5rem;
    color: #fff;
    font-weight: bold;
    margin-bottom: 100px;
}

#section_1\.1 h3{
  color: #fff;  
}
#section_1\.1 .Countdown {
    background-color: ;
    opacity: 0.5;
    height: 10vh;
    width: 90%;
    display: flex;
    justify-content: space-around;
    text-align: center;
    text-transform: uppercase;
}


#section_1\.1 .day, #section_1\.1 .hour, #section_1\.1 .minute, #section_1\.1  .second {
     height: 3rem;
    font-size: 2rem;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}


/************************************/

#section_1 .margen {
	
}

#section_1 .swiper {
	width: 100%;
	height: fit-content; /*not really needed?*/
  height: 300px;
}

#section_1 .swiper .detras {
  opacity: .2;
}

#section_1 .swiper-slide {
   display: flex;
}

#section_1 .swiper-slide .content {
  width: 100%;
	height: 100%;
  position: absolute;
}

#section_1 .swiper-slide .content p {
	font-size: 1.5em;
  text-align: center;	
	font-weight: bold;
	color: #fff;
}

#section_1 .swiper-slide img {
	width: 100%;
	height: 100%;
  cursor: grab;
  opacity: .9; /*background is black to darken the image*/
}

#section_1 .swiper_button {
  margin-top: 30px;
	color: #fff;
  background: rgba(255,255,255,.2);   
}

#section_1 .swiper_button::after {
     display: none; /*removes the original button icons.*/
}

#section_1 .swiper_button i {
     font-size: 1.7em;
}

#section_1 .swiper-pagination-bullet {
	width: 22px;
	height: 22px;
  opacity: .7;
	background-color: #ccc;
}

#section_1 .swiper-pagination-bullet-active {
	background-color: #349cd7;
	border: solid #fff 2px;
	size: 40px;
	opacity: 1;
}

#section_1 .margen {
     padding-bottom: initial;
}

#section_1 br {
     margin: initial;
}

/************************************/

#section_2 .flex2:nth-of-type(2) {
     align-self: center;
}

#section_2 h1 {
     margin-bottom: 10px;
     font-size: 3em;
}

#section_3 p {
  text-align: center;
  color: #f1fc02;
  font-size: 3em;
  margin-bottom: 50px;
}

#section_4 h1 {
  text-align: center;
}

#section_4 p {
  text-align: center;
}

#section_4 .flex2 {
  align-self: center;
}

#section_4 .flex2:nth-of-type(2) {
  justify-content: center;  
}

#section_4 iframe {

}

#section_5 .margen > p {
  margin-top: 10px;
  text-align: justify;
  color: #ccc;
  letter-spacing: 2px;
}

#section_5 .flex4 {  
  position: relative;
  background-color: #000;
  overflow: hidden;
  border-radius: 10px;
  transition: 0.5s;
}

#section_5 .flex4:hover {
  transform: translateY(-20px);
  box-shadow: 0 20px 20px rgba(0,0,0,.2);
}

#section_5 .flex4 .div_img {
  transition: 0.5s;
  width: 80%;
  height: 400px;
  margin: auto;
}

#section_5 .flex4:hover .div_img {
  opacity: 0.5; 
}

#section_5 .flex4 .contenido {
  position: absolute;
  bottom: -100%;
  padding: 20px;
  padding-top: 60px;
  box-sizing: border-box;
  text-align: center;
  transition: 0.5s;
}

#section_5 .flex4:hover .contenido {
  bottom: 0;
}

#section_5 .flex4:nth-of-type(1) .contenido {
  background: linear-gradient(0deg, #222, transparent);
}

#section_5 .flex4:nth-of-type(2) .contenido {
  background: linear-gradient(0deg, #222, transparent);
}

#section_5 .flex4:nth-of-type(3) .contenido {
  background: linear-gradient(0deg, #222, transparent);
}

#section_5 .flex4:nth-of-type(4) .contenido {  
  background: linear-gradient(0deg, #222, transparent);
}

#section_5 .flex4 .contenido h2 {
  margin: 0 0 10px;
  color: #fff;
  font-size: 1.5em;
}

#section_5 .flex4 .contenido h2 span {
  color: #f1fc02;
  font-size: .8em;
}

#section_5 .flex4 .contenido p {
  color: #fff;
  text-align: center;
  font-size: 1em;
}

#section_5 .flex4 .contenido ul {
  display: flex; 
  padding: 0;
  align-items: center;
  justify-content: center;
}

#section_5 .flex4 .contenido ul li {
  list-style: none;
}

#section_5 .flex4 .contenido ul li a {
  color: #fff;
  padding: 0 10px;
  font-size: 1.5em;
  transition: 0.5s;
}

#section_6 h1 {
  padding: 10px;
  color: #fff;
}

#section_6 h2 {
  margin: 20px;
  color: #fff;
}

#section_6 .margen {
  justify-content: center;
} 

#section_6 .card {
  position: relative;
  padding: 0px 20px;
  width: 300px;
  height: 450px;
  background-color: #333;
  transform-style: preserve-3d;
  transform: perspective(2000px);
  transition: 1s;
  box-shadow: inset 300px 0 50px rgba(0,0,0,.5);
}

#section_6 .card:hover {
  z-index: 1;  
  transform: perspective(2000px) rotate(-10deg);
  box-shadow: inset 20px 0 50px rgba(0,0,0,.5);
}


#section_6 .card h1 {
   margin-top: 50px;
   margin-left: 10px;
}

#section_6 .card a:hover {
  text-decoration: none;

}

#section_6 .card a:hover h2 {
   border-bottom: 1px solid #fff;
   width: 75%;
}

#section_6 .div_img {
  position: fixed;  
  width: 100%;
  height: 100%;
  border: 4px solid #359cdb;
  box-sizing: border-box;
  transform-origin: left;
  transition: 1s;
}

#section_6 .card:hover .div_img {
  transform: rotateY(-135deg);
}

#section_6 .div_img img {
  position: fixed;
  top: 0;
  left: 0;
  width: 110%;
  height: 100%;
  object-fit: cover;
}

#section_7 h1 {
 text-align: center;
 margin-bottom: 50px;
 color: #ccc;
 }

#section_7 table {
 margin: auto;
 border-collapse: collapse;
 background-color: #1e1e1e;
 border: 1px solid #444;
}

#section_7 th, td {
 padding: 15px;
 text-align: center;
}

#section_7 th {
 background-color: #349cd7;
 color: #fff;
 text-transform: uppercase;
}

#section_7 tr:nth-child(even) {
 background-color: #2b2b2b;
}

#section_7 tr:hover {
 background-color: #333;
 cursor: pointer;
}

#section_7  a {
 color: #FFF;
 text-decoration: none;
}

a:hover {
 text-decoration: underline;
}

#menu_movil a:nth-of-type(1) {
     font-weight: bold;
     color: #fff;
}

 
@media only screen and (min-width: 768px) {
  
  iframe {
    max-width: initial; /* ajusta según el diseño */
  }
  
  .section .margen {
    padding: 120px 0px;
  }
  
  
.Countdown {
    padding: 0px 100px;
}
  
	#section_1 .swiper {
	  height: 800px;
	}      	 
	
	#section_1 .swiper-slide .content p {
	 	font-size: 2.2em;
	 }
	
	#section_1 .swiper_button {
		margin-top: initial; /*30px*/
	}	 
  
  #section_3 .div_img {
  height: 500px;
  width: 100%;

 }
  
  #section_5 .flex4:nth-of-type(1) {
    margin-bottom: 50px;
  }
  
 #section_5 .flex4 .div_img {
  width: 100%;
  height: 500px;
}
  
  #section_6 .card {
    position: relative;
    margin: 0px 0px;
    width: 415px;
    height: 515px;
    background-color: #333;
    transform-style: preserve-3d;
    transform: perspective(2000px);
    transition: 1s;
    box-shadow: inset 300px 0 50px rgba(0,0,0,.5);
  }
  
  #section_7 table {
   width: 80%;
 }


} 
      

@media only screen and (min-width: 1200px) { 

    #section_5 .flex4:nth-of-type(1) {
    margin-bottom: initial;
  }
  
  .Countdown {
    padding: 0px 200px;
  }
  
}