/* Pedy+ - tema Fogo para a primeira tela do app (app.pedymais.com.br)
   Paleta: fundo #000000, cards #111111, laranja #FF5400 / #FF9E00, vermelho #D00000 */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');

body, #root, .main-container-desktop { background:#000 !important; font-family:'Poppins',-apple-system,system-ui,'Segoe UI',Roboto,Arial,sans-serif !important; }
.main-container-desktop { color:#fff; }

/* faixa "Experimente no seu telefone" */
.use-on-phone { background:#111 !important; color:#fff !important; border-bottom:1px solid #222; }
.use-on-phone span, .use-on-phone .font-w700 { color:#fff !important; }

/* titulo e subtitulo */
.desktop-title { color:#FF5400 !important; font-weight:800 !important; letter-spacing:-0.5px; }
.desktop-subtitle, .desktop-subtitle blockquote, .desktop-subtitle p { color:#d9d9d9 !important; border-left-color:#FF9E00 !important; }

/* botao principal */
.btn-unblur { background:linear-gradient(90deg,#FF5400,#FF9E00) !important; color:#000 !important; font-weight:700 !important; border-radius:12px !important; border:0 !important; box-shadow:0 8px 24px rgba(255,84,0,.35); }
.btn-unblur:hover { background:#D00000 !important; color:#fff !important; }

/* moldura do celular */
.phone, .phone .notch { background:#111 !important; border-color:#222 !important; }

/* numeros (lojas/itens/clientes/entregadores) */
.container-fluid[style], .container-fluid { }
.store-achievement { background:#111 !important; border:1px solid #222; border-radius:16px !important; box-shadow:none !important; }
.store-achievement h3 { color:#bdbdbd !important; font-weight:500; }
.store-achievement h4 { color:#FF9E00 !important; font-weight:800; }

/* rodape */
.desktop-footer, footer.desktop-footer { background:#000 !important; color:#bdbdbd !important; border-top:1px solid #222; }
.desktop-footer a { color:#FF9E00 !important; }
.desktop-footer h3, .desktop-footer .h5 { color:#fff !important; }
.desktop-footer p, .desktop-footer font { color:#bdbdbd !important; }

/* fundo decorativo (a imagem original e branca com curva) */
.main-container-desktop::before { background-image: radial-gradient(60% 70% at 85% 20%, rgba(255,84,0,.35) 0%, rgba(208,0,0,.15) 40%, rgba(0,0,0,0) 70%) !important; background-color:#000 !important; }
.main-container-desktop + .container-fluid { background:#000 !important; }
.desktop-title { font-size:3.2rem !important; line-height:1.05 !important; text-transform:uppercase; }
.desktop-title::after { content:""; display:block; width:90px; height:6px; margin-top:16px; background:linear-gradient(90deg,#FF5400,#FF9E00); border-radius:3px; }
.desktop-subtitle, .desktop-subtitle * { background:transparent !important; color:#d9d9d9 !important; }
.desktop-subtitle blockquote { border:0 !important; padding-left:0 !important; font-size:1.1rem; }
.desktop-footer, .desktop-footer::before, .desktop-footer::after, .desktop-footer .container, .desktop-footer .content { background-image:none !important; background-color:#000 !important; }
.main-container-desktop::after { background-image:none !important; }
.main-container-desktop ~ .container-fluid, .main-container-desktop ~ .container-fluid::before, .main-container-desktop ~ .container-fluid::after { background-image:none !important; background-color:#000 !important; }
.footer-logo { background:transparent !important; }

/* inverter hero: celular a esquerda, texto e botao a direita */
@media (min-width: 768px) {
  .main-container-desktop > .container > .row { flex-direction: row-reverse !important; }
  .main-container-desktop .left-col { text-align: left; }
  .main-container-desktop::before { transform: scaleX(-1); }
}

/* esconder o aviso "Experimente no seu Telefone" (canto inferior esquerdo) */
.use-on-phone { display:none !important; }