#camera-form_cm {
	   display: none; /* Oculta por padrão */
		
	}
	 
	 
	 @media (max-width: 900px) { /* Ajuste conforme necessário */
	    #camera-form_cm  {
	        display: block; /* Exibe apenas em dispositivos móveis */
	    }
	}
	 
 
  .camera-form {
    
   
    
    width:20%;
    text-align: center;
    display: inline-block;
    margin:0 auto;
  
  }
  
  

  .camera-btn {
  
       cursor: pointer;
    text-align: center;
  }

 /*.camera-btn:hover {
    background-color: #e0e0e0;
  }*/
 
 
 
 
    #progress-bar {
      width: 100%;
      background-color: #f1f1f1;
      border: 1px solid #ddd;
      height: 30px;
      border-radius:15px;
      
    }

    #progress {
      width: 0%;
      height: 100%;
      background-color:#042B55;
       border-radius:15px;
    }
    
    #download-button{
		border-style: none; 
		border-color: inherit; 
		border-width: medium; 
		background-color:#042B55; 
		border-radius:10px; 
		width: 150px;
		
      
		
		
		margin-top:10px;
		line-height:20px;


			
		} 
		
	#download-button a {
    display: block;
    margin-bottom: 10px; /* Espaçamento vertical entre os botões */
    color: white;
  }
  
   .centered {
    display: flex;
    justify-content: center;
    padding:10px 0px 5px 0px;
  }

    
    
    
  .auto-style4 {
	 font-size:18px;
 }

 
    
  .auto-style5 {
	 border-width: 0px;
	 margin: 0 auto;
	 height: 100%;
	 margin-left:20px;
 }
 
 
		.div-right_inpage {
		
		width: 30%;
		height: auto; /* Melhor usar auto para evitar problemas */
		padding: 5px;
		display: flex;
		
		text-align: center;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		
		
		box-shadow: 2px 3px 2px 2px rgba(12, 12, 12, 0.2);
		margin: 10px;
		border-radius: 5px;

}
			
	@media (max-width: 900px) {


    .div-right_inpage {
        width:98%; /* Ocupa quase toda a largura no mobile */
    }
}			

		
	.div-center_inpage {
    width: 35%;
    height:100%;
  /*  box-shadow: 2px 3px 4px 2px rgba(12,12,12,0.2);*/
    border-radius: 5px;
    padding: 5px 5px 25px 5px;
    text-align: center;
    

 }	
 
 
 	@media (max-width: 900px) {

 .div-center_inpage {
        width:98%; /* Ocupa quase toda a largura no mobile */
    }
}			


    .div-container_inpage{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 2px; /* Espaço de 2px entre as divs */
	flex-wrap: wrap;
	height:100%;
	}



			@media (max-width: 900px) {
    .container_inpage {
        flex-direction: column; /* Empilha os elementos no mobile */
    }
       }