body{
font-family: Arial;
background:#efefef;
margin:0;
}

.header{
display:flex;
justify-content:space-between;
align-items:center;
padding:20px 80px;
background:white;
}

.logo img{
height:60px;
}

.linea{
height:5px;
background:linear-gradient(90deg,#1e88e5,#e53935,#fbc02d,#8e24aa,#26a69a);
}

.contenedor{
display:flex;
justify-content:center;
gap:30px;
margin-top:30px;
}

.banner{
width:600px;
}

.login{
width:300px;
background:#f0f0f0;
border:1px solid #3f8cc9;
padding:20px;
}

.tipo{
background:#ddd;
padding:10px;
display:flex;
gap:20px;
}

.login input{
width:100%;
padding:10px;
margin-top:10px;
border:1px solid #ccc;
}

.ingresar{
width:100%;
padding:12px;
background:#1b75a5;
color:white;
border:none;
margin-top:15px;
cursor:pointer;
}

.firma{
width:100%;
padding:10px;
background:#e6b422;
border:none;
margin-top:10px;
}

.registro{
width:100%;
padding:10px;
background:#9c4ea3;
color:white;
border:none;
margin-top:10px;
}

.info{
display:flex;
justify-content:center;
gap:20px;
margin-top:40px;
}

.cuadro{
background:white;
width:300px;
padding:20px;
border:1px solid #ccc;
}

.cuadro h3{
background:#ddd;
padding:10px;
margin:-20px -20px 10px -20px;
text-align:center;
}

.precio{
display:flex;
justify-content:space-around;
font-size:20px;
}

.importante{
background:white;
width:900px;
margin:40px auto;
border:1px solid #ccc;
}

.importante h3{
background:#d9d9d9;
text-align:center;
padding:10px;
margin:0;
}

.importante-contenido{
display:flex;
justify-content:space-between;
padding:20px;
}

.rojo{
color:red;
}

.icono-seguridad img{
width:220px;
}

.footer{
background:#d9d9d9;
text-align:center;
padding:20px;
}