.elementor-1715 .elementor-element.elementor-element-e4674dd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-8e127d6 *//* =========================
   PENAL HUB — TEMA PRETO/DOURADO (compatível com celulares antigos)
   - Cores herdadas do seu padrão
   - Menu interno sem barra deslizante (wrap)
   - Botões em gradiente: urgente (vermelho) e consultoria (dourado)
   ========================= */

:root{
  /* Base */
  --bg:#070a0f;
  --bg2:#0b101a;
  --card: rgba(255,255,255,.03);
  --stroke: rgba(255,255,255,.12);
  --stroke2: rgba(255,255,255,.08);

  --text:#f2f5fb;
  --muted: rgba(242,245,251,.74);
  --muted2: rgba(242,245,251,.58);
  --silver:#cdd3dd;

  /* Urgente (vermelho) */
  --urgent1:#ef4444;
  --urgent2:#7a0f0f;
  --urgentStroke: rgba(239,68,68,.45);

  /* Consultoria / chips (dourado) */
  --gold1:#f2d57a;
  --gold2:#a0760e;
  --goldStroke: rgba(242,213,122,.55);

  /* Layout */
  --shadow: 0 18px 60px rgba(0,0,0,.45);
  --radius: 18px;
  --radius2: 14px;
  --max: 960px;
  --pad: 16px;
  --font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Noto Sans", "Helvetica Neue", sans-serif;
}

