.wm5-wrapper {
padding: 20px 10px;
background: #ffffff;
font-size: 17px;
}
.wm5-container {
max-width: 1200px;
margin: auto;
}
/* ===== DESKTOP ===== */
.wm5-table {
display: block;
border-radius: 12px;
overflow: hidden;
background: #ffffff;
box-shadow: 0 4px 10px rgba(0,0,0,0.08);
}
.wm5-row {
display: grid;
/* ✅ 1ª coluna maior + demais iguais */
grid-template-columns: 1.6fr 1fr 1fr 1fr;
border-bottom: 3px solid #eee;
}
.wm5-row:last-child {
border-bottom: none;
}
.wm5-col {
padding: 5px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
border-right: 3px solid #eee;
}
.wm5-col:last-child {
border-right: none;
}
.recurso-wm5 {
display: flex;
justify-content: flex-start;
align-items: center;
text-align: left;
font-weight: 600;
border-right: 3px solid #eee;
padding: 8px;
}
/* ===== HEADER ===== */
.wm5-style1 {
color: #ffffff !important;
font-size: 22px !important;
font-weight: 400 !important;
}
.wm5-header {
/* ✅ degradê padrão TCE */
background: linear-gradient(180deg, #C30017 0%, #6C000D 100%);
color: #fff !important;
font-weight: 700;
}
.wm5-header .wm5-col {
flex-direction: column;
/* ✅ header mais alto */
padding-top: 22px;
padding-bottom: 22px;
}
.wm5-header .wm5-col:first-child {
font-size: 22px;
font-weight: 500;
}
/* ===== PREÇO ===== */
.wm5-price,
.wm5-card-price {
display: flex;
align-items: flex-start;
justify-content: center;
margin-top: 6px;
margin-bottom: 12px;
font-weight: 600;
}
.wm5-currency {
font-size: 0.9rem;
margin-top: 7px;
margin-right: 3px;
}
.wm5-value {
font-size: 60px;
line-height: 1;
}
.wm5-decimal {
font-size: 0.9rem;
margin-top: 7px;
margin-left: 2px;
}
.wm5-periodo {
font-size: 1rem;
margin-top: 6px;
margin-left: 4px;
}
/* ===== LINHA IDEAL (compacta) ===== */
.wm5-highlight {
background: #828282;
font-weight: 400;
line-height: 1.25;
/* ✅ fonte menor para reduzir altura */
font-size: 14px;
}
.wm5-highlight .wm5-col{
/* ✅ padding menor para reduzir altura */
padding-top: 20px;
padding-bottom: 20px;
color: #ffffff;
}
/* ===== BOTÃO ===== */
.wm5-btn {
background: #6C000D;
color: #ffffff !important;
padding: 10px 40px;
border-radius: 6px;
text-decoration: none !important;
font-weight: 700;
transition: 0.3s ease;
display: inline-block;
}
.wm5-btn:hover {
background: #3f8b00;
color: #ffffff !important;
}
/* ===== BOTÕES FORA DA TABELA (alinhados) ===== */
.wm5-buttons {
display: grid;
grid-template-columns: 1.6fr 1fr 1fr 1fr;
margin-top: 18px;
gap: 0;
}
.wm5-buttons > div {
display: flex;
justify-content: center;
}
.wm5-buttons > div:first-child {
justify-content: flex-start;
}
/* ===== MOBILE ===== */
.wm5-mobile {
display: none;
}
.wm5-card {
background: #ffffff;
border-radius: 12px;
padding: 25px;
margin-bottom: 25px;
box-shadow: 0 8px 25px rgba(0,0,0,0.08);
}
.wm5-card h3 {
margin-bottom: 5px;
color: #a80000;
font-size: 22px;
}
.wm5-card-highlight {
background: #f0f0f0;
padding: 12px;
border-radius: 6px;
margin-bottom: 15px;
font-weight: 700;
text-align: center;
}
.wm5-card ul {
list-style: none;
padding: 0;
margin: 0 0 15px 0;
}
.wm5-card ul li {
padding: 8px 0;
border-bottom: 1px solid #eee;
}
.wm5-card ul li:last-child {
border-bottom: none;
}
.wm5-card .wm5-btn {
display: block;
text-align: center;
}
/* ===== RESPONSIVO ===== */
@media (max-width: 992px) {
.wm5-table {
display: none;
}
.wm5-mobile {
display: block;
}
.wm5-buttons{
display:none;
}
}