/* Breaking News Ticker */
.breaking-bar{background:var(--orange);display:flex;align-items:center;overflow:hidden}
.breaking-label{
  background:var(--dark);color:var(--orange);
  padding:8px 16px;font-family:var(--font-cond);
  font-weight:800;font-size:11px;text-transform:uppercase;letter-spacing:1.5px;
  white-space:nowrap;flex-shrink:0;
  clip-path:polygon(0 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,0 100%);
  padding-right:24px;
}
.breaking-ticker-wrap{overflow:hidden;flex:1}
.breaking-ticker{display:flex;animation:ticker 30s linear infinite;white-space:nowrap}
.breaking-ticker span{padding:8px 40px;font-size:11px;font-weight:700;letter-spacing:.3px;color:rgba(255,255,255,0.9)}
.breaking-ticker span::before{content:'·';margin-right:0.6rem;opacity:.6}
@keyframes ticker{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* Hero Section */
.hero{background:var(--dark);position:relative;overflow:hidden}
.hero::before{
  content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse 60% 50% at 30% 50%,rgba(244,121,32,.08),transparent);
  pointer-events:none;
}
.hero-inner{
  max-width:1280px;margin:auto;padding:0 20px;
  display:grid;grid-template-columns:2fr 1fr;gap:2px;
}
.hero-main{position:relative;overflow:hidden;aspect-ratio:16/9;cursor:pointer}
.hero-main a{display:block;width:100%;height:100%;position:absolute;inset:0;}
.hero-main img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.22,.68,0,1.2)}
.hero-main:hover img{transform:scale(1.03)}
.hero-main-overlay{
  position:absolute;bottom:0;left:0;right:0;padding:40px 28px 28px;
  background:linear-gradient(transparent 0%,rgba(0,0,0,.5) 40%,rgba(0,0,0,.92) 100%);
}
.hero-main-overlay h2{font-family:var(--font-head);font-size:26px;font-weight:900;color:var(--white);line-height:1.2}
.hero-main-overlay .card-meta{color:rgba(255,255,255,.7);margin-top:10px}

.hero-stack{display:flex;flex-direction:column;gap:2px}
.hero-small{position:relative;overflow:hidden;flex:1;cursor:pointer;min-height:0}
.hero-small a{display:block;width:100%;height:100%;position:absolute;inset:0;}
.hero-small img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.22,.68,0,1.2)}
.hero-small:hover img{transform:scale(1.03)}
.hero-small-overlay{
  position:absolute;bottom:0;left:0;right:0;padding:18px 14px 14px;
  background:linear-gradient(transparent,rgba(0,0,0,.88));
}
.hero-small-overlay h3{font-family:var(--font-head);font-size:14px;font-weight:700;color:var(--white);line-height:1.25}

/* Home Grids */
.grid{display:grid;gap:20px}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-4{grid-template-columns:repeat(4,1fr)}
.grid-2{grid-template-columns:repeat(2,1fr)}
.grid-main{grid-template-columns:1fr 340px;gap:32px}

/* Most Read */
.most-read-num{font-family:var(--font-cond);font-size:24px;font-weight:800;color:var(--orange);opacity:.3;line-height:1;flex-shrink:0;width:26px;transition:opacity .2s}
.most-read-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--gray-l);align-items:flex-start}
.most-read-item:hover .most-read-num{opacity:1}
.most-read-title{font-family:var(--font-head);font-size:13px;font-weight:700;line-height:1.35;color:var(--dark);transition:color .2s}
.most-read-item:hover .most-read-title{color:var(--orange)}

/* Columnist Strip */
.columnist-strip{background:var(--orange-l);padding:28px 0;position:relative;overflow:hidden;border-top:3px solid var(--orange)}
.columnist-grid{display:flex;gap:24px;overflow-x:auto;padding-bottom:8px;}
.columnist-card{flex-shrink:0;width:150px;text-align:center;cursor:pointer;transition:transform .3s}
.columnist-card:hover{transform:translateY(-3px)}
.columnist-avatar{
  width:80px;height:80px;border-radius:50%;overflow:hidden;
  margin:0 auto 10px;border:2.5px solid var(--orange);
  background:var(--gray);position:relative;
  transition:box-shadow .3s;
}
.columnist-card:hover .columnist-avatar{box-shadow:0 0 0 6px var(--orange-glow)}
.columnist-name{font-family:var(--font-cond);font-weight:700;font-size:12px;color:var(--dark);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}
.columnist-beat{font-size:10px;color:var(--orange)}
.columnist-latest{font-size:11px;color:var(--gray);margin-top:6px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* ── Tablet ── */
@media(max-width:900px){
  .grid-3,.grid-4{grid-template-columns:1fr 1fr}
  .grid-main{grid-template-columns:1fr}
  .hero-inner{grid-template-columns:1fr}
  .hero-stack{
    flex-direction: row;
    max-height: 240px;
  }
  .hero-small{ min-height: 160px; }
  .hero-main-overlay h2{ font-size: 22px; }
}

/* ── Mobile ── */
@media(max-width:600px){
  .grid-3,.grid-4,.grid-2{grid-template-columns:1fr}

  /* Hero: stack na vertical, pequeno */
  .hero-stack{
    flex-direction: column;
    max-height: none;
  }
  .hero-small{ min-height: 120px; }
  .hero-main { aspect-ratio: 4/3; }
  .hero-main-overlay{ padding: 20px 14px 16px; }
  .hero-main-overlay h2{ font-size: 18px; }
  .hero-small-overlay h3{ font-size: 13px; }

  /* Breaking ticker compacto */
  .breaking-bar { flex-wrap: nowrap; }
  .breaking-label { font-size: 9px; padding: 7px 16px 7px 10px; }
  .breaking-ticker span { font-size: 10px; padding: 7px 24px; }

  /* Colunistas strip scroll */
  .columnist-grid {
    scrollbar-width: none;
    gap: 16px;
  }
  .columnist-grid::-webkit-scrollbar { display: none; }
  .columnist-card { width: 120px; }
  .columnist-avatar { width: 64px; height: 64px; }
  .columnist-name { font-size: 10px; }

  /* Most read */
  .most-read-num { font-size: 20px; width: 22px; }
  .most-read-title { font-size: 12px; }
}