
.rv-alerts{
display:flex;
flex-wrap:wrap;
gap:10px;
margin:18px 0;
}

.rv-alert-chip{
padding:8px 14px;
border-radius:999px;
font-weight:600;
font-size:.9rem;
}

.rv-alert-chip.green{
background:#e8f7ee;
color:#167c45;
}

.rv-alert-chip.orange{
background:#fff4df;
color:#b56a00;
}

.rv-alert-chip.red{
background:#ffe6e6;
color:#b00020;
}


/*=========================
RAVBA SIGNOS VITALES
=========================*/

.rv-vital-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:18px;
margin-top:20px;
}

.rv-metric{
background:#ffffff;
border:1px solid #dce6ef;
border-radius:16px;
padding:18px;
box-shadow:0 2px 8px rgba(0,0,0,.05);
transition:.2s;
}

.rv-metric:hover{
transform:translateY(-2px);
box-shadow:0 8px 18px rgba(0,0,0,.08);
border-color:#18a39b;
}

.rv-metric label{
display:block;
font-size:.82rem;
font-weight:700;
color:#607089;
margin-bottom:10px;
}

.rv-metric input{
width:100%;
border:none;
outline:none;
background:transparent;
font-size:1.8rem;
font-weight:700;
color:#17375e;
}

.rv-metric span{
display:block;
margin-top:8px;
font-size:.82rem;
color:#8b97a8;
}

.rv-result{
background:linear-gradient(135deg,#0d8b84,#1db6ad);
border-radius:16px;
padding:18px;
color:#fff;
display:flex;
flex-direction:column;
justify-content:center;
}

.rv-result label{
font-size:.82rem;
opacity:.9;
margin-bottom:8px;
}

.rv-result div{
font-size:2rem;
font-weight:800;
}

