/*
 * Category footer (FAQ + contact card, editorial SEO block) in product archives,
 * the UX Blocks set as category footer. By Tiago (2026-10), moved from Additional CSS
 * (openspec: catalog-editorial-css). The variables at the top were his "edit and publish"
 * panel; they stay as custom properties, now edited here.
 */

/* =====================================================================
   BUYBACK — ESTILOS PARTILHADOS DAS CATEGORIAS
   Edita os valores abaixo e publica. A alteração aplica-se às 9 categorias.
   Os textos, perguntas, respostas e ligações continuam no UX Builder.
   A fonte do corpo e dos títulos vem de Style > Typography do tema.
   Tamanhos e espaços: px. Pesos: 400 (normal), 700 (negrito).
   SEO: estilos medidos na Home em 04/10/2026. Títulos: altura em px.
   Parágrafos SEO: altura proporcional. FAQ/contacto mantêm os seus valores.
   Desktop: 850 px ou mais. Tablet: 550–849 px. Mobile: até 549 px.
   ===================================================================== */
.gf-bb-category-bottom {
  /* DESKTOP — tamanhos por função, iguais em todas as categorias */
  --gf-bb-titulo-faq-tamanho: 36px; /* Título das FAQs */
  --gf-bb-h2-tamanho: 18px; /* Título editorial (H2) */
  --gf-bb-h3-tamanho: 16px; /* Subtítulo editorial (H3) */
  --gf-bb-paragrafo-tamanho: 14px; /* Parágrafo editorial */
  --gf-bb-faq-pergunta-tamanho: 15px; /* Pergunta da FAQ */
  --gf-bb-faq-resposta-tamanho: 15px; /* Resposta da FAQ */
  --gf-bb-contacto-titulo-tamanho: 18px; /* Título do cartão de contacto */
  --gf-bb-contacto-texto-tamanho: 13px; /* Texto do cartão de contacto */
  --gf-bb-cta-tamanho: 16px; /* Texto do botão de contacto */

  /* ALTURAS DE LINHA — herdadas por tablet e mobile */
  --gf-bb-titulo-faq-altura: 1.2;
  --gf-bb-h2-altura: 26px;
  --gf-bb-h3-altura: 24px;
  --gf-bb-paragrafo-altura: 1.75;
  --gf-bb-faq-pergunta-altura: 1.4;
  --gf-bb-faq-resposta-altura: 1.5;
  --gf-bb-contacto-titulo-altura: 1.35;
  --gf-bb-contacto-texto-altura: 18px;
  --gf-bb-cta-altura: 48px;

  /* PESOS E ESPAÇAMENTOS */
  --gf-bb-titulos-peso: 700;
  --gf-bb-texto-peso: 400;
  --gf-bb-faq-pergunta-peso: 700;
  --gf-bb-cta-peso: 700;
  --gf-bb-titulos-letras: 0px;
  --gf-bb-titulo-faq-espaco: 24px;
  --gf-bb-titulo-espaco: 8px;
  --gf-bb-bloco-espaco: 0px;
  --gf-bb-faq-espaco: 8px;

  /* SEO — cores e ritmo da Home; aplicados apenas ao conteúdo editorial */
  --gf-bb-editorial-titulo-cor: #1e2327;
  --gf-bb-editorial-texto-cor: #66717c;
  --gf-bb-editorial-link-cor: #01713a;
  --gf-bb-editorial-foco-cor: #029046;
  --gf-bb-editorial-subtitulo-espaco: 20px;
  --gf-bb-editorial-paragrafo-espaco: 12px;
}

/* TABLET — podes ajustar cada tamanho sem alterar desktop */
@media (max-width: 849px) {
  .gf-bb-category-bottom {
  --gf-bb-titulo-faq-tamanho: 32px; /* Título das FAQs */
  --gf-bb-h2-tamanho: 18px; /* Título editorial (H2) */
  --gf-bb-h3-tamanho: 16px; /* Subtítulo editorial (H3) */
  --gf-bb-paragrafo-tamanho: 14px; /* Parágrafo editorial */
  --gf-bb-faq-pergunta-tamanho: 15px; /* Pergunta da FAQ */
  --gf-bb-faq-resposta-tamanho: 15px; /* Resposta da FAQ */
  --gf-bb-contacto-titulo-tamanho: 18px; /* Título do cartão de contacto */
  --gf-bb-contacto-texto-tamanho: 13px; /* Texto do cartão de contacto */
  --gf-bb-cta-tamanho: 16px; /* Texto do botão de contacto */
    --gf-bb-bloco-espaco: 0px;
  }
}

