/**
 * Camada 4 — home.
 * Só o que existe apenas na home. Carregado somente em is_front_page().
 */

/* ---------- vitrine em leque ---------- */
.tcwrap{padding:24px 0 8px;}
.tc-eyebrow{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:14px;text-align:center;}
.tc-stage{position:relative;height:360px;overflow:hidden;}
.tc-card{position:absolute;top:50%;left:50%;width:520px;height:300px;border-radius:26px;overflow:hidden;
  transform:translate(-50%,-50%);transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .55s,filter .55s;
  display:flex;flex-direction:column;justify-content:space-between;padding:26px;color:#fff;
  box-shadow:0 30px 60px -25px rgba(16,16,20,.45);}
.tc-card .top{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.tc-cat{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:rgba(255,255,255,.16);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.28);padding:5px 11px;border-radius:var(--pill);}
.tc-date{font-size:11.5px;font-weight:700;background:rgba(16,16,20,.35);backdrop-filter:blur(6px);padding:5px 11px;border-radius:var(--pill);}
.tc-card h2,.tc-card h3{font-family:var(--font-display);font-size:26px;font-weight:800;letter-spacing:-.01em;line-height:1.12;max-width:88%;}
.tc-meta{font-size:13px;opacity:.85;font-weight:600;margin-top:6px;}
.tc-cover{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;}
.tc-scrim{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(16,16,20,0) 0%,rgba(16,16,20,.05) 35%,rgba(16,16,20,.45) 100%);}
.tc-deco{position:absolute;z-index:-1;right:-40px;top:-40px;width:200px;height:200px;border-radius:var(--pill);border:1.5px solid rgba(255,255,255,.18);pointer-events:none;}
.tc-deco::after{content:"";position:absolute;inset:26px;border-radius:var(--pill);border:1.5px solid rgba(255,255,255,.13);}
.tc-arrow{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:var(--pill);background:var(--surface);border:1px solid var(--ring);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:20;box-shadow:0 12px 24px -12px rgba(16,16,20,.3);}
.tc-prev{left:6px;}
.tc-next{right:6px;}
.tc-dots{display:flex;justify-content:center;gap:7px;margin-top:16px;}
.tc-dots button{width:7px;height:7px;padding:0;border:none;border-radius:var(--pill);background:var(--ring);cursor:pointer;transition:background .2s,width .2s;}
.tc-dots button.on{background:var(--rb);width:20px;}

