.content{

margin:auto;
padding:25px;
background:white;
border-radius:10px;
box-shadow:0 5px 20px rgba(0,0,0,0.1);
font-family: Arial, Helvetica, sans-serif;
}

.content h2{
text-align:center;
color:#1e88e5;
margin-bottom:20px;
}

.content .step{
display:none;
}

.content .step.active{
display:block;
}

.content input,
.content select,
.content textarea{
width:100%;
padding:10px;
margin-top:6px;
margin-bottom:12px;
border-radius:6px;
border:1px solid #ccc;
}

.content .nav-buttons{
display:flex;
justify-content:space-between;
margin-top:10px;
}

.content button:not(.toggle-pass){
background:#1e88e5;
border:none;
color:white;
padding:10px 18px;
border-radius:6px;
cursor:pointer;
}

.content button:hover{
background:#1565c0;
}


.content .botones{
display:flex;
gap:10px;
margin-top:5px;
}

.content .botones button{
border:none;
padding:8px 14px;
border-radius:6px;
cursor:pointer;
font-size:14px;
display:flex;
align-items:center;
gap:5px;
}

.content .btn-si{
background:#4caf50;
color:white;
}

.content .btn-no{
background:#f44336;
color:white;
}

.content .btn-obs{
background:#1e88e5;
color:white;
}

.content .observacion{
display:none;
margin-top:8px;
width:100%;
padding:8px;
border-radius:6px;
border:1px solid #ccc;
}

.content .campo-check{
border:1px solid #cfe8ff;
border-radius:8px;
padding:12px;
margin-bottom:15px;
background:#f7fbff;
}

.content .campo-check label{
display:block;
font-weight:600;
margin-bottom:6px;
color:#1e88e5;
}

.content .campo-check:hover{
border-color:#1e88e5;
box-shadow:0 2px 8px rgba(30,136,229,0.15);
transition:0.2s;
}


/* DESDE AQUI ES PARA LA PAGINA CONFIGURACION */
.campo-check label i{
margin-right:6px;
color:#1e88e5;
}

.input-icon{
position:relative;
}

.input-icon input{
padding-right:40px;
}

.toggle-pass{
position:absolute;
right:10px;
top:50%;
transform:translateY(-50%);
background:transparent;
border:none;
cursor:pointer;
color:#1e88e5;
font-size:18px;
padding:0;
width:auto;
height:auto;
}