/* =========================================================
   FORMULAS / CARDS FARMACOLOGIA - SÓ ENFERMAGEM
========================================================= */

/* GRID DOS CARDS */
.formula-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:20px;
margin:25px 0;
}

/* CARD PRINCIPAL */
.formula-card{
background:#f7f9fc;
border:1px solid #dfe5ec;
border-left:5px solid #c4002f;
border-radius:10px;
padding:20px;
transition:0.3s;
box-shadow:0 2px 6px rgba(0,0,0,0.05);
}

/* HOVER */
.formula-card:hover{
transform:translateY(-3px);
box-shadow:0 6px 18px rgba(0,0,0,0.08);
}

/* TITULO DO CARD */
.formula-card h3{
margin:0 0 12px;
font-size:18px;
font-weight:700;
color:#00142e;
line-height:1.3;
}

/* FORMULA */
.formula{
font-size:28px;
font-weight:700;
color:#c4002f;
line-height:1.5;
word-break:break-word;
}

/* SUBTEXTO */
.formula-desc{
margin-top:12px;
font-size:15px;
line-height:1.6;
color:#4d5a6b;
}

/* RESULTADO */
.formula-result{
margin-top:15px;
padding:12px;
background:#edf7ee;
border-left:4px solid #2e9d45;
border-radius:6px;
font-size:17px;
font-weight:700;
color:#1f6d31;
}

/* EXEMPLOS */
.example-box{
background:#f9fafc;
border:1px solid #e4e8ee;
border-radius:10px;
padding:20px;
margin:25px 0;
}

/* TITULO EXEMPLO */
.example-title{
font-size:20px;
font-weight:700;
color:#00142e;
margin-bottom:15px;
}

/* PASSOS */
.step-box{
background:#ffffff;
border-left:4px solid #00142e;
padding:15px;
margin:15px 0;
border-radius:6px;
box-shadow:0 2px 5px rgba(0,0,0,0.04);
}

/* TITULO PASSO */
.step-title{
font-size:17px;
font-weight:700;
color:#00142e;
margin-bottom:10px;
}

/* CONTA */
.math-line{
font-size:24px;
font-weight:700;
color:#c4002f;
line-height:1.7;
}

/* RESULTADO FINAL */
.final-result{
background:#00142e;
color:#ffffff;
padding:18px;
border-radius:10px;
margin-top:20px;
font-size:22px;
font-weight:700;
text-align:center;
}

/* TABELAS */
.table-medidas{
width:100%;
border-collapse:collapse;
margin:25px 0;
background:#ffffff;
border-radius:10px;
overflow:hidden;
box-shadow:0 2px 8px rgba(0,0,0,0.05);
}

/* CABEÇALHO */
.table-medidas th{
background:#00142e;
color:#ffffff;
padding:15px;
font-size:16px;
text-align:left;
}

/* LINHAS */
.table-medidas td{
padding:14px;
border-bottom:1px solid #e6ebf1;
font-size:16px;
}

/* HOVER TABELA */
.table-medidas tr:hover{
background:#f7f9fc;
}

/* CHECKLIST */
.check-list{
list-style:none;
padding:0;
margin:20px 0;
}

.check-list li{
position:relative;
padding-left:35px;
margin-bottom:14px;
font-size:17px;
line-height:1.5;
}

/* CHECK */
.check-list li::before{
content:"&#10004;";
position:absolute;
left:0;
top:0;
color:#18a34a;
font-weight:700;
font-size:20px;
}

/* ALERTAS */
.alert-box{
background:#fff5f5;
border-left:5px solid #c4002f;
padding:18px;
border-radius:8px;
margin:25px 0;
font-size:16px;
line-height:1.7;
color:#5b1d1d;
}

/* BLOCO INFORMATIVO */
.info-box{
background:#eef5ff;
border-left:5px solid #2d6cdf;
padding:18px;
border-radius:8px;
margin:25px 0;
font-size:16px;
line-height:1.7;
color:#173b73;
}

/* TITULOS DAS SEÇÕES */
.section-title{
font-size:30px;
font-weight:800;
color:#c4002f;
margin:40px 0 20px;
line-height:1.2;
}

/* SUBTITULOS */
.sub-title{
font-size:22px;
font-weight:700;
color:#00142e;
margin:30px 0 15px;
}

/* RESPONSIVO */
@media(max-width:768px){

.formula{
font-size:22px;
}

.section-title{
font-size:24px;
}

.sub-title{
font-size:20px;
}

.formula-card{
padding:16px;
}

.math-line{
font-size:20px;
}

.final-result{
font-size:20px;
padding:15px;
}

.table-medidas th,
.table-medidas td{
font-size:14px;
padding:10px;
}

}