/*
 Theme Name: GeneratePress Child
 Author: Marcelo & Jarvis
 Template: generatepress
 Version: 1.0
*/

/* ====================================
   4BA – Páginas Internas (cadastro)
   ==================================== */

.cadastro-4ba-container {
    max-width: 900px;
    margin: 40px auto;
    background: #ffffff;
    padding: 30px;
    border-radius: 10px;
    border: 1px solid #e2e2e2;
}

.cadastro-4ba-titulo {
    font-size: 28px;
    margin-bottom: 25px;
}

.secao-4ba {
    margin-top: 40px;
    font-size: 20px;
    border-bottom: 2px solid #dadada;
    padding-bottom: 8px;
}

.linha-4ba {
    margin-bottom: 20px;
}

.linha-4ba label {
    display: block;
    font-weight: 600;
    margin-bottom: 6px;
}

.linha-4ba input {
    width: 100%;
    padding: 10px;
    border: 1px solid #cccccc;
    border-radius: 6px;
}

.botao-4ba {
    margin-top: 30px;
    padding: 14px 26px;
    font-size: 16px;
    border: none;
    border-radius: 6px;
    background: #0073aa;
    color: #fff;
    cursor: pointer;
}

.botao-4ba:hover {
    background: #005c88;
}

.msg-sucesso-4ba,
.msg-erro-4ba {
    max-width: 900px;
    margin: 20px auto;
    padding: 12px;
    border-radius: 6px;
    font-weight: 600;
}

.msg-sucesso-4ba {
    background: #d4ffd4;
    border: 1px solid #8ada8a;
    color: #006600;
}

.msg-erro-4ba {
    background: #ffd6d6;
    border: 1px solid #d80000;
    color: #b30000;
}

/* Campo organização "somente visual" */
.fourba-org-readonly .acf-input select,
.fourba-org-readonly .acf-input input {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    padding-left: 0 !important;
    pointer-events: none !important;
    color: #374151 !important;
    font-weight: 500;
}

.fourba-org-readonly .acf-input select {
    appearance: none !important;
    -webkit-appearance: none !important;
}

.fourba-org-readonly .acf-label label {
    margin-bottom: 2px !important;
}

/* Ocultar campo organização em formulários */
.acf-field[data-name="organizacao_responsavel"] {
    display: none !important;
}

/* ACF – ajustes gerais */
.acf-field {
    margin-bottom: 22px !important;
}

.acf-label label {
    font-weight: 600;
    font-size: 14px;
    color: #374151;
}

.acf-input input,
.acf-input select,
.acf-input textarea {
    border-radius: 10px !important;
    border: 1px solid #d1d5db !important;
    padding: 10px 14px !important;
    font-size: 15px;
}

input[type=file] {
    padding: 0 !important;
    border: none !important;
}


/* Cartão do formulário 4BA */
.fourba-form-card {
    background: #ffffff;
   
    padding: 28px;
    border: 1px solid #e5e7eb;
    box-shadow: 0 6px 24px rgba(0,0,0,0.08);
    max-width: 880px;
   
}

.fourba-form-card h2,
.fourba-form-card h3,
.fourba-form-card label {
    color: #111827 !important;
}

.fourba-form-card .acf-field {
    margin-bottom: 18px !important;
}

.fourba-form-card .acf-button {
    background: #111827 !important;
    color: #fff !important;
    border-radius: 999px !important;
    padding: 10px 24px !important;
    font-weight: 600;
    text-transform: none;
}

@media (min-width: 769px) {
    .fourba-form-card .acf-fields {
        margin-left: auto !important;
        margin-right: auto !important;
        max-width: 720px;
    }
}

/* ================================
   4BA – Perfil / Meu Perfil
   ================================ */

/* CONTAINER PRINCIPAL */
.area-container {
    max-width: 800px !important;
    width: 100% !important;
    margin: 10px auto !important;
    padding: 0 15px 40px !important;
    position: relative !important;
}

/* CARD PRINCIPAL */
.area-card {
    background: #ffffff !important;
    padding: 24px !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.18) !important;
    width: 100% !important;
    margin: 0 auto !important;
    position: relative !important;
    top: 10px !important;
}

/* BANNER */
.area-banner {
    width: 100% !important;
    
    background-size: cover !important;
    background-position: center !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    position: relative !important;
}

.area-banner::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
   
}

/* BOXES INTERNOS */
.area-box {
    background: #f9fafb !important;
    border-radius: 12px !important;
    padding: 14px 16px !important;
    border: 1px solid #e5e7eb !important;
}

/* GRID */
.area-sections {
    display: grid !important;
    grid-template-columns: 1.2fr 1fr !important;
    gap: 18px !important;
    margin-top: 10px !important;
}

/* MOBILE */
@media (max-width: 768px) {
    .area-container {
        max-width: 100% !important;
        padding: 0 12px 30px !important;
    }



    .area-sections {
        grid-template-columns: 1fr !important;
    }
}
.fourba-wrapper {
    max-width: 720px;
    margin: 40px auto;
    padding: 20px;
    background: #ffffff;
    border-radius: 14px;
    border: 1px solid #e5e7eb;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.fourba-title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 8px;
}

.fourba-desc {
    font-size: 14px;
    color: #4b5563;
    margin-bottom: 24px;
}

.fourba-group {
    margin-bottom: 28px;
}

.fourba-group-title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 12px;
}

.fourba-field {
    margin-bottom: 16px;
}

.fourba-field label {
    font-size: 13px;
    font-weight: 600;
    display: block;
    margin-bottom: 6px;
}

.fourba-field input {
    width: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1px solid #d1d5db;
    font-size: 14px;
}

.fourba-submit {
    margin-top: 20px;
}

.fourba-submit button {
    background: #2563eb;
    color: white;
    padding: 12px 22px;
    border: none;
    border-radius: 8px;
    font-size: 15px;
    cursor: pointer;
    font-weight: 600;
    transition: 0.2s;
}

.fourba-submit button:hover {
    background: #1d4ed8;
}
/* REMOVE O FLEX DO CONTAINER PRINCIPAL DO GENERATEPRESS EM TODO O SITE */
/* Isso libera largura total para layouts personalizados 4BA e ACM */
.site-content {
    display: block !important;
}
.area-banner {
    width: 100%;
    height: 240px;
    background-image: url('<?php echo esc_url($banner_url); ?>');
    background-size: cover;
    background-position: center;
    border-radius: 14px;
    overflow: hidden;
    position: relative;
}
/* ================================
   CONTAINER GERAL DA PÁGINA
================================ */
.fourba-evento-wrapper,
.fourba-evento-page {
   
    margin: 0 auto !important;
    padding: 0 20px !important;
}

/* ================================
   TÍTULO DO EVENTO
================================ */
.fourba-evento-titulo {
    font-size: 32px !important;
    font-weight: 700 !important;
    margin-bottom: 10px !important;
    color: #111 !important;
}

/* ================================
   META (data, local, organização)
================================ */
.fourba-evento-meta p,
.fourba-evento-meta div,
.fourba-evento-meta span {
    font-size: 15px !important;
    color: #333 !important;
    margin: 3px 0 !important;
    line-height: 1.5 !important;
}

/* ================================
   REGRAS E PROIBIÇÕES
================================ */
.fourba-regras-box {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 20px !important;
}

