body {
    font-family: 'Belbo';
    color: white;
    background: url(../img/bckg_viajerocks.jpg),rgb(0 0 0 / 45%);
    background-blend-mode: multiply;
    background-size: contain;
    background-repeat: no-repeat;
}

html {
  scroll-behavior: smooth;
}
b, strong {
    font-weight: 700;
}

#noticias {
    margin-top: -70px;
    padding-top: 90px;
}


#concursos {
    padding-bottom: 15px;

}



.titulo-concurso {

  font-size: 3em;
  line-height: 1.2;
  letter-spacing: 2px;
	font-weight: 700;
}



.caja{ 
	width: 100%;
	background:url('https://www.futuro.cl/wp-content/uploads/2022/08/rock-in-rio-768x433.jpg');
	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat;
	padding-right: 15px;
	padding-left: 0px;
	min-height: 350px;
}
.caja2{ 
	padding-bottom: 30px;
	padding-right: 15px;
	padding-left: 0px;
	
}
.tip {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 3px;
    font-size: 1.5rem;
}

.btn-light {
    color: #ffffff;
    background-color: #ff4700;
    border-color: #ff4700;
    font-weight: 600;
    letter-spacing: 4px;
    border-radius: 25px;
    font-size: 1.5rem;
    padding: 3px 30px;
}

.intro-text {
    color: white;
    font-size: 1.35em;
   line-height: 1.2em;
}

.titulo
    {
        color:#ff4900;
        font-weight: bold;
        font-size: 3rem;
			line-height: 1.3;
    }

    .titulo-nota
    {
        
       line-height: 1.2;
    }

.sub-titulo {
    font-size: 2.3rem;
    font-weight: normal;
    color: #ff4900;
  	line-height: 1.15;
		margin-top: -13px;
		margin-bottom: 20px;
   
}


    .text-flex{
     
     
      display: flex;
      align-items: center;
      justify-content: center;
    }
     
    .text-flex > div{
      text-align: left;
    }

   .menu-bg {
      background: rgb(0,0,0);
      background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.7903536414565826) 35%, rgba(0,0,0,0.2805497198879552) 100%);
    }



.playlist {
    padding: 60px 0px;
    background: linear-gradient(180deg, rgb(1 1 1) 100%, rgb(25, 25, 25) 35%, rgba(39, 39, 39, 0) 100%);
}
.up1 {
		margin-top: 25px;
	
}

.up2 {
	margin-top: 25px;

}
.desk {display: block:}
.mob{ display: none;}

    .mtop { margin-top: 200px;}
  
    #inicio {
      margin-top:0px;     
      background-position: center top;
      background-repeat: no-repeat;
      min-height: 100vh;
		
        
     
    }
.min-h {min-height: 80vh;}

@media(max-width:480px)
{
	
	body {
		background: #222;
	}
	
      #inicio {
		
    background: url(../img/bckg_viajerocks.jpg);
    margin-top: 0px;
    min-height: 65vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    }
    .min-h {min-height: 65vh;}
	
	  .mtop { margin-top: 100px;}
    

}

.concurso {
	
	/*background:#090909;*/
background: rgb(0,0,0);
background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(9,9,9,1) 7%, rgba(9,9,9,1) 100%);
	padding: 50px 0px;
	
}



    .txtmenu { 
      font-size: 10px;
      padding: 0px .5rem;
      letter-spacing: 1px;
      font-weight: bold;
    }
    .logo-radar {
    width: 270px;
    padding-left: 25px;
    height: auto;
}

.logoviaje {width: 90%; max-width:600px; height:auto;padding-bottom: 25px; margin: auto;}

    .logo-latam{
      height: 33px;
    }

.logo-futuro { max-width: 80px;  height: auto;}
    .nav-link 
    {
      letter-spacing: 3px;
      font-weight: bold;
      font-size: .9rem;
   
    }

    .navbar-dark .navbar-nav .nav-link {
      color: rgb(255,255,255);
  }

  .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #ff4900;
}



.box {
   display: flex;
   flex-direction: column;
   align-items: center;
   width: 150px;  
   margin-left: 1rem;
   margin-right: 1rem;
   padding-top: 15px;
   padding-bottom: 0px;
	 padding-top: 5px;   
   padding-bottom: 7px;
}

