:root{--primary-color: #009c3b;--secondary-color: #ffdf00;--accent-color: #002776;--text-light: #ffffff;--text-dark: #222222;--gradient-primary: linear-gradient(135deg, #009c3b, #006400);--gradient-secondary: linear-gradient(135deg, #ffdf00, #ffa500);--border-radius: 10px;--box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);} *{margin: 0;padding: 0;box-sizing: border-box;} body{font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;background: linear-gradient(to bottom, #000000, #222222);color: var(--text-light);line-height: 1.6;} .container{width: 100%;padding: 0 15px;margin: 0 auto;} .row{display: flex;flex-wrap: wrap;margin: 0 -15px;} [class*="col-"]{padding: 0 15px;} .col-12{width: 100%;} @media (min-width: 768px){.container{max-width: 960px;} .col-lg-6{width: 50%;} .col-md-4{width: 33.333333%;}} @media (max-width: 767px){.col-sm-12{width: 100%;} .row{margin: 0 -10px;} [class*="col-"]{padding: 0 10px;} .container{padding: 0 10px;} .justify-content-center{justify-content: center;}} header{background-color: #000000;padding: 15px 0;border-bottom: 3px solid var(--primary-color);} header .d-flex{display: flex;justify-content: space-between;align-items: center;padding: 10px 0;} header img{transition: transform 0.3s ease;} header img:hover{transform: scale(1.05);box-shadow: 0 0 15px var(--secondary-color);} .btn{padding: 12px 24px;font-size: 16px;font-weight: 600;text-transform: uppercase;border-radius: var(--border-radius);text-decoration: none;display: inline-block;border: none;transition: all 0.3s ease;cursor: pointer;box-shadow: var(--box-shadow);letter-spacing: 1px;margin: 5px;} .btn-primary{background: var(--accent-color);color: var(--text-light);} .btn-primary:hover{background: #001a57;transform: translateY(-3px);box-shadow: 0 7px 20px rgba(0, 39, 118, 0.3);} .btn-success{background: var(--gradient-primary);color: var(--text-light);} .btn-success:hover{background: #00752c;transform: translateY(-3px);box-shadow: 0 7px 20px rgba(0, 156, 59, 0.3);} .btn-highlight{background: var(--gradient-secondary);color: var(--text-dark);font-weight: 700;text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);} .btn-highlight:hover{background: #ffdf00;transform: translateY(-3px);box-shadow: 0 7px 20px rgba(255, 223, 0, 0.5);} .bg-primary .btn-success{background: var(--gradient-secondary);color: var(--text-dark);font-weight: 700;text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);} .bg-primary .btn-success:hover{background: #ffdf00;transform: translateY(-3px);box-shadow: 0 7px 20px rgba(255, 223, 0, 0.5);} .btn-lg{padding: 15px 30px;font-size: 18px;} .rounded-2{border-radius: 2px;} .rounded-5{border-radius: 0;} .text-center{text-align: center;} .text-white{color: var(--text-light);} .text-decoration-none{text-decoration: none;} h1, h2, h3, h4, h5, h6{margin-bottom: 20px;font-weight: 700;line-height: 1.2;} h1{font-size: 2.5rem;background: var(--gradient-secondary);-webkit-background-clip: text;background-clip: text;color: transparent;margin-bottom: 30px;text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);} h2{font-size: 2rem;color: var(--secondary-color);} h3{font-size: 1.75rem;color: var(--text-light);} p{margin-bottom: 20px;font-size: 1.1rem;} section{padding: 40px 0;} .bg-primary{background: var(--gradient-primary);} .py-2{padding-top: 20px;padding-bottom: 20px;} .py-5{padding-top: 50px;padding-bottom: 50px;} .my-2{margin-top: 20px;margin-bottom: 20px;} .me-2, .me-3{margin-right: 20px;} .ms-3{margin-left: 20px;} .img-fluid{max-width: 100%;height: auto;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);transition: transform 0.5s ease;} .img-fluid:hover{transform: scale(1.02);box-shadow: 0 15px 40px rgba(255, 223, 0, 0.3);} .d-flex{display: flex;} .justify-content-between{justify-content: space-between;} .justify-content-center{justify-content: center;} .align-items-center{align-items: center;} footer{background-color: #000000;padding: 30px 0;border-top: 3px solid var(--primary-color);margin-top: 40px;} footer a{color: var(--text-light);opacity: 0.8;transition: opacity 0.3s ease;display: inline-block;padding: 8px 15px;margin: 0 10px;} footer a:hover{opacity: 1;color: var(--secondary-color);} footer .col-12{display: flex;justify-content: center;align-items: center;} footer .text-decoration-none{position: relative;} footer .text-decoration-none:after{content: '';position: absolute;width: 0;height: 2px;bottom: 0;left: 0;background-color: var(--secondary-color);transition: width 0.3s ease;} footer .text-decoration-none:hover:after{width: 100%;} #politica-privacidade, #termos-condicoes{background-color: rgba(0, 0, 0, 0.6);border-radius: var(--border-radius);padding: 30px;margin: 20px auto;border-left: 5px solid var(--primary-color);text-align: center;max-width: 800px;} #politica-privacidade h2, #termos-condicoes h2{color: var(--secondary-color);font-size: 1.8rem;margin-bottom: 20px;text-align: center;} #politica-privacidade p, #termos-condicoes p{color: var(--text-light);line-height: 1.8;text-align: center;} @keyframes pulse{0%{transform: scale(1);} 50%{transform: scale(1.05);} 100%{transform: scale(1);}} .btn-success{animation: pulse 2s infinite;} @media (max-width: 767px){h1{font-size: 1.8rem;} h2{font-size: 1.5rem;} h3{font-size: 1.3rem;} .btn{padding: 10px 18px;font-size: 14px;} header .d-flex{flex-direction: column;text-align: center;} header img{margin-bottom: 15px;} .d-flex{flex-direction: column;align-items: center;} section{padding: 30px 0;}} .bonus-banner{background: linear-gradient(135deg, #8B0000, #000000);border-top: 3px solid gold;border-bottom: 3px solid gold;padding-top: 1.5rem;padding-bottom: 1.5rem;} .bonus-title{font-size: 2.5rem;text-shadow: 0 0 10px rgba(255, 215, 0, 0.7);color: white;text-align: center;} .bonus-subtitle{font-size: 1.2rem;margin-top: 10px;color: white;text-align: center;} .bonus-value{color: gold;font-weight: bold;font-size: 1.5rem;} .bonus-card{background-color: rgba(0,0,0,0.7);border-radius: 10px;padding: 20px;border: 1px solid gold;height: 100%;display: flex;flex-direction: column;justify-content: center;} .bonus-card h3{color: gold;} @media (max-width: 767px){.bonus-card{padding: 15px 10px;} .bonus-card h3{font-size: 1.3rem;margin-bottom: 10px;} .bonus-card p{font-size: 0.9rem;margin-bottom: 0;} .bonus-title{font-size: 1.8rem;} .bonus-subtitle{font-size: 1rem;} .bonus-value{font-size: 1.2rem;}} .bonus-cta{background: linear-gradient(135deg, #8B0000, #000000);text-align: center;padding-top: 1.5rem;padding-bottom: 1.5rem;border-top: 3px solid gold;border-bottom: 3px solid gold;} .bonus-button{background-color: gold;color: #000;font-weight: bold;font-size: 1.2rem;padding: 15px 40px;border-radius: 50px;box-shadow: 0 0 20px rgba(255, 215, 0, 0.7);transition: all 0.3s;display: inline-block;text-decoration: none;margin: 0;} .bonus-button:hover{background-color: #FFD700;box-shadow: 0 0 30px rgba(255, 215, 0, 0.9);transform: scale(1.05);} .bonus-disclaimer{color: white;margin-top: 0.5rem;font-size: 0.9rem;margin-bottom: 0;} .bonus-banner, .bonus-cta{background: linear-gradient(135deg, #8B0000, #000000);border-top: 3px solid gold;border-bottom: 3px solid gold;height: 200px;display: flex;align-items: center;justify-content: center;margin: 0;padding: 0;} .bonus-banner .container, .bonus-cta .container{width: 100%;} .bonus-content{display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;height: 100%;} @media (max-width: 767px){.bonus-banner, .bonus-cta{height: 150px;min-height: 150px;padding: 15px 10px;overflow: hidden;} .bonus-title{font-size: 1.5rem;margin-bottom: 5px;} .bonus-subtitle{font-size: 0.9rem;margin-top: 5px;} .bonus-value{font-size: 1rem;} .bonus-button{padding: 8px 16px;font-size: 0.9rem;border-radius: 25px;max-width: 80%;margin: 0 auto;display: block;} .bonus-disclaimer{font-size: 0.7rem;margin-top: 5px;}}