/* =================================================== */
/* CORREÇÕES CRÍTICAS P0 - ANÁLISE UI/UX */
/* Versão 2.0 - Correções pontuais sem afetar menu/footer */
/* =================================================== */

/* 1. CORREÇÃO DE CONTRASTE - APENAS PARA PÁGINA GESTÃO DOCUMENTOS */

/* Hero CTA específico - Contraste atual: 1.99:1, Necessário: 4.5:1 */
.page-template-page-gestao-documentos-fiscais-php .hero__cta.wmbr-btn__primary,
.page-template-page-gestao-documentos-fiscais-php .hero .wmbr-btn__primary,
.page-template-page-gestao-documentos-fiscais-php .hero .wmbr-btn--primary {
  background: #FFFFFF !important; /* Branco sobre verde escuro = 14.5:1 */
  color: #05372D !important;
  font-weight: 700 !important;
  min-height: 48px !important;
  padding: 1.6rem 3.2rem !important;
  font-size: 1.6rem !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
}

.page-template-page-gestao-documentos-fiscais-php .hero__cta.wmbr-btn__primary:hover,
.page-template-page-gestao-documentos-fiscais-php .hero .wmbr-btn__primary:hover,
.page-template-page-gestao-documentos-fiscais-php .hero .wmbr-btn--primary:hover {
  background: #F0F0F0 !important;
  color: #05372D !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.3);
}

/* CTAs secundários da página - Garantir contraste mínimo */
.page-template-page-gestao-documentos-fiscais-php .features .wmbr-btn__primary,
.page-template-page-gestao-documentos-fiscais-php .models .wmbr-btn__primary,
.page-template-page-gestao-documentos-fiscais-php .integration .wmbr-btn__primary {
  background: #004d40 !important; /* Verde escuro para 4.7:1 */
  color: #FFFFFF !important;
  font-weight: 600 !important;
  min-height: 44px !important;
  border-color:#004d40 !important;
}

.page-template-page-gestao-documentos-fiscais-php .features .wmbr-btn__primary:hover,
.page-template-page-gestao-documentos-fiscais-php .models .wmbr-btn__primary:hover,
.page-template-page-gestao-documentos-fiscais-php .integration .wmbr-btn__primary:hover {
  background: #003833 !important;
  transform: translateY(-2px);
}

/* 2. CORREÇÃO DO HERO IMAGE - PROBLEMA DE CORTE EM TELAS GRANDES */

/* Hero image responsiva sem afetar outras páginas */
.page-template-page-gestao-documentos-fiscais-php .hero {
  position: relative;
  overflow: hidden;
  background-image: url("https://webmaniabr.com/wp-content/themes/wmbr/img/new-site/consulta-nf/hero-image.png");
  background-repeat: no-repeat;
  background-position: right -80px bottom !important;
  background-size: 60% auto !important;
}

.page-template-page-gestao-documentos-fiscais-php .hero__content {
  position: relative;
  z-index: 10;
  padding-left: 30px;
  padding-right: 30px;
}

.page-template-page-gestao-documentos-fiscais-php .hero__text {
  position: relative;
  z-index: 20;
}

.page-template-page-gestao-documentos-fiscais-php .hero__image {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
  pointer-events: none;
}

/* Ajuste para telas ultra-wide */
@media (min-width: 1920px) {
  .page-template-page-gestao-documentos-fiscais-php .hero__image {
    max-width: 80rem;
  }
  
  .page-template-page-gestao-documentos-fiscais-php .hero__image img {
    max-height: 65rem;
  }
}

@media (min-width: 2560px) {
  .page-template-page-gestao-documentos-fiscais-php .hero__image {
    max-width: 100rem;
    right: calc((100vw - 144rem) / 2);
  }
}

/* 3. TOUCH TARGETS - APENAS ELEMENTOS PROBLEMÁTICOS */

/* Botões com 0x0px na página */
.page-template-page-gestao-documentos-fiscais-php .model-card button:empty,
.page-template-page-gestao-documentos-fiscais-php .integration button:empty {
  min-width: 44px !important;
  min-height: 44px !important;
  display: inline-block !important;
}

