.lp-termos { font-family: 'Plus Jakarta Sans', sans-serif; color: #4F4633; }
.lp-termos-hero { background: linear-gradient(135deg, #FFB81C 0%, #FFC72C 100%); padding: 80px 32px 60px; text-align: center; }
.lp-termos-hero h1 { font-size: 36px; font-weight: 700; margin: 0 0 15px 0; color: #003C78; }
.lp-termos-hero p { font-size: 18px; line-height: 1.6; margin: 0; color: #003C78; font-weight: 600; }
.lp-termos-content { max-width: 1000px; margin: 0 auto; padding: 60px 32px; }
.lp-termos-section { margin-bottom: 50px; }
.lp-termos-section h2 { font-size: 24px; font-weight: 700; color: #003C78; margin: 0 0 20px 0; border-bottom: 3px solid #FFB81C; padding-bottom: 12px; }
.lp-termos-section h3 { font-size: 16px; font-weight: 600; color: #003C78; margin: 25px 0 12px 0; }
.lp-termos-section p { line-height: 1.8; margin-bottom: 15px; }
.lp-termos-section ul, .lp-termos-section ol { margin-left: 24px; margin-bottom: 15px; }
.lp-termos-section li { line-height: 1.8; margin-bottom: 10px; }
.lp-termos-highlight { background: #FFF8E7; border-left: 4px solid #FFB81C; padding: 15px; margin: 20px 0; border-radius: 4px; }
.lp-termos-highlight strong { color: #003C78; }
.lp-termos-numbered { counter-reset: item 0; list-style-type: none; padding-left: 0; margin: 0; }
.lp-termos-numbered > li { counter-increment: item; margin-bottom: 40px; position: relative; margin-left: 0; }
.lp-termos-numbered > li h2 { margin-top: 0; display: flex; align-items: flex-start; gap: 15px; }
.lp-termos-numbered > li h2::before {
    content: counter(item);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: #FFB81C;
    color: #003C78;
    border-radius: 50%;
    font-weight: 700;
    font-size: 14px;
    line-height: 1;
    flex-shrink: 0;
}
.lp-termos-final { text-align: center; background: linear-gradient(135deg, #FFF8E7 0%, #FFFBF0 100%); padding: 40px; border-radius: 8px; margin-top: 60px; border: 2px solid #FFB81C; }
.lp-termos-final h2 { border: none; margin-bottom: 15px; }
@media (max-width: 768px) {
    .lp-termos-hero h1 { font-size: 24px; }
    .lp-termos-section h2 { font-size: 18px; }
    .lp-termos-content { padding: 40px 20px; }
    .lp-termos-numbered > li { margin-bottom: 35px; }
    .lp-termos-numbered > li h2 { font-size: 18px; }
    .lp-termos-numbered > li h2::before { width: 32px; height: 32px; font-size: 12px; }
}