.fourba-regras-box h2 {
    font-size: 18px !important;
    font-weight: 700 !important;
    margin-bottom: 10px !important;
}

.fourba-regras-box p,
.fourba-regras-box div {
   
    color: #374151 !important;
}

/* ================================
   CARD DO FORMULÁRIO
================================ */
.fourba-inscricao-card {
    background: #ffffff !important;
    border-radius: 14px !important;
    box-shadow: 0 12px 32px rgba(0,0,0,0.12) !important;
    padding: 24px !important;
}

/* ================================
   TÍTULO DO FORMULÁRIO
================================ */
.fourba-inscricao-card h2 {
    font-size: 22px !important;
    margin-bottom: 10px !important;
    color: #111 !important;
}

/* ================================
   CAMPOS DO FORMULÁRIO
================================ */
.fourba-field label {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #111 !important;
    margin-bottom: 4px !important;
    display: block !important;
}

.fourba-field input,
.fourba-field select,
.fourba-field textarea {
    width: 100% !important;
    padding: 10px 12px !important;
    border: 1px solid #9ca3af !important;
    border-radius: 8px !important;
    background: #fff !important;
    font-size: 15px !important;
    color: #111 !important;
    margin-bottom: 12px !important;
}

/* Hover e Foco */
.fourba-field input:focus,
.fourba-field textarea:focus {
    border-color: #111 !important;
    outline: none !important;
    box-shadow: 0 0 0 2px #1112 !important;
}

/* ================================
   BOTÃO DO FORMULÁRIO
================================ */
.fourba-inscricao-submit button {
    width: 100% !important;
    padding: 12px !important;
    background: #111827 !important;
    border: none !important;
    border-radius: 999px !important;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: 0.2s !important;
}

.fourba-inscricao-submit button:hover {
    background: #000 !important;
}

/* ================================
   ALERTAS (erro e sucesso)
================================ */
.fourba-msg-erro {
    background: #fee2e2 !important;
    color: #7f1d1d !important;
    border: 1px solid #b91c1c !important;
    padding: 12px !important;
    border-radius: 8px !important;
}

.fourba-msg-sucesso {
    background: #ecfdf3 !important;
    color: #166534 !important;
    border: 1px solid #16a34a !important;
    padding: 12px !important;
    border-radius: 8px !important;
}

/* ================================
   MOBILE
================================ */
@media (max-width: 900px) {

    .fourba-evento-grid {
        flex-direction: column !important;
    }

    .fourba-inscricao-card {
        position: relative !important;
        top: 0 !important;
        width: 100% !important;
        margin-top: 30px !important;
    }

    .fourba-evento-titulo {
        font-size: 26px !important;
    }
}
/* ----------------------------------------------
   WRAPPER GERAL DO EVENTO  — COM BG E BORDAS
---------------------------------------------- */
.fourba-evento-wrapper {
    
    margin: -25px auto !important;
    padding: 25px 0px !important;

    background: #ffffff !important;        /* Fundo branco clean */
    border-radius: 14px !important;        /* Bordas arredondadas */
    box-shadow: 0 8px 25px rgba(0,0,0,0.08) !important;  /* Sombra suave */
    border: 1px solid #e5e7eb !important;  /* Linha leve */
}
/* ===========================================
   BG PADRÃO 4BA (mesmo que funcionou)
   Aplicado ao card de inscrição
   =========================================== */
.fourba-evento-inscricao {
    background: #ffffff !important;
    padding: 20px !important;
    border-radius: 16px !important;
    box-shadow: 0 12px 30px rgba(0,0,0,0.08) !important;
    max-width: 1100px !important;
    margin: 30px auto !important;
    display: block !important;
}
.fourba-form-wrapper {
    background:#f3f4f6 !important;
    padding:25px !important;
    border-radius:12px !important;
    margin-top:40px !important;
}



.fourba-form-wrapper input,
.fourba-form-wrapper select {
    width:100% !important;
    padding:10px !important;
    border:1px solid #bbb !important;
    border-radius:8px !important;
    margin-bottom:12px !important;
}

.fourba-total-box {
    background:#fff !important;
    border:1px solid #ddd !important;
    padding:15px !important;
    border-radius:10px !important;
    margin-top:20px !important;
}
/* CAIXA GERAL */
.fourba-regras-box {
    margin-top: 25px !important;
    border-radius: 10px !important;
    background: #f9fafb !important;
    border: 1px solid #e5e7eb !important;
   
    padding: 0 !important;
}

/* CABEÇALHO DO BLOCO */
.fourba-regras-box .fourba-regras-header {
  
padding: 12px 16px !important;
border-left: 4px solid #16a34a !important;
border-bottom: 1px solid #e5e7eb !important;
border-radius: 8px !important;
background: #ecfdf5;

}

/* TÍTULO */
.fourba-regras-box .fourba-regras-header h2 {
    margin: 0 0 4px 0 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #1e1e1e !important;
}

/* SUBTÍTULO */
.fourba-regras-box .fourba-regras-header p {
    margin: 0 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #4b5563 !important;
}

/* CONTEÚDO */
.fourba-regras-box .fourba-regras-content {
    padding: 18px !important;
    font-size: 14px !important;
    
    color: #374151 !important;
}
/* BLOCOS DO CABEÇALHO DO EVENTO */
.fourba-evento-header p {
    margin: 4px 0 !important; /* mesma distância superior e inferior */
    line-height: 1.45 !important; /* mais respirado */
    font-size: 14.2px !important; /* leve ajuste para suavizar a leitura */
}

/* TÍTULO DO EVENTO MAIS DESTACADO */
.fourba-evento-header h1 {
    margin-bottom: 14px !important; /* mais espaçamento abaixo */
    font-size: 23px !important;
    font-weight: 700;
}

/* ÍCONES RENDERIZAM MUITO GRANDES EM ALGUNS TEMAS */
.fourba-evento-header p strong::after {
    content: "" !important;
}
.fourba-evento-header p img,
.fourba-evento-header p svg,
.fourba-evento-header p span {
    vertical-align: middle !important;
}
/* CAIXA GERAL DOS DADOS DO EVENTO */
.fourba-info-box {
    margin: 0px 0 !important;
    border-radius: 10px !important;
    background: #f9fafb !important;
    border: 1px solid #e5e7eb !important;
   
    padding: 0 !important;
}

/* FAIXA SUPERIOR (como a das Regras) */
.fourba-info-header {
    background: #16a34a;
    padding: 14px 30px !important;
    border-bottom: 5px solid #d96404 !important;
    color: #ffffff;
}

.fourba-info-header h2 {
    margin: 0 !important;
    font-size: 22px !important;
    font-weight: 700 !important;
}

/* CONTEÚDO INTERNO */
.fourba-info-content {
    padding: 35px !important;
        font-size: 14px;
}
/* -----------------------------------------------------------
   FORMULÁRIO 4BA — CSS CORRIGIDO E COMPACTO
   ----------------------------------------------------------- */

/* Wrapper mais compacto */
.fourba-form-wrapper {
    margin: 15px 0 !important;
    padding: 0 !important;
}

/* Cartões mais enxutos */
.fourba-form-card {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
   
    padding: 15px !important;
   margin-top:0px; !important;
    margin-bottom: 0px; !important;
}