/* 4. CORREÇÕES MOBILE - ESPECÍFICAS PARA GESTÃO DOCUMENTOS */

@media (max-width: 768px) {
  /* Aumentar apenas CTAs da página */
  .page-template-page-gestao-documentos-fiscais-php .hero .wmbr-btn,
  .page-template-page-gestao-documentos-fiscais-php .features .wmbr-btn,
  .page-template-page-gestao-documentos-fiscais-php .models .wmbr-btn {
    min-height: 48px !important;
    width: 100%;
    justify-content: center;
  }

  .page-template-page-gestao-documentos-fiscais-php .hero {
    background-image: none !important; /* Esconder imagem hero em mobile */
  }
  
  /* Cards responsivos */
  .page-template-page-gestao-documentos-fiscais-php .features-grid,
  .page-template-page-gestao-documentos-fiscais-php .models__grid {
    grid-template-columns: 1fr !important;
    gap: 1.6rem !important;
  }
  
  /* Padding adequado mobile */
  .page-template-page-gestao-documentos-fiscais-php .hero__content,
  .page-template-page-gestao-documentos-fiscais-php .features,
  .page-template-page-gestao-documentos-fiscais-php .models,
  .page-template-page-gestao-documentos-fiscais-php .integration {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
}

/* 5. CORREÇÕES DE TEXTO - MELHOR LEGIBILIDADE */

/* Textos com baixo contraste na página */
.page-template-page-gestao-documentos-fiscais-php .card-item p,
.page-template-page-gestao-documentos-fiscais-php .model-card__features li,
.page-template-page-gestao-documentos-fiscais-php .integration__feature p {
  color: #54585d !important; /* Cinza mais escuro para WCAG AA */
}

/* 6. FAQ ESPECÍFICO DA PÁGINA */

.page-template-page-gestao-documentos-fiscais-php .faq__item {
  position: relative;
  isolation: isolate;
}

.page-template-page-gestao-documentos-fiscais-php .faq__item.active {
  z-index: 2;
  padding-bottom:35px;
}

/* 7. CORREÇÃO DO MODELO DE 4 COLUNAS */

.page-template-page-gestao-documentos-fiscais-php .models__grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 2.4rem !important;
}

@media (max-width: 1200px) {
  .page-template-page-gestao-documentos-fiscais-php .models__grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .page-template-page-gestao-documentos-fiscais-php .hero__cta.wmbr-btn__primary, .page-template-page-gestao-documentos-fiscais-php .hero .wmbr-btn__primary {
    font-size: 1.4rem !important;
  }
  .wmbr-btn.wmbr-btn__anchor {
    font-size: 1.4rem !important;
  }
}

@media (max-width: 768px) {
  .page-template-page-gestao-documentos-fiscais-php .models__grid {
    grid-template-columns: 1fr !important;
  }
}

/* 8. CONTACT SECTION - CORREÇÕES PONTUAIS */

.page-template-page-gestao-documentos-fiscais-php .contact-section {
  background: linear-gradient(135deg, #00695A 0%, #00c775 100%);
}

.page-template-page-gestao-documentos-fiscais-php .contact-box .wmbr-btn {
  background: #FFFFFF !important;
  color: #00695A !important;
  font-weight: 700 !important;
  min-height: 48px !important;
}

.page-template-page-gestao-documentos-fiscais-php .contact-box .wmbr-btn:hover {
  background: #F0F0F0 !important;
  transform: translateY(-2px);
}

/* 9. REMOVER ALTERAÇÕES GLOBAIS PROBLEMÁTICAS */

/* NÃO aplicar focus verde global - manter padrão do site */
/* NÃO alterar links globalmente */
/* NÃO resetar z-index global */
/* NÃO alterar menu header */
/* NÃO alterar footer */

/* 10. CORREÇÕES DE IMAGENS QUEBRADAS */

/* Placeholder para SVGs não carregados apenas nesta página */
.page-template-page-gestao-documentos-fiscais-php img[src$=".svg"]:not([width]) {
  min-width: 24px;
  min-height: 24px;
  display: inline-block;
}

/* IMPORTANTE: Todas as correções são específicas para a página de Gestão de Documentos */
/* Não afetam header, footer ou outras páginas do site */