/* ---------- tiles por distância ---------- */
.catguide{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.cattile{position:relative;border-radius:var(--radius-lg);overflow:hidden;padding:22px;min-height:150px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;transition:transform .3s cubic-bezier(.2,.8,.2,1);}
.cattile:hover{transform:translateY(-3px);}
.cattile .top{display:flex;align-items:center;justify-content:space-between;}
.cattile .ico{width:30px;height:30px;background:rgba(255,255,255,.16);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;}
.cattile .arrow{width:26px;height:26px;border-radius:var(--pill);border:1.5px solid rgba(255,255,255,.4);display:flex;align-items:center;justify-content:center;transition:transform .25s;}
.cattile:hover .arrow{transform:translateX(3px);}
.cattile h3{font-size:18px;font-weight:800;margin-bottom:3px;}
.cattile p{font-size:12px;opacity:.85;line-height:1.4;}

/* ---------- em alta ---------- */
.highlight{display:grid;grid-template-columns:1.3fr 1fr;border-radius:var(--radius-xl);overflow:hidden;background:var(--surface);border:1px solid var(--ring);box-shadow:0 30px 60px -40px rgba(16,16,20,.3);}
.hl-art{position:relative;padding:32px;min-height:290px;display:flex;align-items:flex-end;overflow:hidden;}
.hl-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.hl-tag{position:absolute;top:30px;left:32px;font-family:var(--font-display);font-weight:800;font-size:30px;color:rgba(255,255,255,.16);letter-spacing:-.01em;}
.hl-info{padding:32px 34px;display:flex;flex-direction:column;justify-content:center;gap:12px;}
.hl-badge{display:inline-flex;align-self:flex-start;align-items:center;gap:6px;background:var(--rb-soft);color:var(--rb-deep);font-size:11.5px;font-weight:700;padding:6px 12px;border-radius:var(--pill);}
.hl-info h3{font-size:25px;font-weight:800;letter-spacing:-.01em;}
.hl-meta{font-size:13.5px;color:var(--ink2);}
.hl-desc{font-size:13.5px;color:var(--ink2);line-height:1.55;}
.hl-buy{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:6px;padding-top:16px;border-top:1px solid var(--ring);flex-wrap:wrap;}
.hl-buy b{font-family:var(--font-display);font-size:19px;font-weight:800;display:block;}
.hl-buy span{font-size:11.5px;color:var(--muted);}

/* ---------- busca inteligente ---------- */
.ai-band{position:relative;overflow:hidden;border-radius:var(--radius-lg);background:var(--graf);color:#fff;padding:24px 28px;display:flex;align-items:center;gap:28px;flex-wrap:wrap;}
.ai-band .glow{position:absolute;width:420px;height:420px;border-radius:var(--pill);background:radial-gradient(circle,rgba(255,107,53,.35),transparent 65%);top:-200px;right:-80px;pointer-events:none;}
.ai-band .mesh{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(80% 100% at 70% 0%,#000 30%,transparent 80%);pointer-events:none;}
.ai-copy{flex:1;min-width:260px;position:relative;}
.ai-copy .eyebrow{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#ffb894;margin-bottom:8px;}
.ai-copy h2{font-size:21px;font-weight:800;letter-spacing:-.01em;max-width:480px;}
.ai-pills{display:flex;gap:8px;flex-wrap:wrap;position:relative;}
.ai-pill{font-size:12px;font-weight:600;color:rgba(255,255,255,.85);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:var(--pill);padding:7px 13px;}

/* ---------- meses ---------- */
.months{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;}
.month{background:var(--surface);border:1px solid var(--ring);border-radius:var(--radius);padding:16px;text-align:center;transition:all .25s;display:block;}
.month:hover{border-color:rgba(225,78,20,.4);transform:translateY(-2px);}
.month b{font-family:var(--font-display);font-size:15px;font-weight:800;display:block;}
.month span{font-size:11.5px;color:var(--muted);font-weight:600;display:block;margin-top:3px;}

/* ---------- faixa do organizador ---------- */
.org-band{position:relative;overflow:hidden;border-radius:var(--radius-xl);background:linear-gradient(150deg,#2a2a2e 0%,#1E1E1E 55%,#141416 100%);color:#fff;padding:34px 36px;display:flex;align-items:center;gap:34px;}
.org-band::after{content:"";position:absolute;right:-60px;top:-60px;width:260px;height:260px;border-radius:var(--pill);border:1.5px solid rgba(255,107,53,.35);pointer-events:none;}
.org-band::before{content:"";position:absolute;right:-20px;top:-20px;width:180px;height:180px;border-radius:var(--pill);border:1.5px solid rgba(255,107,53,.2);pointer-events:none;}
.org-copy{flex:1;min-width:240px;position:relative;}
.org-eyebrow{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#ffb894;margin-bottom:8px;}
.org-copy h2{font-size:23px;font-weight:800;letter-spacing:-.01em;max-width:420px;}
.org-feats{display:grid;grid-template-columns:1fr 1fr;gap:10px 22px;flex:1;position:relative;}
.org-feat{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:600;color:rgba(255,255,255,.88);}
.org-feat .dot{width:26px;height:26px;flex-shrink:0;border-radius:9px;background:rgba(255,107,53,.18);border:1px solid rgba(255,107,53,.3);display:flex;align-items:center;justify-content:center;}

/* ---------- faq ---------- */
.faqwrap h2{font-size:22px;font-weight:800;letter-spacing:-.01em;margin-bottom:18px;}
.faq-item{background:var(--surface);border:1px solid var(--ring);border-radius:var(--radius);margin-bottom:10px;overflow:hidden;}
.faq-q{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:17px 20px;font-family:var(--font-display);font-size:14.5px;font-weight:700;text-align:left;background:transparent;border:none;color:inherit;}
.faq-plus{width:26px;height:26px;flex-shrink:0;border-radius:var(--pill);background:var(--page);border:1px solid var(--ring);display:flex;align-items:center;justify-content:center;color:var(--ink2);transition:transform .3s;}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease;}
.faq-a p{padding:0 20px 18px;font-size:13.5px;color:var(--ink2);line-height:1.6;}
.faq-item.open .faq-a{max-height:340px;}
.faq-item.open .faq-plus{transform:rotate(45deg);}

/* ---------- responsivo ---------- */
@media (max-width:1080px){
  .catguide{grid-template-columns:1fr 1fr;}
  .months{grid-template-columns:repeat(3,1fr);}
  .org-band{flex-direction:column;align-items:flex-start;}
}
@media (max-width:880px){
  .tc-stage{height:270px;}
  .tc-card{width:300px;height:230px;padding:18px;}
  .tc-card h2,.tc-card h3{font-size:19px;}
  .tc-arrow{width:34px;height:34px;}
  .highlight{grid-template-columns:1fr;}
  .hl-art{min-height:170px;}
  .catguide{grid-template-columns:1fr;}
  .months{grid-template-columns:1fr 1fr;}
  .org-feats{grid-template-columns:1fr;}
}