/* Títulos menores, alinhados com visual minimalista */
.fourba-form-card h3 {
   font-size: 15px !important;
    margin-bottom: 12px !important;
    font-weight: 600 !important;
    background:  #f0fdf4 !important;
    padding: 10px;
    border-radius: 10px;
    border-left: 4px solid #16a34a; !important;
    color: #d56204 !important;
    font-weight: 600 !important;
}


/* Inputs */
.fourba-form-card input[type="text"],
.fourba-form-card input[type="email"],
.fourba-form-card input[type="number"] {
    background: #fff !important;
    border: 1px solid #d1d5db !important
}
/* BOTÕES AVULSOS – Base */
.fourba-avulso-btn {
    background: #f3f4f6;       /* cinza claro, sempre visível */
    color: #111;               /* texto forte */
    border: 1px solid #d1d5db; /* borda suave */
    transition: all 0.15s ease;
}

/* Hover — maior resposta visual */
.fourba-avulso-btn:hover {
    background: #e5e7eb;
    transform: translateY(-1px);
}

/* Selecionado */
.fourba-avulso-btn.is-active {
    background: #111827 !important;  /* quase preto */
    color: #fff !important;          /* texto branco */
    border-color: #111 !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.25);
}

/* Para evitar que o clique pareça "lento" */
.fourba-avulso-btn:active {
    transform: scale(0.96);
}
.fourba-modal { position: fixed; inset: 0; z-index: 9999; }
.fourba-modal.is-hidden { display: none; }

.fourba-modal-overlay {
  position: absolute; inset: 0;
  background: rgba(0,0,0,.45);
}

.fourba-modal-box {
  position: relative;
  max-width: 420px;
  margin: 15vh auto;
  background: #f3f4f6;
  border-radius: 12px;
  padding: 24px;
  text-align: center;
}

.fourba-modal-actions { margin-top: 20px; }
/* ================================
   Aguardando Pagamento – 4BuyAccess
   ================================ */

#fourba-aguardando-pagamento {
  max-width: 720px !important;
  margin: 60px auto !important;
  padding: 20px !important;
  text-align: center !important;
}

.fourba-box-status {
  background: #111 !important;
  color: #ffffff !important;
  padding: 36px 28px !important;
  border-radius: 14px !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.35) !important;
}

.fourba-box-status h1 {
  font-size: 26px !important;
  margin-bottom: 16px !important;
  font-weight: 600 !important;
}

.fourba-texto {
  font-size: 16px !important;
  line-height: 1.5 !important;
  opacity: 0.9 !important;
}

.fourba-info {
  margin-top: 20px !important;
  font-size: 14px !important;
  opacity: 0.85 !important;
}

.fourba-aviso {
  margin-top: 26px !important;
  font-size: 14px !important;
  opacity: 0.85 !important;
}

/* ================================
   Animação – 3 pontinhos
   ================================ */

.fourba-dots {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 26px 0 !important;
}

.fourba-dots span {
  width: 10px !important;
  height: 10px !important;
  background: #00d084 !important;
  border-radius: 50% !important;
  animation: fourba-bounce 1.4s infinite ease-in-out both !important;
}

.fourba-dots span:nth-child(1) {
  animation-delay: -0.32s !important;
}
.fourba-dots span:nth-child(2) {
  animation-delay: -0.16s !important;
}

@keyframes fourba-bounce {
  0%, 80%, 100% {
    transform: scale(0) !important;
    opacity: 0.3 !important;
  }
  40% {
    transform: scale(1) !important;
    opacity: 1 !important;
  }
}
/* ================================
   Spinner – Aguardando Pagamento
   ================================ */

.fourba-spinner {
  width: 52px !important;
  height: 52px !important;
  margin: 28px auto !important;
  border: 5px solid rgba(255,255,255,0.15) !important;
  border-top-color: #00d084 !important;
  border-radius: 50% !important;
  animation: fourba-spin 1s linear infinite !important;
}

@keyframes fourba-spin {
  from {
    transform: rotate(0deg) !important;
  }
  to {
    transform: rotate(360deg) !important;
  }
}
/* ===== Base geral (ticket style) ===== */
.org-page {
  font-size: 13px;
  line-height: 1.4;
  color: #222;
}

/* ===== Cabeçalho ===== */
.org-header {
  border-bottom: 1px solid #ddd;
  padding-bottom: 12px;   /* ↓ era 16 */
  margin-bottom: 16px;    /* ↓ era 24 */
}

.org-header h1 {
  font-size: 22px;        /* controla o impacto do nome */
  margin-bottom: 6px;
  line-height: 1.2;
}

.org-header p {
  margin: 2px 0;
  font-size: 13px;
  color: #333;
}

.org-logo {
  max-height: 60px;       /* ↓ era 80 */
  margin-bottom: 8px;
}

/* ===== Tabs ===== */
.org-tabs {
  display: flex;
  gap: 8px;               /* ↓ era 12 */
  margin-bottom: 16px;    /* ↓ era 20 */
}

.org-tabs a {
  padding: 6px 10px;      /* ↓ mais compacto */
  background: #f2f2f2;
  border-radius: 3px;
  text-decoration: none;
  color: #333;
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}

.org-tabs a.active {
  background: #111;
  color: #fff;
}

/* ===== Listas ===== */
.org-list,
.org-events {
  list-style: none;
  padding-left: 0;
}

.org-list li,
.org-events li {
  padding: 4px 0;         /* ↓ era 6 */
  border-bottom: 1px dashed #ddd;
  font-size: 13px;
}

.org-list strong,
.org-events strong {
  font-weight: 600;
}

/* ===== Links de eventos ===== */
.org-events a {
  margin-left: 8px;       /* ↓ era 12 */
  font-weight: 600;
  font-size: 12px;
}

/* ===== Container ===== */
.org-page.container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
}

@media (max-width: 768px) {
  .org-page.container {
    padding: 0 16px;
  }

  .org-header h1 {
    font-size: 20px;
  }

 .org-content h2 {
  font-size: 20px !important;
  margin: 18px 0 8px;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}
}
/* ===== ACF FORM — AJUSTE DE LARGURA ===== */
.fourba-form-card .acf-form,
.fourba-form-card .acf-fields,
.fourba-form-card .acf-field,
.fourba-form-card .acf-input,
.fourba-form-card .acf-input input,
.fourba-form-card .acf-input select,
.fourba-form-card .acf-input textarea {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
}

/* Remove aparência "admin" */
.fourba-form-card .acf-input input,
.fourba-form-card .acf-input select,
.fourba-form-card .acf-input textarea {
    border-radius: 8px;
    padding: 10px 12px;
    font-size: 14px;
}

/* WYSIWYG ocupa tudo */
.fourba-form-card .acf-editor-wrap {
    width: 100% !important;
}

/* Remove margens estranhas */
.fourba-form-card .acf-field {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.fourba-btn-mp {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;

  margin: 22px auto 0;
  padding: 14px 22px;

  max-width: 320px;

  background: #009ee3;
  color: #fff;
  text-decoration: none;

  border-radius: 10px;
  font-weight: 600;
  font-size: 16px;

  transition: transform .15s ease, box-shadow .15s ease;
}

.fourba-btn-mp img {
  height: 22px;
}

.fourba-btn-mp:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 20px rgba(0,0,0,.2);
}

