.selector-fechas {text-align: center;padding-bottom: 20px;}
.contenedor-recibo {margin: 0 auto;max-width: 450px;background-color: #ffffff;box-shadow: 0 0 5px rgb(0 0 0 / 25%);font-family: 'Roboto Mono', monospace;}
.producto-recibo {display: block;position: relative;padding-left: 35px;margin-bottom: 12px;cursor: pointer;}
.producto-recibo input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.check-recibo {position: absolute;top: 0;left: 0;height: 25px;width: 25px;background-color: #eee;}
.producto-recibo:hover input ~ .check-recibo {background-color: #ccc;}
.producto-recibo input:checked ~ .check-recibo {background-color: #c5ad67; }
.check-recibo:after {content: "";position: absolute;display: none;}
.producto-recibo input:checked ~ .check-recibo:after {display: block;}
.producto-recibo .check-recibo:after {left: 9px;top: 5px;width: 5px;height: 10px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
form.recibo {margin: auto;display: block;padding: 10px;}
label.producto-recibo {margin-left: 20px;margin-right: 20px;font-family: 'Roboto Mono', monospace;font-size: 14px;}
h3.titulo-precios {text-align:center;font-family: 'Roboto Mono', monospace;text-transform: uppercase;margin-bottom: 0px;padding:20px 10px 0;}
.boton-calcula-precio {
background-color: #c5ad67;
border: none;
color: white;
padding: 15px 15px;
text-align: center;
text-decoration: none;
display: inline-block;
font-family: 'Roboto Mono', monospace;
margin-top: 20px;
margin-bottom: 20px;
cursor: pointer;
}
.boton-calcula-precio:hover {background-color:#222222;}
.calcula-precio-Div, .precio-Info {display: flex;justify-content: center;align-items: center; }
.precio-Info {text-align:center;font-family: 'Roboto Mono', monospace;font-weight:bold;font-size: 18px;margin-bottom: 0px;margin-top: 20px;}
.precio-2022 {position: absolute;top: 0;right: 0;}
p.explicacion-precios {font-size: 12px;text-align: center;margin-bottom: 10px;padding: 0 10px;}
.precio-2021 {display: none;}
.fechas-precios {text-align: center;margin-top: 0px;}
.personalizado select {
font-family: 'Roboto Mono', monospace;
background-color: #1b6598;
color: white;
padding: 5px;
width: 150px;
border: none;
font-size: 14px;
-webkit-appearance: button;
appearance: button;
outline: none;
}
.personalizado::before {
content: "\f13a";
font-family: FontAwesome;
position: absolute;
top: 0;
right: 0;
width: 20%;
height: 100%;
text-align: center;
font-size: 28px;
line-height: 45px;
color: rgba(255, 255, 255, 0.5);
background-color: rgba(255, 255, 255, 0.1);
pointer-events: none;
}
.personalizado:hover::before {color: rgba(255, 255, 255, 0.6);background-color: rgba(255, 255, 255, 0.2);}
.personalizado select option {padding: 30px;}