/* ==========================================================
   Pedy+ "Fogo" - preto + laranja (carregado depois de style.css)
   Tokens: bg #000 | card #111 | laranja #FF5400 | laranja-claro #FF9E00 | vermelho #D00000
   ========================================================== */
:root{
  --bg:#000000; --card:#111111; --borda:#262626;
  --laranja:#FF5400; --laranja-claro:#FF9E00; --vermelho:#D00000;
  --texto:#F5F5F5; --texto-2:#A0A0A0;
  --degrade:linear-gradient(90deg,#FF9E00 0%,#FF5400 55%,#D00000 100%);
}
html,body{background:var(--bg);color:var(--texto);}
body{font-family:"Open Sans",sans-serif;}
a{color:var(--laranja-claro);}
a:hover{color:var(--laranja);}
h1,h2,h3,h4{font-family:"Montserrat","Poppins",sans-serif;}

/* ---------- Header ---------- */
#header,#header.header-scrolled{background:rgba(0,0,0,.92);border-bottom:1px solid var(--borda);}
#header.header-transparent{background:transparent;border-bottom:0;}
#header.header-scrolled{background:rgba(0,0,0,.92);border-bottom:1px solid var(--borda);}
.navbar a,.navbar a:focus{color:rgba(255,255,255,.85);}
.navbar a:hover,.navbar .active,.navbar .active:focus,.navbar li:hover>a{color:#fff;}
.navbar>ul>li>a:before{background:var(--degrade);}
.navbar .nav-login{border:1px solid var(--laranja);border-radius:50px;padding:8px 18px;margin-left:10px;color:#fff;}
.navbar .nav-login:before{display:none;}
.navbar .nav-login:hover{background:var(--laranja);color:#fff;}
.navbar-mobile{background:rgba(0,0,0,.92);}
.navbar-mobile ul{background:#111;}
.navbar-mobile a,.navbar-mobile a:focus{color:#fff;}
.mobile-nav-toggle{color:#fff;}

/* ---------- Botoes ---------- */
.btn-fogo,.btn-fogo:focus{
  display:inline-block;font-family:"Montserrat",sans-serif;font-weight:800;letter-spacing:.5px;text-transform:uppercase;
  font-size:16px;padding:16px 34px;border-radius:50px;color:#fff;border:0;
  background:linear-gradient(90deg,#FF6A00 0%,#FF5400 50%,#D00000 100%);background-size:140% 100%;box-shadow:0 8px 30px rgba(255,84,0,.35);
  transition:.3s;text-decoration:none;text-shadow:0 1px 2px rgba(0,0,0,.35);
}
.btn-fogo:hover{color:#fff;background-position:100% 0;transform:translateY(-2px);box-shadow:0 12px 36px rgba(255,84,0,.55);}
.btn-fogo-lg{font-size:19px;padding:20px 44px;}
.btn-fogo-ghost,.btn-fogo-ghost:focus{
  display:inline-block;font-family:"Montserrat",sans-serif;font-weight:700;font-size:15px;padding:14px 28px;border-radius:50px;
  color:#fff;border:2px solid var(--laranja);background:transparent;transition:.3s;text-decoration:none;
}
.btn-fogo-ghost:hover{background:var(--laranja);color:#fff;}
.oferta-selo{
  display:inline-block;background:var(--laranja-claro);color:#000;font-weight:800;font-size:13px;letter-spacing:.4px;
  text-transform:uppercase;padding:7px 16px;border-radius:50px;margin-bottom:18px;
}

/* ---------- Hero ---------- */
#hero{
  background:radial-gradient(ellipse at 80% 20%,rgba(255,84,0,.30) 0%,rgba(208,0,0,.12) 35%,transparent 65%),#000;
  padding:130px 0 70px 0;
}
#hero:before{background:none;}
#hero h1{font-size:50px;line-height:1.1;font-weight:900;color:#fff;text-transform:uppercase;margin-bottom:22px;}
#hero h1 span{border:0;background:var(--degrade);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;}
#hero h2{color:#e6e6e6;font-size:22px;line-height:1.4;margin-bottom:16px;font-weight:500;}
#hero h2 strong{color:var(--laranja-claro);}
#hero h2.hero-sub{color:var(--texto-2);font-size:18px;margin-bottom:30px;}
.hero-ctas{display:flex;flex-wrap:wrap;gap:14px;align-items:center;}
#hero .hero-img img{filter:drop-shadow(0 0 40px rgba(255,84,0,.35));}
@media (max-width:991px){
  #hero{padding:100px 0 50px 0;}
  #hero h1{font-size:34px;}
  #hero h2{font-size:18px;}
  #hero .hero-img img{max-width:45%;}
  .hero-ctas{justify-content:center;}
  #hero .col-lg-7{text-align:center;}
}

/* ---------- Secoes gerais ---------- */
section{background:var(--bg);}
.section-title h2{color:#fff;font-weight:800;}
.section-title h2::after{background:var(--degrade);}
.section-title p{color:var(--texto-2);}
.section-bg{background:#0a0a0a;}
section{padding:70px 0;}
#hero{padding:130px 0 70px 0;}
@media (max-width:991px){#hero{padding:100px 0 50px 0;}}

/* ---------- Dor ---------- */
.dor{background:#0a0a0a;}
.dor-lista{list-style:none;margin:0;padding:0;}
.dor-lista li{display:flex;gap:12px;align-items:flex-start;background:var(--card);border:1px solid var(--borda);border-radius:12px;padding:16px 18px;margin-bottom:12px;color:#e6e6e6;font-size:17px;}
.dor-lista i{color:var(--vermelho);font-size:26px;flex:0 0 auto;margin-top:-2px;}
.dor-resposta{background:var(--card);border:2px solid transparent;border-radius:16px;padding:34px;height:100%;
  background:linear-gradient(var(--card),var(--card)) padding-box,var(--degrade) border-box;display:flex;flex-direction:column;justify-content:center;}
.dor-resposta h3{font-size:28px;font-weight:800;color:#fff;margin-bottom:10px;}
.dor-resposta p{font-size:20px;color:var(--laranja-claro);margin-bottom:24px;font-weight:600;}
.dor-resposta .btn-fogo{align-self:flex-start;}

/* ---------- Beneficios ---------- */
.features{background:var(--bg);}
.features .icon-box{background:var(--card);border:1px solid var(--borda);border-radius:14px;padding:28px 24px;height:100%;text-align:left;transition:.3s;box-shadow:none;}
.features .icon-box:hover{border-color:var(--laranja);transform:translateY(-4px);box-shadow:0 10px 30px rgba(255,84,0,.18);}
.features .icon-box i{font-size:42px;line-height:1;color:var(--laranja);display:block;margin-bottom:14px;}
.features .icon-box h3{font-size:19px;font-weight:700;color:#fff;margin-bottom:8px;}
.features .icon-box p{color:var(--texto-2);font-size:15px;margin:0;}
.features .icon-box h3 a{color:#fff;}
.features-rodape{text-align:center;color:var(--texto-2);margin:30px 0 0 0;font-size:15px;}
#contact .icon-box{text-align:center;}
#contact .icon-box i{margin:0 auto 10px auto;}
#contact .btn-wrap a{color:#fff;}

/* ---------- Como funciona ---------- */
.about{background:#0a0a0a;padding:70px 0;}
.passo{background:var(--card);border:1px solid var(--borda);border-radius:14px;padding:30px 26px;height:100%;position:relative;}
.passo-n{display:inline-flex;width:46px;height:46px;border-radius:50%;background:var(--degrade);color:#fff;font-weight:900;font-size:22px;align-items:center;justify-content:center;margin-bottom:14px;}
.passo h3{font-size:21px;font-weight:700;color:#fff;margin-bottom:8px;}
.passo p{color:var(--texto-2);margin:0;}
.live-commerce{color:#e6e6e6;max-width:700px;margin:0 auto 18px auto;}
.live-commerce strong{color:var(--laranja-claro);}

/* ---------- Trajetoria ---------- */
.trajetoria{background:var(--bg);padding:50px 0;}
.trajetoria-box{border-radius:20px;padding:50px 40px;text-align:center;
  background:radial-gradient(ellipse at 50% 0%,rgba(255,84,0,.28),transparent 70%),var(--card);border:1px solid var(--laranja);}
.trajetoria-box h2{font-size:34px;font-weight:900;color:#fff;margin-bottom:18px;}
.trajetoria-box h2 span{display:block;background:var(--degrade);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;}
.trajetoria-box p{max-width:760px;margin:0 auto 10px auto;font-size:18px;color:#e0e0e0;}
@media (max-width:767px){.trajetoria-box{padding:34px 20px;}.trajetoria-box h2{font-size:25px;}}

/* ---------- Prova social ---------- */
.counts{background:#0a0a0a;}
.loja-card{display:block;background:var(--card);border:1px solid var(--borda);border-radius:14px;padding:30px;text-align:center;transition:.3s;text-decoration:none;}
.loja-card h4{color:#fff;font-size:22px;font-weight:800;margin-bottom:8px;}
.loja-card span{color:var(--laranja-claro);font-weight:600;}
.loja-card:hover{border-color:var(--laranja);transform:translateY(-4px);box-shadow:0 10px 30px rgba(255,84,0,.2);}

/* ---------- Oferta e planos ---------- */
.pricing{background:var(--bg);}
.oferta-box{max-width:820px;margin:0 auto;text-align:center;padding:46px 34px;border-radius:22px;border:3px solid transparent;
  background:radial-gradient(ellipse at 50% 0%,rgba(255,84,0,.2),transparent 65%) padding-box,linear-gradient(var(--card),var(--card)) padding-box,var(--degrade) border-box;
  background:linear-gradient(var(--card),var(--card)) padding-box,var(--degrade) border-box;box-shadow:0 0 60px rgba(255,84,0,.2);}
.oferta-box h2{font-size:34px;font-weight:900;color:#fff;margin-bottom:10px;}
.oferta-box h2 span{background:var(--degrade);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;white-space:nowrap;}
.oferta-sub{font-size:19px;color:var(--laranja-claro);font-weight:600;margin-bottom:22px;}
.oferta-lista{list-style:none;padding:0;margin:0 auto 28px auto;max-width:560px;text-align:left;}
.oferta-lista li{padding:8px 0;color:#e8e8e8;font-size:16px;border-bottom:1px solid var(--borda);display:flex;gap:10px;align-items:flex-start;}
.oferta-lista i{color:var(--laranja);font-size:22px;flex:0 0 auto;}
.oferta-nota{margin:18px 0 0 0;color:var(--texto-2);font-size:14px;}
@media (max-width:767px){.oferta-box{padding:34px 18px;}.oferta-box h2{font-size:25px;}.btn-fogo-lg{font-size:16px;padding:18px 26px;}}

.pricing .box{background:var(--card);border:1px solid var(--borda);color:#fff;box-shadow:none;border-radius:14px;}
.pricing .box h3{color:#fff;}
.pricing .box h4{color:var(--laranja-claro);}
.pricing .box h4 sup,.pricing .box h4 sub,.pricing .box h6,.pricing .box h6 sub{color:var(--texto-2);}
.pricing .box ul li{color:#d8d8d8;}
.pricing .box ul{color:#d8d8d8;}
.pricing .box .btn-wrap{background:transparent;color:var(--texto-2);}
.pricing .box .btn-buy{background:linear-gradient(90deg,#FF6A00,#FF5400 50%,#D00000);color:#fff;border:0;font-weight:800;}
.pricing .box .btn-buy:hover{filter:brightness(1.1);color:#fff;}
.pricing .box .advanced{background:var(--laranja);color:#fff;}

/* ---------- FAQ ---------- */
.faq{background:#0a0a0a;}
.faq .faq-list li{background:var(--card);border:1px solid var(--borda);border-radius:12px;box-shadow:none;}
.faq .faq-list a{color:#fff;}
.faq .faq-list a.collapsed{color:#e6e6e6;}
.faq .faq-list a.collapsed:hover{color:var(--laranja-claro);}
.faq .faq-list .icon-help{color:var(--laranja);}
.faq .faq-list p{color:#c8c8c8;}

/* ---------- Fechamento ---------- */
.fechamento{padding:80px 0;background:radial-gradient(ellipse at 50% 100%,rgba(208,0,0,.35),rgba(255,84,0,.12) 45%,transparent 70%),#000;}
.fechamento h2{font-size:34px;font-weight:900;color:#fff;max-width:880px;margin:0 auto 30px auto;line-height:1.2;}
.fechamento h2 span{display:block;background:var(--degrade);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;}
@media (max-width:767px){.fechamento h2{font-size:25px;}}

/* ---------- Rodape e extras ---------- */
#footer{background:#000;border-top:1px solid var(--borda);color:var(--texto-2);}
#footer .copyright{color:var(--texto-2);}
.back-to-top{background:var(--laranja);}
.back-to-top:hover{background:var(--vermelho);}
#preloader:before{border-color:var(--laranja);border-top-color:transparent;}

/* ---------- Correcoes sobre o tema base ---------- */
.section-title{text-align:center;padding-bottom:36px;}
.section-title h2{font-size:34px;line-height:1.2;letter-spacing:0;text-transform:none;color:#fff;font-weight:900;margin:0 0 10px 0;font-family:"Montserrat",sans-serif;}
.section-title h2::after{display:block;width:80px;height:4px;margin:14px auto 0 auto;border-radius:4px;}
.section-title p{font-size:18px;font-weight:400;text-transform:none;color:var(--texto-2);font-family:"Open Sans",sans-serif;}
@media (max-width:767px){.section-title h2{font-size:26px;}}
.features .icon-box{display:block;}
.features .icon-box i{margin-right:0;}
.features .icon-box h3,.features .icon-box p{margin-left:0;padding-left:0;}
.pricing .box{padding:30px 22px;}
.features .icon-box h3{line-height:1.25;}.features .icon-box i{padding-right:0;}
.pricing .box{padding:20px;}
.pricing h3{background:#1a1a1a;color:#fff;margin:-20px -20px 20px -20px;padding:20px 15px;}
.pricing h4{color:var(--laranja-claro);}
.pricing h4 sup{color:var(--laranja-claro);}
.pricing .btn-wrap{background:#1a1a1a;color:var(--texto-2);}
.pricing .btn-wrap a{color:#fff;}
.pricing ul li{color:#d8d8d8;}
.pricing .box .advanced{color:#fff;}