.fourba-mp-info {
  margin-top: 10px;
  font-size: 13px;
  opacity: .7;
  text-align: center;
}
/* ================================
   4BA – Pagamento Sucesso
================================ */

.fourba-pagamento-sucesso {
    max-width: 720px !important;
    margin: 60px auto !important;
    padding: 0 20px !important;
}

.fourba-sucesso-box {
    background: #ffffff !important;
    padding: 40px !important;
    border-radius: 12px !important;
    text-align: center !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08) !important;
}

.fourba-sucesso-icon {
    font-size: 48px !important;
    margin-bottom: 16px !important;
}

.fourba-sucesso-header h1 {
    margin-bottom: 8px !important;
}

.fourba-sucesso-resumo ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 24px 0 !important;
}

.fourba-sucesso-resumo li {
    margin-bottom: 8px !important;
}

.fourba-sucesso-proximo {
    margin-top: 24px !important;
    font-size: 16px !important;
}

.fourba-sucesso-acoes {
    margin-top: 32px !important;
    display: flex !important;
    gap: 16px !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
}

.fourba-btn {
    padding: 12px 24px !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    font-weight: 600 !important;
}

.fourba-btn.primary {
    background: #111 !important;
    color: #fff !important;
}

.fourba-btn.secondary {
    background: #eee !important;
    color: #111 !important;
}
/* ================================
   4BA – Pagamento Rejeitado
================================ */

.fourba-pagamento-rejeitado {
    max-width: 720px !important;
    margin: 60px auto !important;
    padding: 0 20px !important;
}

.fourba-rejeitado-box {
    background: #ffffff !important;
    padding: 40px !important;
    border-radius: 12px !important;
    text-align: center !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08) !important;
}

.fourba-rejeitado-icon {
    font-size: 48px !important;
    margin-bottom: 16px !important;
}

.fourba-rejeitado-header h1 {
    margin-bottom: 8px !important;
}

.fourba-rejeitado-info {
    margin-top: 16px !important;
    font-size: 16px !important;
}

.fourba-rejeitado-resumo ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 24px 0 !important;
}

.fourba-rejeitado-resumo li {
    margin-bottom: 8px !important;
}

.fourba-rejeitado-acoes {
    margin-top: 32px !important;
    display: flex !important;
    gap: 16px !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
}
/* ================================
   4BA – Minha Inscrição
================================ */

.fourba-minha-inscricao {
    max-width: 720px !important;
    margin: 60px auto !important;
    padding: 0 20px !important;
}

.fourba-minha-box {
    background: #ffffff !important;
    padding: 40px !important;
    border-radius: 12px !important;
    text-align: center !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08) !important;
}

.fourba-minha-header h1 {
    margin-bottom: 8px !important;
}

.fourba-minha-resumo ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 24px 0 !important;
}

.fourba-minha-resumo li {
    margin-bottom: 8px !important;
}

.fourba-minha-qrcode {
    margin: 32px 0 !important;
}

.fourba-qrcode-placeholder {
    width: 180px !important;
    height: 180px !important;
    margin: 0 auto !important;
    border: 2px dashed #9ca3af !important;
    border-radius: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: 700 !important;
    color: #6b7280 !important;
    flex-direction: column !important;
}

.fourba-qrcode-placeholder span {
    font-size: 12px !important;
    font-weight: 400 !important;
    margin-top: 6px !important;
}

.fourba-minha-acoes {
    margin-top: 24px !important;
}
.fourba-sucesso-box {
  padding: 40px !important;
  border-radius: 16px !important;
}

.fourba-btn.primary {
  background: #000 !important;
  color: #fff !important;
}

.fourba-btn.secondary {
  background: #f2f2f2 !important;
}
#btn-novo-colaborador {
    color: #111827 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
}

#btn-novo-colaborador img {
    width: 14px !important;
    height: 14px !important;
}
/* ============================
   4BA — Ícones de ações (tabela colaboradores)
   ============================ */

.fourba-acoes img,
.fourba-acoes .emoji {
    width: 13px !important;
    height: 13px !important;
    max-width: none !important;
    max-height: none !important;
    display: inline-flex !important;
    vertical-align: middle !important;
}
/* 4BA — Fonte da lista de colaboradores */
#lista-colaboradores table {
    font-size: 13px !important;
}

#lista-colaboradores th {
    font-size: 13px !important;
    font-weight: 600;
}

#lista-colaboradores td {
    font-size: 13px !important;
}
@media (max-width: 768px) {
    #lista-colaboradores td {
        padding: 10px 8px !important;
    }
}
#lista-colaboradores td:first-child {
    font-weight: 600;
}
#lista-colaboradores td:last-child {
    text-align: center;
}
/* Botão WhatsApp - Ações */
.fourba-btn-whatsapp img {
    width: 20px !important;
    height: 20px !important;
    max-width: none !important; /* <- quebra o max-width global */
    display: block;
}

/* Caixa do botão */
.fourba-btn-whatsapp {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #dcfce7;
    border-radius: 6px;
    padding: 4px 6px;
}
/* ===== Staff Evento — Card Cabeçalho ===== */

.staff-meta {
    margin: 5px 5px;
    font-size: 13px;
    opacity: 0.85;
    text-align: left !important;
}

.staff-meta .label {
  font-weight: 600;
  opacity: 0.75;
  margin-right: 4px;
}

/* Espaço visual entre título do evento e contexto */
.card .h1 + .staff-meta {
  margin-top: 12px;
}
/* Grid de Ingressos / Avulsos */
.grid-quantidades{
  margin-top:10px;
}

/* Quando só houver um item, centraliza */
.grid-quantidades > div:only-child{
  grid-column:1 / -1;
  text-align:center;
}

/* Dá mais “corpo” antes do botão */
.grid-quantidades{
  margin-bottom:18px;
}
/* Quantidade de ingressos / avulsos */
.value-quantidade{
  font-size:26px;
  font-weight:900;
  color:#f1c40f; /* amarelo atenção */
  line-height:1;
}
.icon-alert{
  width:48px !important;
  height:48px !important;
  margin:4px auto 6px !important;
}
/* ===============================
   CONTAINER GERAL
================================ */
.fourba-minha-box{
  padding: 18px !important;
}

/* ===============================
   DADOS DO EVENTO (FICHA)
================================ */
.fourba-minha-resumo{
  text-align: left !important;
  margin: 14px 0 18px !important;
}

