Estimado Pablo, muchas gracias por tu interés.
Adjunto el código y te agradezco si me puedes ayudar.
Copio el código aquí.
HTML:
<html>
<head>
<title>Intranet</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="../index.css">
<link rel="stylesheet" type="text/css" href="../Reclamos2/reclamos2.css">
<link rel="stylesheet" type="text/css" href="internacion.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Kaisei+HarunoUmi:wght@500&display=swap" rel="stylesheet">
</head>
<body>
<div id="Logo">
<img src= "../logo-01.png" class="soc"/>
</div>
<div id="Cabecera">
</div>
<div id="Contenido">
<figure>
<img src= "../Hospital.jfif" class="fondo">
</figure>
<div id="cont-form">
<form action="#" method="post" class="form">
<div class="formulario">
<h2 class="titulo">Internación</h2><br><br>
<p>Seleccione:</p><br>
<label><input type="radio" name="internacion" value="hijo"/>Hijo/a menor de edad</label><br>
<label><input type="radio" name="internacion" value="madre"/>Madre</label><br>
<label><input type="radio" name="internacion" value="padre"/>Padre</label><br>
<label><input type="radio" name="internacion" value="conyuge"/>Cónyuge/Concubino</label><br>
<span>Desde:<input type="date" name="desde" class="fecha" required/></span>
<span class="Hasta">Hasta:<input type="date" name="hasta" class="fecha" required/></span><br>
<input type="submit" value="Ingresar" class="ingresar">
</div>
</form>
</div>
</body>
</html>
CSS:
/*reclamos2.css*/
*{
box-sizing:border-box;
}
body{
background-color:020640/*8DB6CB*/;
}
#Logo{
border-bottom: 4.5px solid;
color:020A4D;
}
#cabecera{
border-bottom: 4.5px solid;
color:020A4D;
}
#contenido{
background-color:020640;
height:auto;
}
#cont-form{
position:absolute;
left:20%;
top:22%;
width:60%;
}
.titulo{
padding:20px;
background-color:3F4048;
color:white;
font-size:25px;
font-weight:100;
border-top-left-radius:10px;
border-top-right-radius:10px;
border-bottom: 5px solid;
}
.form{
margin: 0 auto;
width:80%;
height:auto;
top:23%;
background-color:020640;
border-radius:10px;
border:3.5px solid;
color:white;
opacity:0.95;
}
input{
margin:8px;
margin-bottom:25px;
padding:6px;
border-radius:10px;
font-family: 'Kaisei HarunoUmi', serif;
font-weight:600;
font-size:90%;
color:black;
width:9%;
text-align:center;
box-sizing:border-box;
font-size:15px;
}
input:focus{
background-color:C7D8EE;
}
p{
margin-left:3%;
font-family: 'Kaisei HarunoUmi', serif;
font-weight:500;
font-size:90%;
color:white;
}
.fondo{
position:relative;
left:10%;
width:80%;
height:auto;
}
.fecha{
width:auto;
}
.descripcion{
position:relative;
left:10%;
width:70%;
height:25%;
}
.pre{
height:7%;
}
.lib, .pre, .prod{
margin:8px;
margin-bottom:25px;
padding:5px;
border-radius:10px;
font-family: 'Kaisei HarunoUmi', serif;
font-weight:600;
font-size:90%;
color:black;
width:9%;
text-align:center;
}
.ingresar{
width:28%;
height:10%;
color:white;
font-family: OpenSans;
font-size:22px;
background-color:0B16BB;
border:20px;
border-radius:20px;
position:relative;
left:32%;
text-align:center;
}
h2{
text-align:center;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
/*internacion.css*/
p{
font-size:17px;
}
label{
font-size:18px;
margin-left:5%;
}
span{
font-size:18px;
margin-left:7%;
}
.Hasta{
margin-left:1%;
}
.ingresar{
width:35%;
}