a{color: white;}

.box1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 150px;
  margin-left: 1rem;
  margin-right: 1rem;
  padding-top: 15px;
  padding-bottom: 0px;
	 padding-top: 5px;   
    padding-bottom: 7px;
}

.box6 {
  display: flex;
  flex-direction: column;
  align-items: center;
  width:100px;
  margin-left: 1rem;
  margin-right: 1rem;
  padding-top: 15px;
  padding-bottom: 0px;
	padding-top: 5px;   
   padding-bottom: 7px;
}

.box1:hover {
    background: transparent;   
    color: white;
    padding-top: 5px;
    padding-bottom: 3px;
    border-radius: 25px;
    width: 150px;
    text-align: center;
}



.box:hover{   

	 background: transparent; 
   color: white;
 	padding-top: 5px;
   padding-bottom: 3px;
	  border-radius: 25px;
    width: 150px;
    text-align: center;}
.box6:hover{    

	 background: transparent; 
    color: white;
   	padding-top: 5px;
    padding-bottom: 3px;    
    border-radius: 25px;
    width: 100px;
    text-align: center;}





.boximg img{
  width: 100%;
  height: auto;
}
@supports(object-fit: cover){
    .boximg img{
      height: 100%;
      object-fit: cover;
      object-position: center center;
    }
}


a {
  text-decoration: none;
}

a:hover {
  color: #ffffff;
  text-decoration: none;
}

h3 {
  color: white;
  position: relative;
  letter-spacing: 3px;
  font-weight: bold;
  font-size: 1.1rem;
  /*text-decoration: none;*/
}

h3:hover{
  cursor: pointer;
}


h3::after{
  position: absolute;
  content: "";
  width: 0%;
  height: 4px;
  border-radius: 2px;
  background-color: #ff4a21;
  left: 50%;
  bottom: -10px;
  transition: all 0.3s ease-in-out;
  
}


h3:hover::after {
    cursor: pointer;
    width: 80px;
    left: 34px;
}

.box1:hover::after {
    cursor: pointer;
    width: 80px!important;
    left: 34px;
}

.box6:hover::after {
    cursor: pointer;
    width: 80px;
    left: 9px;
}

.bordeiz {
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
}

.bordere {
           
        padding: 15px 0px;
    
    
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
    line-height: 1.2em;
    font-size: 1rem;
}
.sombreado { background: rgba(0, 0, 0, 0.65);}

.bajada {
        font-weight: 500;
        font-size: 1.8rem;
	line-height: .9;
}

.escuchala
{
    margin-top: 15px;
	max-width: 150px;
    
}



.titulo-podcast{
    font-weight: bold;
    
}

.bajada-playlist {
    font-weight: 300;
    font-size: 1.3rem;
    line-height: 1.2;
}

  
.footer-text {    
    font-size: .85rem;
    font-weight: bold;
    letter-spacing: 3px;
  
}


footer {
    
    padding:35px 15px;    
    background-color: #222;
}

  .face  { padding: 6px ;  }   
  .tw { padding: 6px;  }  
  .insta { padding: 6px;  }  
  .youtube { padding: 6px; }



 @media (min-width: 768px){
.navbar-expand-md .navbar-nav .nav-link {
  margin-left: 1rem;
  margin-right: 1rem;  
}

 
     
 }




@media(max-width:1190px)
{

  .mtop {margin-top: 99px;}
  .logo-radar{
      width: 172px;
      padding-left: 10px;
      height: auto;
   
  }
  .logo-latam{
    height: 28px; 
      height: auto;
 }

	.up2 {margin-top: 15px;}
 
	.navbar-nav:first-child {padding-top: 60px;}
		body {
		background: #222;
	}
	
      #inicio {
		
    background: url(../img/bckg_viajerocks.jpg);
    margin-top: 0px;
    min-height: 65vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    }
    .min-h {min-height: 65vh;}
	
	  .mtop { margin-top: 175px;}
}

	
}