.fourba-minha-resumo ul{
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.fourba-minha-resumo li{
  padding: 10px 0 !important;
  border-bottom: 1px solid rgba(0,0,0,.08) !important;
  line-height: 1.3 !important;
}

.fourba-minha-resumo li strong{
  
  min-width: 160px !important;
}

/* ===============================
   BLOCO DE ATENÇÃO
================================ */
.fourba-qrcode-info{
  text-align: center !important;
  margin: 18px 0 22px !important;
  padding: 14px 12px !important;
  border: 1px solid rgba(0,0,0,.08) !important;
  border-radius: 12px !important;
  background: rgba(0,0,0,.03) !important;
}

.fourba-qrcode-info p{
  margin: 6px 0 !important;
}

/* ===============================
   WRAPPER DOS QRS
================================ */
.fourba-qrcodes-wrap{
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 18px !important;
  margin-top: 10px !important;
}

/* ===============================
   CARD DE CADA QR
================================ */
.fourba-qrcode-box{
  width: 100% !important;
  max-width: 360px !important;
  text-align: center !important;
  border: 1px solid rgba(0,0,0,.10) !important;
  border-radius: 14px !important;
  padding: 16px 14px 12px !important;
  background: #ffffff !important;
}

/* ===============================
   TÍTULO DO QR
================================ */
.qr-label{
  font-weight: 900 !important;
  font-size: 16px !important;
  margin-bottom: 10px !important;
}

/* ===============================
   CENTRALIZA QR (LIB QRCodeJS)
================================ */
.fourba-qrcode{
  display: flex !important;
  justify-content: center !important;
}

/* ===============================
   SEPARADOR TESOURINHA
================================ */
.qr-separator{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  margin-top: 14px !important;
  opacity: .45 !important;
}

.qr-separator .line{
  width: 140px !important;
  height: 1px !important;
  background: #000 !important;
}
.qr-separator {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    margin: 28px 0 !important;
    opacity: 0.6 !important;
}

.qr-separator .line {
    flex: 1 !important;
    height: 1px !important;
    background: #ccc !important;
}

.qr-separator .scissor {
    font-size: 18px !important;
}
.qr-ref {
  margin-top: 6px;
  font-size: 11px;
  opacity: 0.55;
  text-align: center;
  letter-spacing: 0.4px;
  user-select: all;
}
.fourba-form-actions {
    display: flex !important;
    justify-content: center !important;
    padding: 24px 0 40px !important;
}

.fourba-form-actions .botao-4ba {
    min-width: 220px !important;
    width: auto !important;
}
@media (max-width: 768px) {
    .fourba-form-actions {
        padding: 28px 0 48px !important;
    }

    .fourba-form-actions .botao-4ba {
        width: 100% !important;
        max-width: 320px !important;
    }
}
.fourba-termos-aceite {
    font-size: 12px !important;
    color: #6b7280 !important;
    text-align: center !important;
    line-height: 1.4 !important;
    max-width: 520px !important;
    margin: 16px auto 8px !important;
}
/* 🔥 DESBLOQUEIO DEFINITIVO DO FORM */
.fourba-info-box,
.fourba-form-wrapper,
#fourba-inscricao-form {
    overflow: visible !important;
    height: auto !important;
    max-height: none !important;
}
/* Wrapper da página de confirmação sem fundo próprio */
.fourba-wrapper {
    background: none !important;
    box-shadow: none !important;
}
/* FIX – garantir que cards e wrapper tenham espaço e sejam visíveis */
.fourba-form-wrapper{
  padding: 25px !important;
  background:#f3f4f6 !important;
  border-radius:12px !important;
}

.fourba-form-card{
  padding: 25px !important;
  border-radius: 12px !important;
}

/* Garantia extra pro bloco de quantidade aparecer */
#fourba-card-quantidade{
  display:block !important;
}
.site-info {
    display: none !important;
}
.fourba-minha-veiculo {
    margin-top: 20px;
    padding: 16px;
    background: #f9fafb;
    border-radius: 10px;
    border: 1px solid #e5e7eb;
}

.fourba-minha-veiculo h3 {
    margin: 0 0 12px 0;
    font-size: 16px;
}

.fourba-veiculo-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px 16px;
    font-size: 13px;
    color: #374151;
}

.fourba-veiculo-grid strong {
    color: #111827;
}
.fourba-carousel{
  -ms-overflow-style: none;  /* IE e Edge antigo */
  scrollbar-width: none;     /* Firefox */
}

.fourba-carousel::-webkit-scrollbar{
  display: none;             /* Chrome, Safari, Opera */
}
.fourba-carousel-card{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.fourba-carousel-info{
  text-align:center;
  
}

.fourba-carousel-title{
  margin:0;
  font-size:23px!important;
  font-weight:700;
}

.fourba-carousel-meta{
  margin:4px 0 0;
  font-size:13px;
  color:#6b7280;
  font-weight: 700!important;
}
.fourba-home-card-h h2{
      margin: 19px 28px 11px;
}  
.fourba-home-card-h .fourba-muted{
  margin:12px 28px -4px;
}
.fourba-btn-loading{
  pointer-events:none;
  opacity:.9;
}

.fourba-acoes-pagar{
  margin-top:28px;
  display:flex;
  justify-content:center;
}

.botao-4ba{
  padding:12px 22px;
  background:#111827;
  color:#fff;
  border-radius:10px;
  text-decoration:none;
  font-weight:600;
  font-size:15px;
  text-align:center;
}
.fourba-slide{
  min-width:100%;
  display:flex;
  justify-content:center;
  background:#000;
}

.fourba-slide img{
  width:100%;
  max-width:900px;   /* controla o tamanho visual */
  height:auto;
  aspect-ratio:16/9;
  object-fit:contain;
  display:block;
  margin:auto;
}
.fourba-btn-criar-evento{
    display:inline-block;
    padding:12px 22px;
    background:#111827;
    color:#fff;
    border-radius:10px;
    font-weight:600;
    text-decoration:none;
    transition:.2s;
}

.fourba-btn-criar-evento:hover{
    background:#2563eb;
}
.fourba-form-home {
  max-width: 760px;
  margin: 0 auto;
}

.fourba-card {
  background:#f9fafb;
  border:1px solid #e5e7eb;
  border-radius:14px;
  padding:20px;
  margin-bottom:20px;
}

.fourba-card h3 {
  margin:0 0 14px 0;
  font-size:18px;
}

.fourba-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:12px;
}

.fourba-form-home input,
.fourba-form-home select,
.fourba-form-home textarea {
  width:100%;
  padding:10px 12px;
  border-radius:8px;
  border:1px solid #d1d5db;
  font-size:14px;
  margin-bottom: 16px;
 }

.fourba-form-home textarea {
  min-height:90px;
  resize:vertical;
}

.fourba-form-footer {
  text-align:center;
  margin-top:20px;
}

.fourba-btn-primary {
  background:#111827;
  color:#fff;
  padding:12px 26px;
  border-radius:10px;
  border:none;
  font-size:15px;
  cursor:pointer;
}

