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

.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 input{
	box-sizing: border-box;
	width:100%;
	min-width:280px;
	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 input:focus{
	border-color: #00e676;
	box-shadow: 0 0 0 6px rgba(0,255,132,.10);
	}


.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;
}