/*----------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------*/

.mostrar_precio label{
display:block;
color:#FFF;
font-size:28px;	
}

.mostrar_precio b{
display:block;
color:#FFF;
font-size:58px;
}

.mostrar_precio span{
display:block;
color:#7A878E;
font-size:15px;	
}

/*----------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------*/


.mostrar_calculadora{
display:block;
width:100%;
max-width:1200px;
min-width:280px;
}

	.mostrar_calculadora label{
	display:block;
	color:#FFF;
	font-size:30px;	
	}

	.mostrar_calculadora div{
	display: flex;          
	align-items: center;    
	justify-content: center; 
	gap: 15px;              
	width: 100%;	
	}
	
		.mostrar_calculadora div input{
		box-sizing: border-box;
		width:100%;
		border:1px solid rgba(153, 235, 200, .28);
		background: rgba(12,17,20,.55);
		padding:14px 5px; 
		border-radius:14px; 
		color:#FFF;
		outline:none;
		transition: border-color .2s ease, box-shadow .2s ease;
		text-align:right;
		font-size:24px;
		}
		.mostrar_calculadora div input:focus{
		border-color: #00e676;
		box-shadow: 0 0 0 6px rgba(0,255,132,.10);
		}
		
		.mostrar_calculadora div a{
		color: #4A5A5B;
		font-size:22px;
		transition: color 0.2s ease;
		text-decoration: none;
		outline: none;		
		}

		.mostrar_calculadora div a:hover {
			color: #00F980;
		}


		.mostrar_calculadora div a:active,
		.mostrar_calculadora div a:focus {
			color: #4A5A5B; 
		}



	.mostrar_seleccionador {
		margin-top:15px; 
	}


	.mostrar_seleccionador input[type="radio"] {
		display: none;
	}
	
	.mostrar_seleccionador label {
		display: inline-block;
		padding: 6px 16px;
		font-size: 13px;
		font-weight: bold;
		color: #7A878E; /* Tu --color_letra1 */
		background: rgba(255, 255, 255, 0.03);
		border: 1px solid rgba(0, 255, 132, 0.15);
		border-radius: 12px;
		cursor: pointer;
		transition: all 0.3s ease;
		text-transform: uppercase;
		letter-spacing: 1px;
		margin:2px;
	}

		
	.mostrar_seleccionador label:hover {
		color: #00F980;
		border-color: rgba(0, 249, 128, 0.4);
		background: rgba(0, 255, 132, 0.05);
	}

		
	.mostrar_seleccionador input[type="radio"]:checked + label {
		color: #0b0f12; /* Color oscuro para contraste */
		background: #00F980; /* Tu --color_letra2 */
		border-color: #00F980;
		box-shadow: 0 0 15px rgba(0, 249, 128, 0.4);
		transform: translateY(-1px);
	}

/*----------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------*/	
	
.mostrar_botones {
    width: 100%;
    display: flex;
    flex-direction: column;   
    align-items: center;      
    justify-content: center;  
    gap: 30px;                
}

.mostrar_botones a {
    width: 100px;
    text-align: center;  
}

/*----------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------*/

.barra_hora{
display: flex;          
  align-items: center;    
  justify-content: center; 
  gap: 8px;              
  width: 100%;
  height: 40px;
  font-size: 12px;
  color: #FFF;
  background-color: #000;
}