/**
 * awa-visual-polish-r2.css
 * Visual Polish Pass R2 — Footer, Cards, Typography, Consistency
 * Carregado por último (após awa-audit-bundle.css) — máxima prioridade no cascade
 *
 * FIXES APLICADOS:
 *   VP-1 : Footer border 3px solid #b73337 → 1px solid #E5E5E5 (todas páginas/viewports)
 *   VP-2 : Home product cards — adicionar shadow para igualar category
 *   VP-3 : PDP related products — normalizar border color rgba(15,23,42,0.1) → #E5E5E5
 *   VP-4 : Hover state nos cards — shadow elevado + translateY (todas páginas)
 *   VP-5 : Breadcrumb padding — normalizar category(6px) + PDP(12px) → 12px
 *   VP-6 : Filter title — consistência tipográfica no layered nav
 *   VP-7 : Seções home — garantir background branco em todas as linhas pares
 *   VP-8 : PDP — alinhamento do bloco de preço
 * @version 2026-05-09
 */

/* =============================================================================
 * VP-1: Footer border
 * Problema: border-top: 3px solid #b73337 (vibrante e espesso em todas páginas)
 * Origem:   _qa-visual-fixes.less → compilado em styles-m.css
 * Fix:      1px solid #E5E5E5 — neutro, profissional, sem !important se possível
 * Necessita !important por ser override de regra compilada no LESS (alta especificidade)
 * =========================================================================== */
/* Higher specificity (0,2,1) to beat bundle-refinements compound selectors */
body .page-wrapper .page-footer,
body .page-wrapper .page_footer {
  border-top: 1px solid #E5E5E5 !important; /* era 3px solid var(--awa-primary) — visual pollution */
}

/* =============================================================================
 * VP-2 & VP-3: Product card shadow normalization
 * Problema: home cards têm shadow=none, category cards têm shadow consistente,
 *           PDP related cards têm border-color diferente (rgba(15,23,42,0.1))
 * Fix:      shadow uniforme em todos os product-items e border-color #E5E5E5
 * =========================================================================== */
.product-item,
.item-product {
  box-shadow:
    0 1px 3px rgb(0 0 0 / 8%),
    0 1px 2px rgb(0 0 0 / 6%);
  border-color: #E5E5E5;
  /* Não usar !important aqui para permitir override em contextos específicos */
}

/* =============================================================================
 * VP-2/3 PDP override — related products (maior especificidade para vencer tema)
 * =========================================================================== */
/* VP-2/3 PDP: seletores idênticos ao bundle-refinements + especificidade reforçada com html prefix */
/* Ganha por: mesma especificidade + source order (polish-r2 carrega depois) + shorthand border */
html body.catalog-product-view :is(.block.related, .block.upsell) .products-grid .product-item,
html body.catalog-product-view .awa-pdp-related .products-swiper--related .swiper-slide > .product-item {
  box-shadow:
    0 1px 3px rgb(0 0 0 / 8%),
    0 1px 2px rgb(0 0 0 / 6%) !important;
  border: 1px solid #E5E5E5 !important;
}
html body.catalog-product-view :is(.block.related, .block.upsell) .products-grid .product-item:hover,
html body.catalog-product-view .awa-pdp-related .products-swiper--related .swiper-slide > .product-item:hover {
  box-shadow:
    0 4px 14px rgb(0 0 0 / 12%),
    0 2px 6px rgb(0 0 0 / 8%) !important;
  transform: translateY(-2px);
  border: 1px solid #D8D8D8 !important;
}

/* =============================================================================
 * VP-4: Card hover state — elevação sutil (todas as páginas)
 * Problema: home cards têm hover-shadow agressivo (0px 6px 16px / !important)
 *           category/pdp têm hover diferente ou nenhum
 * Fix:      hover uniforme com translateY(-2px) + shadow elevado
 * NOTA: A regra em awa-visual-qa-home.css usa !important com seletor page-scoped
 *       então nossa regra global aqui não interfere nas páginas que já têm o override
 * =========================================================================== */
