.cards-erros-carrinho{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:25px;
margin:40px 0;
}

.card-erro{
background:#fff;
border-radius:14px;
padding:25px;
box-shadow:0 4px 15px rgba(0,0,0,.08);
border-top:5px solid #c4002f;
transition:.3s;
}

.card-erro:hover{
transform:translateY(-5px);
box-shadow:0 10px 25px rgba(0,0,0,.15);
}

.icone-erro{
font-size:42px;
margin-bottom:15px;
}

.card-erro h3{
font-size:22px;
color:#001b44;
margin-bottom:12px;
line-height:1.3;
}

.card-erro p{
font-size:15px;
line-height:1.6;
color:#444;
margin:0;
}

/* ===== CARDS DOS ARTIGOS ===== */

.cards-cme,
.cards-erros-carrinho{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:25px;
margin:35px 0;
}

/* ===== CARD PADRÃO ===== */

.card-cme,
.card-erro{
background:#fff;
border-radius:14px;
padding:25px;
box-shadow:0 4px 15px rgba(0,0,0,.08);
transition:.3s;
border-top:5px solid #c4002f;
}

.card-cme:hover,
.card-erro:hover{
transform:translateY(-5px);
box-shadow:0 10px 25px rgba(0,0,0,.12);
}

/* ===== ÍCONES ===== */

.icone-card,
.icone-erro{
font-size:42px;
margin-bottom:15px;
display:block;
}

/* ===== TÍTULOS ===== */

.card-cme h3,
.card-erro h3{
font-size:22px;
color:#00142e;
margin:0 0 12px;
line-height:1.3;
}

/* ===== TEXTO ===== */

.card-cme p,
.card-erro p{
font-size:15px;
line-height:1.7;
color:#444;
margin:0;
}

/* ===== ALERTA ===== */

.alerta-carrinho{
background:#fff8e6;
border-left:5px solid #f4b400;
padding:20px;
border-radius:10px;
margin:40px 0;
}

.alerta-carrinho h3{
margin-top:0;
color:#7a5400;
}

.alerta-carrinho p{
margin-bottom:0;
}


/* ===== CHECKLIST ===== */

.cards-checklist{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:15px;
margin:35px 0;
}

.card-check{
background:#fff;
padding:15px;
border-radius:10px;
box-shadow:0 3px 10px rgba(0,0,0,.08);
font-weight:600;
}

/* ===== BANNER CURSO ===== */

.banner-curso{
margin:45px 0;
text-align:center;
}

.banner-curso img{
max-width:100%;
height:auto;
border-radius:14px;
}

/* ===== RESPONSIVO ===== */

@media(max-width:768px){

.card-cme,
.card-erro{
padding:20px;
}

.icone-card,
.icone-erro{
font-size:34px;
}

.card-cme h3,
.card-erro h3{
font-size:20px;
}

}