/* MOBILE — podes ajustar cada tamanho sem alterar tablet */
@media (max-width: 549px) {
  .gf-bb-category-bottom {
  --gf-bb-titulo-faq-tamanho: 28px; /* Título das FAQs */
  --gf-bb-h2-tamanho: 17px; /* Título editorial (H2) */
  --gf-bb-h2-altura: 25px;
  --gf-bb-h3-tamanho: 16px; /* Subtítulo editorial (H3) */
  --gf-bb-paragrafo-tamanho: 14px; /* Parágrafo editorial */
  --gf-bb-faq-pergunta-tamanho: 15px; /* Pergunta da FAQ */
  --gf-bb-faq-resposta-tamanho: 15px; /* Resposta da FAQ */
  --gf-bb-contacto-titulo-tamanho: 18px; /* Título do cartão de contacto */
  --gf-bb-contacto-texto-tamanho: 13px; /* Texto do cartão de contacto */
  --gf-bb-cta-tamanho: 16px; /* Texto do botão de contacto */
    --gf-bb-bloco-espaco: 0px;
  }
}

/* FIM DOS VALORES EDITÁVEIS — regras de aplicação e layout */
.gf-bb-category-bottom{font-family:inherit;color:#111820;padding:0!important}
.gf-bb-category-bottom .section-content>.row{max-width:1200px;margin:0 auto!important}
.gf-bb-category-bottom .col{padding:0!important}
.gf-bb-category-bottom .col-inner{height:auto!important}
.gf-bb-category-bottom p{margin:0;line-height:inherit}
.gf-bb-category-bottom h2,.gf-bb-category-bottom h3{color:#111820;font-weight:var(--gf-bb-titulos-peso);letter-spacing:var(--gf-bb-titulos-letras)}
.gf-bb-category-bottom--faq{background:#fff}
.gf-bb-category-bottom--faq .section-content{padding:56px 24px}
.gf-bb-category-bottom .gf-bb-category-bottom__title h2{font-size:var(--gf-bb-titulo-faq-tamanho);line-height:var(--gf-bb-titulo-faq-altura);margin:0 0 var(--gf-bb-titulo-faq-espaco)}
.gf-bb-category-bottom .gf-bb-category-bottom__layout{display:flex;gap:24px;align-items:flex-start;flex-wrap:nowrap}
.gf-bb-category-bottom .gf-bb-category-bottom__layout:before,.gf-bb-category-bottom .gf-bb-category-bottom__layout:after{content:none!important;display:none!important}
.gf-bb-category-bottom .gf-bb-category-bottom__questions{flex:1;max-width:none;min-width:0}
.gf-bb-category-bottom .gf-bb-category-bottom__contact{flex:0 0 34.6667%;max-width:none}
.gf-bb-category-bottom .accordion{margin:0}
.gf-bb-category-bottom .accordion-item{border:1px solid #e3e7ea;border-radius:12px;margin:0 0 var(--gf-bb-faq-espaco);overflow:visible;background:#fff}
.gf-bb-category-bottom .accordion-title{border:0;border-radius:12px;min-height:56px;padding:17px 48px 17px 20px!important;font-size:var(--gf-bb-faq-pergunta-tamanho);font-weight:var(--gf-bb-faq-pergunta-peso);line-height:var(--gf-bb-faq-pergunta-altura);color:#111820;position:relative}
.gf-bb-category-bottom .accordion-title.active{background:#fff}
.gf-bb-category-bottom .accordion-title .toggle{left:auto!important;right:14px!important;top:50%;transform:translateY(-50%);margin:0;opacity:1;width:24px;height:24px}
.gf-bb-category-bottom .accordion-title .toggle i{display:none}
.gf-bb-category-bottom .accordion-title .toggle:before{content:'+';font-family:inherit;font-size:25px;font-weight:400;line-height:24px;color:#028543}
.gf-bb-category-bottom .accordion-title.active .toggle:before{content:'−'}
.gf-bb-category-bottom .accordion-inner{padding:0 20px 20px!important;font-size:var(--gf-bb-faq-resposta-tamanho);font-weight:var(--gf-bb-texto-peso);line-height:var(--gf-bb-faq-resposta-altura)}
.gf-bb-category-bottom .gf-bb-category-bottom__contact>.col-inner{background:#f7f8f9;border:1px solid #e3e7ea;border-radius:16px;padding:32px 24px;min-height:312px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px}
.gf-bb-category-bottom .gf-bb-category-bottom__help{width:48px;height:48px;background:#d3f4df;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#028543;font-size:28px;font-weight:700;margin-bottom:16px}
.gf-bb-category-bottom .gf-bb-category-bottom__contact h3{font-size:var(--gf-bb-contacto-titulo-tamanho);line-height:var(--gf-bb-contacto-titulo-altura);margin:0 0 var(--gf-bb-titulo-espaco)}
.gf-bb-category-bottom .gf-bb-category-bottom__contact p{font-size:var(--gf-bb-contacto-texto-tamanho);font-weight:var(--gf-bb-texto-peso);line-height:var(--gf-bb-contacto-texto-altura);max-width:290px}
.gf-bb-category-bottom .gf-bb-category-bottom__contact .button{margin:0!important;width:180px;min-height:48px;border-radius:12px;background:#028543;color:#fff;font-size:var(--gf-bb-cta-tamanho);font-weight:var(--gf-bb-cta-peso);text-transform:none;letter-spacing:var(--gf-bb-titulos-letras);line-height:var(--gf-bb-cta-altura);padding:0 16px;box-shadow:none}
.gf-bb-category-bottom .gf-bb-category-bottom__contact .button:hover{background:#006f37}
.gf-bb-category-bottom a:focus-visible,.gf-bb-category-bottom button:focus-visible{outline:3px solid #028543;outline-offset:3px}
.gf-bb-category-bottom--editorial{background:#f7f8f9}
.gf-bb-category-bottom--editorial :is(h2,h3){color:var(--gf-bb-editorial-titulo-cor);text-transform:none}
.gf-bb-category-bottom--editorial .section-content{padding:48px 24px}
.gf-bb-category-bottom--editorial h2{font-size:var(--gf-bb-h2-tamanho);line-height:var(--gf-bb-h2-altura);margin:0 0 var(--gf-bb-titulo-espaco)}
.gf-bb-category-bottom--editorial h3{font-size:var(--gf-bb-h3-tamanho);line-height:var(--gf-bb-h3-altura);margin:var(--gf-bb-editorial-subtitulo-espaco) 0 var(--gf-bb-titulo-espaco)}
.gf-bb-category-bottom--editorial p{font-size:var(--gf-bb-paragrafo-tamanho);font-weight:var(--gf-bb-texto-peso);line-height:var(--gf-bb-paragrafo-altura);color:var(--gf-bb-editorial-texto-cor);margin:0 0 var(--gf-bb-editorial-paragrafo-espaco)}
.gf-bb-category-bottom--editorial .text{margin-bottom:var(--gf-bb-bloco-espaco)}
.gf-bb-category-bottom--editorial .text:last-child{margin-bottom:0}
.gf-bb-category-bottom--editorial .text:last-child p:last-child{margin-bottom:0}
.gf-bb-category-bottom--editorial a{color:var(--gf-bb-editorial-link-cor);text-decoration:underline;text-underline-offset:3px}
.gf-bb-category-bottom--editorial a:focus-visible{outline:2px solid var(--gf-bb-editorial-foco-cor);outline-offset:3px}
@media(max-width:849px){.gf-bb-category-bottom--faq .section-content{padding:48px 32px}.gf-bb-category-bottom .gf-bb-category-bottom__layout{gap:16px}.gf-bb-category-bottom .gf-bb-category-bottom__contact{flex-basis:33.25%}.gf-bb-category-bottom .gf-bb-category-bottom__contact>.col-inner{padding:24px 16px}.gf-bb-category-bottom--editorial .section-content{padding:40px 32px}}
@media(max-width:549px){.gf-bb-category-bottom--faq .section-content{padding:40px 16px}.gf-bb-category-bottom .gf-bb-category-bottom__layout{flex-direction:column;gap:20px}.gf-bb-category-bottom .gf-bb-category-bottom__questions,.gf-bb-category-bottom .gf-bb-category-bottom__contact{width:100%;flex:0 0 auto}.gf-bb-category-bottom .gf-bb-category-bottom__contact>.col-inner{min-height:312px;padding:32px 24px}.gf-bb-category-bottom--editorial .section-content{padding:32px 16px}}
@media(prefers-reduced-motion:reduce){.gf-bb-category-bottom *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}