.product-item:hover,
.item-product:hover {
  box-shadow:
    0 4px 14px rgb(0 0 0 / 12%),
    0 2px 6px rgb(0 0 0 / 8%);
  transform: translateY(-2px);
  border-color: #D8D8D8;
  transition:
    box-shadow 0.22s ease,
    transform 0.22s ease,
    border-color 0.22s ease;
}

/* =============================================================================
 * VP-5: Breadcrumb padding normalization
 * Problema: category=6px 0, PDP=12px 0 — inconsistente
 * Fix:      12px uniforme em todas as páginas
 * =========================================================================== */
/* Especificidade 0,2,1 para igualar/superar body .page-wrapper .breadcrumbs em awa-super-global.css */
body .page-wrapper .breadcrumbs {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

/* =============================================================================
 * VP-6: Layered navigation — filter title consistency
 * Problema: filter title pode não ter espaçamento ou peso consistente
 * Fix:      garantir aparência padronizada do título de filtro
 * =========================================================================== */
.filter-options-title {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #333333;
  padding: 12px 16px;
  border-bottom: 1px solid #E5E5E5;
}

.filter-options-title:hover {
  color: #b73337;
}

/* =============================================================================
 * VP-7: Home page — seções com bg alternado (zebra strip)
 * Garantir que o widget de prova social, banners inline e seções pares
 * tenham background levemente diferenciado para separação visual sem dividers
 * =========================================================================== */
.cms-index-index .page-main .column.main > .block.widget:nth-child(even),
.cms-index-index .page-main .column.main > .home-section:nth-child(even) {
  background: #FAFAFA;
  border-radius: 8px;
  padding-left: 16px;
  padding-right: 16px;
}

/* =============================================================================
 * VP-8: PDP — bloco de preço e botão de compra
 * Garantir alinhamento e espaçamento consistentes no info block do produto
 * =========================================================================== */
.catalog-product-view .product-info-price {
  padding-top: 8px;
  padding-bottom: 12px;
  border-bottom: 1px solid #F0F0F0;
  margin-bottom: 16px;
}

.catalog-product-view .product-info-price .price-box {
  display: flex;
  align-items: baseline;
  gap: 8px;
  flex-wrap: wrap;
}

/* Preço regular — destaque */
.catalog-product-view .price-box .price {
  font-size: 28px;
  font-weight: 700;
  color: #b73337;
  line-height: 1;
}

/* Preço riscado em vermelho mais suave */
.catalog-product-view .price-box .old-price .price {
  font-size: 18px;
  font-weight: 400;
  color: #999999;
  text-decoration: line-through;
}

/* =============================================================================
 * VP-9: Sticky header — shadow quando fixado
 * Problema: header shadow=none mesmo no sticky state
 * Fix:      shadow sutil quando o header está sticky
 * =========================================================================== */
.page-header.stuck,
.page-header.is-sticky,
.nav-wrapper.sticky-on,
.page-header[style*="position: fixed"],
.page-header[style*="position:fixed"] {
  box-shadow: 0 2px 12px rgb(0 0 0 / 8%), 0 1px 4px rgb(0 0 0 / 4%);
}

/* =============================================================================
 * VP-10: PLP / search toolbar and filter controls — border normalization
 * Problema: filtros e selects de toolbar em categoria/busca tinham bordas com
 *           tons ligeiramente diferentes do restante do DS AWA.
 * Fix:      escopo local em PLP/search para evitar sobrescrever login,
 *           cadastro, B2B e checkout, que já têm camada canônica própria.
 * =========================================================================== */
body.catalog-category-view .toolbar select,
body.catalogsearch-result-index .toolbar select,
body.catalog-category-view .filter-options input[type="text"],
body.catalog-category-view .filter-options input[type="search"],
body.catalog-category-view .filter-options select,
body.catalogsearch-result-index .filter-options input[type="text"],
body.catalogsearch-result-index .filter-options input[type="search"],
body.catalogsearch-result-index .filter-options select {
  border-color: #E5E5E5 !important;
}

body.catalog-category-view .toolbar select:focus,
body.catalogsearch-result-index .toolbar select:focus,
body.catalog-category-view .filter-options input[type="text"]:focus,
body.catalog-category-view .filter-options input[type="search"]:focus,
body.catalog-category-view .filter-options select:focus,
body.catalogsearch-result-index .filter-options input[type="text"]:focus,
body.catalogsearch-result-index .filter-options input[type="search"]:focus,
body.catalogsearch-result-index .filter-options select:focus {
  border-color: #b73337;
  outline: none;
  box-shadow: 0 0 0 3px rgba(183, 51, 55, 0.1);
}

/* =============================================================================
 * VP-11: Paginação — normalizar estilos
 * Garantir que a paginação seja visualmente consistente e coerente com os tokens
 * =========================================================================== */
.pages .item a,
.pages .item a:visited {
  color: #333333;
  border: 1px solid #E5E5E5;
  border-radius: 6px;
  transition: background-color 0.15s ease, border-color 0.15s ease;
}

.pages .item a:hover {
  background-color: #F7F7F7;
  border-color: #D0D0D0;
  color: #b73337;
}

.pages .item.current,
.pages-item-selected {
  background-color: #b73337;
  border-color: #b73337;
  color: #FFFFFF;
  border-radius: 6px;
}

.pages .item.current span,
.pages-item-selected span {
  color: #FFFFFF;
}

/* =============================================================================
 * VP-12: Badge / label de produto (promoção, novo, etc.)
 * Garantir badge radius e cores consistentes
 * =========================================================================== */
.product-label,
.label.sale,
.sale-badge,
.onsale-badge,
[class*="product-label"] {
  border-radius: 4px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

/* =============================================================================
 * VP-13: Trabalhe Conosco — CTA mobile full width
 * Problema: a actions-toolbar adiciona recuo lateral extra e o wrapper .primary
 *           encolhe o botão de envio na página de currículo em telas pequenas.
 * Fix:      remover apenas o padding lateral móvel e forçar wrapper + botão a
 *           ocuparem 100% da largura útil na página de currículo.
 * =========================================================================== */
@media (max-width: 767px) {
  body.curriculo-index-index .form.curriculo .actions-toolbar {
    padding-right: 0;
    padding-left: 0;
  }

  body.curriculo-index-index .form.curriculo .actions-toolbar .primary {
    width: 100% !important;
    max-width: none !important;
    flex: 1 1 100% !important;
  }

  body.curriculo-index-index .form.curriculo .actions-toolbar .action.submit.primary {
    width: 100% !important;
    max-width: none !important;
    justify-content: center;
  }
}

/* ===========================================================================
 * VP-14: Trabalhe Conosco — normalização visual do formulário
 * Problema: selects e textarea usam radius/typography diferentes dos inputs,
 *           os campos LinkedIn/Portfólio encolhem no mobile e o CTA não dá
 *           feedback visual suficiente em hover/focus.
 * Fix:      unificar labels, campos, links e estados de erro somente na rota
 *           curriculo, preservando o restante do tema.
 * =========================================================================== */
body.curriculo-index-index .form.curriculo .field > .label,
body.curriculo-index-index .form.curriculo .field > label,
body.curriculo-index-index .form.curriculo .field label.label {
  display: block;
  margin-bottom: var(--awa-space-2, 8px);
  font-size: var(--awa-text-sm, 13px);
  font-weight: var(--awa-weight-semibold, 600);
  line-height: 1.4;
  color: var(--awa-gray-700, #374151);
}

body.curriculo-index-index .form.curriculo .field:not(.choice):not(.consent) :is(
  input[type="text"],
  input[type="email"],
  input[type="tel"],
  input[type="url"],
  input[type="number"],
  select
) {
  width: 100%;
  height: 48px;
  min-height: 48px;
  padding: 0 var(--awa-space-4, 16px);
  border: 1px solid var(--awa-color-border, #e5e5e5);
  border-radius: var(--awa-radius-md, 12px);
  background: var(--awa-white, #ffffff);
  font-size: var(--awa-text-sm, 13px);
  font-weight: var(--awa-weight-normal, 400);
  color: var(--awa-gray-700, #374151);
  transition: border-color var(--awa-transition-fast, 150ms ease),
    box-shadow var(--awa-transition-fast, 150ms ease),
    background-color var(--awa-transition-fast, 150ms ease);
}

body.curriculo-index-index .form.curriculo .field:not(.choice):not(.consent) select {
  padding-right: calc(var(--awa-space-6, 24px) + var(--awa-space-4, 16px));
}

body.curriculo-index-index .form.curriculo .field.message textarea {
  width: 100%;
  min-height: 120px;
  padding: var(--awa-space-3, 12px) var(--awa-space-4, 16px);
  border: 1px solid var(--awa-color-border, #e5e5e5);
  border-radius: var(--awa-radius-md, 12px);
  background: var(--awa-white, #ffffff);
  font-size: var(--awa-text-sm, 13px);
  font-weight: var(--awa-weight-normal, 400);
  line-height: 1.5;
  color: var(--awa-gray-700, #374151);
  resize: vertical;
  transition: border-color var(--awa-transition-fast, 150ms ease),
    box-shadow var(--awa-transition-fast, 150ms ease),
    background-color var(--awa-transition-fast, 150ms ease);
}

body.curriculo-index-index .form.curriculo .field:not(.choice):not(.consent) :is(
  input[type="text"],
  input[type="email"],
  input[type="tel"],
  input[type="url"],
  input[type="number"],
  select,
  textarea
):focus {
  border-color: var(--awa-red, #b73337);
  box-shadow: 0 0 0 3px rgb(183 51 55 / 12%);
  outline: none;
}

body.curriculo-index-index .form.curriculo a {
  color: var(--awa-red, #b73337);
  font-weight: var(--awa-weight-semibold, 600);
  text-decoration: underline;
  text-underline-offset: 2px;
}

body.curriculo-index-index .form.curriculo a:hover,
body.curriculo-index-index .form.curriculo a:focus-visible {
  color: var(--awa-red-dark, #8e2629);
}

body.curriculo-index-index .form.curriculo .form-error-summary:not(:empty) {
  margin-bottom: var(--awa-space-4, 16px);
  padding: var(--awa-space-3, 12px) var(--awa-space-4, 16px);
  border: 1px solid var(--awa-red-20, rgb(183 51 55 / 20%));
  border-left: 4px solid var(--awa-red, #b73337);
  border-radius: var(--awa-radius-md, 12px);
  background: var(--awa-red-4, rgb(183 51 55 / 4%));
  color: var(--awa-error-color, #b91c1c);
}

body.curriculo-index-index .form.curriculo .form-error-summary p,
body.curriculo-index-index .form.curriculo .form-error-summary ul {
  margin: 0;
}

body.curriculo-index-index .form.curriculo .form-error-summary ul {
  margin-top: var(--awa-space-2, 8px);
  padding-left: var(--awa-space-4, 16px);
}

body.curriculo-index-index .form.curriculo .mage-error {
  margin-top: var(--awa-space-1, 4px);
  font-size: 12px;
  line-height: 1.4;
  color: var(--awa-error-color, #b91c1c);
}

body.curriculo-index-index .form.curriculo :is(input, select, textarea)[aria-invalid="true"],
body.curriculo-index-index .form.curriculo .mage-error.input-text,
body.curriculo-index-index .form.curriculo .mage-error.select {
  border-color: var(--awa-error-color, #b91c1c);
  box-shadow: 0 0 0 3px rgb(185 28 28 / 10%);
}

body.curriculo-index-index .form.curriculo .actions-toolbar .action.submit.primary {
  min-height: 52px;
  border-radius: var(--awa-radius-md, 12px);
  font-size: var(--awa-text-base, 15px);
  font-weight: var(--awa-weight-bold, 700);
  letter-spacing: 0.01em;
  transition: background-color var(--awa-transition-base, 200ms ease),
    box-shadow var(--awa-transition-base, 200ms ease),
    transform var(--awa-transition-fast, 150ms ease);
  box-shadow: 0 10px 24px rgb(183 51 55 / 16%);
}

body.curriculo-index-index .form.curriculo .actions-toolbar .action.submit.primary:hover {
  background: var(--awa-red-dark, #8e2629);
  box-shadow: 0 12px 28px rgb(183 51 55 / 24%);
  transform: translateY(-1px);
}

@media (max-width: 767px) {
  body.curriculo-index-index .form.curriculo .actions-toolbar .action.submit.primary {
    min-height: 48px;
  }
}

/* ===========================================================================
 * VP-15: Trabalhe Conosco — overrides finais de especificidade
 * Motivo: awa-super-global.css aplica regras globais tardias, incluindo
 *         !important em labels e estilos base em campos/botões. Aqui usamos o
 *         escopo máximo da página e !important somente nas propriedades que
 *         comprovadamente perderam na cascata durante a auditoria real.
 * =========================================================================== */
body.curriculo-index-index .page-wrapper .curriculo-wrapper .form.curriculo .field > .label,
body.curriculo-index-index .page-wrapper .curriculo-wrapper .form.curriculo .field > label,
body.curriculo-index-index .page-wrapper .curriculo-wrapper .form.curriculo .field label.label {
  margin-bottom: var(--awa-space-2, 8px) !important;
  font-size: var(--awa-text-sm, 13px) !important;
  font-weight: var(--awa-weight-semibold, 600) !important;
  color: var(--awa-gray-700, #374151) !important;
}

body.curriculo-index-index .page-wrapper .curriculo-wrapper .form.curriculo .field:not(.choice):not(.consent) .control :is(
  input[type="text"],
  input[type="email"],
  input[type="tel"],
  input[type="url"],
  input[type="number"],
  select
) {
  height: 48px !important;
  min-height: 48px !important;
  padding: 0 var(--awa-space-4, 16px) !important;
  border: 1px solid var(--awa-color-border, #e5e5e5) !important;
  border-radius: var(--awa-radius-md, 12px) !important;
  font-size: var(--awa-text-sm, 13px) !important;
  color: var(--awa-gray-700, #374151) !important;
}

body.curriculo-index-index .page-wrapper .curriculo-wrapper .form.curriculo .field:not(.choice):not(.consent) .control select {
  padding-right: calc(var(--awa-space-6, 24px) + var(--awa-space-4, 16px)) !important;
}

body.curriculo-index-index .page-wrapper .curriculo-wrapper .form.curriculo .field.message .control textarea {
  min-height: 120px !important;
  padding: var(--awa-space-3, 12px) var(--awa-space-4, 16px) !important;
  border: 1px solid var(--awa-color-border, #e5e5e5) !important;
  border-radius: var(--awa-radius-md, 12px) !important;
  font-size: var(--awa-text-sm, 13px) !important;
  line-height: 1.5 !important;
  color: var(--awa-gray-700, #374151) !important;
}

body.curriculo-index-index .page-wrapper .curriculo-wrapper .form.curriculo .field:not(.choice):not(.consent) .control :is(
  input[type="text"],
  input[type="email"],
  input[type="tel"],
  input[type="url"],
  input[type="number"],
  select,
  textarea
):focus {
  border-color: var(--awa-red, #b73337) !important;
  box-shadow: 0 0 0 3px rgb(183 51 55 / 12%) !important;
}

body.curriculo-index-index .page-wrapper .curriculo-wrapper .form.curriculo .form-error-summary:not(:empty) {
  border-left: 4px solid var(--awa-red, #b73337) !important;
  border-radius: var(--awa-radius-md, 12px) !important;
  background: var(--awa-red-4, rgb(183 51 55 / 4%)) !important;
}

body.curriculo-index-index .page-wrapper .curriculo-wrapper .form.curriculo .actions-toolbar .action.submit.primary {
  height: 52px !important;
  min-height: 52px !important;
  border-radius: var(--awa-radius-md, 12px) !important;
  box-shadow: 0 10px 24px rgb(183 51 55 / 16%) !important;
}

body.curriculo-index-index .page-wrapper .curriculo-wrapper .form.curriculo .actions-toolbar .action.submit.primary:hover {
  background: var(--awa-red-dark, #8e2629) !important;
  box-shadow: 0 12px 28px rgb(183 51 55 / 24%) !important;
  transform: translateY(-1px) !important;
}

@media (max-width: 767px) {
  body.curriculo-index-index .page-wrapper .curriculo-wrapper .form.curriculo .actions-toolbar .action.submit.primary {
    height: 48px !important;
    min-height: 48px !important;
  }
}



/* =============================================================================
 * VP-16: Trabalhe Conosco — fechamento de layout e CTA
 * Motivo: o campo de mensagem ainda herda layout flex do wrapper e o CTA final
 *         mantém altura/radius antigos em alguns breakpoints por regras tardias.
 * Fix:    restaurar o bloco da mensagem para fluxo vertical e reforçar o CTA
 *         com seletor mais específico no próprio wrapper final da página.
 * =========================================================================== */
body.curriculo-index-index.page-layout-1column .page-wrapper .curriculo-wrapper .form.curriculo > .fieldset > .field.message {
  display: block !important;
  padding: 0 !important;
  border: 0 !important;
  margin: 0 0 var(--awa-space-4, 16px) !important;
}

body.curriculo-index-index.page-layout-1column .page-wrapper .curriculo-wrapper .form.curriculo > .fieldset > .field.message > .control {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin-top: 0 !important;
}

body.curriculo-index-index.page-layout-1column .page-wrapper .curriculo-wrapper .form.curriculo > .fieldset > .field.message > .control > textarea {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 120px !important;
  border-radius: 14px !important;
  box-sizing: border-box !important;
}

body.curriculo-index-index.page-layout-1column .page-wrapper .curriculo-wrapper .form.curriculo .actions-toolbar .primary > .action.submit.primary {
  width: 100% !important;
  height: 52px !important;
  min-height: 52px !important;
  border-radius: 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

@media (max-width: 767px) {
  body.curriculo-index-index.page-layout-1column .page-wrapper .curriculo-wrapper .form.curriculo .actions-toolbar .primary > .action.submit.primary {
    height: 48px !important;
    min-height: 48px !important;
  }
}


/* =============================================================================
 * VP-17: Trabalhe Conosco — CTA em @layer para vencer o styles-m.css
 * Motivo: o tema compila botões críticos dentro de @layer em styles-m.css.
 *         Para propriedades !important do CTA, o override fora de layer não
 *         basta; precisamos entrar na mesma hierarquia de layer.
 * =========================================================================== */
@layer awa-fixes {
  body.curriculo-index-index.page-layout-1column .page-wrapper .curriculo-wrapper .form.curriculo .actions-toolbar .primary > .action.submit.primary,
  body.ayo-curriculo-index-index.page-layout-1column .page-wrapper .curriculo-wrapper .form.curriculo .actions-toolbar .primary > .action.submit.primary {
    width: 100% !important;
    height: 52px !important;
    min-height: 52px !important;
    max-height: none !important;
    padding: 0 var(--awa-space-6, 24px) !important;
    border-radius: 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  @media (max-width: 767px) {
    body.curriculo-index-index.page-layout-1column .page-wrapper .curriculo-wrapper .form.curriculo .actions-toolbar .primary > .action.submit.primary,
    body.ayo-curriculo-index-index.page-layout-1column .page-wrapper .curriculo-wrapper .form.curriculo .actions-toolbar .primary > .action.submit.primary {
      height: 48px !important;
      min-height: 48px !important;
    }
  }
}


/* =============================================================================
 * VP-18: Header search — evitar clipping do autocomplete e wrappers rígidos
 * Motivo: styles-m.css/themes.css ainda impõem overflow:hidden no #search_mini_form
 *         e em form.minisearch. Isso volta a clipar autocomplete / overlays no mobile.
 * Fix:    override final na última camada carregada do tema, mantendo a altura
 *         visual do pill input, mas liberando overflow e max-height do wrapper.
 * =========================================================================== */
#html-body .page-wrapper #header.header-container[data-awa-header-shell="true"] #search_mini_form,
#html-body .page-wrapper .awa-site-header .awa-header-search-col form#search_mini_form,
#html-body .page-wrapper .awa-site-header .awa-header-search-col form.minisearch,
#html-body .page-wrapper .block-search form#search_mini_form,
#html-body .page-wrapper .block-search form.minisearch {
  overflow: visible !important;
  max-height: none !important;
}

@media (max-width: 991px) {
  #html-body .page-wrapper #header.header-container[data-awa-header-shell="true"] #search_mini_form,
  #html-body .page-wrapper .awa-site-header .awa-header-search-col form#search_mini_form,
  #html-body .page-wrapper .awa-site-header .awa-header-search-col form.minisearch,
  #html-body .page-wrapper .block-search form#search_mini_form,
  #html-body .page-wrapper .block-search form.minisearch {
    height: 44px !important;
    min-height: 44px !important;
    max-height: none !important;
    overflow: visible !important;
  }
}


/* =============================================================================
 * VP-19: Home H2 Typography Normalization
 * Problema: H2s fora do sistema .awa-section-header__title usam cor/tamanho diferente
 *   - "Busque por Categorias": 24px/rgb(51,51,51) → deveria ser rgb(26,26,26)
 *   - "Dúvidas rápidas" (FAQ): 28px/rgb(51,51,51) → deveria ser 24px/rgb(26,26,26)
 *   - Mobile: "Busque por Categorias" fica 24px enquanto headers são 18.75px
 * Fix: unificar cor e tamanho dos H2 visíveis
 * Nota: usa #html-body para vencer regras em awa-audit-bundle.css e awa-visual-bugfix.css
 * @version 2026-05-11-v2
 * =========================================================================== */

/* H2s genéricos dentro de seções home — cor unificada */
#html-body .awa-home-section h2:not(.awa-section-header__title) {
  color: rgb(26, 26, 26) !important;
  font-weight: 700 !important;
  letter-spacing: -0.48px !important;
}

/* Carousel de categorias: seletor específico para vencer awa-audit-bundle (1,1,1) */
#html-body .awa-category-carousel__header h2 {
  color: rgb(26, 26, 26) !important;
  font-weight: 700 !important;
  letter-spacing: -0.48px !important;
}

/* FAQ: alinhar tamanho e cor com o padrão das seções */
#html-body .aw-home-faq__title,
#html-body .aw-home-faq h2 {
  font-size: 24px !important;
  color: rgb(26, 26, 26) !important;
  font-weight: 700 !important;
  letter-spacing: -0.48px !important;
}

/* Mobile: escalar H2s que não reduziram automaticamente */
@media (max-width: 767px) {
  #html-body .awa-home-section h2:not(.awa-section-header__title) {
    font-size: 18.75px !important;
  }
  #html-body .awa-category-carousel__header h2 {
    font-size: 18.75px !important;
  }
  #html-body .aw-home-faq__title,
  #html-body .aw-home-faq h2 {
    font-size: 18.75px !important;
  }
}

/* =============================================================================
 * VP-20: Section Vertical Spacing Normalization
 * Problema: margin-top varia entre 0 e 8px (desktop) / 0 e 4px (mobile)
 *   - awa-audit-bundle.css: .awa-carousel-section{margin-top:8px!important} (desktop)
 *   - awa-audit-bundle.css: .awa-carousel-section{margin-top:4px!important} (mobile)
 *   Cria espaçamento irregular entre seções da home
 * Fix: padronizar margin-top=0 usando #html-body para vencer audit-bundle
 * @version 2026-05-11-v2
 * =========================================================================== */
#html-body .awa-home-section {
  margin-top: 0 !important;
}
#html-body .awa-carousel-section {
  margin-top: 0 !important;
}