@media(max-width:846px) {
   
  
	 h3 { font-size: .9rem;}
    
}



  @media(max-width:768px)
  {
		
		body{background: #111;}
		
   #inicio {
		
    background: url(../img/bckg_viajerocks_movil.jpg);
    margin-top: 0px;
    min-height: 65vh;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center top;
    }
		
		.logoviaje {width: 90%; max-width:430px; height:auto;margin-bottom: 25px;}
		
		
		
   .titulo {
    font-size: 2.3rem;
    line-height: 1.1;
	}
		
		.titulo-concurso {
    font-size: 2.2em;
    line-height: 1.2;
    letter-spacing: 2px;
    letter-spacing: 2px;
}
      
 .sub-titulo 
     {
         font-size: 1.6rem;
			 line-height: 1.2;
		}
		.intro-text {
		color: white;
    font-size: 1.35em;
    line-height: 1.2;
		}
		
    .tip {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 3px;
    font-size: 1rem;
}
		
		.bajada-playlist {
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 1.3;
}
    .box {      
      align-items:flex-start;
      padding: 0px 5px;
    margin-bottom: 1.5rem;
   }
   .box1 {      
    align-items:flex-start;
    padding: 0px 5px;
     margin-bottom: 1.5rem;
 }
		.box6 {      
    align-items:flex-start;
    padding: 0px 5px;
     margin-bottom: 1.5rem;
 }

   .menu-bg {
    background: rgb(0,0,0);
    background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.7903536414565826) 35%, rgb(0 0 0 / 80%) 100%);
}


    .logo-futuro {
    max-width: 55px;
     height: auto;
}

      .footer-text {
    font-size: .65rem;
  
}
      
    .bordere {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 10px;
    padding: 15px;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 0px;
}
      
  .face  { padding: 0px ;  }   
  .tw { padding: 0px;  }  
  .insta { padding: 0px;  }  
  .youtube { padding: 0px; }
		
		
		.caja {
    width: 100%;
    background: url('../img/foto_ironmaiden.jpg');
    background-position: top center;
    background-size: cover;   
    padding-top: 100px;
    padding-bottom: 55px;
    padding-right: 15px;
    padding-left: 0px;
    min-height: 400px;
			margin-bottom: 15px;
}
.caja2 {
   
    padding-bottom: 19px;
    padding-right: 15px;
    padding-left: 0px;   
    width: 100%;
}
		.up1 {margin-top: 0;}
		#inicio {
    margin-top: 60px;
			padding-bottom: 0;
}
		
		.btn-light {
   
    font-size: .8rem;
}

         
.desk {display: none;}
.mob{ display: block;}    
      
      
  }


  .bajar { display: none;}
  @media (max-width: 1190px)
  {
    .bajar { display:block;} 
		
		.box1:hover::after {
    cursor: pointer;
    width: 80px!important;
    left: 8px;
}
		h3:hover::after {
    cursor: pointer;
    width: 80px;
    left: 8px;
}
		
  }


.link{
    color: #222222;    
   padding: 0px 3px;
}


.accordion-item {
    background-color: #000;
    border: 1pxsolidrgba(0,0,0,.125);
}
.accordion-button:not(.collapsed) {
    color: #ffffff;
    background-color: #000000;
    box-shadow: inset 0 -1px 0 rgb(255 255 255 / 13%);
}



.accordion-button:focus {
    z-index: 3;
    border-color: #000000;
    outline: 0;
    box-shadow: 0 0 0 0.1rem rgb(68 68 68 / 68%);
}
.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1rem 1.25rem;
    font-size: 1rem;
    color: #ffffff;
    text-align: left;
    background-color: #000;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;
}


.accordion-button:not(.collapsed)::after {
    background-image: url('../img/ic_down.png');
    transform: rotate(-180deg);
}

.accordion-button::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url('../img/ic_down.png');
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out;
}

.accordion-body {font-size: 1rem; }

.destacada {    background: rgb(255 71 0);
    padding: 1px 6px;
    border-radius: 4px;
}

.naranja {color: rgb(245 77 42);
    font-size: 2rem;   
    position: relative;
    top: 6px;
}

hr {
    margin: 1rem 0;
    color: inherit;
    background-color: #222222a3;
    border: 0;
    opacity: 1;
}
.navbar-toggler {
   
    margin-right: 9px;
   
}