.fourba-btn-primary:hover {
  background:#000;
}
.site-header,
header,
.main-header {
    background: #f1f5f9 !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

header a,
.site-header a {
    color: #0f172a !important;
}

header a:hover,
.site-header a:hover {
    color: #ff6900 !important;
}
:root {
    --base-3: #f1f5f9 !important;
}
.fourba-btn-criar-evento {
    background: #ff6900 !important;
    color: #ffffff !important;
    padding: 8px 14px !important;
    border-radius: 10px !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    transition: all .2s ease !important;
    position: absolute !important;
    top: 152px !important;
    right: 411px !important;   /* DESKTOP */
    z-index: 9999 !important;
    box-shadow: 0 4px 10px rgba(255,105,0,0.25) !important;
}

.fourba-btn-criar-evento:hover {
    background: #e85d00 !important;
    color: #ffffff !important;
}
.fourba-btn-criar-evento {
    box-shadow: 0 4px 10px rgba(255,105,0,0.25) !important;
}
.menu a[href*="entrar"] {
    color: #0f172a !important;
    font-weight: 500 !important;
}
.menu a[href*="entrar"]:hover {
    color: #ff6900 !important;
}
.site-content {
    margin-top: 30px !important;
}
h2 {
    font-weight: 600 !important;
    letter-spacing: .3px !important;
}

@media (max-width: 768px) {
    .fourba-btn-criar-evento {
        right: 17px !important;
    }
}
.login .language-switcher {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* Esconder quantidade de ingressos apenas no Criar Evento */
.acf-field[data-name="quantidade_ingressos"] {
    display: none !important;
}
.print-header {
    display: none;
}

@media print {
    .print-header {
        display: block !important;
        margin-bottom: 16px;
        font-size: 12px;
        border-bottom: 1px solid #000;
        padding-bottom: 8px;
    }
}
@media print {
    button,
    a,
    form {
        display: none !important;
    }
}
@media print {
    th:last-child,
    td:last-child {
        display: none !important;
    }
}
/* ============================= */
/* HERO 4BUYACCESS */
/* ============================= */

.fourba-hero {
    padding:19px 20px !important;
    background: #ffffff !important;
}

.fourba-hero-container {
    max-width: 1200px !important;
    margin: 0 auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 60px !important;
}

.fourba-hero-text {
    flex: 1 !important;
}

.fourba-hero-text h1 {
    font-size: 42px !important;
    line-height: 1.2 !important;
    margin-bottom: 20px !important;
    font-weight: 700 !important;
}

.hero-highlight {
    font-size: 20px !important;
    margin-bottom: 20px !important;
}

.hero-highlight strong {
    font-weight: 700 !important;
}

.hero-buttons {
    margin-top: 30px !important;
    display: flex !important;
    gap: 15px !important;
}

.btn-primary {
    background: #00c853 !important;
    color: #ffffff !important;
    padding: 14px 28px !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    display: inline-block !important;
}

.btn-primary:hover {
    opacity: 0.9 !important;
}

.btn-secondary {
    border: 2px solid #00c853 !important;
    color: #00c853 !important;
    padding: 14px 28px !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    display: inline-block !important;
}

.btn-secondary:hover {
    background: #00c853 !important;
    color: #ffffff !important;
}

.fourba-hero-image {
    flex: 1 !important;
}

.fourba-hero-image img {
    width: 100% !important;
    border-radius: 16px !important;
    box-shadow: 0 20px 40px rgba(0,0,0,0.1) !important;
}

/* ============================= */
/* RESPONSIVO */
/* ============================= */

@media (max-width: 768px) {

    .fourba-hero-container {
        flex-direction: column !important;
        text-align: center !important;
        gap: 40px !important;
    }

    .hero-buttons {
        justify-content: center !important;
        flex-direction: column !important;
    }

    .btn-primary,
    .btn-secondary {
        width: 100% !important;
        max-width: 300px !important;
        margin: 0 auto !important;
    }

    .fourba-hero-text h1 {
        font-size: 32px !important;
    }
}
@media (max-width: 768px) {
    .fourba-hero-container {
        flex-direction: column !important;;
        text-align: center !important;
    }

    .hero-buttons {
        justify-content: center !important;;
        flex-direction: column !important;;
    }

    .fourba-hero-text h1 {
        font-size: 32px !important;
    }
}

/* 4BA — Espaçamento botões Inscritos */
.fourba-inscritos-acoes {
    margin-bottom: 22px !important;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

/* ======================================================
   4BA — Aceites (checkboxes) – ajuste fino (mobile-first)
   ====================================================== */

.fourba-aceites-box {
  margin-top: 14px !important;
  padding: 12px 12px !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 12px !important;
  background: #ffffff !important;
}

.fourba-aceite-item {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  color: #111827 !important;
  margin: 0 0 10px 0 !important;
}

.fourba-aceite-item:last-child {
  margin-bottom: 0 !important;
}

.fourba-aceite-item input[type="checkbox"]{
  width: 18px !important;
  height: 18px !important;
  margin: 2px 0 0 0 !important;
  flex: 0 0 18px !important;
}

.fourba-aceite-text {
  display: block !important;
}

.fourba-aceite-text strong {
  font-weight: 700 !important;
}

.fourba-aceite-text a {
  color: #2563eb !important;
  text-decoration: underline !important;
  font-weight: 600 !important;
}

.fourba-aceite-text a:hover {
  opacity: .9 !important;
}

/* Centralizar em telas maiores (opcional) */
@media (min-width: 768px) {
  .fourba-aceites-box {
    padding: 14px 16px !important;
  }
  .fourba-aceite-item {
    font-size: 14px !important;
  }
}
.termos-container {
    max-width: 900px;
    margin: 0 auto;
    padding: 40px 20px;
    line-height: 1.7;
}

.termos-container h1 {
    margin-bottom: 10px;
}

.termos-container h2 {
    margin-top: 30px;
    font-size: 20px;
}

.termos-update {
    font-size: 14px;
    opacity: 0.7;
    margin-bottom: 30px;
}

.politica-container {
    max-width: 900px;
    margin: 0 auto;
    padding: 40px 20px;
    line-height: 1.7;
}

.politica-container h1 {
    margin-bottom: 10px;
}

.politica-container h2 {
    margin-top: 30px;
    font-size: 20px;
}

.politica-container h3 {
    margin-top: 20px;
    font-size: 16px;
}

.politica-update {
    font-size: 14px;
    opacity: 0.7;
    margin-bottom: 30px;
}

.politica-container ul {
    padding-left: 20px;
}

/* GRID CONTRATO */

.evento-grid-item-label {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .4px;
    color: #6b7280;
    margin-bottom: 4px;
}

.evento-grid-item-value {
    font-size: 15px;
    font-weight: 600;
    color: #111827;
}
.evento-card hr {
    margin: 28px 0;
    border: none;
    border-top: 1px solid #e5e7eb;
}

.evento-card ul {
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    padding: 16px;
    border-radius: 12px;
    padding-left: 22px !important;
}

.evento-card ul li {
    padding: 6px 0;
}
.monitoramento-titulo {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 12px;
    color: #111827;
}
.evento-card a,
.evento-card button {
    transition: all .2s ease;
}

.evento-card a:hover,
.evento-card button:hover {
    transform: translateY(-1px);
}
.fourba-slide-static{
 display:flex !important;
 align-items:center !important;
 justify-content:center !important;
 background:#111827 !important;
 color:#fff !important;
 text-align:center !important;
 padding:40px !important;
}

.fourba-slide-content h2{
 font-size:28px !important;
 margin-bottom:10px !important;
}

.fourba-slide-content p{
 margin:4px 0 !important;
}

.fourba-slide-content a{
 display:inline-block !important;
 margin-top:12px !important;
 background:#fff !important;
 color:#111827 !important;
 padding:10px 16px !important;
 border-radius:8px !important;
 text-decoration:none !important;
}
.fourba-hero-carousel{
 position:relative !important;
 overflow:hidden !important;
}

.fourba-hero-slide{
 opacity:0 !important;
 position:absolute !important;
 width:100% !important;
 top:0 !important;
 left:0 !important;
 transition:opacity .6s ease !important;
}

.fourba-hero-slide.active{
 opacity:1 !important;
 position:relative !important;
}
.fourba-hero-dots{
 display:flex;
 justify-content:center;
 gap:8px;
 margin-top:10px;
}

.fourba-hero-dots span{
 width:8px;
 height:8px;
 border-radius:50%;
 background:#d1d5db;
 display:block;
}

.fourba-hero-dots span.active{
 background:#111827;
}
.plano-imagens{
margin:60px 0;
}

.plano-img{
margin-bottom:18px;
}

.plano-img img{
width:100% !important;
height:auto !important;
border-radius:14px !important;
box-shadow:0 10px 30px rgba(0,0,0,0.15) !important;
display:block;
}
.plano-img img{
border-radius:16px;
box-shadow:0 15px 40px rgba(0,0,0,0.25);
}
/* ============================= */
/* BACKGROUND GERAL              */
/* ============================= */

body{
background:linear-gradient(
180deg,
#eef1f5 0%,
#e6ebf0 100%
) !important;
}


/* ============================= */
/* CONTAINER                     */
/* ============================= */

.fourba-wrap{
max-width:1100px !important;
margin:0 auto !important;
padding:30px 20px !important;
}


/* ============================= */
/* HERO                          */
/* ============================= */

.plano-hero{
text-align:center !important;
padding:50px 20px 40px 20px !important;
}

.plano-hero h1{
font-size:34px !important;
margin-bottom:8px !important;
color:#0f172a !important;
}

.plano-hero p{
font-size:18px !important;
color:#475569 !important;
margin-bottom:18px !important;
}

.plano-price{
font-size:34px !important;
font-weight:700 !important;
color:#2563eb !important;
}

.plano-small{
font-size:14px !important;
color:#64748b !important;
margin-top:4px !important;
}


/* ============================= */
/* SEÇÕES                        */
/* ============================= */

.plano-section{
margin:60px 0 !important;
}

.plano-section h2{
font-size:26px !important;
font-weight:700 !important;
margin-bottom:25px !important;
text-align:center !important;
color:#0f172a !important;
}


/* ============================= */
/* GRID                          */
/* ============================= */

.plano-grid{
display:grid !important;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr)) !important;
gap:20px !important;
}


/* ============================= */
/* CARDS                         */
/* ============================= */

.plano-card{
background:#ffffff !important;
border:2px solid #e2e8f0 !important;
padding:18px 16px !important;
border-radius:12px !important;
text-align:center !important;
font-weight:500 !important;
color:#0f172a !important;
box-shadow:0 6px 18px rgba(0,0,0,0.05) !important;
transition:all .25s ease !important;
}


/* ============================= */
/* CORES DOS CARDS               */
/* ============================= */

.plano-grid .plano-card:nth-child(1){
border-color:#22c55e !important;
}

.plano-grid .plano-card:nth-child(2){
border-color:#3b82f6 !important;
}

.plano-grid .plano-card:nth-child(3){
border-color:#f97316 !important;
}

.plano-grid .plano-card:nth-child(4){
border-color:#22c55e !important;
}


/* ============================= */
/* HOVER                         */
/* ============================= */

.plano-card:hover{
transform:translateY(-4px) !important;
box-shadow:0 14px 35px rgba(0,0,0,0.12) !important;
}


/* ============================= */
/* IMAGENS                       */
/* ============================= */

.plano-img{
margin-bottom:18px !important;
}

.plano-img img{
width:100% !important;
height:auto !important;
border-radius:16px !important;
box-shadow:0 15px 40px rgba(0,0,0,0.25) !important;
display:block !important;
}


/* ============================= */
/* CTA FINAL                     */
/* ============================= */

.plano-cta{
text-align:center !important;
margin-top:60px !important;
}

.plano-btn{
display:inline-block !important;
padding:14px 26px !important;
background:#0f172a !important;
color:#ffffff !important;
border-radius:10px !important;
text-decoration:none !important;
font-weight:600 !important;
transition:all .2s ease !important;
}

.plano-btn:hover{
background:#1e293b !important;
transform:translateY(-2px) !important;
}
.fourba-wrap{
max-width:520px;
margin:40px auto;
padding:30px;
background:#fff;
border-radius:14px;
box-shadow:0 10px 30px rgba(0,0,0,0.08);
}

.fourba-form{
display:flex;
flex-direction:column;
gap:12px;
}

.fourba-form input{
padding:12px;
border-radius:8px;
border:1px solid #d1d5db;
}

.fourba-form button{
margin-top:10px;
padding:14px;
border:0;
background:#111827;
color:#fff;
border-radius:10px;
cursor:pointer;
font-weight:600;
}
/* CARD UPSELL PLANO PARCEIRO */

.fourba-upsell-plano {
    margin-top:18px !important;
    padding:20px !important;
    border-radius:14px !important;
    background:linear-gradient(135deg,#eef2ff,#f8fafc) !important;
    border:1px solid #c7d2fe !important;
}

.fourba-upsell-titulo{
    font-weight:700 !important;
    font-size:16px !important;
    color:#1e3a8a !important;
    margin-bottom:6px !important;
}

.fourba-upsell-texto{
    font-size:14px !important;
    color:#374151 !important;
    margin-bottom:14px !important;
}

.fourba-btn-parceiro{
    display:inline-block !important;
    padding:10px 18px !important;
    border-radius:999px !important;
    background:#4f46e5 !important;
    color:white !important;
    font-weight:700 !important;
    text-decoration:none !important;
    transition:all .2s ease !important;
}

.fourba-btn-parceiro:hover{
    background:#4338ca !important;
    transform:translateY(-1px) !important;
}
.fourba-hero-dots{
    text-align:center;
    margin-top:20px;
}
.fourba-hero {
    border-radius:16px;
    overflow:hidden;
}
.fourba-hero-carousel{
    position:relative;
    overflow:hidden;
}

.fourba-hero-slide{
    position:absolute;
    width:100%;
    left:100%;
    top:0;
    transition:transform .6s ease;
}

.fourba-hero-slide.active{
    left:0;
    transform:translateX(0);
}

.fourba-hero-slide.prev{
    transform:translateX(-100%);
}

.fourba-hero-slide.next{
    transform:translateX(100%);
}
/* =========================
4BA CENTRAL DE AJUDA
========================= */

.fourba-ajuda-container{
max-width:900px !important;
margin:auto !important;
padding:40px 20px !important;
}

.fourba-ajuda-titulo{
font-size:28px !important;
margin-bottom:10px !important;
}

.fourba-ajuda-desc{
color:#6b7280 !important;
margin-bottom:30px !important;
}

.fourba-faq-item{
border-bottom:1px solid #e5e7eb !important;
}

.fourba-faq-question{
width:100% !important;
text-align:left !important;
padding:14px 10px !important;
font-size:16px !important;
font-weight:600 !important;
background:none !important;
border:none !important;
cursor:pointer !important;
color:#111827 !important;
}

.fourba-faq-answer{
display:none;
padding:10px 10px 20px 10px !important;
color:#374151 !important;
line-height:1.6 !important;
}

.fourba-btn-suporte{
display:inline-block !important;
margin-top:10px !important;
padding:10px 18px !important;
border-radius:999px !important;
background:#25D366 !important;
color:#ffffff !important;
text-decoration:none !important;
font-weight:600 !important;
}
/* CTA FINAL COMO FUNCIONA */

.fourba-como-cta{
padding:60px 20px !important;
text-align:center !important;
background:#f9fafb !important;
}

.fourba-como-cta h2{
font-size:26px !important;
margin-bottom:10px !important;
}

.fourba-como-cta p{
color:#6b7280 !important;
margin-bottom:25px !important;
}

.fourba-como-cta-buttons{
display:flex !important;
gap:15px !important;
justify-content:center !important;
flex-wrap:wrap !important;
}

.fourba-btn-primary{
background:#111827 !important;
color:#ffffff !important;
padding:12px 22px !important;
border-radius:999px !important;
text-decoration:none !important;
font-weight:600 !important;
}

.fourba-btn-secondary{
background:#ffffff !important;
border:1px solid #d1d5db !important;
color:#111827 !important;
padding:12px 22px !important;
border-radius:999px !important;
text-decoration:none !important;
font-weight:600 !important;
}
.fourba-faq-answer{
padding:20px !important;
line-height:1.6 !important;
}

.fourba-faq-answer p{
margin-bottom:15px !important;
}

.fourba-faq-answer h4{
margin-top:25px !important;
margin-bottom:10px !important;
font-size:18px !important;
}

/* IMAGENS DA CENTRAL DE AJUDA */

.fourba-ajuda-img{
display:block !important;
width:100% !important;
max-width:700px !important;
height:auto !important;
margin:20px auto !important;
border-radius:8px !important;
box-shadow:0 3px 8px rgba(0,0,0,0.15) !important;
}

/* MOBILE */

@media (max-width:768px){

.fourba-faq-answer{
padding:15px !important;
}

.fourba-ajuda-img{
max-width:100% !important;
margin:15px auto !important;

}

/* GRID 1 COLUNA — RESTANTE */
.fourba-grid-1{
    display:grid;
    grid-template-columns: 1fr;
   
}
.fourba-grid-3{
    display:grid;
    grid-template-columns: 1fr;
    margin-botton: 10px;
   
}
/* inputs ocupam largura total */
.fourba-grid-1 input,
.fourba-grid-1 select,
.fourba-grid-1 textarea{
    width:100%;
}
/* Espaçamento entre campos */
.fourba-form-home input,
.fourba-form-home select,
.fourba-form-home textarea {
    margin-bottom: 14px !important;
}

/* Espaçamento entre grids */
.fourba-grid {
    margin-bottom: 12px !important;
}

/* Espaçamento entre os cards */
.fourba-card {
    margin-bottom: 28px !important;
}

.fourba-label{
    display:block;
    margin-top:18px !important;
    margin-bottom:6px !important;
}

/* Altura mais confortável dos campos */
.fourba-form-home input,
.fourba-form-home select {
    padding: 10px 12px !important;
    margin-bottom: 14px !important;
}
.fourba-grid-3 input{
    margin-bottom:14px !important;
}
}
.fourba-grid-3{
    display:grid;
    gap:5px !important;
    
}
/* --------------------------------------------------
4BA — Spinner carregamento pagamento
--------------------------------------------------*/

.fourba-spinner {

width: 40px;
height: 40px;

border: 4px solid #e5e7eb;
border-top: 4px solid #111827;

border-radius: 50%;

animation: fourba-spin 1s linear infinite;

margin: auto;

}

/* animação */

@keyframes fourba-spin {

0% {
transform: rotate(0deg);
}

100% {
transform: rotate(360deg);
}

}
.btn-container {
  max-width:560px !important;
  margin:10px auto 0 !important;
}

.btn-back {
  display:block !important;
  width:50% !important;
  text-align:center !important;
  text-decoration:none !important;
  color:#fff !important;
  background:#000 !important;
  border:1px solid #333 !important;
  padding:14px !important;
  border-radius:14px !important;
  font-size:16px !important;
  font-weight:700 !important;
}
.top {
  text-align:center;
  font-weight:700;
  font-size:14px;
  margin-bottom:10px;
  color:#000 !important;
  background:rgba(255,255,255,0.05);
  padding:6px 10px;
  border-radius:8px;
}
.card {
    text-align: center !important;
    font-size: 24px !important;
}
.card input {
    width: 100% !important;
    max-width: 320px !important;
    margin: 10px auto !important;
    display: block !important;
    text-align: center !important;
}
.card .btn {
    margin: 10px auto !important;
    display: inline-block !important;
}
.card input {
    width: 100% !important;
    max-width: 320px !important;

    height: 48px !important;              /* 👈 mais alto */
    padding: 0 16px !important;

    border-radius: 12px !important;       /* 👈 arredondado */
    border: 1px solid rgba(255,255,255,0.15) !important;

    background: #fff!important;
    color: #030303 !important;

    font-size: 15px !important;
    text-align: center !important;
    margin-bottom: 6px !important;
    margin-top: 17px !important;
    display: block !important;
}
.logout-wrap{
    display:flex !important;
    justify-content:flex-end !important;
    margin-bottom:8px !important;
}

.btn-logout{
    background:#ff7a00 !important;
    border:1px solid #ff7a00 !important;
    color:#fff !important;

    padding:6px 12px !important;
    border-radius:8px !important;

    font-size:12px !important;
    font-weight:700 !important;

    text-decoration:none !important;
    display:inline-block !important;

    transition:all .2s ease !important;
}

.btn-logout:hover{
    background:#e66d00 !important;
    border-color:#e66d00 !important;
}
.status-online{
    background:#00d084 !important;
    color:#fff !important;
    padding:6px 10px !important;
    border-radius:8px !important;
    font-size:12px !important;
    font-weight:700 !important;
    display:inline-block !important;
}

.status-offline{
    background:#ff4d4d !important;
    color:#fff !important;
    padding:6px 10px !important;
    border-radius:8px !important;
    font-size:12px !important;
    font-weight:700 !important;
    display:inline-block !important;
}
/* =========================
   CARROSSEL EVENTOS
========================= */

.fourba-carousel-wrap{
  position:relative;
  overflow:hidden;
}

.fourba-carousel{
  display:flex;
  transition:transform .45s ease;
}

.fourba-slide{
  min-width:100%;
  flex-shrink:0;
  border-radius:16px;
  overflow:hidden;
  background:#000;
}

.fourba-slide img{
  width:100%;
  display:block;
}

/* setas */

.fourba-car-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  background:rgba(0,0,0,.45);
  color:#fff;
  border:0;
  width:36px;
  height:36px;
  border-radius:50%;
  cursor:pointer;
  z-index:5;
}

.fourba-car-arrow.prev{left:8px;}
.fourba-car-arrow.next{right:8px;}

/* dots */

.fourba-carousel-dots{
  display:flex;
  justify-content:center;
  gap:6px;
  padding:8px 0;
}

.fourba-carousel-dots span{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#d1d5db;
  display:inline-block;
}

.fourba-carousel-dots span.active{
  background:#111827;
}

/* info */

.fourba-carousel-info{
  text-align:center;
  padding-bottom:14px;
}

.fourba-carousel-title{
  margin:0;
  font-size:16px;
  font-weight:700;
}

.fourba-carousel-meta{
  margin:4px 0 0;
  font-size:13px;
  color:#6b7280;
}