/* ===== Reset simples ===== */
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
:root{
  --orange:#FF9D01;
  --dark:#3a434d;
  --gray:#f4f4f4;
  --white:#fff;
  --yt:#FF0000;

  /* extras de estética */
  --ink:#0f172a;
  --shadow: 0 10px 30px rgba(0,0,0,.10);
  --shadow-strong: 0 20px 50px rgba(0,0,0,.18);
}
body{
  font-family:'Syne',system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial;
  color:var(--dark);
  background:#fff;
}

/* ===== Util ===== */
.container{ width:min(1120px, 92%); margin:0 auto; position:relative; z-index:1; }
.section-title{
  font-size: clamp(1.6rem, 1.2rem + 1.5vw, 2.2rem);
  font-weight: 800; margin:0 0 20px;
  letter-spacing:.2px;
}

/* ===== efeitos globais ===== */
.reveal{ opacity:0; transform:translateY(18px) scale(.98); transition:opacity .7s ease, transform .7s cubic-bezier(.2,.7,.2,1); }
.reveal.is-visible{ opacity:1; transform:translateY(0) scale(1); }
a{ transition: all .25s ease; }

/* ===== HERO ===== */
.hero{
  position: relative;
  color: #000;
  padding: 36px 0 38px;
  overflow: hidden;
  /* gradiente principal com leve brilho */
  background:
    radial-gradient(1800px 400px at 90% -10%, #ffd38a 0%, transparent 60%),
    linear-gradient(180deg, #ffb43a 0%, var(--orange) 60%);
  z-index: 1;
}

.hero > div {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

@keyframes floaty { from{ transform:translateY(0)} 50%{ transform:translateY(-6px)} to{ transform:translateY(0)} }

.brand{ display:flex; align-items:center; gap:14px; }
.brand__logo{ width:56px; height:auto; filter: drop-shadow(0 4px 10px rgba(0,0,0,.08)); }
.brand__title{ font-size: clamp(1.6rem, 1rem + 2vw, 3rem); font-weight:800; margin:0; letter-spacing:.3px; color: #fff; }

.searchbar{ display:flex; gap:10px; margin:18px 0 8px; position: relative; z-index: 9999;}
.searchbar input{
  flex:1; height:48px; border-radius:12px; border:2px solid rgba(0,0,0,.08); padding:0 16px;
  outline: none; font-size:16px; background:#fff;
  box-shadow: inset 0 2px 0 rgba(255,255,255,.35), 0 6px 24px rgba(0,0,0,.06);
}
.searchbar input:hover{ border-color: #ffd28a; }
.searchbar input:focus{ border-color:#ffbe52; box-shadow: 0 0 0 6px rgba(255,157,1,.15), inset 0 2px 0 rgba(255,255,255,.35); }
.searchbar button{
  width:48px; height:48px; border-radius:12px; border:none; background:#fff;
  display:grid; place-items:center; cursor:pointer; box-shadow: var(--shadow);
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.searchbar button:hover{ transform: translateY(-1px) scale(1.03); box-shadow: var(--shadow-strong); background:#fff7ec; }

.most-searched{ display:flex; gap:10px; align-items:center; flex-wrap:wrap; position: relative; z-index: 2;}
.most-searched span{ font-weight:700; color: #fff;}
.most-searched .pill{
  background:#00000012; padding:6px 12px; border-radius:999px; text-decoration:none; color:#fff;
  font-weight:700; font-size:14px; border:1px solid transparent; border: 2px solid #fff;
}
.most-searched .pill:hover{ color: #000;background:#fff; border-color:#00000020; transform:translateY(-2px); box-shadow:0 8px 16px rgba(0,0,0,.08); }

/* ===== ACESSO RÁPIDO ===== */
.quick-access{
  position:relative; padding:34px 0;
  /* fundo com textura suave listrada */
  z-index: 0;
}
.quick-grid{
  display:grid; gap:18px;
  grid-template-columns: repeat(3, 1fr);
}
.quick-card{
  background:linear-gradient(180deg,#ffffff, #f9fafb);
  border-radius:16px; padding:22px; text-decoration:none; color:inherit;
  position:relative; min-height:170px; display:flex; flex-direction:column; gap:10px;
  border:1px solid #edf2f7; box-shadow:var(--shadow); isolation:isolate;
  transform: translateZ(0); /* melhora animação */
}
.quick-card::after{
  content:""; position:absolute; inset:0; border-radius:16px;
  background: radial-gradient(120px 60px at 90% 100%, rgba(255,157,1,.20), transparent 60%);
  opacity:.0; transition:opacity .25s ease;
  z-index:-1;
}
.quick-card:hover::after{ opacity:1; }
.quick-card:hover{ transform: translateY(-4px); box-shadow: var(--shadow-strong); color: var(--orange);}
.quick-card h3{ margin:0; font-size:1.12rem; font-weight:800; }
.quick-card p{ margin:0; color:#39424d; line-height:1.35; }
.quick-card .cta-icon{
  position:absolute; right:14px; bottom:14px; background:var(--orange); color:#fff;
  width:36px; height:36px; display:grid; place-items:center; border-radius:50%; font-weight:900;
  box-shadow: 0 8px 20px rgba(255,157,1,.45);
  transition: transform .2s ease, box-shadow .2s ease;
}
.quick-card:hover .cta-icon{ transform: scale(1.06); box-shadow: 0 12px 26px rgba(255,157,1,.6); }

/* ===== TÓPICOS ===== */
.topics{
  position:relative; padding:34px 0;
  background:
   linear-gradient(180deg, #ffffff 0%, #ffffff 40%, #fff7ec 40%, #fff7ec 100%);
}
.topics::before{
  content:""; position:absolute; inset:auto 0 0 0; height:160px;
  background: radial-gradient(60% 120px at 50% 10%, rgba(255,157,1,.18), rgba(255,157,1,0));
  pointer-events:none;
}
.topics-grid{
  display:grid; gap:14px; grid-template-columns: repeat(5,1fr);
}
.topic-item{
  background:#fff; border:2px solid #e9eef3; border-radius:14px;
  height:126px; display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:10px; text-decoration:none; color:var(--dark); font-weight:800; text-align:center;
  box-shadow: var(--shadow); transform: translateZ(0);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.topic-item:hover{
  transform: translateY(-4px);
  border-color:#ffd28a; box-shadow: var(--shadow-strong);
  color: var(--orange);
}
.topic-icon{ width:44px; height:44px; animation:floaty 4s ease-in-out infinite; }
.topic-icon img{ width:100%; height:100%; object-fit:contain; }
.topics__all{ margin-top:12px; text-align:center; }
.see-all{ color:var(--dark); font-weight:800; text-decoration:none; border-bottom:2px solid transparent; }
.see-all:hover{ border-color: var(--dark); transform: translateY(-1px); color: var(--dark);}

/* ===== YOUTUBE ===== */
.youtube{
  position:relative; padding:36px 0;
  background:
    radial-gradient(600px 120px at 50% 0%, rgba(255,0,0,.06), transparent 70%), #fff;
}
.youtube .yt{ color:var(--yt); }
.youtube .btn-ghost{
  border:2px solid var(--dark); border-radius:12px; padding:10px 16px; font-weight:800; color:var(--dark); text-decoration:none;
  background:linear-gradient(#fff,#f8fafc);
}
.youtube .btn-ghost:hover{ transform: translateY(-3px); box-shadow: var(--shadow-strong); }
.youtube__top{
  display:flex; align-items:center; justify-content:space-between; gap:18px; flex-wrap:wrap; margin-bottom:14px;
}
.yt-carousel{
  display:grid; grid-auto-flow:column; grid-auto-columns:minmax(280px, 1fr); gap:14px;
  overflow-x:auto; scroll-snap-type:x mandatory; padding-bottom:6px;
}
.yt-carousel::-webkit-scrollbar{ height:10px; }
.yt-carousel::-webkit-scrollbar-thumb{ background:#ddd; border-radius:20px; }
.yt-card{ scroll-snap-align:start; background:#000; border-radius:14px; overflow:hidden; box-shadow:var(--shadow); }
.yt-card:hover{ transform: translateY(-3px); box-shadow: var(--shadow-strong); }
.yt-card iframe{ width:100%; height:200px; border:0; display:block; }

.yt__help{ color:#5d6b78; font-size:.9rem; margin-top:8px; }

/* ===== CONTATO ===== */
.contact{
  position:relative; padding:34px 0; color:#fff; overflow:hidden;
  background:
    radial-gradient(1200px 200px at 50% -30px, #26323e 0, rgba(38,50,62,0) 60%),
    linear-gradient(180deg, #3a434d 0%, #2e363f 100%);
}
.contact::before{
  content:""; position:absolute; inset:auto -120px -140px auto; width:460px; height:460px; border-radius:50%;
  background: radial-gradient(closest-side, rgba(255,157,1,.22), rgba(255,157,1,0));
  filter: blur(4px);
}
.contact__grid{ display:grid; gap:26px; grid-template-columns: 1.3fr .9fr; align-items:center; }
.contact__cta h3{ font-size: clamp(1.5rem,1.1rem + 1.2vw,2.0rem); margin:0 0 6px; }
.contact__cta p{ margin:0 0 14px; opacity:.95; }
.btn-whatsapp{
  display:inline-flex; gap:10px; align-items:center; text-decoration:none; background:#25D366;
  color:#fff; font-weight:900; padding:12px 18px; border-radius:999px;
  box-shadow:0 10px 22px rgba(37,211,102,.35);
}
.btn-whatsapp img{ width:20px; height:20px; filter: drop-shadow(0 2px 4px rgba(0,0,0,.2));}
.btn-whatsapp:hover{ transform: translateY(-2px) scale(1.02); box-shadow:0 18px 36px rgba(37,211,102,.45); color: #fff;}
.wapp-number{ display:block; margin-top:5px; color:#c9ffde; opacity:.9; }

.card{ background:#fff; color:var(--dark); border-radius:14px; padding:16px 18px; box-shadow: var(--shadow); }
.trust-logos{ display:flex; gap:16px; align-items:center; margin-top:12px; flex-direction: column;}
.trust-logos img{ width:auto; height:50px; object-fit:contain; filter: drop-shadow(0 6px 16px rgba(0,0,0,.15)); }

/* ===== BLOG ===== */
.blog{ position:relative; background:#fff; padding:36px 0; }

.blog__cards-wrapper{ position:relative; }
.linha-laranja{
  position:absolute; left:0; right:0; top:50%; transform:translateY(-50%);
  height:140px;
  background:linear-gradient(90deg, #ffa62c, #ff9d01 45%, #ffb84d 100%);
  z-index:0; border-radius:20px;
  box-shadow: 0 18px 44px rgba(255,157,1,.35);
  animation: blogGlow 5.5s ease-in-out infinite;
}
@keyframes blogGlow{
  0%,100%{ filter: saturate(115%) brightness(100%); }
  50%{ filter: saturate(130%) brightness(106%); }
}

.blog__cards{
  position:relative; z-index:1;
  display:flex; gap:22px; flex-wrap:wrap; justify-content:center; align-items:stretch;
}

/* Card maior e com altura fixa p/ alinhar tudo */
.post-card{
  --accent: var(--orange);
  position:relative; width:360px; height:auto; /* <<< aumenta e iguala os cards */
  border-radius:18px; overflow:hidden;
  text-decoration:none; color:var(--dark);
  display:flex; flex-direction:column;
  background:
    linear-gradient(#ffffff, #ffffff) padding-box,
    linear-gradient(135deg, rgba(255,174,37,1), rgba(255,174,37,.2)) border-box;
  border:2px solid transparent;
  box-shadow: 0 8px 26px rgba(0,0,0,.10);
  transition: transform .25s ease, box-shadow .25s ease, filter .25s ease;
  isolation:isolate;
}

/* Glow e spotlight (mantidos) */
.post-card::before{
  content:""; position:absolute; inset:-20% -20% auto -20%; height:60%;
  background: radial-gradient(closest-corner, rgba(255,157,1,.22), transparent 70%);
  z-index:-1; filter: blur(16px); opacity:.0; transition:opacity .25s ease;
}
.post-card::after{
  content:""; position:absolute; inset:0; pointer-events:none; opacity:0;
  background: radial-gradient(250px 220px at var(--mx,50%) var(--my,55%), rgba(255,157,1,.18), rgba(255,157,1,0) 60%);
  transition: opacity .2s ease;
}
.post-card:hover{
  transform: translateY(-8px);
  box-shadow: 0 18px 46px rgba(255,157,1,.28), 0 8px 26px rgba(0,0,0,.18);
  color: #000;
}
.post-card:hover::before{ opacity:1; }
.post-card:hover::after{ opacity:1; }

/* Imagem um pouco maior */
.post-card img{
  width:100%; height:220px; object-fit:cover; display:block;
  transition: transform .35s ease, filter .35s ease;
}
.post-card:hover img{ transform: scale(1.06); filter: saturate(112%) contrast(105%); }

/* Área de conteúdo ocupa todo o restante para empurrar a meta p/ baixo */
.post-card .body{
  position:relative; padding:16px 18px; display:flex; flex-direction:column; gap:12px; flex:1;
}
.post-card .body::before{
  content:""; position:absolute; left:0; top:0; height:4px; width:38%;
  background: linear-gradient(90deg, var(--accent), #ffb847);
  border-top-left-radius:16px; border-top-right-radius:10px;
}

.post-card .body:hover {
  color: #000;
}

/* Título mais leve e com 2 linhas fixas (alinha todos) */
.post-card .title{
  font-weight:700; /* mais leve que 800 */
  font-size:1.08rem; line-height:1.3; margin:0;
  display:-webkit-box; -webkit-line-clamp:2;  overflow:hidden;
  min-height:2.6em; /* 2 linhas * 1.3 */
  background: linear-gradient(var(--accent), var(--accent)) left bottom / 0 8px no-repeat;
  transition: background-size .35s ease;
}
.post-card:hover .title{ background-size: 100% 8px; color: #000;}

/* Rodapé do card sempre na mesma altura */
.post-card .meta{
  margin-top:auto; display:flex; align-items:center; justify-content:space-between;
}
.post-card .readmore{
  font-weight:700; /* mais leve que 900 */
  position:relative; padding-right:18px;
}

.post-card .readmore:hover {
  color: #000 !important;
}

.post-card .readmore::after{
  content:"›"; position:absolute; right:0; top:50%; transform:translateY(-48%);
  transition: transform .25s ease;
}
.post-card:hover .readmore::after{ transform:translate(3px,-48%); }

.post-card .cat{
  font-weight:600; /* mais leve que 800 */
  font-size:.9rem; white-space:nowrap;
  background: linear-gradient(135deg, #ffb13a, var(--accent));
  color:#1e2024; padding:6px 10px; border-radius:999px;
  box-shadow: 0 6px 16px rgba(255,157,1,.35); border:1px solid rgba(0,0,0,.06);
}

/* remove offsets para manter alinhamento perfeito */
.blog__cards .post-card:nth-child(2),
.blog__cards .post-card:nth-child(3),
.blog__cards .post-card:nth-child(4){ transform:none; }

/* CTA do blog centralizado e com boa distância */
.blog__cta{ text-align:center; margin-top:42px; }
.blog__link{
  display:inline-block; text-decoration:none; font-weight:700; color:var(--dark);
  padding:10px 16px; border-radius:12px; border:2px solid var(--dark);
  background:linear-gradient(#fff,#f8fafc); transition:transform .2s ease, box-shadow .2s ease;
}
.blog__link:hover{ transform: translateY(-2px); box-shadow: 0 10px 22px rgba(0,0,0,.12); color: var(--orange); border: 2px solid var(--orange);}

/* responsivo opcional: ocupar largura total no mobile */
@media (max-width: 520px){
  .post-card{ width:100%; height:auto; } /* deixa fluir no mobile */
  .post-card img{ height:200px; }
}


/* ===== FOOTER ===== */
.footer{ padding:20px 0 40px; color:#5d6b78; text-align:center; }

/* ===== Responsivo ===== */
@media (max-width:960px){
  .quick-grid{ grid-template-columns:1fr; }
  .topics-grid{ grid-template-columns: repeat(2,1fr); }
  .contact__grid{ grid-template-columns:1fr; }
}


/* ===== TOPIC (Todos) ===== */
.topic{ padding:24px 0 48px; background:#fff; }
.topic .container{ position:relative; }

/* Controles */
.topic__controls{
  display:flex; align-items:flex-start; justify-content:space-between; gap:18px;
  padding:14px; border:1px solid #edf2f7; border-radius:16px; background:#fff; box-shadow:0 8px 24px rgba(0,0,0,.06);
  margin-top:18px; margin-bottom:18px;
}
.topic__controls-left{ display:flex; gap:16px; align-items:center; flex-wrap:wrap; }
.topic__search{ display:flex; align-items:center; gap:8px; background:#fff; border:1px solid #e6edf4; padding:8px 10px; border-radius:12px; }
.topic__search input{ border:none; outline:none; font-family:inherit; font-size:15px; min-width:240px; }
.topic__search button{ border:none; background:#fff; width:36px; height:36px; border-radius:10px; display:grid; place-items:center; cursor:pointer; }
.topic__search button:hover{ background:#fff6ea; }

.topic__pills{ display:flex; gap:10px; flex-wrap:wrap; }
.pill{
  border:1px solid #e6edf4; background:#fff; color:#3a434d; border-radius:999px; padding:8px 12px; font-weight:700; cursor:pointer;
  transition:.2s ease; font-size:14px;
}
.pill:hover{ transform:translateY(-1px); box-shadow:0 10px 18px rgba(0,0,0,.07); }
.pill--active{ border-color:#ffc46e; background:linear-gradient(135deg,#ffb13a,#ff9d01); color:#1f2328; }

.topic__controls-right{ display:flex; gap:12px; align-items:center; flex-wrap:wrap; }
.select{ display:flex; align-items:center; gap:8px; }
.select > span{ font-weight:700; color:#3a434d; }
.select select{
  appearance:none; -webkit-appearance:none; -moz-appearance:none;
  border:1px solid #e6edf4; background:#fff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="%233a434d" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"/></svg>') no-repeat right 10px center/16px;
  border-radius:10px; padding:9px 34px 9px 12px; font-weight:700; cursor:pointer;
}

/* Grid e cards */
.topic__grid{
  display:grid; gap:20px;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.topic-card{
  --accent:#FF9D01;
  position:relative; display:flex; flex-direction:column; overflow:hidden;
  border-radius:18px; border:2px solid transparent;
  background:
    linear-gradient(#ffffff,#ffffff) padding-box,
    linear-gradient(135deg, rgba(255,174,37,1), rgba(255,174,37,.2)) border-box;
  box-shadow:0 10px 28px rgba(0,0,0,.08);
  transition: transform .25s ease, box-shadow .25s ease;
  height: 480px; /* todos igualzinhos */
}
.topic-card:hover{ transform:translateY(-6px); box-shadow:0 18px 44px rgba(255,157,1,.28), 0 8px 24px rgba(0,0,0,.16); }

.topic-card__img{ width:380px; height:220px; overflow:hidden; }
.topic-card__img img{ width:100%; height:100%; object-fit:cover; transition: transform .35s ease, filter .35s ease; display:block; }
.topic-card:hover .topic-card__img img{ transform:scale(1.06); filter:saturate(112%) contrast(105%); }

.topic-card__body{ flex:1; display:flex; flex-direction:column; gap:10px; padding:16px 18px; }
.topic-card__cat{
  align-self:flex-start; font-weight:600; font-size:.9rem; color:#1e2024;
  background:linear-gradient(135deg,#ffb13a,var(--accent)); padding:6px 10px; border-radius:999px; box-shadow:0 6px 16px rgba(255,157,1,.35);
}
.topic-card__title{
  font-weight:700; font-size:1.06rem; line-height:1.3; margin:0;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:2.6em; color: #000;
}
.topic-card__excerpt{
  color:#5a6673; font-weight:500; font-size:.98rem; line-height:1.35; margin:0;
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; min-height:4.05em;
}
.topic-card__footer{ margin-top:auto; display:flex; justify-content:flex-end; }
.topic-card__more{ font-weight:700; color: #000;}
.topic-card__more::after{ content:" ›"; }

/* Estados */
.topic__loading{ text-align:center; color:#3a434d; font-weight:700; padding:18px; }
.topic__empty{ text-align:center; color:#687687; font-weight:700; padding:16px; }

/* Mobile */
@media (max-width:560px){
  .topic__controls{ padding:12px; flex-direction: column; align-items: center;}
  .topic__controls-right {flex-direction: column;}
  .topic-card{ height:auto; }
  .topic-card__img{ height:200px; }
}


.contact__hours {
  flex-direction: row !important;
  display: flex !important;
}

/* ===========================================================
   AJUSTES PEDIDOS
   =========================================================== */

/* 1) TÓPICOS — "Ver todos" mais destacável */
.see-all.btn-see-all{
  display:inline-flex; align-items:center; gap:10px;
  padding:12px; border-radius:14px; font-weight:800;
  text-transform:uppercase; letter-spacing:.4px;
  text-decoration:none; color:#1f2328;
  background: linear-gradient(#fff,#fff) padding-box,
              linear-gradient(45deg,#ffb13a,#ff9d01,#ffb84d) border-box;
  border:2px solid transparent;
  box-shadow: 0 12px 26px rgba(255,157,1,.35);
  position:relative; isolation:isolate;
  font-size: 1rem;
}

.see-all.btn-see-all:hover{ transform:translateY(-3px); box-shadow:0 18px 36px rgba(255,157,1,.45); }
.see-all.btn-see-all:hover::before{ transform: translateX(120%); }
.see-all.btn-see-all:focus-visible{ outline:3px solid rgba(255,157,1,.35); outline-offset:2px; }
.see-all.btn-see-all .material-symbols-rounded{
  font-size:20px; translate: 0 0; transition: translate .2s ease;
}
.see-all.btn-see-all:hover .material-symbols-rounded{ translate:2px 0; }

/* 2) YOUTUBE — botão vermelho + scrollbar do carrossel bem visível */
.youtube .btn-yt{
  display:inline-flex; align-items:center; gap:10px;
  padding:10px 18px; border-radius:999px; font-weight:900;
  text-decoration:none; color:#fff;
  background: linear-gradient(180deg, #ff2d2d, #e60000);
  border:0; box-shadow:0 12px 28px rgba(255,0,0,.35);
}
.youtube .btn-yt:hover{ transform: translateY(-3px); filter: brightness(1.03); box-shadow:0 18px 36px rgba(255,0,0,.45); }
.youtube .btn-yt:focus-visible{ outline:3px solid rgba(255,0,0,.35); outline-offset:2px; }
.youtube .btn-yt .material-symbols-rounded{ font-size:20px; }

/* Carrossel: scrollbar marcante (WebKit) */
.yt-carousel{ position:relative; padding-bottom:12px; }
.yt-carousel::-webkit-scrollbar{ height:12px; }
.yt-carousel::-webkit-scrollbar-track{
  background:#ffe5e5; border-radius:999px;
  box-shadow: inset 0 0 0 2px #fff;
}
.yt-carousel::-webkit-scrollbar-thumb{
  background: linear-gradient(180deg, #ff4d4d, var(--yt));
  border-radius:999px; border:2px solid #ffe5e5;
}
.yt-carousel::-webkit-scrollbar-thumb:hover{ background:#e60000; }
/* Firefox */
.yt-carousel{ scrollbar-width: auto; scrollbar-color: var(--dark) var(--gray); }

/* VERSÃO EMPILHADA (sem scroll horizontal) — adicione a classe .yt-stack ao contêiner */
.yt-carousel.yt-stack{
  grid-auto-flow: row;
  grid-auto-columns: unset;
  grid-template-columns: 1fr;
  overflow: visible;
  gap: 18px;
}
.yt-carousel.yt-stack::-webkit-scrollbar{ display:none; }
.yt-carousel.yt-stack::after{ content:none; } /* remove “Arraste →” */
.yt-carousel.yt-stack .yt-card iframe{ height:280px; } /* um pouco mais alto empilhado */

/* 3) BLOG — botão destacado */
.blog__link.btn-blog{
  display:inline-flex; align-items:center; gap:10px;
  padding:12px 18px; border-radius:14px; font-weight:900;
  text-decoration:none; color:#1f2328;
  background: linear-gradient(#fff,#fff) padding-box,
             linear-gradient(45deg,#ffb13a,#ff9d01,#ffb84d) border-box;
  border:2px solid transparent;
  box-shadow:0 12px 26px rgba(255,157,1,.30);
  text-transform:uppercase; letter-spacing:.3px;
}
.blog__link.btn-blog:hover{ transform: translateY(-3px); box-shadow:0 18px 36px rgba(255,157,1,.45); color:#000; }
.blog__link.btn-blog:focus-visible{ outline:3px solid rgba(255,157,1,.35); outline-offset:2px; }
.blog__link.btn-blog .material-symbols-rounded{ font-size:20px; translate:2px 0; transition: translate .2s ease; }
.blog__link.btn-blog:hover .material-symbols-rounded{ translate:4px 0; }


/* ===== SINGLE: layout em 2 colunas ===== */
.support-wrap{
  display:grid;
  grid-template-columns: 1fr 320px;
  gap:24px;
  align-items:start;
  margin-top: 12px;
}
@media (max-width: 960px){
  .support-wrap{ grid-template-columns: 1fr; }
}

/* Artigo */
.support-article__header{ margin-bottom: 14px; }
.support-article__title{ margin:0 0 8px; font-weight:800; font-size: clamp(1.5rem, 1rem + 1.2vw, 2rem); }
.support-article__meta{ color:#5d6b78; display:flex; gap:10px; align-items:center; }
.support-article__cover img{ width:100%; height:auto; border-radius:12px; box-shadow: var(--shadow); margin: 10px 0 0; }

/* Navegação rápida sticky */
.quick-nav{
  position: sticky;
  top: 90px;        /* ajuste conforme seu header fixo */
  align-self: start;
  background:#fff;
  border:1px solid #edf2f7;
  border-radius:14px;
  padding:12px;
  box-shadow: 0 8px 22px rgba(0,0,0,.06);
}
.quick-nav__title{
  font-weight:800; margin:2px 0 8px; color:#1f2328;
}
.quick-nav__list{ display:flex; flex-direction:column; gap:8px; }
.quick-nav__item{
  display:flex; align-items:center; gap:10px;
  text-decoration:none; color:#334155; padding:8px 6px; border-radius:10px;
}
.quick-nav__item:hover{ background:#fff7ec; color:#000; }
.quick-nav__dot{
  width:8px; height:8px; border-radius:50%; background: var(--orange);
}
.quick-nav__empty{ color:#6b7280; font-size:.9rem; }

/* Feedback / share */
.post-feedback{
  margin-top: 20px;
  padding: 12px;
  border:1px solid #e6edf4;
  border-radius: 12px;
  display:flex; gap:10px; align-items:center; justify-content:space-between; flex-wrap:wrap;
}
.post-feedback__left{ display:flex; gap:8px; align-items:center; }
.post-feedback__right{ display:flex; gap:10px; align-items:center; }
.btn-pdf, .btn-copy{
  border:1px solid #e6edf4; background:#fff; border-radius:10px; padding:8px 12px; font-weight:700; cursor:pointer;
}
.btn-pdf:hover, .btn-copy:hover{ background:#fff6ea; }
.feedback-actions{ display:flex; gap:6px; }
.fb-btn{
  border:1px solid #e6edf4; background:#fff; border-radius:10px; padding:6px 10px; cursor:pointer;
}
.fb-btn:hover{ background:#fff6ea; }
.copy-hint{ color:#16a34a; font-weight:700; }

/* CTA final (whatsapp) */
.support-cta{
  margin-top: 26px;
  border:1px solid #e6edf4;
  border-radius:16px;
  padding: 26px;
}
.support-cta__grid{
  display:grid; gap:0px; grid-template-columns: 1fr auto auto; align-items:center;
}
.support-cta__title{
  margin:0; font-weight:900; font-size: clamp(1.4rem, 1rem + 1vw, 1.9rem); text-align: center;
}
.support-cta__whats{
  text-decoration:none; font-weight:900;
  background:#FF9D01; color:#1f2328;
  padding:20px 18px !important; border-radius:14px; box-shadow: 0 10px 22px rgba(255,157,1,.35);
  width: 70%; margin: 0 auto;
  display: flex; gap: 5px; justify-content: center;
}
.support-cta__whats:hover{ filter: brightness(1.05); transform: translateY(-2px); color: #000;}
.support-cta__whats .wicon{ margin-right:8px; align-items: center; display: flex; justify-content: center; gap: 10px;}
.support-cta__hours{
  border:2px solid #111; border-radius:12px; padding:20px 24px; background:#fff;
}
.support-cta__hours h3{ margin:0 0 6px; font-weight:800; text-align:center; }
@media (max-width: 820px){
  .support-cta__grid{ grid-template-columns: 1fr; }
  .support-cta__whats{ justify-self:start; }
  .post-feedback {flex-direction: column;}
  .support-cta__whats {
    width: 100%;
  }
}

/* Botão voltar */
.btn-back{
  display:inline-block; margin-top:14px; text-decoration:none; font-weight:800;
  border:2px solid #e6edf4; padding:10px 12px; border-radius:10px; background:#fff;
}
.btn-back:hover{ background:#fff6ea; }

/* Grade de cards — mantém colunas com largura fixa (até 360px) e centraliza */
.topic__grid{
  display:grid;
  gap:20px;
  /* de: repeat(auto-fit, minmax(300px, 1fr))
     para: colunas que variam de 300px até 360px */
  grid-template-columns: repeat(auto-fit, minmax(300px, 360px));
  justify-content: center;      /* centraliza quando sobrar espaço (ex.: 1 card) */
}

/* O card não passa de 360px e alinha ao centro da coluna */
.topic-card{
  max-width: 360px;  /* garante que não “esticará” além da coluna */
  width: 100%;
  justify-self: center;
}

/* A imagem passa a respeitar a largura do card */
.topic-card__img{
  width: 100%;       /* de 380px → 100% */
  height: 220px;
  overflow: hidden;
}

/* ===== GLOBAL SEARCH (autocomplete) ===== */
.searchbar { position: relative; }

.gs-dropdown {
    position: absolute;
  top: 100%;
  left: 0; right: 0;
  margin-top: .5rem;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: .75rem;
  box-shadow: 0 8px 30px rgba(0,0,0,.07);
  max-height: 60vh;               /* mais alto p/ caber muitos itens */
  overflow-y: auto;               /* rolagem vertical */
  -webkit-overflow-scrolling: touch;
  z-index: 10000;
}

.g.gs-item { display:flex; align-items:center; gap:.75rem; padding:.75rem 1rem; text-decoration:none; color:#1f2937; }
.gs-item:not(:last-child){ border-bottom:1px solid #f3f4f6; }
.gs-item:hover,.gs-item.is-active{ background:#f9fafb; }
.gs-title{ flex:1 1 auto; font-weight:600; line-height:1.3; }
.gs-tag{ flex:0 0 auto; font-size:.75rem; padding:.25rem .5rem; border-radius:999px; background:#fff7ed; border:1px solid #fed7aa; color:#9a3412; white-space:nowrap; }

.gs-empty,.gs-foot{ padding:.75rem 1rem; font-size:.9rem; color:#6b7280; }

@media (max-width:576px){ .gs-tag{ display:none; } }

/* header não deve cortar o dropdown */
.hero { overflow: visible !important; }

/* garantir que a busca fique por cima de "Mais buscados" */
.searchbar { position: relative; z-index: 9999; }
.most-searched { position: relative; z-index: 2; }

/* ===== GLOBAL SEARCH (autocomplete) ===== */
.gs-dropdown{
  position:absolute; top:100%; left:0; right:0; margin-top:.5rem;
  background:#fff; border:1px solid #e5e7eb; border-radius:.75rem;
  box-shadow:0 8px 30px rgba(0,0,0,.07);
  max-height:60vh;          /* flexível: cresce até 60% da viewport */
  overflow-y:auto;          /* e passa a rolar se exceder */
  -webkit-overflow-scrolling:touch;
  z-index:10000;
  padding: .25rem 0;
}


.gs-item:not(:last-child){ border-bottom:1px solid #f3f4f6; }
.gs-item:hover,.gs-item.is-active{ background:#f9fafb; }

/* --- Autocomplete: título à esquerda, tag totalmente à direita --- */
.gs-item{
  display: flex !important;
  align-items: center !important;
  gap: .75rem;
  padding: .75rem 1rem;
}

.gs-title{
  flex: 1 1 auto;                /* ocupa o espaço da esquerda */
  font-weight: 700;
  line-height: 1.25;
  overflow: hidden;               /* evita quebrar layout em títulos longos */
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #000;
}

.gs-meta{
  margin-left: auto;              /* empurra a meta (tag) pro canto direito */
  display: flex;
  align-items: center;
}

.gs-tag{
  font-size: .75rem;
  padding: .25rem .5rem;
  border-radius: 999px;
  background: #fff7ed;
  border: 1px solid #fed7aa;
  color: #9a3412;
  white-space: nowrap;
}


.gs-empty,.gs-foot{ padding:.5rem 1rem; font-size:.9rem; color:#6b7280; }

/* mobile: se quiser, pode esconder a tag para ficar mais compacto */
@media (max-width:576px){
  .gs-tag{ display:none; }
}

/* Sempre por cima de tudo */
#gs-portal-host #global-suggest {
  position: fixed;             /* fixo no viewport */
  z-index: 2147483647;         /* bem acima de qualquer coisa */
  max-height: 60vh;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  /* o restante do estilo que você já tem para .gs-dropdown permanece valendo */
}

/* a barra em si também ganha um z alto, por garantia */
#global-search { position: relative; z-index: 2147483000; }


/* --- Vídeos responsivos dentro do conteúdo do post (single) --- */
.support-article .entry-content iframe,
.support-article .entry-content video,
.support-article .entry-content object,
.support-article .entry-content embed {
  width: 100% !important;
  max-width: 100% !important;
  display: block;
  border: 0;
}

/* Mantém proporção 16:9 nos players modernos */
@supports (aspect-ratio: 16 / 9) {
  .support-article .entry-content iframe,
  .support-article .entry-content video {
    aspect-ratio: 16 / 9;
    height: auto !important;
  }
}

/* Fallback (e compatibilidade com Gutenberg) */
.support-article .entry-content .wp-block-embed__wrapper,
.support-article .entry-content .cnm-fluid {
  position: relative;
  width: 100%;
}
.support-article .entry-content .wp-block-embed__wrapper::before,
.support-article .entry-content .cnm-fluid::before {
  content: "";
  display: block;
  padding-top: 56.25%; /* 16:9 */
}
.support-article .entry-content .wp-block-embed__wrapper > iframe,
.support-article .entry-content .cnm-fluid > iframe,
.support-article .entry-content .cnm-fluid > video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

/* Evita estouro lateral por figuras/embeds do WP */
.support-article .entry-content figure {
  margin-left: 0;
  margin-right: 0;
}

.anchor-tag {
  color: var(--orange);
  text-decoration: underline;
}

.anchor-tag:hover {
  color: var(--orange);
  text-decoration: none;
}

/* Remove SEMPRE o 1º card do carrossel do YouTube */
.yt-carousel .yt-card:first-child { 
  display: none !important; 
}

/* (opcional) se usar a versão empilhada */
.yt-carousel.yt-stack .yt-card:first-child { 
  display: none !important; 
}