/* Reset básico */
*{ box-sizing: border-box }
html,body{ height:100% }
body{
  margin:0;
  background: linear-gradient(180deg, #05070c 0%, var(--bg) 60%, #060911 100%);
  color:var(--text);
  font-family: var(--font);
  line-height:1.55;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Container principal */
.wrap{ max-width: var(--max); margin:0 auto; padding: var(--pad) }

/* Topo (nome + ações quentes) */
.top{ display:flex; align-items:center; justify-content:space-between; gap:12px }
.brand strong{ color:var(--gold1); font-weight:900; letter-spacing:.2px }
.brand span{ display:block; color:var(--muted2); font-size:.92rem }

/* Destaques de cor */
.accent-red{ color: var(--urgent1) }

/* Tipografia blindada (boa leitura dos títulos) */
h1,h2,h3{
  color:var(--text);
  margin:0 0 .6rem;
  line-height:1.22;
  text-shadow: 0 1px 0 rgba(0,0,0,.55);
}
h1{ font-size:clamp(1.9rem, 3.4vw, 2.4rem); font-weight:900 }
h2{ font-size:clamp(1.35rem, 2.6vw, 1.6rem); font-weight:800 }
h3{ font-size:clamp(1.1rem, 2.2vw, 1.28rem); font-weight:800 }
p{ margin:.4rem 0; color:var(--muted) }
.intro{ color:var(--muted); max-width: 72ch }

/* Links */
a{ color: rgba(242,213,122,.92); text-decoration:none }
a:hover{ color:#ffe696 }

/* Botões */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  padding:12px 16px; border-radius:14px; font-weight:850; letter-spacing:.01em;
  border:1px solid var(--stroke); background: rgba(255,255,255,.03); color:var(--text);
  transition:.16s ease; text-decoration:none; cursor:pointer;
}
.btn:hover{ transform: translateY(-1px); border-color: rgba(255,255,255,.18) }
.btn:active{ transform: translateY(0) }
.btn.xl{ padding:14px 18px; font-size:1.02rem }

/* Urgente (vermelho) */
.btn.red{
  background: linear-gradient(180deg, rgba(239,68,68,.96), rgba(122,15,15,.96));
  border-color: var(--urgentStroke);
  color:#fff;
}
.btn.red:hover{
  background: linear-gradient(180deg, rgba(255,92,92,.98), rgba(122,15,15,.96));
}

/* Dourado (consultoria) */
.btn.gold{
  background: linear-gradient(180deg, rgba(242,213,122,.98), rgba(160,118,14,.98));
  border-color: var(--goldStroke);
  color:#0b0f18;
}
.btn.gold:hover{
  background: linear-gradient(180deg, rgba(255,230,150,.99), rgba(160,118,14,.98));
}

/* Fantasma */
.btn.ghost{
  background: rgba(255,255,255,.02);
  border-color: var(--stroke2);
  color: var(--silver);
}

/* Linhas de CTAs e ações */
.cta-row, .actions{ display:flex; flex-wrap:wrap; gap:10px; margin-top:6px }

/* Navegação interna (chips) — sem barra deslizante */
.chips{
  display:flex; flex-wrap:wrap; gap:10px; margin:14px 0;
}
.chips a{
  display:inline-flex; align-items:center; justify-content:center;
  padding:8px 12px; min-height:38px; border-radius:999px; flex:0 0 auto;
  border:1px solid rgba(242,213,122,.22);
  background: rgba(255,255,255,.03);
  color: rgba(242,213,122,.92);
  font-weight:900; line-height:1; white-space:nowrap;
}
.chips a:hover{ border-color: rgba(242,213,122,.45); transform: translateY(-1px) }

/* Cards e grids */
.card{
  border:1px solid var(--stroke);
  background: rgba(255,255,255,.03);
  border-radius: var(--radius2);
  padding: 16px;
  box-shadow: var(--shadow);
}
.grid{ display:grid; grid-template-columns:1fr; gap:10px }
.grid-2{ display:grid; grid-template-columns:1fr 1fr; gap:14px }
@media (max-width: 720px){ .grid-2{ grid-template-columns:1fr } }

/* Listas */
.bul{ margin:.4rem 0 .8rem; padding-left:18px; color:var(--muted2) }
.bul li{ margin:.3rem 0 }

/* Formulário (WhatsApp) */
label{ display:block; font-size:.95rem; color:var(--silver) }
input,textarea{
  width:100%; padding:12px; border-radius:14px;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.03);
  color:var(--text);
}
input::placeholder, textarea::placeholder{ color: rgba(242,245,251,.45) }
input:focus, textarea:focus{
  border-color: rgba(242,213,122,.45);
  box-shadow: 0 0 0 4px rgba(242,213,122,.14);
  outline:none;
}

/* Notas e rodapé */
.note{ color:var(--muted2); font-size:.9rem }
.foot{ border-top:1px solid var(--stroke2); margin-top:8px; padding-top:10px }
.foot a{ color: rgba(242,213,122,.92) }
.foot a:hover{ color:#ffe696 }

/* Header auxiliar (opcional) */
.brand strong::after{
  content:""; display:inline-block; width:8px;
  margin-left:6px; height:8px; border-radius:999px;
  background: radial-gradient(circle at 30% 30%, #ffe696, var(--gold1));
  box-shadow: 0 0 12px rgba(242,213,122,.55);
}

/* Acessibilidade: foco visível em links/botões */
a:focus-visible, .btn:focus-visible, input:focus-visible, textarea:focus-visible{
  outline:2px solid rgba(242,213,122,.85);
  outline-offset:2px;
}

/* Evita qualquer scroll horizontal inesperado */
html, body{ overflow-x:hidden }
/* Fix contraste dos títulos */
h1, h2, h3{
  color:#fff !important;          /* força branco sólido */
  text-shadow:none !important;    /* remove sombra que pode lavar o texto */
  font-weight:900 !important;     /* reforça a espessura */
  -webkit-font-smoothing:auto;    /* evita suavização que afina no fundo escuro */
  -moz-osx-font-smoothing:auto;
}

/* Home (page-id-1715): neutraliza qualquer efeito que lave as cores */
body.page-id-1715 header.wrap,
body.page-id-1715 main.wrap,
body.page-id-1715 footer.jm-footer-gold {
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  isolation: isolate;
}

/* Títulos com branco “quente” e contraste alto */
body.page-id-1715 :is(h1,h2,h3){
  color:#f7f8fc !important;
  text-shadow: 0 1px 0 rgba(0,0,0,.78), 0 0 12px rgba(0,0,0,.24) !important;
  line-height:1.18 !important;
  font-weight:900 !important;
}

/* Dourado consistente (chips/links/botões/rodapé) */
body.page-id-1715 .btn.gold{ 
  background: linear-gradient(180deg, #F2D57A, #A0760E) !important;
  border-color: rgba(242,213,122,.55) !important;
  color:#0b0f18 !important;
}
body.page-id-1715 .chips a{ 
  color:#D4AF37 !important; 
  border-color: rgba(242,213,122,.22) !important;
}
body.page-id-1715 .chips a:hover{ 
  color:#FFE696 !important; 
  border-color: rgba(242,213,122,.45) !important;
}
body.page-id-1715 .jm-footer-gold a{ color:#D4AF37 !important }
body.page-id-1715 .jm-footer-gold a:hover{ color:#FFE696 !important }/* End custom CSS */