@import 'colors.css';

@media (min-width: 1080px) {
   .video-estac {   
   max-width: 900px; 
   margin: 0 auto;
   overflow-x: hidden;
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 20px;
}

   .video_banner-estac{
   margin-top:10px;   
   height:450px;
   border-radius: 12px;
   box-shadow: 0 5px 15px rgba(0,0,0,0.5);   
   }
}

@media (min-width: 600px) and (max-width:1079px) {
   .video-estac {   
   max-width: 900px; 
   margin: 0 auto;
   overflow-x: hidden;
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 20px;
}
   
   .video_banner-estac{
   margin-top:10px;   
   width: 100%;
   height:auto;
   border-radius: 12px;
   box-shadow: 0 5px 15px rgba(0,0,0,0.5);   
   }
}

@media (max-width: 599px) {
   .video-estac {   
   max-width: 900px; 
   margin: 0 auto;
   overflow-x: hidden;
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 20px;
}
  
   .video_banner-estac{
   margin-top:10px;   
   width: 100%;
   height:auto;
   border-radius: 12px;
   box-shadow: 0 5px 15px rgba(0,0,0,0.5);   
   }
}

/* Ajustes para cuando el dispositivo esté en modo horizontal */
@media (min-width: 600px) and (max-width:1079px) and (orientation: landscape) {
   .video-estac {   
   max-width: 600px; 
   margin: 0 auto;
   overflow-x: hidden;
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 20px;
}
   
   .video_banner-estac{
   margin-top:10px;       
   border-radius: 12px;
   box-shadow: 0 5px 15px rgba(0,0,0,0.5);   
   }
}