:root{
    /* Paleta consolidada — verde-escuro, verde, azul-escuro */
    --verde:#36a800;
    --verde-escuro:#237c00;
    --azul-escuro:#0d4666;
    --verde-quase-preto:#0c251d;
    --verde-claro:#36a800;
    --azul:#0d4666;
    --azul-medio:#0d4666;
    --azul-quase-preto:#051120;
    --branco:#ffffff;
    --marrom:#0d4666;
    --amarelo:#36a800;
    --creme:#ffffff;
    --vermelho:#237c00;
    --vermelho-laranja:#0d4666;
    --laranja:#36a800;
    /* Aliases para tipografia/legibilidade */
    --tinta:#0c251d;
    --cinza:#6b6b6b;
    --dark:#0c251d;
    --header-h:56px;
    font-family:"Open Sans",system-ui,sans-serif;
  }
  *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
  html,body{margin:0;padding:0;height:100%}
  body{overflow:hidden;background:#000}

  /* moldura: vira "celular" no desktop, tela cheia no mobile */
  .app{position:relative;width:100%;height:100dvh;overflow:hidden;background:#000;transform:translateZ(0);container-type:inline-size}
  @media (min-width:560px){
    body{background:#15181d;display:flex;align-items:center;justify-content:center}
    .app{width:393px;height:min(852px,96dvh);border-radius:46px;
      box-shadow:0 30px 80px rgba(0,0,0,.5), 0 0 0 11px #0c0e12, 0 0 0 13px #2a2e35}
  }

  /* header FIXO */
  .topbar{
    position:fixed;top:0;left:0;right:0;height:var(--header-h);border-radius:0;
    background:var(--azul-quase-preto);transition:background .2s;
    display:flex;align-items:center;justify-content:space-between;padding:0 18px;color:#fff;z-index:50;
  }
  .app.home-ativa .topbar{background:var(--azul-quase-preto);backdrop-filter:none;-webkit-backdrop-filter:none}
  .topbar .nav-ico{display:flex;flex-direction:row;align-items:center;gap:6px;font-family:"Open Sans",system-ui,sans-serif;font-size:13px;font-weight:600;opacity:.95;cursor:pointer}
  .topbar svg{width:18px;height:18px}
  .brand{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;pointer-events:none}
  .brand .logo{height:23px;width:auto;display:block}

  /* feed reels */
  .feed{height:100%;overflow-y:scroll;scroll-snap-type:y mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;background:#000}
  .feed::-webkit-scrollbar{display:none}

  .materia{
    scroll-snap-align:start;scroll-snap-stop:always;height:100%;position:relative;
    display:flex;flex-direction:column;overflow:hidden;
  }
  .conteudo{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}
  /* Reduz ~15% o conteúdo de todos os modelos de matéria (proporcional), p/ ocupar menos espaço */
  .materia .conteudo{zoom:.85}
  /* Em dispositivos touch (mobile/tablet), permite scroll interno quando o conteúdo não couber */
  @media (hover:none) and (pointer:coarse){
    .conteudo{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}
    .conteudo::-webkit-scrollbar{display:none}
    .m-foto .conteudo,.m-galeria .conteudo,.m-cotacoes .conteudo,.m-colunistas .conteudo,
    .m-aovivo .conteudo,.m-reels .conteudo,.m-ad .conteudo,.m-top10 .conteudo,
    .m-dashboard .conteudo{overflow:hidden}
  }
  /* Fade gradiente no rodapé indicando "há mais conteúdo" */
  .materia.com-acoes::after{
    content:"";position:absolute;left:0;right:0;bottom:80px;height:90px;
    background:linear-gradient(to top,var(--bg-template,transparent),transparent);
    pointer-events:none;z-index:4
  }
  .materia.com-acoes.scroll-fim::after{opacity:0;transition:opacity .2s}
  /* Templates que não precisam do fade (já controlam layout) */
  .m-foto.com-acoes::after,.m-galeria.com-acoes::after,.m-cotacoes.com-acoes::after,
  .m-colunistas.com-acoes::after,.m-aovivo.com-acoes::after,.m-reels.com-acoes::after,
  .m-ad.com-acoes::after,.m-top10.com-acoes::after,.m-dashboard.com-acoes::after{display:none}

  /* ====== Botões flutuantes (curtir, comentar, compartilhar) ====== */
  .acoes-flutuante{position:absolute;right:16px;bottom:88px;height:44px;
    display:flex;flex-direction:row;align-items:center;gap:8px;z-index:5}
  /* cards sem rodapé (alerta) — botões colados na tabbar */
  .materia[class*="alerta-"] .acoes-flutuante{bottom:88px}
  .acoes-flutuante .ab{width:40px;height:40px;border-radius:50%;
    background:rgba(0,0,0,.2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
    border:1px solid rgba(255,255,255,.14);
    display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;padding:0}
  .acoes-flutuante .ab svg{width:16px;height:16px}
  .acoes-flutuante .ab.liked{color:#e63946}
  .acoes-flutuante .ab.liked svg{fill:#e63946;stroke:#e63946}
  /* reserva espaço inferior do conteúdo para os botões (com 12px de gap) */
  .materia.com-acoes:not(.m-cotacoes) .conteudo{padding-bottom:160px}
  .m-foto.com-acoes .body{padding-bottom:96px}

  /* ====== Modal de captura de lead ====== */
  .lead-modal{position:absolute;inset:0;z-index:80;visibility:hidden;pointer-events:none}
  .lead-modal.aberto{visibility:visible;pointer-events:auto}
  .lead-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.5);opacity:0;transition:opacity .25s ease}
  .lead-modal.aberto .lead-backdrop{opacity:1}
  .lead-sheet{position:absolute;left:10px;right:10px;bottom:10px;background:#fff;border-radius:28px;padding:26px 22px 22px;
    transform:translateY(110%);transition:transform .35s cubic-bezier(.22,.7,.3,1)}
  .lead-modal.aberto .lead-sheet{transform:none}
  .lead-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:rgba(0,0,0,.06);
    border-radius:50%;cursor:pointer;color:#444;display:flex;align-items:center;justify-content:center;padding:0}
  .lead-close svg{width:18px;height:18px}
  .lead-titulo{font-family:"Source Serif 4",Georgia,serif;font-size:26px;font-weight:700;color:var(--tinta);margin:6px 0 4px;letter-spacing:-.3px;line-height:1.15;max-width:80%}
  .lead-sub{font-size:16px;line-height:1.38;color:#9b9b9b;margin:0 0 22px}
  .lead-list{background:#fafaf8;border-radius:18px;padding:4px 0;margin:0 0 18px}
  .lead-row{display:flex;align-items:center;gap:14px;padding:12px 18px}
  .lead-row .ico{flex:none;width:32px;height:32px;display:flex;align-items:center;justify-content:center}
  .lead-row .ico svg{width:24px;height:24px;stroke-width:1.5}
  .lead-row .ico-noticias svg,
  .lead-row .ico-cotacoes svg,
  .lead-row .ico-clima svg{color:var(--azul-escuro)}
  .lead-row .txt{display:flex;flex-direction:column;gap:2px;min-width:0}
  .lead-row .tag{font-size:10px;font-weight:700;color:#9b9b9b;letter-spacing:1.2px;text-transform:uppercase}
  .lead-row .main{font-size:16px;font-weight:700;color:var(--tinta);line-height:1.2}
  .lead-form{display:flex;flex-direction:column;gap:10px}
  .lead-field{position:relative;display:block;border:1.5px solid #e1e1e1;border-radius:22px;background:#fff;
    transition:border-color .15s}
  .lead-field:focus-within{border-color:#1a1a1a}
  .lead-field input{display:block;width:100%;padding:22px 20px 8px;border:none;background:transparent;outline:none;
    font-size:15px;font-weight:600;color:var(--tinta);font-family:"Source Serif 4",Georgia,serif;border-radius:22px}
  .lead-field input::placeholder{color:transparent}
  .lead-label{position:absolute;left:20px;top:50%;transform:translateY(-50%);font-size:15px;font-weight:500;
    color:#9b9b9b;pointer-events:none;transition:top .15s ease, transform .15s ease, font-size .15s ease, color .15s ease}
  .lead-field input:focus + .lead-label,
  .lead-field input:not(:placeholder-shown) + .lead-label{top:10px;transform:translateY(0);font-size:11px;font-weight:600;color:#888;letter-spacing:.3px}
  .lead-form .lead-cta{background:var(--azul-escuro);color:#fff;border:none;border-radius:30px;padding:18px;
    font-weight:700;font-size:16px;cursor:pointer;margin-top:14px;display:flex;align-items:center;justify-content:center;gap:10px;
    font-family:"Source Serif 4",Georgia,serif}
  .lead-form .lead-cta svg{width:20px;height:20px;fill:#fff}

  /* ====== Modal de autor (estilo Instagram) ====== */
  .autor-modal{position:absolute;inset:0;z-index:75;visibility:hidden;pointer-events:none}
  .autor-modal.aberto{visibility:visible;pointer-events:auto}
  .autor-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.5);opacity:0;transition:opacity .25s ease}
  .autor-modal.aberto .autor-backdrop{opacity:1}
  .autor-sheet{position:absolute;left:10px;right:10px;bottom:10px;top:40px;background:#fff;border-radius:28px;
    transform:translateY(110%);transition:transform .35s cubic-bezier(.22,.7,.3,1);overflow:hidden;display:flex;flex-direction:column}
  .autor-modal.aberto .autor-sheet{transform:none}
  .autor-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border:none;background:rgba(0,0,0,.06);
    border-radius:50%;cursor:pointer;color:#444;display:flex;align-items:center;justify-content:center;padding:0;z-index:2}
  .autor-close svg{width:18px;height:18px}
  .autor-handle{padding:22px 22px 0;font-weight:800;font-size:18px;color:var(--tinta)}
  .autor-profile{display:flex;align-items:center;gap:14px;padding:16px 22px 0}
  .autor-avatar{width:84px;height:84px;border-radius:50%;background-size:cover;background-position:center;background-color:#0a1830;flex:none}
  .autor-acoes{display:flex;gap:8px;flex:1;min-width:0}
  .autor-btn-pri,.autor-btn-sec{flex:1;border:none;padding:10px 8px;border-radius:10px;font-weight:700;font-size:13px;cursor:pointer;
    font-family:"Source Serif 4",Georgia,serif;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}
  .autor-btn-pri{background:var(--verde);color:#fff}
  .autor-btn-pri svg{width:15px;height:15px;stroke:#fff;stroke-width:2;fill:none}
  .autor-btn-sec{background:#f0f0ed;color:var(--tinta)}
  .autor-nome{padding:14px 22px 2px;font-weight:800;font-size:16px;color:var(--tinta)}
  .autor-bio{padding:0 22px 14px;font-size:13.5px;line-height:1.45;color:#666}
  .autor-posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;flex:1;width:100%;
    overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;align-content:start}
  .autor-posts::-webkit-scrollbar{display:none}
  .autor-post{aspect-ratio:4/5;min-width:0;background-size:cover;background-position:center;background-color:#eee;cursor:pointer}

  /* ====== Modal de busca (IA) ====== */
  .busca-modal{position:absolute;inset:0;z-index:80;visibility:hidden;pointer-events:none}
  .busca-modal.aberto{visibility:visible;pointer-events:auto}
  .busca-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.5);opacity:0;transition:opacity .25s ease}
  .busca-modal.aberto .busca-backdrop{opacity:1}
  .busca-sheet{position:absolute;left:10px;right:10px;bottom:10px;top:40px;
    background:#fff;border-radius:28px;transform:translateY(110%);transition:transform .35s cubic-bezier(.22,.7,.3,1);
    overflow:hidden;display:flex;flex-direction:column;padding:18px 18px}
  .busca-modal.aberto .busca-sheet{transform:none}
  .busca-close{position:absolute;top:14px;right:14px;width:36px;height:36px;border:1px solid #e2e2e2;background:#f3f3f3;border-radius:50%;cursor:pointer;color:var(--tinta);display:flex;align-items:center;justify-content:center;padding:0;z-index:3}
  .busca-close svg{width:18px;height:18px}
  .busca-inicial{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:space-between;gap:14px}
  .busca-resultados{flex:1;min-height:0;display:none;flex-direction:column;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-top:8px}
  .busca-resultados::-webkit-scrollbar{display:none}
  .busca-sheet.com-resultados .busca-inicial{display:none}
  .busca-sheet.com-resultados .busca-resultados{display:flex}
  .busca-hero{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:22px}
  .busca-orb{width:96px;height:96px;background:url("/img/mascote-ia.png") center/contain no-repeat;position:relative}
  .busca-titulo{font-family:"Source Serif 4",Georgia,serif;font-size:24px;font-weight:600;color:var(--tinta);letter-spacing:-.3px;line-height:1.25}
  .busca-chips{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;flex:none}
  .busca-chip{background:#f3f3f3;border:none;color:var(--tinta);padding:12px 14px;border-radius:14px;font-weight:500;font-size:14px;cursor:pointer;font-family:"Open Sans",system-ui,sans-serif;text-align:left;line-height:1.3}
  .busca-chip:hover{background:#ebebe8}
  /* resultados */
  .res-orb-wrap{display:flex;justify-content:center;margin:4px 0 12px}
  .busca-orb.pequena{width:64px;height:64px}
  .res-query{align-self:center;background:#f3f3f3;border-radius:14px;padding:10px 14px;font-size:14px;font-weight:500;color:var(--tinta);max-width:80%;text-align:center;margin-bottom:18px}
  .res-header{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px;color:var(--tinta);margin-bottom:8px}
  .res-spark{display:inline-flex;color:var(--verde)}
  .res-spark svg{width:18px;height:18px;stroke-width:2}
  .res-intro{font-size:14px;line-height:1.5;color:#444;margin:0 0 14px}
  .res-cards{display:flex;gap:10px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;
    scroll-snap-type:x mandatory;margin:0 0 14px;padding:2px 0;width:calc(100% + 18px)}
  .res-cards::-webkit-scrollbar{display:none}
  .res-card{flex:0 0 130px;width:130px;cursor:pointer;display:flex;flex-direction:column;gap:6px;text-align:left;scroll-snap-align:start;border:none;background:transparent;padding:0;font-family:"Source Serif 4",Georgia,serif;overflow:hidden}
  .res-card .thumb{width:100%;aspect-ratio:4/5;border-radius:12px;background-size:cover;background-position:center;background-color:#f3f3f3}
  .res-card .nome{font-size:13px;font-weight:700;color:var(--tinta);line-height:1.25;margin-top:4px;
    display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;width:100%}
  .res-card .sub{font-size:12px;color:#9b9b9b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}
  .res-desc{display:none}
  .res-outro{font-size:14px;line-height:1.5;color:#444;margin:0 0 14px}
  .res-acoes{display:flex;gap:10px;margin-bottom:14px}
  .res-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#fff;border:1px solid #e2e2e2;border-radius:30px;padding:10px 14px;font-size:14px;font-weight:600;color:var(--tinta);cursor:pointer;font-family:"Source Serif 4",Georgia,serif}
  .res-btn svg{width:16px;height:16px;stroke:currentColor}
  .busca-barra{background:#fff;border:1px solid #ececec;border-radius:30px;padding:6px 6px 6px 18px;flex:none;margin-top:12px}
  .busca-barra-row{display:flex;align-items:center;gap:8px}
  .busca-barra input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-size:14px;color:var(--tinta);font-family:"Source Serif 4",Georgia,serif;padding:10px 0}
  .busca-barra input::placeholder{color:#9b9b9b}
  .busca-send{flex:none;width:34px;height:34px;border-radius:50%;background:var(--tinta);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
  .busca-send svg{width:16px;height:16px;stroke:#fff}

  /* ====== Modal de busca de cidade ====== */
  .cidade-modal{position:absolute;inset:0;z-index:80;visibility:hidden;pointer-events:none}
  .cidade-modal.aberto{visibility:visible;pointer-events:auto}
  .cidade-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.5);opacity:0;transition:opacity .25s ease}
  .cidade-modal.aberto .cidade-backdrop{opacity:1}
  .cidade-sheet{position:absolute;left:10px;right:10px;bottom:10px;background:#fff;border-radius:28px;padding:26px 22px 22px;
    transform:translateY(110%);transition:transform .35s cubic-bezier(.22,.7,.3,1);display:flex;flex-direction:column;max-height:80%}
  .cidade-modal.aberto .cidade-sheet{transform:none}
  .cidade-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:rgba(0,0,0,.06);
    border-radius:50%;cursor:pointer;color:#444;display:flex;align-items:center;justify-content:center;padding:0}
  .cidade-close svg{width:18px;height:18px}
  .cidade-titulo{font-size:22px;font-weight:800;color:var(--tinta);margin:4px 0 16px}
  .cidade-busca{position:relative;border:1.5px solid #e1e1e1;border-radius:22px;padding:14px 16px 14px 44px;background:#fff;transition:border-color .15s}
  .cidade-busca:focus-within{border-color:#1a1a1a}
  .cidade-busca > svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:#888}
  .cidade-busca input{width:100%;border:none;background:transparent;outline:none;font-size:15px;font-family:"Source Serif 4",Georgia,serif;color:var(--tinta)}
  .cidade-busca input::placeholder{color:#bbb}
  .cidade-sec-titulo{font-size:11px;letter-spacing:1.2px;font-weight:700;color:#9b9b9b;text-transform:uppercase;margin:18px 0 8px}
  .cidade-lista{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:2px}
  .cidade-lista::-webkit-scrollbar{display:none}
  .cidade-item{text-align:left;background:transparent;border:none;padding:14px 12px;border-radius:10px;font-size:15px;font-weight:600;color:var(--tinta);cursor:pointer;font-family:"Source Serif 4",Georgia,serif}
  .cidade-item:hover{background:#f5f5f3}
  .cidade-item.escondido{display:none}

  /* ====== Botão "Ver matéria completa" (standalone, sem metabar) ====== */
  .btn-ver{
    position:absolute;left:16px;bottom:88px;
    display:inline-flex;align-items:center;gap:8px;background:var(--verde);color:#fff;border:none;border-radius:40px;
    padding:12px 20px;font-size:15px;font-weight:600;white-space:nowrap;cursor:pointer;
    font-family:"Source Serif 4",Georgia,serif;z-index:4
  }
  .btn-ver svg{width:16px;height:16px;stroke:#fff;stroke-width:2.5;fill:none}
  /* variações para fundos escuros / coloridos */
  .m-poster .btn-ver,.m-numero .btn-ver{background:#fff;color:var(--verde-escuro)}
  .m-poster .btn-ver svg,.m-numero .btn-ver svg{stroke:var(--verde-escuro)}

  /* ====== Modal de Categorias (cards com ranking + thumb) ====== */
  .cat-modal{position:absolute;inset:0;z-index:85;visibility:hidden;pointer-events:none}
  .cat-modal.aberto{visibility:visible;pointer-events:auto}
  .cat-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.55);opacity:0;transition:opacity .25s ease}
  .cat-modal.aberto .cat-backdrop{opacity:1}
  .cat-sheet{position:absolute;left:10px;right:10px;top:40px;bottom:10px;background:#fff;border-radius:28px;
    transform:translateY(110%);transition:transform .35s cubic-bezier(.22,.7,.3,1);
    display:flex;flex-direction:column;overflow:hidden;padding:22px 0 16px}
  .cat-modal.aberto .cat-sheet{transform:none}
  .cat-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border:none;background:rgba(0,0,0,.06);
    border-radius:50%;cursor:pointer;color:var(--tinta);display:flex;align-items:center;justify-content:center;padding:0;z-index:3}
  .cat-close svg{width:18px;height:18px}
  .cat-titulo{font-family:"Source Serif 4",Georgia,serif;font-weight:700;font-size:22px;color:var(--tinta);margin:6px 0 14px;padding:0 22px}
  .cat-tabs{display:inline-flex;background:#f3f3f3;border-radius:999px;padding:4px;gap:2px;margin:8px 22px 16px;align-self:center}
  .cat-tab{background:transparent;border:none;color:#777;font-size:14px;font-weight:600;padding:8px 18px;cursor:pointer;font-family:"Source Serif 4",Georgia,serif;border-radius:999px;transition:background .15s,color .15s;white-space:nowrap}
  .cat-tab.ativo{background:var(--azul-escuro);color:#fff}
  .cat-lista{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:4px 16px 16px;scrollbar-width:none;
    display:flex;flex-direction:column;gap:10px}
  .cat-lista::-webkit-scrollbar{display:none}
  .cat-row{display:flex;align-items:center;gap:12px;padding:10px 14px 10px 10px;cursor:pointer;
    background:#f3f3f3;border:none;width:100%;text-align:left;border-radius:14px;
    font-family:"Source Serif 4",Georgia,serif}
  /* ===== Modal/sheet de Categoria ===== */
  .ctel{position:absolute;inset:0;z-index:70;display:none;background:rgba(0,0,0,.45);backdrop-filter:blur(2px)}
  .ctel.aberto{display:block}
  .ctel-backdrop{position:absolute;inset:0}
  .ctel-sheet{position:absolute;left:10px;right:10px;top:40px;bottom:10px;background:#fff;border-radius:28px;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;box-shadow:0 12px 40px rgba(0,0,0,.25)}
  .ctel-sheet::-webkit-scrollbar{display:none}
  .ctel-sheet > .ctel-header{border-top-left-radius:28px;border-top-right-radius:28px}
  .ctel-header{flex:none;position:relative;display:flex;align-items:center;justify-content:center;padding:14px 16px 8px;background:#fff;color:var(--tinta);border-bottom:1px solid #ececec}
  .ctel-back{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:36px;height:36px;border:none;background:transparent;color:var(--tinta);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
  .ctel-back svg{width:22px;height:22px}
  .ctel-tabs{display:inline-flex;background:#f3f3f3;border-radius:999px;padding:4px;gap:2px}
  .ctel-tab{background:transparent;border:none;color:#777;font-size:14px;font-weight:600;padding:8px 18px;cursor:pointer;font-family:"Source Serif 4",Georgia,serif;border-radius:999px;transition:background .15s,color .15s;white-space:nowrap}
  .ctel-tab.ativo{background:var(--azul-escuro);color:#fff}
  .ctel-chips{flex:none;display:flex;gap:14px;padding:14px 16px;background:#fff;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid #ececec}
  .ctel-chips::-webkit-scrollbar{display:none}
  .ctel-chip{flex:none;display:inline-flex;align-items:center;gap:0;background:#f3f3f3;border:none;cursor:pointer;padding:8px 14px;font-family:"Source Serif 4",Georgia,serif;color:#777;font-size:14px;font-weight:600;border-radius:999px;white-space:nowrap;transition:background .15s,color .15s}
  .ctel-chip.ativo{background:var(--azul-escuro);color:#fff}
  .ctel-chip-nome{display:inline-block}
  .ctel-chip-thumb{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;background:#222;border:3px solid transparent;transition:border-color .15s}
  .ctel-chip-thumb svg{width:24px;height:24px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
  .ctel-hero{flex:none;padding:20px 18px 14px;background:#fff;color:var(--tinta);border-bottom:1px solid #eee}
  .ctel-titulo{font-family:"Source Serif 4",Georgia,serif;font-size:26px;font-weight:700;letter-spacing:-.4px;margin:0 0 6px;line-height:1.15}
  .ctel-desc{font-size:14px;line-height:1.4;color:#555;margin:0 0 12px}
  .ctel-tags{display:flex;gap:6px;flex-wrap:wrap}
  .ctel-tag{background:#f3f3f3;color:var(--tinta);font-family:"Source Serif 4",Georgia,serif;font-size:12px;font-weight:600;padding:6px 12px;border-radius:20px;text-transform:none;letter-spacing:0}
  .ctel-noticias{flex:none;padding:8px 0 96px;background:#fff}
  .ctel-noticias::-webkit-scrollbar{display:none}
  .ctel-card{display:block;padding:0 0 18px;text-decoration:none;color:var(--tinta);cursor:pointer}
  .ctel-card:hover{background:rgba(0,0,0,.04)}
  .ctel-card-thumb{width:100%;aspect-ratio:16/9;background-size:cover;background-position:center;background-color:#eaeaea}
  .ctel-card-info{padding:12px 18px 0;display:flex;flex-direction:column;gap:6px}
  .ctel-card-titulo{font-family:"Source Serif 4",Georgia,serif;font-size:17px;font-weight:600;line-height:1.3;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  /* Hero da tela de categoria + lista de cards compactos */
  .ctel-hero-card{display:block;padding:14px 16px 0;cursor:pointer;text-decoration:none;color:var(--azul-quase-preto)}
  .ctel-hero-card .h-hero-img{aspect-ratio:16/9;border-radius:12px;margin-bottom:0}
  .ctel-hero-card .h-hero-info{padding:14px 0 6px}
  .ctel-cards-list{padding:0 16px;border-top:1px solid #e6e3da;margin-top:6px}
  .ctel-paginacao{display:flex;align-items:center;justify-content:center;gap:8px;padding:32px 16px 24px;flex-wrap:wrap}
  .pag-btn,.pag-num{background:transparent;border:1px solid #ddd;color:var(--azul-quase-preto);min-width:36px;height:36px;padding:0 10px;border-radius:8px;cursor:pointer;font-family:"Source Serif 4",Georgia,serif;font-size:14px;font-weight:600;display:inline-flex;align-items:center;justify-content:center}
  .pag-btn svg{width:16px;height:16px}
  .pag-num.ativo{background:var(--azul-escuro);color:#fff;border-color:var(--azul-escuro)}
  .pag-sep{color:#999;padding:0 4px;font-weight:700}
  .ctel-card-meta{font-size:12px;color:#888;font-weight:500}
  .ctel-card-meta .sep{margin:0 6px;opacity:.6}

  .cat-rank{flex:none;width:32px;display:flex;flex-direction:column;align-items:center;justify-content:center;
    font-family:"Source Serif 4",Georgia,serif;line-height:1}
  .cat-rank .top{font-size:6px;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:2px;color:var(--vermelho-laranja)}
  .cat-rank .num{font-size:14px;font-weight:800;color:var(--tinta)}
  .cat-thumb{flex:none;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;
    background-size:cover;background-position:center;position:relative}
  .cat-thumb svg{width:18px;height:18px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;z-index:1}
  .cat-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
  .cat-nome{font-family:"Source Serif 4",Georgia,serif;font-size:16px;font-weight:600;color:var(--tinta);line-height:1.2}
  .cat-desc{font-size:13px;color:var(--cinza);line-height:1.2}
  .cat-acao{flex:none;width:28px;height:28px;border-radius:50%;background:transparent;color:var(--cinza);
    display:flex;align-items:center;justify-content:center;border:none;cursor:pointer}
  .cat-acao svg{width:18px;height:18px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
  /* cores das thumbs por categoria */
  .cat-thumb{background:#fff !important;color:var(--verde) !important;border:1px solid #e2e2e2}

  /* tabbar */
  .tabbar{position:fixed;left:14px;right:14px;bottom:12px;height:60px;border-radius:18px;background:rgba(0,0,0,.55);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
    display:flex;align-items:center;justify-content:space-around;z-index:60}
  .tab{display:flex;flex-direction:column;align-items:center;gap:3px;color:rgba(255,255,255,.62);font-family:"Source Serif 4",Georgia,serif;font-size:12px;font-weight:600;position:relative}
  .tab.on{color:#fff}.tab svg{width:21px;height:21px}
  .tab .live{width:11px;height:11px;border-radius:50%;background:var(--vermelho-laranja)}
  .badge{position:absolute;top:-6px;right:4px;background:var(--vermelho-laranja);color:#fff;font-size:10px;font-weight:700;min-width:17px;height:17px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px}

  /* ============ ANIMAÇÃO DE ENTRADA (load) ============ */
  @keyframes entra{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
  @keyframes entraTop{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}
  @keyframes entraBot{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
  @media (prefers-reduced-motion: no-preference){
    .topbar{animation:entraTop .55s ease both}
    .tabbar{animation:entraBot .6s .08s ease both}
    .materia.entrada .conteudo > *{animation:entra .6s ease both}
    .materia.entrada .conteudo > *:nth-child(1){animation-delay:.12s}
    .materia.entrada .conteudo > *:nth-child(2){animation-delay:.2s}
    .materia.entrada .conteudo > *:nth-child(3){animation-delay:.28s}
    .materia.entrada .conteudo > *:nth-child(4){animation-delay:.36s}
    .materia.entrada .btn-ver{animation:entra .6s .42s ease both}
  }

  /* ============ TELA DE MATÉRIA COMPLETA ============ */
  .leitor{position:absolute;inset:0;z-index:75;visibility:hidden;pointer-events:none}
  .leitor.aberto{visibility:visible;pointer-events:auto}
  .leitor-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.5);opacity:0;transition:opacity .25s ease}
  .leitor.aberto .leitor-backdrop{opacity:1}
  .leitor-sheet{position:absolute;left:10px;right:10px;bottom:10px;top:40px;background:#fff;color:var(--tinta);border-radius:28px;
    transform:translateY(110%);transition:transform .35s cubic-bezier(.22,.7,.3,1);overflow:hidden;display:flex;flex-direction:column}

  /* ====== Cor da editoria no leitor (matéria completa) ====== */
  .leitor[data-modelo="editorial"] .leitor-sheet{--editoria-bg:var(--creme);--editoria-fg:var(--tinta)}
  .leitor[data-modelo="manchete"]  .leitor-sheet{--editoria-bg:var(--marrom);--editoria-fg:#f4ede1}
  .leitor[data-modelo="retrato"]   .leitor-sheet{--editoria-bg:var(--amarelo);--editoria-fg:#1a1a1a}
  .leitor[data-modelo="poster"]    .leitor-sheet{--editoria-bg:var(--verde);--editoria-fg:#fff}
  .leitor[data-modelo="foto"]      .leitor-sheet{--editoria-bg:var(--creme);--editoria-fg:var(--tinta)}
  .leitor[data-modelo="numero"]    .leitor-sheet{--editoria-bg:var(--dark);--editoria-fg:#fff}
  .leitor[data-modelo="citacao"]   .leitor-sheet{--editoria-bg:var(--verde-escuro);--editoria-fg:#fff}
  .leitor[data-modelo="lista"]     .leitor-sheet{--editoria-bg:var(--vermelho-laranja);--editoria-fg:#fff}
  .leitor[data-modelo="galeria"]   .leitor-sheet{--editoria-bg:var(--vermelho);--editoria-fg:#fff}
  .leitor[data-modelo="card"]      .leitor-sheet{--editoria-bg:var(--azul-quase-preto);--editoria-fg:#f4ede1}

  /* Quando fundo é escuro/colorido, ajustar tipografia e divisores do .art */
  .leitor[data-modelo="manchete"] .art h1,
  .leitor[data-modelo="poster"]   .art h1,
  .leitor[data-modelo="numero"]   .art h1,
  .leitor[data-modelo="citacao"]  .art h1,
  .leitor[data-modelo="lista"]    .art h1,
  .leitor[data-modelo="galeria"]  .art h1,
  .leitor[data-modelo="card"]     .art h1{color:inherit}
  .leitor[data-modelo="manchete"] .art .sub,
  .leitor[data-modelo="poster"]   .art .sub,
  .leitor[data-modelo="numero"]   .art .sub,
  .leitor[data-modelo="citacao"]  .art .sub,
  .leitor[data-modelo="lista"]    .art .sub,
  .leitor[data-modelo="galeria"]  .art .sub,
  .leitor[data-modelo="card"]     .art .sub{color:rgba(255,255,255,.78)}
  .leitor[data-modelo="manchete"] .art p.txt,
  .leitor[data-modelo="poster"]   .art p.txt,
  .leitor[data-modelo="numero"]   .art p.txt,
  .leitor[data-modelo="citacao"]  .art p.txt,
  .leitor[data-modelo="lista"]    .art p.txt,
  .leitor[data-modelo="galeria"]  .art p.txt,
  .leitor[data-modelo="card"]     .art p.txt{color:rgba(255,255,255,.92)}
  .leitor[data-modelo="manchete"] .art .byline,
  .leitor[data-modelo="poster"]   .art .byline,
  .leitor[data-modelo="numero"]   .art .byline,
  .leitor[data-modelo="citacao"]  .art .byline,
  .leitor[data-modelo="lista"]    .art .byline,
  .leitor[data-modelo="galeria"]  .art .byline,
  .leitor[data-modelo="card"]     .art .byline{border-top-color:rgba(255,255,255,.18);border-bottom-color:rgba(255,255,255,.18)}
  .leitor[data-modelo="manchete"] .art .byline .meta,
  .leitor[data-modelo="poster"]   .art .byline .meta,
  .leitor[data-modelo="numero"]   .art .byline .meta,
  .leitor[data-modelo="citacao"]  .art .byline .meta,
  .leitor[data-modelo="lista"]    .art .byline .meta,
  .leitor[data-modelo="galeria"]  .art .byline .meta,
  .leitor[data-modelo="card"]     .art .byline .meta{color:rgba(255,255,255,.7)}
  /* Botão de fechar visível em qualquer fundo */
  .leitor.aberto .leitor-sheet{transform:none}
  /* imagem que amplia na transição para a próxima matéria */
  .zoomimg{position:absolute;z-index:70;background-size:cover;background-position:center;border-radius:16px;
    transition:left .5s cubic-bezier(.4,0,.2,1), top .5s cubic-bezier(.4,0,.2,1),
               width .5s cubic-bezier(.4,0,.2,1), height .5s cubic-bezier(.4,0,.2,1), border-radius .5s ease}
  .leitor-close{position:absolute;top:14px;right:14px;z-index:5;width:36px;height:36px;
    background:#f3f3f3;border:1px solid #e2e2e2;border-radius:50%;cursor:pointer;color:var(--tinta);display:flex;align-items:center;justify-content:center;padding:0}
  .leitor-close svg{width:18px;height:18px;stroke-width:2;stroke:currentColor;fill:none}
  .leitor-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}
  .leitor-scroll::-webkit-scrollbar{display:none}
  .art{padding:36px 22px 0;text-align:center}
  .art-data{font-size:13px;font-weight:700;color:var(--verde);letter-spacing:.3px;margin-bottom:10px}
  .art-h1{font-family:"Source Serif 4",Georgia,serif;font-size:clamp(26px,6.5cqw,32px);font-weight:700;line-height:1.18;letter-spacing:-.4px;color:var(--tinta);margin:0 0 10px}
  .art-subtitulo{font-size:16px;font-weight:500;line-height:1.4;color:var(--cinza);margin:0 0 14px;text-align:center}
  .art-tags{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;align-items:center;margin:0 0 18px}
  .art-tag{display:inline-flex;align-items:center;height:32px;font-size:12px;font-weight:600;color:#555;background:#f3f3f3;border-radius:30px;padding:0 12px;border:1px solid #ececec;line-height:1}
  .art-autor{display:inline-flex;align-items:center;height:32px;gap:6px;font-size:12px;font-weight:600;color:#555;background:#f3f3f3;border-radius:30px;padding:0 12px 0 4px;border:1px solid #ececec;line-height:1}
  .art-autor .av{width:24px;height:24px;border-radius:50%;background-size:cover;background-position:center;background-color:#ddd;flex:none}
  .art-autor .nm{line-height:1}
  .art-header{margin-bottom:18px}
  .art-figure{margin:0 0 18px}
  .art-hero{width:100%;aspect-ratio:4/5;background-size:cover;background-position:center;border-radius:18px;display:block}
  .art-figcap{font-size:12px;color:var(--cinza);text-align:center;margin-top:8px}
  .art-corpo{display:block}
  .art-h2{font-family:"Open Sans",system-ui,sans-serif;font-size:20px;font-weight:800;line-height:1.2;color:var(--tinta);margin:24px 0 10px;text-align:left;letter-spacing:-.2px}
  .art-h3{font-family:"Open Sans",system-ui,sans-serif;font-size:17px;font-weight:700;line-height:1.25;color:var(--tinta);margin:20px 0 8px;text-align:left}
  .art-h4{font-size:15px;font-weight:700;line-height:1.3;color:var(--vermelho-laranja);margin:16px 0 6px;text-align:left;letter-spacing:.2px;text-transform:uppercase;font-size:13px}
  .art-audio{display:flex;align-items:center;gap:12px;padding:6px 4px 18px}
  .art-play{flex:none;width:38px;height:38px;border-radius:50%;background:rgba(54,168,0,.16);color:var(--verde);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
  .art-play svg{width:16px;height:16px;margin-left:2px;fill:currentColor;stroke:currentColor}
  .art-wave{flex:1;min-width:0;height:30px;display:flex;align-items:center;gap:3px}
  .art-wave span{flex:1;background:#e0e0e0;border-radius:2px;display:block}
  .art-wave span:nth-child(-n+12){background:var(--verde)}
  .art-dur{flex:none;font-size:13px;font-weight:600;color:var(--cinza)}
  .art-lead{font-size:16px;line-height:1.55;color:var(--tinta);text-align:left;margin:0 0 16px}
  .art-bullets{text-align:left;list-style:disc;padding-left:20px;margin:0 0 22px}
  .art-bullets li{font-size:15px;line-height:1.55;color:#333;margin-bottom:6px}
  .art-txt{font-size:16px;line-height:1.65;color:#333;margin:0 0 16px;text-align:left}
  .art-byline{display:flex;align-items:center;gap:11px;padding:14px 0;border-top:1px solid #eee;border-bottom:1px solid #eee;margin:22px 0;text-align:left}
  .art-byline .av{width:42px;height:42px;border-radius:50%;background-size:cover;background-position:center;background-color:#eee;flex:none}
  .art-byline .nm{font-weight:700;font-size:15px}
  .art-byline .meta{font-size:13px;color:var(--cinza)}
  /* barra flutuante de ações no fim do leitor */
  .art-actions{position:sticky;bottom:18px;left:0;right:0;margin:0 auto;width:fit-content;display:flex;gap:10px;padding:8px;background:#fff;border:1px solid #ececec;border-radius:40px;z-index:3;box-shadow:0 4px 16px rgba(0,0,0,.08)}
  .art-act{width:44px;height:44px;border-radius:50%;border:none;background:#f3f3f3;color:var(--tinta);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
  .art-act svg{width:18px;height:18px}
  .art-act.salvar{background:var(--tinta);color:#fff}
  .leitor .mark{background-size:100% 62%}
  .modulo{border-radius:8px;padding:18px;margin:6px 0 24px;background:var(--azul-escuro);color:#fff;text-align:left}
  .cota{display:flex;flex-direction:column;gap:14px}
  .cota .ci{display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:left}
  .cota .cot-l{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
  .cota .cot-r{display:flex;flex-direction:column;gap:4px;align-items:flex-end;text-align:right;flex:none}
  .cota .nm{font-family:"Source Serif 4",Georgia,serif;font-size:18px;font-weight:700;letter-spacing:-.2px;line-height:1.1;color:#fff}
  .cota .cot-unid{font-weight:400;opacity:.75;font-size:14px}
  .cota .cot-praca{font-size:12px;font-weight:500;color:rgba(255,255,255,.7)}
  .cota .v{font-family:"Source Serif 4",Georgia,serif;font-size:28px;font-weight:700;letter-spacing:-.5px;line-height:1;color:#fff}
  .cota .d{font-size:13px;color:rgba(255,255,255,.85);font-weight:700}
  .cota .go{background:#fff;color:var(--azul-escuro);border:none;border-radius:30px;padding:12px 18px;font-family:"Source Serif 4",Georgia,serif;font-weight:600;font-size:14px;cursor:pointer;white-space:nowrap;align-self:stretch}
  .leia .it{display:flex;gap:12px;align-items:center;padding:9px 0;border-top:1px solid #eee}
  .leia .it:first-of-type{border-top:none}
  .leia .it .th{width:66px;height:50px;border-radius:8px;background-size:cover;background-position:center;flex:none}
  .leia .it .tt{font-size:15px;font-weight:600;line-height:1.3;color:var(--tinta)}
  .proxima{display:block;border-radius:16px;overflow:hidden;background:var(--dark);color:#fff;cursor:pointer}
  .proxima .ph{height:150px;background-size:cover;background-position:center}
  .proxima .cap{padding:14px 16px 16px}
  .proxima .k{font-size:12px;opacity:.85;letter-spacing:1px;text-transform:uppercase}
  .proxima .t{font-size:18px;font-weight:800;margin-top:5px;line-height:1.2}

  .hint{position:fixed;left:50%;transform:translateX(-50%);bottom:92px;color:#fff;background:rgba(0,0,0,.5);
    padding:8px 16px;border-radius:30px;font-size:14px;z-index:45;animation:bob 1.6s ease-in-out infinite;pointer-events:none;transition:opacity .4s}
  .app.home-ativa .hint{display:none}
  @keyframes bob{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(6px)}}

  .kicker{font-weight:700;letter-spacing:1.5px;font-size:13px;text-transform:uppercase}
  /* resumo simples — presente em todas as matérias */
  .resumo{font-size:clamp(14px,4cqw,16px);line-height:1.45;opacity:.85;margin:12px 0 0}
  .peek{position:absolute;left:0;right:0;bottom:0;height:8px;opacity:0}

  /* ============ MODELO 1 — EDITORIAL ============ */
  .m-editorial{background:var(--verde);color:var(--tinta);--bg-template:var(--verde)}
  .m-editorial .btn-ver{background:var(--verde-quase-preto);color:#fff}
  .m-editorial .btn-ver svg{stroke:#fff}
  .m-editorial .conteudo{padding:calc(var(--header-h) + 30px) 16px 0;justify-content:space-between}
  .m-editorial .local{border-bottom:1.5px solid var(--tinta);display:inline-block;padding-bottom:2px;font-size:15px;font-weight:500}
  .m-editorial .frase{font-size:clamp(24px,7cqw,36px);line-height:1.35;font-weight:600;margin:22px 0 0}
  /* marca-texto que se "pinta" ao entrar na matéria */
  .mark{
    position:relative;
    background-image:linear-gradient(120deg, rgba(54,168,0,.55), rgba(54,168,0,.55));
    background-repeat:no-repeat;
    background-position:0 82%;
    background-size:0% 62%;
    padding:0 2px;border-radius:3px;
    -webkit-box-decoration-break:clone;box-decoration-break:clone;
  }
  .materia.ativa .mark{animation:marca .65s .3s cubic-bezier(.22,.7,.3,1) forwards}
  @keyframes marca{from{background-size:0% 62%} to{background-size:100% 62%}}
  /* marca-texto sobre fundo escuro — amarelo para contraste */
  .m-numero .mark{background-image:linear-gradient(120deg, rgba(54,168,0,.65), rgba(54,168,0,.65));color:#fff}
  .m-citacao .mark{background-image:linear-gradient(120deg,#feb200,#feb200);color:#1a1410}
  .m-editorial .foto{width:100%;aspect-ratio:16/10;border-radius:14px;background-size:cover;background-position:center;margin:16px 0 0}

  /* ============ MODELO 2 — PÔSTER ============ */
  .m-poster{background:var(--verde);color:#fff;--bg-template:var(--verde)}
  .m-poster .conteudo{padding:calc(var(--header-h) + 26px) 16px 96px}
  .m-poster .pills{display:flex;gap:10px;flex:none}
  .m-poster .pill{border:1.5px solid rgba(255,255,255,.8);border-radius:30px;padding:8px 14px;font-size:13px;font-weight:600}
  .m-poster .pill.solid{background:#fff;color:var(--verde-escuro);border-color:#fff}
  .m-poster .titulo{font-size:clamp(28px,9cqw,42px);font-weight:900;line-height:1;letter-spacing:-.7px;margin:14px 0 12px;flex:none}
  .m-poster .foto{flex:1;min-height:0;border-radius:10px;background-size:cover;background-position:center;max-height:36%}
  .m-poster .desc{font-size:14px;line-height:1.42;margin:14px 0 0;opacity:.95;padding-right:54px;flex:none}

  /* ============ MODELO 3 — FOTO-HERÓI ============ */
  .m-foto{background:var(--azul-escuro);color:#fff}
  .m-foto .img{position:relative;width:100%;height:42%;flex:none;background-size:cover;background-position:center}
  .m-foto .geopin{position:relative;background:var(--amarelo);color:var(--tinta);
    font-weight:700;font-size:15px;padding:8px 16px;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;align-self:center;margin-bottom:10px}
  .m-foto .geopin .chev{width:14px;height:14px;transition:transform .2s}
  .m-foto .geopin.aberto .chev{transform:rotate(180deg)}
  .m-foto .reg-list{position:absolute;top:calc(100% + 16px);left:50%;transform:translateX(-50%);
    background:#fff;border-radius:14px;border:1px solid #e2e2e2;padding:6px;min-width:200px;color:#1a1a1a;
    display:none;z-index:10;text-align:left;cursor:default}
  .m-foto .geopin.aberto .reg-list{display:block}
  .m-foto .reg-item{display:block;padding:10px 14px;border-radius:8px;font-size:14px;font-weight:600;white-space:nowrap;cursor:pointer;color:var(--tinta)}
  .m-foto .reg-item:hover{background:#f5f5f3}
  .m-foto .reg-item.ativa{background:var(--azul-escuro);color:#fff}
  /* variações por tipo de alerta — afetam a seção inteira */
  .m-foto .geopin.chuva{background:var(--verde);color:var(--tinta)}
  .m-foto .geopin.chuva::after{border-top-color:var(--verde)}
  .m-foto .geopin.sol{background:var(--amarelo);color:#1a1a1a}
  .m-foto .geopin.sol::after{border-top-color:var(--amarelo)}
  /* CHUVA */
  .m-foto.alerta-chuva{background:var(--azul-escuro);color:#fff}
  .m-foto.alerta-chuva .titulo{font-family:"Open Sans",system-ui,sans-serif;font-weight:800}
  .m-foto.alerta-chuva .mark{background-image:linear-gradient(120deg,var(--verde),var(--verde));color:#1a1a1a}
  .m-foto.alerta-chuva .kicker{color:rgba(255,255,255,.7)}
  .m-foto.alerta-chuva .titulo{color:#fff}
  .m-foto.alerta-chuva .resumo{color:rgba(255,255,255,.88)}
  .m-foto.alerta-chuva .infobox{background:var(--azul-medio);color:#fff}
  .m-foto.alerta-chuva .infobox b{color:rgba(255,255,255,.7);opacity:1}
  .m-foto.alerta-chuva .btn-ver{background:#fff;color:var(--azul-escuro)}
  .m-foto.alerta-chuva .btn-ver svg{stroke:var(--azul-escuro)}
  /* SOL */
  .m-foto.alerta-sol{background:var(--amarelo);color:#1a1a1a}
  .m-foto.alerta-sol .kicker{color:rgba(0,0,0,.6)}
  .m-foto.alerta-sol .titulo{color:#1a1a1a}
  .m-foto.alerta-sol .resumo{color:rgba(0,0,0,.78)}
  .m-foto.alerta-sol .infobox{background:#fff;color:#1a1a1a}
  .m-foto.alerta-sol .infobox b{color:rgba(0,0,0,.55);opacity:1}
  .m-foto.alerta-sol .btn-ver{background:#1a1a1a;color:#fff}
  .m-foto.alerta-sol .btn-ver svg{stroke:#fff}
  /* previsão 7 dias dentro do foto */
  .m-foto .card-prev7{margin-top:22px}
  .m-foto .card-prev7 .lab{font-size:11px;letter-spacing:1.2px;font-weight:700;text-transform:uppercase;opacity:.85;margin-bottom:14px;display:flex;align-items:center;gap:6px}
  .m-foto .dias7{display:flex;gap:10px}
  .m-foto .d7{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:11px;opacity:.95}
  .m-foto .d7 .ico{font-size:20px;line-height:1}
  .m-foto .d7 .tt{font-size:13px;font-weight:700;opacity:1}
  .m-foto .d7 .barra{width:100%;height:38px;background:rgba(255,255,255,.1);border-radius:6px;position:relative;overflow:hidden}
  .m-foto .d7 .nivel{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(180deg,var(--verde-claro),var(--verde));border-radius:6px}
  .m-foto .d7 .mm{font-size:10px;font-weight:700;color:#cfe6ff;line-height:1}
  .m-foto.alerta-chuva .img{height:30%;min-height:140px}
  .m-foto.alerta-chuva .d7 .nivel{background:linear-gradient(180deg,#fff,rgba(255,255,255,.7))}
  .m-foto.alerta-chuva .d7 .mm{color:rgba(255,255,255,.9)}
  /* card de precipitação (estilo dashboard) */
  .m-foto .card-precip{background:rgba(255,255,255,.14);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:18px 18px;margin-bottom:6px;
    border:1px solid rgba(255,255,255,.2);border-radius:14px;padding:12px 14px;margin-top:14px;color:#fff}
  .m-foto .card-precip .lab{font-size:10px;letter-spacing:1.2px;font-weight:700;text-transform:uppercase;opacity:.85;display:flex;align-items:center;gap:5px;margin-bottom:6px}
  .m-foto .card-precip .val{font-size:26px;font-weight:400;line-height:1;letter-spacing:-.3px}
  .m-foto .card-precip .sub{font-size:12px;opacity:.85;line-height:1.32;margin-top:6px}
  .m-foto.alerta-chuva .body{overflow-y:auto;-webkit-overflow-scrolling:touch}
  .m-foto.alerta-chuva .body::-webkit-scrollbar{display:none}
  .m-foto .body{flex:1;min-height:0;padding:18px 16px 0;display:flex;flex-direction:column}
  .m-foto .kicker{text-align:center;color:var(--cinza)}
  .m-foto .titulo{text-align:center;font-size:clamp(24px,7cqw,34px);font-weight:900;letter-spacing:-.5px;margin:6px 0 0;line-height:1.05}
  .m-foto .infobox{background:var(--amarelo);border-radius:14px;display:flex;padding:16px;gap:16px;font-size:14px;line-height:1.32;margin-top:14px}
  .m-foto .infobox .col{flex:1}
  .m-foto .infobox b{display:block;font-size:12px;text-transform:uppercase;letter-spacing:1px;opacity:.7;margin-bottom:5px}

  /* ============ MODELO 4 — DADO EM DESTAQUE ============ */
  .m-numero{background:var(--dark);color:#fff;--bg-template:var(--dark)}
  .m-numero .conteudo{padding:calc(var(--header-h) + 20px) 16px 0;justify-content:center;text-align:center}
  .m-numero .kicker{color:var(--verde);margin-bottom:10px}
  .m-numero .titulo{font-size:18px;font-weight:700;opacity:.85;margin-bottom:18px}
  .m-numero .big{font-size:clamp(52px,19cqw,78px);font-weight:900;line-height:.9;letter-spacing:-2px}
  .m-numero .unidade{font-size:20px;font-weight:600;opacity:.7;margin-top:8px}
  .m-numero .delta{display:inline-flex;align-self:center;align-items:center;gap:8px;background:rgba(54,168,0,.2);color:var(--verde-claro);
    font-weight:700;padding:8px 16px;border-radius:30px;font-size:16px;margin:20px 0;width:fit-content}
  .m-numero .frase{font-size:17px;line-height:1.5;opacity:.85;max-width:92%;margin:0 auto}

  /* ============ MODELO 6 — CITAÇÃO ============ */
  .m-citacao{background:var(--verde-escuro);color:#fff;--bg-template:var(--verde-escuro)}
  .m-citacao .conteudo{padding:calc(var(--header-h) + 24px) 16px 0;justify-content:center}
  .m-citacao .kicker{color:#cfe6b6;margin-bottom:8px}
  .m-citacao .titulo{font-size:15px;font-weight:700;opacity:.8;margin-bottom:22px}
  .m-citacao .aspas{font-size:90px;line-height:.5;font-weight:900;opacity:.35;height:46px}
  .m-citacao .quote{font-size:clamp(24px,7cqw,34px);line-height:1.28;font-weight:600;margin:0 0 22px}
  .m-citacao .fonte{display:flex;align-items:center;gap:12px}
  .m-citacao .fonte .av{width:48px;height:48px;border-radius:50%;background-size:cover;background-position:center;flex:none;border:2px solid #fff}
  .m-citacao .fonte .nm{font-weight:800;font-size:16px}
  .m-citacao .fonte .rl{font-size:14px;opacity:.75}

  /* ============ MODELO 7 — LISTA ============ */
  .m-lista{background:var(--verde-quase-preto);color:#fff;--bg-template:var(--verde-quase-preto)}
  .m-lista .conteudo{padding:calc(var(--header-h) + 24px) 16px 0}
  .m-lista .kicker{color:var(--amarelo);margin-bottom:8px}
  .m-lista .titulo{font-size:clamp(24px,6.6cqw,32px);font-weight:800;line-height:1.12;margin:0 0 18px;color:#fff}
  .m-lista .resumo{color:rgba(255,255,255,.9)}
  .m-lista .item{display:flex;align-items:flex-start;gap:14px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.22)}
  .m-lista .item:last-child{border-bottom:none}
  .m-lista .num{flex:none;width:30px;height:30px;border-radius:50%;background:#fff;color:var(--vermelho-laranja);font-weight:800;
    display:flex;align-items:center;justify-content:center;font-size:15px;margin-top:1px}
  .m-lista .txt{font-size:clamp(15px,4.2cqw,17px);line-height:1.35;color:#fff}
  .m-lista .btn-ver{background:#fff;color:var(--vermelho-laranja)}
  .m-lista .btn-ver svg{stroke:var(--vermelho-laranja)}

  /* ============ MODELO 9 — GALERIA ============ */
  .m-galeria{background:var(--vermelho);color:#fff}
  .m-galeria .mark{background-image:linear-gradient(120deg,var(--azul-escuro),var(--azul-escuro));color:#fff}
  .m-galeria .conteudo{padding:calc(var(--header-h) + 24px) 16px 148px}
  .m-galeria .kicker{color:var(--amarelo);margin-bottom:8px}
  .m-galeria .titulo{font-size:clamp(22px,6.2cqw,30px);font-weight:800;line-height:1.12;margin:0 0 16px;color:#fff}
  .m-galeria .resumo{color:rgba(255,255,255,.9)}
  .m-galeria .btn-ver{background:#fff;color:var(--vermelho)}
  .m-galeria .btn-ver svg{stroke:var(--vermelho)}
  .m-galeria .grid{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:8px}
  .m-galeria .g{background-size:cover;background-position:center;border-radius:12px;position:relative;min-height:0}
  .m-galeria .g.more::after{content:"+5 fotos";position:absolute;inset:0;background:rgba(0,0,0,.5);color:#fff;
    display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:800;border-radius:12px}
  .m-galeria .cont{position:absolute;top:calc(var(--header-h) + 24px);right:24px;background:rgba(0,0,0,.55);color:#fff;
    font-size:13px;font-weight:700;padding:6px 12px;border-radius:30px}

  /* ============ TOP 10 MAIS LIDAS (carrossel circular) ============ */
  .top10view{position:absolute;inset:0;z-index:30;background:var(--creme);display:flex;flex-direction:column;
    opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .3s ease, transform .3s ease}
  .top10view.aberto{opacity:1;visibility:visible;transform:none}
  .m-top10{background:var(--creme);color:var(--tinta)}
  .m-top10 .conteudo{padding:calc(var(--header-h) + 18px) 14px 96px;justify-content:flex-start}
  .m-top10 .lab{text-align:center;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--verde);font-size:13px}
  .m-top10 .stage{position:relative;flex:1;min-height:0;margin-top:4px}
  .m-top10 .item{position:absolute;left:50%;top:50%;width:50px;height:50px;margin:-25px 0 0 -25px;will-change:transform}
  .m-top10 .thumb{width:100%;height:100%;border-radius:15px;background-size:cover;background-position:center;
    will-change:transform,opacity}
  .m-top10 .centro{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:54%;text-align:center;pointer-events:none}
  .m-top10 .centro .rk{font-size:13px;font-weight:800;color:var(--verde);letter-spacing:1px}
  .m-top10 .centro .tt{font-size:clamp(17px,5cqw,22px);font-weight:800;line-height:1.18;margin-top:6px;color:var(--tinta);transition:opacity .3s}
  .m-top10 .centro .ler{pointer-events:auto;margin-top:16px;background:var(--verde);color:#fff;border:none;border-radius:30px;
    padding:11px 22px;font-weight:800;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;gap:8px}
  .m-top10 .centro .ler svg{width:16px;height:16px;stroke:#fff;stroke-width:2.5;fill:none}
  .m-top10 .centro.publi .rk{color:var(--cinza);font-weight:600;letter-spacing:.5px}

  /* ============ DASHBOARD (clima + cotações, estilo iOS) ============ */
  .m-dashboard{background:linear-gradient(180deg,var(--azul) 0%,var(--azul-escuro) 55%,var(--azul-quase-preto) 100%);color:#fff}
  .m-dashboard .conteudo{padding:calc(var(--header-h) + 18px) 16px 0;overflow-y:auto;-webkit-overflow-scrolling:touch}
  .m-dashboard .conteudo::-webkit-scrollbar{display:none}
  .m-dashboard .topo{text-align:center;margin-bottom:14px;padding:0 8px}
  .m-dashboard .cidade{font-size:26px;font-weight:500;letter-spacing:.2px}
  .m-dashboard .conds{font-size:14px;opacity:.9;margin-top:2px}
  .m-dashboard .grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-bottom:108px}
  .m-dashboard .card{background:rgba(255,255,255,.14);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
    border-radius:18px;padding:14px;border:1px solid rgba(255,255,255,.18);min-height:120px;display:flex;flex-direction:column;position:relative}
  .m-dashboard .card.wide{grid-column:span 2}
  .m-dashboard .lab{font-size:11px;letter-spacing:1px;font-weight:700;text-transform:uppercase;opacity:.85;display:flex;align-items:center;gap:6px;margin-bottom:8px}
  .m-dashboard .val{font-size:30px;font-weight:300;line-height:1}
  .m-dashboard .val.big{font-size:36px}
  .m-dashboard .sub{font-size:12px;opacity:.85;line-height:1.32;margin-top:auto;padding-top:6px}
  .m-dashboard .secao{grid-column:span 2;font-size:12px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;opacity:.9;padding:10px 4px 0;display:flex;justify-content:space-between;align-items:center}
  .m-dashboard .secao a{font-size:12px;font-weight:600;opacity:.85}
  /* gráfico 7 dias */
  .m-dashboard .dias7{display:flex;gap:6px;margin-top:2px}
  .m-dashboard .d7{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;opacity:.9}
  .m-dashboard .d7 .ico{font-size:22px;line-height:1}
  .m-dashboard .d7 .tt{font-size:14px;font-weight:700;opacity:1}
  .m-dashboard .d7 .barra{width:100%;height:42px;background:rgba(255,255,255,.08);border-radius:6px;position:relative;overflow:hidden}
  .m-dashboard .d7 .nivel{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(180deg,var(--verde-claro),var(--verde));border-radius:6px}
  .m-dashboard .d7 .mm{font-size:10px;font-weight:700;color:#cfe6ff;line-height:1}
  .m-dashboard .cota .nm{font-size:14px;font-weight:700;opacity:.95;margin-bottom:auto}
  .m-dashboard .cota .preco{font-size:22px;font-weight:700;margin-top:8px;line-height:1}
  .m-dashboard .cota .unid{font-size:11px;font-weight:500;opacity:.7;margin-left:2px}
  .m-dashboard .cota .delta{font-size:12px;font-weight:700;margin-top:5px}
  .m-dashboard .cota .delta.up{color:#a8efa1}
  .m-dashboard .cota .delta.down{color:#ffc1c1}
  .m-dashboard .cota .delta.flat{color:rgba(255,255,255,.7)}

  /* ============ COLUNISTAS (pôster do colunista) ============ */
  .m-colunistas{background:var(--verde);color:#fff;overflow:hidden}
  .m-colunistas .conteudo{padding:0;position:relative;overflow:hidden}

  /* Título único acima da foto */
  .m-colunistas .col-titulo{
    position:absolute;left:0;right:0;top:calc(var(--header-h) + 36px);
    text-align:center;color:#f4ede1;z-index:1;
    font-family:"Anton",sans-serif;font-weight:400;
    font-size:clamp(36px,12cqw,60px);letter-spacing:-.4px;line-height:.92;
    text-transform:uppercase;pointer-events:none}

  /* Foto em retângulo vertical com cantos arredondados estilo Apple */
  .m-colunistas .foto{
    position:absolute;top:36%;left:50%;transform:translate(-50%,-50%);
    width:42%;aspect-ratio:3/4;
    background-size:cover;background-position:center 18%;background-color:#0a1830;
    border-radius:40px;
    z-index:2}

  /* Stickers / badges */
  .m-colunistas .stk{position:absolute;font-weight:900;text-transform:uppercase;
    white-space:nowrap;letter-spacing:.4px;z-index:3}
  .m-colunistas .stk.area{
    top:calc(36% - 140px);left:50%;
    transform:translateX(-50%) rotate(-4deg);
    background:var(--azul-escuro);color:#fff;
    padding:10px 22px;border-radius:999px;
    font-family:"Anton",sans-serif;
    font-size:16px;font-weight:400;letter-spacing:.6px;
    border:3px solid #fff}

  /* Marca Canal Rural pequena no canto */
  .m-colunistas .marca{position:absolute;bottom:190px;right:22px;z-index:3;display:flex;align-items:center}
  .m-colunistas .marca .logo{height:14px;width:auto;display:block}

  /* Posts do colunista — 5 quadradinhos com 3px de espaço */
  .m-colunistas .posts{position:absolute;top:auto;bottom:100px;left:0;right:0;
    display:flex;gap:8px;z-index:3;overflow-x:auto;scrollbar-width:none;
    scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:2px 16px}
  .m-colunistas .posts::-webkit-scrollbar{display:none}
  .m-colunistas .posts .post{flex:0 0 calc((100cqw - 48px) / 2.5);display:flex;flex-direction:column;gap:6px;scroll-snap-align:start}
  .m-colunistas .posts .post-img{width:100%;aspect-ratio:4/5;background-size:cover;background-position:center;background-color:#0a1830;border-radius:10px}
  .m-colunistas .posts .post-titulo{font-size:13px;line-height:1.25;font-weight:700;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

  /* ============ AO VIVO ============ */
  .m-aovivo{background:#000;color:#fff}
  .m-aovivo .conteudo{padding:0;position:relative;overflow:hidden}
  .m-aovivo .video{position:absolute;inset:0;background-size:cover;background-position:center}
  .m-aovivo .shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.5) 0%,transparent 30%,transparent 48%,rgba(0,0,0,.88) 100%)}
  .m-aovivo .badge{position:absolute;top:calc(var(--header-h) + 18px);left:16px;right:auto;width:auto;min-width:0;background:var(--vermelho-laranja);color:#fff;font-size:11px;font-weight:800;letter-spacing:1px;padding:5px 10px;border-radius:6px;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;height:auto}
  .m-aovivo .badge .pulse{width:8px;height:8px;border-radius:50%;background:#e63946;animation:pulseDot 1.4s ease-in-out infinite;box-shadow:0 0 0 0 rgba(230,57,70,.7)}
  .m-aovivo .assistindo{position:absolute;top:calc(var(--header-h) + 18px);right:16px;background:rgba(0,0,0,.55);color:#fff;font-size:11px;font-weight:700;padding:5px 10px;border-radius:20px;backdrop-filter:blur(4px);white-space:nowrap}
  .m-aovivo .info{position:absolute;left:16px;right:16px;bottom:132px}
  .m-aovivo .kicker{color:var(--vermelho-laranja);font-weight:800;letter-spacing:1.5px;font-size:13px;text-transform:uppercase}
  .m-aovivo .titulo{font-size:clamp(28px,8cqw,40px);font-weight:900;line-height:1.05;margin:6px 0 8px}
  .m-aovivo .desc{font-size:15px;opacity:.92;line-height:1.4;margin-bottom:14px}
  .m-aovivo .cta{display:inline-flex;align-items:center;gap:10px;background:#fff;color:#000;border:none;border-radius:30px;padding:12px 22px;font-weight:800;font-size:14px;cursor:pointer}
  .m-aovivo .cta svg{width:18px;height:18px;fill:#000}
  @keyframes pulseAv{0%,100%{opacity:1}50%{opacity:.3}}

  /* ============ MODELO RETRATO (foto vertical + entrevista) ============ */
  .m-retrato{background:#f3f3f3;color:var(--tinta);--bg-template:#f3f3f3}
  .m-retrato .btn-ver{background:var(--azul-quase-preto);color:#fff}
  .m-retrato .btn-ver svg{stroke:#fff}
  .m-retrato .titulo{font-family:"Source Serif 4",Georgia,serif !important;font-weight:600 !important}
  .m-retrato .conteudo{padding:calc(var(--header-h) + 22px) 16px 96px;flex-direction:column;gap:14px;align-items:stretch}
  .m-retrato .foto-lado{flex:none;width:100%;height:38%;background-size:cover;background-position:center 25%;border-radius:8px}
  .m-retrato .right{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:flex-start}
  .m-retrato .kick{font-size:12px;font-weight:800;letter-spacing:1px;text-transform:uppercase;padding-left:10px;border-left:2px solid #1a1a1a;margin-bottom:12px}
  .m-retrato .titulo{font-size:clamp(22px,6.5cqw,30px);font-weight:900;line-height:1.05;letter-spacing:-.3px;margin:0 0 12px;color:#1a1a1a;overflow-wrap:break-word}
  .m-retrato .resumo{font-size:15px;line-height:1.42;color:#1a1a1a;opacity:.92;margin-top:0;padding-right:54px}

  /* ============ MANCHETE TIPOGRÁFICA ============ */
  .m-manchete{background:var(--azul-quase-preto);color:#f4ede1;--bg-template:var(--azul-quase-preto)}
  .m-manchete .conteudo{padding:calc(var(--header-h) + 18px) 16px 60px;justify-content:center;text-align:center;position:relative}
  .m-manchete .grupo{display:flex;flex-direction:column;gap:8px;align-items:center}
  .m-manchete .handle{font-size:11px;font-weight:700;letter-spacing:2.5px;opacity:.65;text-transform:uppercase}
  .m-manchete .titulo{font-family:"Source Serif 4",Georgia,serif;font-weight:600;line-height:1.05;letter-spacing:-.5px;text-transform:none;
    font-size:clamp(30px,10cqw,50px);margin:0;color:#fff}
  .m-manchete .titulo .am,
  .m-manchete .titulo .br{color:#fff;display:block;font-weight:600}
  .m-manchete .resumo{font-size:14px;line-height:1.45;opacity:.78;max-width:92%;margin:16px auto 0;text-align:center}
  .m-manchete .btn-ver{background:var(--verde);color:#fff}
  .m-manchete .btn-ver svg{stroke:#fff}

  /* ============ COTAÇÕES EM BLOCOS ============ */
  .m-cotacoes{background:#000;color:#fff}
  .m-cotacoes .conteudo{padding:0;display:flex;flex-direction:column;padding-bottom:88px}
  .m-cotacoes .hero{flex:.9;background:var(--azul-quase-preto);padding:calc(var(--header-h) + 18px) 16px 18px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
  .m-cotacoes .hero h1{flex:1;min-width:0}
  .m-cotacoes .hero .acoes-flutuante{position:static;transform:none;flex-direction:row;gap:8px;flex:none;bottom:auto;right:auto;height:auto;align-self:flex-end}
  .m-cotacoes .hero-direita{display:flex;flex-direction:column;gap:10px;align-items:flex-end;flex:none}
  .m-cotacoes .cot-busca{display:flex;align-items:center;gap:8px;background:rgba(0,0,0,.2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.14);border-radius:30px;padding:8px 14px;color:#fff;width:136px;box-sizing:border-box}
  .m-cotacoes .cot-busca svg{width:16px;height:16px;flex:none;opacity:.85}
  .m-cotacoes .cot-busca input{flex:1;min-width:0;background:transparent;border:none;outline:none;color:#fff;font-size:13px;font-family:"Source Serif 4",Georgia,serif}
  .m-cotacoes .cot-busca input::placeholder{color:rgba(255,255,255,.7)}
  .m-cotacoes .hero h1{font-family:"Source Serif 4",Georgia,serif;font-size:clamp(22px,7cqw,30px);font-weight:600;line-height:1.12;color:#fff;margin:0;letter-spacing:-.3px}
  .m-cotacoes .row{flex:1;display:flex;align-items:center;justify-content:space-between;padding:0 18px;gap:16px;color:#fff}
  .m-cotacoes .row .cot-ico{flex:none;width:34px;height:34px;background-size:contain;background-repeat:no-repeat;background-position:center;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}
  .m-cotacoes .row .cot-l{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
  .m-cotacoes .row .cot-r{display:flex;flex-direction:column;gap:4px;align-items:flex-end;text-align:right;flex:none}
  .m-cotacoes .row .cot-nm{font-family:"Source Serif 4",Georgia,serif;font-size:18px;font-weight:700;letter-spacing:-.2px;line-height:1.1}
  .m-cotacoes .row .cot-unid{font-weight:400;opacity:.75;font-size:14px}
  .m-cotacoes .row .cot-praca{font-size:12px;font-weight:500;color:rgba(255,255,255,.7);letter-spacing:.1px}
  .m-cotacoes .row .v{font-family:"Source Serif 4",Georgia,serif;font-size:clamp(22px,8cqw,32px);font-weight:700;letter-spacing:-.5px;line-height:1}
  .m-cotacoes .row .cot-pct{font-size:13px;font-weight:700;color:rgba(255,255,255,.85)}
  .m-cotacoes .row.amarelo{background:var(--verde);color:#fff}
  .m-cotacoes .row.dark{background:var(--verde-quase-preto);color:#fff}
  .m-cotacoes .row.creme{background:var(--azul-escuro);color:#fff}
  .m-cotacoes .row.verde{background:var(--verde-escuro);color:#fff}
  .m-cotacoes .row.laranja{background:var(--azul-quase-preto);color:#fff}
  .m-cotacoes .row.azul{background:var(--azul-escuro);color:#fff}
  .m-cotacoes .row.rosa{background:var(--verde);color:#fff}
  .m-cotacoes .row .esq{display:flex;flex-direction:row;align-items:center;gap:10px;max-width:55%}
  .m-cotacoes .row .trend{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:700;line-height:1}
  .m-cotacoes .row .trend svg{width:16px;height:16px}
  .m-cotacoes .row .trend{color:#fff}

  /* ============ MODELO 11 — REELS / VÍDEO CURTO (não é matéria) ============ */
  .m-reels{background:#000;color:#fff}
  .m-reels .acoes-flutuante{flex-direction:column;height:auto;align-items:center;gap:12px}
  .m-reels .conteudo{padding:0;position:relative;overflow:hidden}
  .m-reels .video{position:absolute;inset:0;background-size:cover;background-position:center}
  .m-reels .shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35) 0%,transparent 28%,transparent 52%,rgba(0,0,0,.8) 100%)}
  .m-reels .play{position:absolute;top:46%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;
    background:rgba(0,0,0,.2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
    border:1px solid rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;color:#fff}
  .m-reels .play svg{width:24px;height:24px;fill:#fff;stroke:#fff;margin-left:3px}
  .m-reels .tag{position:absolute;top:calc(var(--header-h) + 28px);left:16px;background:rgba(0,0,0,.5);border-radius:30px;
    padding:8px 14px;font-size:13px;font-weight:700;display:flex;gap:8px;align-items:center}
  .m-reels .tag .vivo{width:9px;height:9px;border-radius:50%;background:var(--vermelho-laranja)}
  .m-reels .info{position:absolute;left:16px;right:78px;bottom:108px}
  .m-reels .handle{display:flex;align-items:center;gap:10px;font-weight:800;font-size:15px;margin-bottom:10px}
  .m-reels .handle .av{width:38px;height:38px;border-radius:50%;background-size:cover;background-position:center;border:2px solid #fff}
  .m-reels .cap{font-size:15px;line-height:1.4}

  /* ============ MOMENTO PUBLICIDADE ============ */
  .m-ad{background:var(--azul-quase-preto);color:#fff}
  .m-ad .conteudo{padding:calc(var(--header-h) + 22px) 0 0}
  .m-ad .selo{font-size:11px;letter-spacing:3px;font-weight:700;opacity:.55;text-transform:uppercase;padding:0 24px}
  .m-ad .img{flex:1;min-height:0;margin:12px 16px;border-radius:14px;background-size:cover;background-position:center}
  .m-ad .promo{padding:0 16px 96px}
  .m-ad .marca{font-size:13px;font-weight:800;color:var(--amarelo);text-transform:uppercase;letter-spacing:1px}
  .m-ad .titulo{font-size:clamp(23px,6.4cqw,32px);font-weight:800;line-height:1.12;margin:6px 0 16px}
  .m-ad .cta{display:inline-flex;align-items:center;gap:10px;background:var(--amarelo);color:#1a1a1a;font-weight:800;
    border-radius:40px;padding:14px 26px;font-size:16px}
  .m-ad .cta svg{width:18px;height:18px;stroke:#1a1a1a;stroke-width:2.5;fill:none}

  /* ============ MODELO 5 — TUTO / PASSO A PASSO ============ */
  .m-card{background:var(--azul-quase-preto);color:#f4ede1;--bg-template:var(--azul-quase-preto)}
  .m-card .conteudo{padding:calc(var(--header-h) + 26px) 16px 0;justify-content:center}
  .m-card .titulo{font-family:"Source Serif 4",Georgia,serif;font-weight:500;
    font-size:clamp(34px,11cqw,56px);line-height:1.06;letter-spacing:-.5px;margin:0}
  /* rodapé escuro neste modelo */
  .m-card .btn-ver{background:#f4ede1;color:var(--azul-quase-preto)}
  .m-card .btn-ver svg{stroke:var(--azul-quase-preto)}

  /* ============================================================
     HOME — tela inicial (Novidades)
     ============================================================ */
  .home{position:absolute;left:0;right:0;top:var(--header-h);bottom:0;
    background:#fff;overflow-y:auto;-webkit-overflow-scrolling:touch;
    scrollbar-width:none;color:var(--azul-quase-preto);padding:14px 14px 110px}
  .home::-webkit-scrollbar{display:none}
  .home .bloco{margin-bottom:24px}
  .home .bloco-head{display:flex;align-items:center;justify-content:space-between;margin:0 4px 12px}
  .home .bloco-titulo{display:flex;align-items:center;gap:8px;font-family:"Source Serif 4",Georgia,serif;font-size:18px;font-weight:700;text-transform:none;letter-spacing:-.2px;color:var(--azul-quase-preto)}
  .home .bloco-titulo .logo-ed{width:22px;height:22px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:900;flex:none}
  .home .bloco-titulo .pulse-vivo{width:10px;height:10px;border-radius:50%;background:#e63946;flex:none;animation:pulseDot 1.4s ease-in-out infinite;box-shadow:0 0 0 0 rgba(230,57,70,.7)}
  /* Título de categoria — só cor diferente, sem badge */
  .home .h-cat-titulo{color:var(--cat-cor,var(--azul-quase-preto))}
  /* Programa — logo + nome no header, scroll horizontal */
  .home .h-prog-titulo{display:flex;align-items:center;gap:10px;color:var(--azul-quase-preto)}
  .home .h-prog-logo{height:36px;width:auto;max-width:180px;object-fit:contain;flex:none;display:block;mix-blend-mode:multiply}
  .h-prog-scroll{display:flex;gap:14px;overflow-x:auto;scrollbar-width:none;padding:2px 0;margin-right:-14px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
  .h-prog-scroll::-webkit-scrollbar{display:none}
  .h-prog-card{flex:0 0 calc(100% - 60px);max-width:280px;display:block;cursor:pointer;text-decoration:none;color:var(--azul-quase-preto);scroll-snap-align:start}
  .h-prog-thumb{width:100%;aspect-ratio:16/9;border-radius:8px;background-size:cover;background-position:center;background-color:#dfe1e6;margin-bottom:10px}
  .h-prog-card-titulo{font-family:"Source Serif 4",Georgia,serif;font-size:16px;font-weight:600;line-height:1.25;margin:0;color:var(--azul-quase-preto);letter-spacing:-.2px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  /* Programa: acento colorido + hero (estilo desktop) */
  .home .h-programa{border-top:3px solid var(--bc,#007C29);padding-top:18px}
  .h-prog-hero{display:block;text-decoration:none;color:inherit;cursor:pointer;border-radius:14px;overflow:hidden;margin-bottom:16px;box-shadow:0 1px 3px rgba(12,37,29,.08),0 8px 22px rgba(12,37,29,.08)}
  .h-prog-hero-img{width:100%;aspect-ratio:16/9;background-size:cover;background-position:center;background-color:#dfe1e6}
  .h-prog-hero-cap{background:var(--bc,#007C29);padding:16px 18px 18px}
  .h-prog-hero-cap h3{font-family:"Source Serif 4",Georgia,serif;font-size:18px;line-height:1.3;font-weight:400;color:#fff;margin:0}
  .home .h-programa .h-prog-card:hover .h-prog-card-titulo,
  .home .h-programa .h-prog-card:active .h-prog-card-titulo{color:var(--bc)}
  /* Programa: mini notícias em linhas (thumb esquerda + título), estilo desktop */
  .h-prog-rows{display:flex;flex-direction:column}
  .h-prog-row{display:flex;gap:16px;align-items:center;padding:16px 0;border-top:1px solid #ececec;text-decoration:none;color:inherit;cursor:pointer}
  .h-prog-row:first-child{border-top:none;padding-top:4px}
  .h-prog-rthumb{flex:none;width:96px;height:72px;border-radius:8px;background-size:cover;background-position:center;background-color:#dfe1e6}
  .h-prog-row h4{font-family:"Open Sans",system-ui,sans-serif;font-size:16px;line-height:1.3;font-weight:400;color:#262626;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .h-prog-row:hover h4{color:var(--bc)}

  /* Sub-bar (mini-header) no mobile */
  body:not(.is-desktop) .home .hd-subbar{height:auto;margin:-14px -14px 24px;border-radius:0;border-bottom:1px solid #e6e8ea}
  body:not(.is-desktop) .home .hd-sub-slide{position:relative;inset:auto;padding:10px 14px;gap:14px;justify-content:center;
    opacity:0;height:0;overflow:hidden;pointer-events:none;transition:opacity .45s ease}
  body:not(.is-desktop) .home .hd-sub-slide.on{position:relative;opacity:1;height:auto;overflow:visible;pointer-events:auto;transform:none}
  body:not(.is-desktop) .home .hd-sub-slide:not(.on){display:none}
  body:not(.is-desktop) .home .hd-sub-main{gap:9px;min-width:0}
  body:not(.is-desktop) .home .hd-sub-ico{width:30px;height:30px}
  body:not(.is-desktop) .home .hd-sub-t1{font-size:15px}
  body:not(.is-desktop) .home .hd-sub-t2{font-size:11px}
  body:not(.is-desktop) .home .hd-sub-temp{margin-left:0}
  body:not(.is-desktop) .home .hd-sub-tv{font-size:13px}
  body:not(.is-desktop) .home .hd-sub-price{font-size:15px;margin-left:0}
  body:not(.is-desktop) .home .hd-sub-btn{flex:none;padding:7px 11px;font-size:11px;line-height:1.1}
  @keyframes pulseDot{
    0%{box-shadow:0 0 0 0 rgba(230,57,70,.7);transform:scale(1)}
    70%{box-shadow:0 0 0 10px rgba(230,57,70,0);transform:scale(1.1)}
    100%{box-shadow:0 0 0 0 rgba(230,57,70,0);transform:scale(1)}
  }
  .home .bloco-vtudo{display:inline-flex;align-items:center;gap:4px;background:transparent;border:none;color:var(--azul-escuro);font-size:12px;font-weight:700;cursor:pointer;font-family:"Source Serif 4",Georgia,serif}
  .home .bloco-vtudo svg{width:14px;height:14px;stroke:currentColor;stroke-width:2.5;fill:none}

  /* Destaque principal — imagem flutuando, sem card */
  .h-hero{background:transparent;border:none;border-radius:0;overflow:visible;cursor:pointer;display:block}
  .h-destaque{background:transparent;border:none;border-radius:0;overflow:visible}
  .h-destaque .h-hero{border:none;border-radius:0}
  .h-destaque .h-cards-unified{border:none;border-radius:0;background:transparent;border-top:1px solid #e6e3da;margin-top:14px;padding-top:4px}
  .h-hero-img{position:relative;width:100%;aspect-ratio:16/9;background-size:cover;background-position:center;background-color:#dfe1e6;border-radius:12px}
  .h-hero-info{padding:12px 2px 4px}
  .h-hero-kicker{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:#7a8290;margin-bottom:8px;text-transform:none;letter-spacing:0}
  .h-hero-kicker .ed-nome{font-family:"Source Serif 4",Georgia,serif;color:var(--cat-cor,var(--verde));font-weight:600}
  .h-hero-titulo{font-family:"Source Serif 4",Georgia,serif;font-size:22px;font-weight:600;line-height:1.2;color:var(--azul-quase-preto);margin:0 0 8px;letter-spacing:-.3px}
  .h-hero-sub{font-size:13px;line-height:1.45;color:#7a8290;margin:0;font-weight:500}

  /* Cards compactos — thumb à direita, sem container */
  .h-cards{background:transparent;border:none;border-radius:0;overflow:visible}
  .h-card{display:flex;gap:16px;padding:16px 0;cursor:pointer;align-items:flex-start}
  .h-card + .h-card{border-top:1px solid #e6e3da}
  .h-card-thumb{flex:none;width:88px;height:88px;border-radius:8px;background-size:cover;background-position:center;background-color:#dfe1e6}
  .h-card-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}
  .h-card-kick{font-family:"Open Sans",system-ui,sans-serif;font-size:13px;font-weight:700;color:var(--cat-cor,#73a900);
    display:inline-flex;align-items:center;align-self:flex-start;line-height:1;padding-left:8px;border-left:3px solid var(--cat-cor,#73a900)}
  .h-card-titulo{font-family:"Open Sans",system-ui,sans-serif;font-size:16px;font-weight:400;line-height:1.3;color:#262626;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

  /* Tabs filtro abaixo do header */
  .h-tabs{display:flex;gap:22px;overflow-x:auto;scrollbar-width:none;padding:0 2px 14px;margin-bottom:14px;border-bottom:1px solid #e6e3da}
  .h-tabs::-webkit-scrollbar{display:none}
  .h-tab{flex:none;background:transparent;border:none;font-family:"Source Serif 4",Georgia,serif;font-size:15px;font-weight:600;color:#9ea3ad;padding:0 0 8px;cursor:pointer;white-space:nowrap;position:relative}
  .h-tab.ativo{color:var(--azul-quase-preto);font-weight:800}
  .h-tab.ativo::after{content:"";position:absolute;left:0;right:0;bottom:-15px;height:2px;background:var(--azul-quase-preto)}

  /* Ao vivo */
  .h-aovivo{background:var(--azul-quase-preto);border-radius:8px;overflow:hidden;color:#fff;cursor:pointer}
  .h-aovivo-img{position:relative;width:100%;aspect-ratio:16/9;background-size:cover;background-position:center}
  .h-aovivo-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 50%,rgba(5,17,32,.85) 100%)}
  .h-aovivo-selo{position:absolute;top:12px;left:12px;display:inline-flex;align-items:center;gap:6px;background:rgba(0,0,0,.5);backdrop-filter:blur(8px);color:#fff;font-size:10px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;padding:5px 10px;border-radius:6px;z-index:2}
  .h-aovivo-selo .pulse{width:7px;height:7px;border-radius:50%;background:#e63946;animation:pulse 1.6s ease-in-out infinite}
  .h-aovivo-badge{position:absolute;top:12px;right:12px;background:#e2231a;color:#fff;font-family:"Open Sans",system-ui,sans-serif;font-size:10px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;padding:5px 10px;border-radius:6px;z-index:2;line-height:1}
  .h-aovivo-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:88px;height:88px;border-radius:50%;background:rgba(226,229,232,.72);display:flex;align-items:center;justify-content:center;z-index:2}
  .h-aovivo-play svg{width:34px;height:34px;fill:#6b7075;margin-left:4px}
  .h-aovivo-aud{position:absolute;bottom:12px;right:12px;font-size:11px;font-weight:600;color:#fff;z-index:2}
  .h-aovivo-info{padding:12px 16px 14px}
  .h-aovivo-titulo{font-size:14px;font-weight:700;line-height:1.3;margin:0;color:#fff}

  /* Reels strip */
  .h-reels{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding:2px 0;margin-right:-14px}
  .h-reels::-webkit-scrollbar{display:none}
  .h-reel{flex:0 0 110px;aspect-ratio:9/16;border-radius:8px;background-size:cover;background-position:center;position:relative;cursor:pointer;background-color:#dfe1e6}
  .h-reel::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 55%,rgba(0,0,0,.7) 100%);border-radius:8px}
  .h-reel-titulo{position:absolute;left:10px;right:10px;bottom:10px;font-family:"Open Sans",system-ui,sans-serif;font-size:13px;font-weight:600;line-height:1.25;color:#fff;z-index:2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;letter-spacing:0}

  /* Bloco "Para você" dentro do leitor */
  .art-paravoce{margin:12px 0 24px;padding:0 16px}
  .art-paravoce-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
  .art-paravoce-titulo{font-family:"Source Serif 4",Georgia,serif;font-size:18px;font-weight:700;color:var(--azul-quase-preto)}
  .art-paravoce .h-reels{margin-right:-16px}

  /* Cotações chips */
  .h-cot{border-radius:8px;overflow:hidden;display:flex;flex-direction:column;gap:2px}
  .h-cot-item{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px 18px;cursor:pointer;color:#fff}
  .h-cot-left{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
  .h-cot-right{display:flex;flex-direction:column;gap:4px;align-items:flex-end;text-align:right;flex:none}
  .h-cot-nome{font-family:"Source Serif 4",Georgia,serif;font-size:16px;font-weight:700;letter-spacing:-.2px;color:inherit;line-height:1.1}
  .h-cot-unid{font-weight:400;opacity:.75;font-size:13px}
  .h-cot-praca{font-size:12px;font-weight:500;color:rgba(255,255,255,.7);letter-spacing:.1px}
  .h-cot-val{font-family:"Source Serif 4",Georgia,serif;font-size:20px;font-weight:700;line-height:1;color:inherit;letter-spacing:-.3px}
  .h-cot-var{font-size:13px;font-weight:700;color:rgba(255,255,255,.85)}
  .h-cot-item.cot-verde{background:var(--verde)}
  .h-cot-item.cot-verde-escuro{background:var(--verde-escuro)}
  .h-cot-item.cot-azul-escuro{background:var(--azul-escuro)}
  .h-cot-item.cot-azul-quase-preto{background:var(--azul-quase-preto)}

  /* Tempo — card estilo desktop (Climatempo) */
  .h-wcard{background:#fff;border:1px solid #ececec;border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:16px}
  .h-wcard-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
  .h-wcard-head h3{font-family:"Source Serif 4",Georgia,serif;font-size:18px;font-weight:600;color:var(--azul-quase-preto);margin:0}
  .h-wcard-pow{display:flex;align-items:center;gap:6px;font-size:10px;color:#9aa2ab;white-space:nowrap}
  .h-wcard-pow img{height:14px;width:auto}
  .h-wcard-city{display:flex;align-items:center;justify-content:space-between;gap:12px}
  .h-wcard-cid{font-size:11px;font-weight:700;text-transform:uppercase;color:#7a8290;letter-spacing:.5px;margin-bottom:3px}
  .h-wcard-cond{font-family:"Source Serif 4",Georgia,serif;font-size:20px;font-weight:600;color:var(--azul-quase-preto)}
  .h-wcard-btn{flex:none;background:var(--azul-quase-preto);color:#fff;border:none;border-radius:32px;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap}
  .h-wcard-days{display:flex;align-items:center;gap:12px;border-top:1px solid #f0f0f0;padding-top:16px}
  .h-wday{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;color:#5c636c}
  .h-wday img{width:40px;height:40px;object-fit:contain}
  .h-wtemp{flex:none;display:flex;align-items:center;gap:12px;padding-left:12px;border-left:1px solid #f0f0f0}
  .h-wtemp-v{font-size:17px;font-weight:600;color:#656565;white-space:nowrap}
  .h-wtemp-v small{font-size:10px;color:#9aa2ab;margin-left:1px}
  .h-wtemp-sep{width:1px;height:22px;background:#e2e2e2}
  .h-wpromo{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:14px;margin-top:8px;
    min-height:150px;border-radius:16px;overflow:hidden;padding:20px;color:#fff;cursor:pointer;text-decoration:none;
    background-size:cover;background-position:center;background-color:#04181f}
  .h-wpromo::before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#04181f 5%,rgba(4,24,31,.1) 80%)}
  .h-wpromo-tx{position:relative;z-index:1}
  .h-wpromo-tx h3{font-family:"Source Serif 4",Georgia,serif;font-size:22px;font-weight:600;line-height:1.15;margin:0 0 4px;color:#fff}
  .h-wpromo-tx span{position:relative;z-index:1;font-size:13px;color:rgba(255,255,255,.8)}
  .h-wpromo-pill{position:relative;z-index:1;align-self:flex-start;background:#fff;color:var(--azul-quase-preto);border-radius:32px;padding:11px 18px;font-size:13px;font-weight:600}

  /* Colunistas strip */
  .h-colunistas{display:flex;gap:22px;overflow-x:auto;scrollbar-width:none;padding:4px 0 2px;margin-right:-14px}
  .h-colunistas::-webkit-scrollbar{display:none}
  .h-colunista{flex:none;width:84px;display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer}
  .h-colunista-foto{width:76px;height:76px;border-radius:50%;background-size:cover;background-position:center;background-color:#dfe1e6}
  .h-colunista-nome{font-family:"Open Sans",system-ui,sans-serif;font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#1a1a1a;text-align:center;line-height:1.2}

  /* Patrocinado */
  .h-ad{background:#fff;border-radius:8px;padding:14px 16px;text-align:center;border:1px dashed #c8ced8}
  .h-ad-tag{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:1.4px;color:#7a8290;margin-bottom:6px}
  .h-ad-conteudo{font-size:13px;color:#7a8290;font-weight:500}

  /* Top lidas */
  /* Mais lidas — estilo desktop (número serif grande + título) */
  .h-ml-ico{width:22px;height:22px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;flex:none}
  .h-ml-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
  .h-ml-list .dh-ml-item{display:flex;gap:20px;align-items:flex-start;padding:16px 0;border-bottom:1px solid #e0e0e0;cursor:pointer}
  .h-ml-list .dh-ml-item:first-child{padding-top:0}
  .h-ml-list .dh-ml-item:last-child{border-bottom:none}
  .h-ml-list .dh-ml-num{font-family:"Source Serif 4",Georgia,serif;font-size:34px;font-weight:600;color:#004769;line-height:1;flex:none;min-width:28px}
  .h-ml-list .dh-ml-item p{font-family:"Open Sans",system-ui,sans-serif;font-size:16px;line-height:1.4;color:#111;margin:0}

  /* ============================================================
     RODAPÉ (footer da home)
     ============================================================ */
  .h-rodape{background:var(--azul-quase-preto);color:#fff;margin:24px -14px -110px;padding:28px 18px 24px;font-family:"Open Sans",system-ui,sans-serif}
  .h-rod-topo{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:24px}
  .h-rod-logo{height:48px;width:auto}
  .h-rod-social{display:flex;gap:10px;flex-wrap:wrap}
  .h-rod-soc{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;color:#fff;opacity:.85;text-decoration:none}
  .h-rod-soc svg{width:18px;height:18px}
  .h-rod-cols{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}
  .h-rod-col h4{font-family:"Source Serif 4",Georgia,serif;font-size:15px;font-weight:700;text-transform:none;letter-spacing:.2px;margin:0 0 10px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.18);color:#fff}
  .h-rod-col a{display:block;padding:6px 0;font-size:13px;color:rgba(255,255,255,.85);text-decoration:none;cursor:pointer}
  .h-rod-network{border-top:1px solid rgba(255,255,255,.15);padding:22px 0;margin-top:10px;display:flex;flex-direction:column;align-items:center;gap:18px}
  .h-rod-net-brand{height:20px;width:auto;filter:brightness(0) invert(1);opacity:.92}
  .h-rod-net-logos{display:flex;gap:26px;overflow-x:auto;scrollbar-width:none;padding:2px 4px;align-items:center;width:100%}
  .h-rod-net-logos::-webkit-scrollbar{display:none}
  .h-rod-net-logo{flex:none;display:flex;align-items:center;justify-content:center;height:30px}
  .h-rod-net-logo img{max-height:26px;width:auto;max-width:120px;filter:brightness(0) invert(1);opacity:.6}
  .h-rod-base{border-top:1px solid rgba(255,255,255,.15);padding-top:16px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;font-size:12px;color:rgba(255,255,255,.7)}
  .h-rod-base a{color:rgba(255,255,255,.85);text-decoration:none;cursor:pointer}

  /* Slot grande de publicidade na home */
  .home .h-ad-grande{padding:36px 16px;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center}
  /* Slot de publicidade dentro do leitor */
  .art-ad{background:#fff;border:1px dashed #c8ced8;border-radius:8px;padding:36px 16px;margin:18px 0;text-align:center;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center}
  .art-ad .h-ad-tag{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:1.4px;color:#7a8290;margin-bottom:6px}
  .art-ad .h-ad-conteudo{font-size:13px;color:#7a8290;font-weight:500}

  /* =========================================================
     DESKTOP HOME (hd-*) — refs UOL / G1 / CNN
     Ativa quando body.is-desktop
     ========================================================= */
  html:has(body.is-desktop){height:auto;overflow-x:hidden}
  body.is-desktop{background:#eeeeea;overflow:visible;height:auto;min-height:100vh;display:block;zoom:.9}
  body.is-desktop .app{width:100%;height:auto;min-height:100dvh;border-radius:0;box-shadow:none;overflow:visible;background:#fff;container-type:normal}
  body.is-desktop .topbar,body.is-desktop .tabbar,body.is-desktop .hint{display:none!important}
  body.is-desktop .home{position:static;inset:auto;overflow:visible;padding:0;background:#fff;color:var(--azul-quase-preto);max-width:none;margin:0}
  body.is-desktop .feed{position:fixed;inset:0;background:#000;z-index:60}
  /* Overlays mobile (leitor de áudio / perfil do autor) não são usados no desktop:
     como .app é overflow:visible aqui, seus sheets deslocados criavam espaço em branco
     abaixo do footer. Removidos do fluxo quando fechados. */
  body.is-desktop .leitor:not(.aberto),
  body.is-desktop .autor-modal:not(.aberto),
  body.is-desktop .cidade-modal:not(.aberto),
  body.is-desktop .lead-modal:not(.aberto){display:none}

  /* ---------- Header desktop (Home Desktop · Figma 116:10563) ---------- */
  .hd-header{position:sticky;top:0;z-index:40;background:#051120;
    font-family:"Open Sans",system-ui,sans-serif}

  /* Linha 1: Menu · cotação · previsão ·· LOGO ·· Pesquisar · Anuncie (84px) */
  .hd-header-top{max-width:1440px;margin:0 auto;padding:0 75px;height:84px;
    display:grid;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:24px;
    border-bottom:1px solid rgba(223,223,224,.10)}
  .hd-menu{display:inline-flex;align-items:center;gap:4px;flex:none;
    background:none;border:none;color:#e4e4e7;cursor:pointer;padding:0;
    font-family:inherit;font-size:14px;font-weight:400;line-height:1.5}
  .hd-menu svg{width:18px;height:18px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
  .hd-menu:hover{opacity:.8}
  .hd-brand-link{justify-self:center;display:block;cursor:pointer;line-height:0}
  .hd-brand{width:192px;height:auto;display:block}
  .hd-actions{justify-self:end;display:flex;align-items:center;gap:14px}

  /* Widgets do topo: cotações (boi/café/trigo, rotativas) + clima */
  .hd-top-info{display:flex;align-items:center;gap:14px;min-width:0}
  .hd-top-sep{width:1px;height:34px;background:rgba(223,223,224,.16);flex:none}
  .hd-topcot{position:relative;display:block;width:148px;height:44px;cursor:pointer;text-decoration:none;flex:none}
  .hd-topcot:hover{opacity:.85}
  .hd-topcot-slide{position:absolute;inset:0;display:flex;align-items:center;gap:10px;
    opacity:0;transform:translateY(6px);transition:opacity .4s ease,transform .4s ease;pointer-events:none}
  .hd-topcot-slide.on{opacity:1;transform:none;pointer-events:auto}
  .hd-topcot-ico{width:34px;height:34px;flex:none;background-size:contain;background-position:center;background-repeat:no-repeat;
    filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}
  .hd-topcot-tx{display:flex;flex-direction:column;gap:1px;line-height:1.25;flex:1;min-width:0}
  .hd-topcot-l1{display:block;font-size:13px;color:#c7ccd2;white-space:nowrap;overflow:hidden;max-width:100%}
  .hd-topcot-nm{display:inline-block;white-space:nowrap}
  .hd-topcot-l1.mq .hd-topcot-nm{animation:hd-topcot-mq 6s linear infinite}
  @keyframes hd-topcot-mq{
    0%,18%{transform:none}
    45%,62%{transform:translateX(var(--mq,0))}
    88%,100%{transform:none}
  }
  .hd-topcot-l2{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;white-space:nowrap}
  .hd-topcot-l2 b{color:#fff;font-weight:700;font-size:14px}
  .hd-topcot-l2.up{color:#8fd14f}
  .hd-topcot-l2.down{color:#ff8a7a}
  .hd-topcot-l2 svg{width:12px;height:12px;stroke:currentColor;stroke-width:2.4;fill:none;stroke-linecap:round;stroke-linejoin:round}
  .hd-clima{display:flex;align-items:center;gap:10px;cursor:pointer;text-decoration:none;flex:none}
  .hd-clima:hover{opacity:.85}
  .hd-clima-tx{display:flex;flex-direction:column;gap:1px;line-height:1.25}
  .hd-clima-ico{width:32px;height:32px;background-size:contain;background-position:center;background-repeat:no-repeat;flex:none}
  .hd-clima-l1{display:inline-flex;align-items:center;gap:3px;font-size:13px;color:#c7ccd2;white-space:nowrap}
  .hd-clima-l1 svg{width:13px;height:13px;stroke:#8a9096;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
  .hd-clima-l2{display:inline-flex;gap:8px;font-size:12.5px}
  .hd-clima-l2 .max{color:#c7ccd2;font-weight:700}
  .hd-clima-l2 .min{color:#c7ccd2;font-weight:700}
  .hd-search{display:inline-flex;align-items:center;gap:4px;background:none;border:none;
    color:#fff;cursor:pointer;font-family:inherit;font-size:14px;font-weight:400;line-height:1.5;padding:8px 24px}
  .hd-search svg{width:18px;height:18px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
  .hd-search:hover{opacity:.8}
  .hd-anuncie{background:#fff;color:#1a1a1a;border:none;border-radius:8px;
    padding:8px 24px;height:36px;font-family:inherit;font-size:14px;font-weight:500;line-height:1.5;cursor:pointer}
  .hd-anuncie:hover{background:#eef1f4}

  /* Linha 2: navegação secundária (44px, centralizada) */
  .hd-mainnav{background:#051120}
  .hd-mainnav-inner{max-width:1440px;margin:0 auto;height:50px;display:flex;align-items:center;justify-content:space-between;
    gap:12px;white-space:nowrap;padding:0 75px;overflow:visible}
  .hd-nav{display:inline-flex;align-items:center;gap:7px;flex:none;
    color:rgba(255,255,255,.72);text-decoration:none;cursor:pointer;
    font-size:13px;font-weight:600;background:none;border:none;padding:0;font-family:"Open Sans",system-ui,sans-serif}
  .hd-nav:hover{color:#fff}
  .hd-nav.on{color:#fff}
  .hd-nav-ic{display:inline-flex;flex:none}
  .hd-nav-ic svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  .hd-nav-emo{font-size:15px;line-height:1;flex:none}
  .hd-nav-live{width:9px;height:9px;border-radius:50%;background:#e63946;flex:none;position:relative}
  .hd-nav-live::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid #e63946;opacity:.7;animation:hd-live-pulse 1.4s ease-out infinite}
  @keyframes hd-live-pulse{0%{transform:scale(.6);opacity:.8}100%{transform:scale(1.5);opacity:0}}
  /* dropdown Estados */
  .hd-nav-drop{position:relative;flex:none}
  .hd-nav-chev{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;margin-left:2px;transition:transform .2s}
  .hd-nav-drop:hover .hd-nav-chev{transform:rotate(180deg)}
  .hd-nav-menu{position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);background:#fff;border:1px solid #e4e7ea;border-radius:12px;box-shadow:0 16px 40px rgba(0,0,0,.22);padding:8px;display:none;grid-template-columns:repeat(3,1fr);gap:2px;min-width:180px;z-index:70}
  .hd-nav-drop:hover .hd-nav-menu{display:grid}
  .hd-nav-menu a{display:flex;align-items:center;justify-content:center;padding:8px 10px;border-radius:8px;color:#012b41;font-family:"Open Sans",system-ui,sans-serif;font-size:13px;font-weight:700;text-decoration:none;cursor:pointer}
  .hd-nav-menu a:hover{background:#f2f6ec}

  /* ============ SUB-BAR (mini-header) — Figma 228:6610 ============ */
  .hd-subbar{position:relative;height:78px;background:#f5f6f7;border-bottom:1px solid #e6e8ea;overflow:hidden;
    transition:height .28s cubic-bezier(.4,0,.2,1)}
  .hd-sub-slide{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:26px;
    opacity:0;transform:translateY(12px);transition:opacity .5s ease,transform .5s ease;pointer-events:none}
  /* Estado compacto — ativado ao rolar a página */
  .hd-subbar.compact{height:46px}
  .hd-subbar.compact .hd-sub-slide{gap:16px}
  .hd-subbar.compact .hd-sub-main{gap:9px}
  .hd-subbar.compact .hd-sub-ico{width:26px;height:26px}
  .hd-subbar.compact .hd-sub-svg{width:26px;height:26px}
  .hd-subbar.compact .hd-sub-t1{font-size:15px}
  .hd-subbar.compact .hd-sub-t2{display:none}
  .hd-subbar.compact .hd-sub-tx{flex-direction:row;align-items:baseline;gap:8px}
  .hd-subbar.compact .hd-sub-temp{flex-direction:row;gap:8px;margin-left:2px}
  .hd-subbar.compact .hd-sub-tline{display:none}
  .hd-subbar.compact .hd-sub-tv{font-size:13px}
  .hd-subbar.compact .hd-sub-price{font-size:15px;margin-left:2px}
  .hd-subbar.compact .hd-sub-btn{padding:6px 14px;font-size:12px}
  .hd-sub-slide.on{opacity:1;transform:none;pointer-events:auto}
  .hd-sub-main{display:flex;align-items:center;gap:12px}
  .hd-sub-ico{width:39px;height:39px;flex:none;background-size:contain;background-repeat:no-repeat;background-position:center;
    display:flex;align-items:center;justify-content:center}
  .hd-sub-svg{width:39px;height:39px;display:block}
  .hd-sub-tx{display:flex;flex-direction:column;gap:1px;line-height:1.15}
  .hd-sub-t1{font-family:"Source Serif 4",Georgia,serif;font-size:18px;font-weight:600;color:#000;white-space:nowrap}
  .hd-sub-t1 b{font-weight:600}
  .hd-sub-t2{font-family:"Open Sans",system-ui,sans-serif;font-size:12px;font-weight:600;color:#979797;white-space:nowrap}
  /* clima: temperaturas */
  .hd-sub-temp{display:flex;flex-direction:column;align-items:center;gap:3px;margin-left:6px}
  .hd-sub-tv{font-family:"Open Sans",system-ui,sans-serif;font-weight:500;color:#656565;font-size:15px;line-height:1;white-space:nowrap}
  .hd-sub-tv em{font-style:normal;font-size:12px}
  .hd-sub-tv i{font-style:normal;font-size:10px;color:#656565}
  .hd-sub-tline{width:52px;height:1px;background:#cfcfcf}
  /* cotação: preço */
  .hd-sub-price{display:flex;align-items:center;gap:6px;margin-left:6px;
    font-family:"Source Serif 4",Georgia,serif;font-size:17px;font-weight:600;color:#537706;white-space:nowrap}
  .hd-sub-price svg{width:15px;height:15px;fill:none;stroke:#537706;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
  .hd-sub-price.down{color:#c0392b}
  .hd-sub-price.down svg{stroke:#c0392b}
  .hd-sub-btn{border:1px solid #cfcfcf;background:transparent;border-radius:32px;padding:10px 18px;
    font-family:"Open Sans",system-ui,sans-serif;font-size:13px;font-weight:500;color:#002b41;cursor:pointer;white-space:nowrap;
    transition:background .15s}
  .hd-sub-btn:hover{background:#ececee}
  .hd-sub-btn-ico{flex:none;width:40px;height:40px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center}
  .hd-sub-btn-ico svg{width:18px;height:18px;fill:none;stroke:#002b41;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
  body:not(.is-desktop) .home .hd-sub-btn-ico{width:34px;height:34px}
  body:not(.is-desktop) .home .hd-sub-btn-ico svg{width:16px;height:16px}

  /* ============ HOME DESKTOP (Figma 116:9995) ============ */
  .dh{background:#fff}
  .dh-wrap{max-width:1440px;margin:0 auto;padding:32px 80px 40px;
    font-family:"Open Sans",system-ui,sans-serif;color:#1a1a1a;
    display:flex;flex-direction:column;gap:56px}

  .dh-kick{font-family:"Open Sans",system-ui,sans-serif;font-size:14px;font-weight:700;
    color:var(--cat,#73a900);display:inline-flex;align-items:center;line-height:1;
    padding-left:9px;border-left:3px solid var(--cat,#73a900)}
  .dh-kick-on-img{color:#fff;border-left-color:#fff}

  .dh-ad{background:#f9f9f9;border-radius:11px;height:128px;display:flex;align-items:center;justify-content:center;
    font-size:14px;font-weight:500;color:#111}
  .dh-ad-tall{height:190px}

  .dh-sec{display:flex;flex-direction:column;gap:24px}
  .dh-head{display:flex;align-items:center;gap:20px}
  .dh-head h2{font-family:"Source Serif 4",Georgia,serif;font-size:28px;font-weight:600;color:#2a2a2a;margin:0;white-space:nowrap;display:flex;align-items:center;gap:10px}
  .dh-line{flex:1;height:1px;background:#e0e0e0}
  .dh-ml-ico{width:28px;height:28px;stroke:#2a2a2a;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}

  /* HERO */
  .dh-hero{display:grid;grid-template-columns:minmax(0,684fr) minmax(0,548fr);gap:55px}
  .dh-hero-main{position:relative;display:block;border-radius:12px;overflow:hidden;cursor:pointer;text-decoration:none;min-height:457px}
  .dh-hero-img{position:absolute;inset:0;background-size:cover;background-position:center}
  .dh-hero-main::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 35%,rgba(0,0,0,.78) 100%)}
  .dh-hero-cap{position:absolute;left:32px;right:32px;bottom:30px;z-index:2;display:flex;flex-direction:column;gap:14px}
  .dh-hero-cap h2{font-family:"Source Serif 4",Georgia,serif;font-size:34px;line-height:1.12;font-weight:700;color:#fff;margin:0;max-width:92%}
  .dh-hero-rail{display:flex;flex-direction:column;gap:23px}
  .dh-rail{display:flex;gap:24px;text-decoration:none;color:inherit;cursor:pointer;align-items:flex-start}
  .dh-rail-thumb{flex:none;width:97px;height:97px;border-radius:6px;background-size:cover;background-position:center;background-color:#dfe1e6}
  .dh-rail-tx{display:flex;flex-direction:column;gap:8px}
  .dh-rail-tx h3{font-family:"Open Sans",system-ui,sans-serif;font-size:18px;line-height:1.3;font-weight:400;color:#262626;margin:0}

  /* REELS */
  .dh-reels{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
  .dh-reel{text-decoration:none;color:inherit;cursor:pointer;display:flex;flex-direction:column;gap:19px}
  .dh-reel-img{position:relative;aspect-ratio:299/434;border-radius:14px;background-size:cover;background-position:center;background-color:#0b0f14}
  .dh-reel-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.92);color:#002b41;display:flex;align-items:center;justify-content:center}
  .dh-reel-play svg{width:18px;height:18px;fill:currentColor;margin-left:2px}
  .dh-reel h3{font-family:"Open Sans",system-ui,sans-serif;font-size:18px;line-height:1.3;font-weight:400;margin:0;color:#262626;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .dh-sec-reels .dh-head{gap:21px}
  .dh-sec-reels .dh-head h2{font-size:32px;color:#000}

  /* PREVISÃO DO TEMPO */
  .dh-weather{display:grid;grid-template-columns:1.2fr 1.06fr .99fr;gap:29px;align-items:stretch}
  .dh-wcard{background:#f7f6f6;border-radius:13px;padding:24px;display:flex;flex-direction:column;gap:32px;min-height:300px}
  .dh-wcard-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px solid #e3e3e3}
  .dh-wcard-head h3{font-family:"Source Serif 4",Georgia,serif;font-size:20px;font-weight:600;color:#1a1f20;margin:0}
  .dh-wcard-powered{font-size:12px;font-weight:600;color:rgba(101,101,101,.5)}
  .dh-wcard-powwrap{display:inline-flex;align-items:center;gap:8px}
  .dh-wcard-logo{height:20px;width:auto;display:block}
  .dh-wcard-powered b{color:#0aa0d6}
  .dh-wcard-city{display:flex;justify-content:space-between;align-items:center;gap:12px}
  .dh-wcard-cid{font-size:16px;font-weight:600;color:#656565;margin-bottom:6px}
  .dh-wcard-cond{font-family:"Source Serif 4",Georgia,serif;font-size:28px;font-weight:600;color:#1e1e1e}
  .dh-wcard-btn{background:#002a41;color:#fff;border:none;border-radius:32px;padding:11px 20px;font-family:inherit;font-size:15px;font-weight:500;cursor:pointer;white-space:nowrap}
  .dh-wcard-days{display:flex;align-items:center;gap:8px;margin-top:auto}
  .dh-wday{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#656565}
  .dh-wday-ico{width:48px;height:48px;object-fit:contain}
  .dh-wtemp{display:flex;align-items:center;gap:14px;padding-left:8px}
  .dh-wtemp-v{font-size:20px;font-weight:600;color:#656565;display:flex;align-items:baseline;gap:3px}
  .dh-wtemp-v small{font-size:12px}
  .dh-wtemp-sep{width:1px;height:52px;background:#dcdcdc}
  .dh-wpromo,.dh-wlive{position:relative;border-radius:12px;overflow:hidden;background-size:cover;background-position:center;cursor:pointer;text-decoration:none;min-height:300px;display:block;background-color:#12303a}
  .dh-wpromo::after,.dh-wlive::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.28)}
  .dh-wpromo-tx{position:absolute;left:20px;top:24px;z-index:2;color:#fff}
  .dh-wpromo-tx h3{font-family:"Source Serif 4",Georgia,serif;font-size:28px;line-height:1.1;font-weight:600;margin:0 0 8px;max-width:200px}
  .dh-wpromo-tx span{font-size:15px;font-weight:600}
  .dh-wpromo-pill{position:absolute;right:20px;top:24px;z-index:2;background:#fff;color:#111;border-radius:32px;padding:9px 16px;font-size:15px;font-weight:500}
  .dh-badge-live{position:absolute;top:16px;right:16px;z-index:2;background:#de0000;color:#fff;border-radius:5px;padding:5px 10px;font-size:14px;font-weight:700;letter-spacing:.5px}
  .dh-wlive{border-radius:9px}
  .dh-reel-play-lg{width:56px;height:56px}
  .dh-reel-play-lg svg{width:22px;height:22px}

  /* COTAÇÕES + MAIS LIDAS */
  .dh-cotband{display:grid;grid-template-columns:minmax(0,874px) minmax(0,365px);gap:28px;align-items:stretch}
  .dh-cotmain{display:flex;flex-direction:column;gap:24px}
  .dh-cotgrid{display:grid;grid-template-columns:minmax(0,1.26fr) minmax(0,1fr);gap:22px;align-items:stretch}
  .dh-cotlist{display:flex;flex-direction:column;gap:8px}
  .dh-cotcard{background:#f6f6f6;border-radius:12px;padding:24px 16px;display:flex;justify-content:space-between;align-items:center;gap:10px;cursor:pointer}
  .dh-cotcard-l{display:flex;align-items:center;gap:12px}
  .dh-cotcard-ico{width:40px;height:40px;object-fit:contain;flex:none}
  .dh-cotcard-nome{font-family:"Source Serif 4",Georgia,serif;font-size:20px;font-weight:600;color:#000}
  .dh-cotcard-sub{font-size:12px;font-weight:600;color:#979797;margin-top:2px}
  .dh-cotcard-r{font-family:"Source Serif 4",Georgia,serif;font-size:20px;font-weight:600;white-space:nowrap;display:flex;align-items:center;gap:6px}
  .dh-cotcard-r.up{color:#537706}
  .dh-cotcard-r.down{color:#c4170c}
  .dh-cotfoot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:6px}
  .dh-pill{background:#fff;border:1px solid #ededed;border-radius:32px;padding:10px 18px;font-family:inherit;font-size:15px;font-weight:500;color:#111;cursor:pointer}
  .dh-pill-full{width:100%;margin-top:auto}
  .dh-cotdots{display:flex;gap:6px}
  .dh-cotdots i{width:6px;height:6px;border-radius:50%;background:#d3d3d3}
  .dh-cotdots i.on{background:#002b41}
  .dh-cotside{display:flex;flex-direction:column;gap:19px}
  .dh-cotgrid>.dh-cotside{height:100%}
  .dh-cotpromo{position:relative;flex:1;min-height:280px;border-radius:9px;overflow:hidden;background-size:cover;background-position:center;text-decoration:none;cursor:pointer;background-color:#12303a}
  .dh-cotpromo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(0,0,0,.72) 100%)}
  .dh-cotpromo-tx{position:absolute;left:22px;right:22px;bottom:22px;z-index:2;display:flex;flex-direction:column;gap:12px}
  .dh-cotpromo-tx h3{font-family:"Source Serif 4",Georgia,serif;font-size:32px;line-height:1.05;font-weight:600;color:#fff;margin:0}

  /* MAIS LIDAS */
  .dh-maislidas{display:flex;flex-direction:column;gap:24px;height:100%}
  .dh-ml-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;flex:1;justify-content:space-between}
  .dh-ml-item{display:flex;gap:30px;align-items:flex-start;padding:20px 0;border-bottom:1px solid #e0e0e0;cursor:pointer}
  .dh-ml-item:first-child{padding-top:0}
  .dh-ml-item:last-child{border-bottom:none}
  .dh-ml-num{font-family:"Source Serif 4",Georgia,serif;font-size:40px;font-weight:600;color:#004769;line-height:1;flex:none;min-width:36px}
  .dh-ml-item p{font-size:18px;line-height:1.4;color:#111;margin:0}

  /* COLUNISTAS */
  .dh-colun-wrap{position:relative}
  .dh-colunistas{display:flex;gap:34px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;scroll-behavior:smooth}
  .dh-colunistas::-webkit-scrollbar{display:none}
  .dh-colun-next{position:absolute;top:41px;right:0;transform:translateY(-50%);z-index:4;width:48px;height:48px;border-radius:50%;border:1px solid #e0e2e6;background:#fff;box-shadow:0 4px 14px rgba(0,0,0,.14);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,box-shadow .15s}
  .dh-colun-next:hover{background:#f5f6f8;box-shadow:0 6px 18px rgba(0,0,0,.2)}
  .dh-colun-next svg{width:22px;height:22px;fill:none;stroke:var(--azul-escuro,#012b40);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
  .dh-colun{flex:none;width:112px;display:flex;flex-direction:column;align-items:center;gap:12px;text-decoration:none;color:inherit;cursor:pointer}
  .dh-colun-foto{width:82px;height:82px;border-radius:50%;background-size:cover;background-position:center;background-color:#dfe1e6}
  .dh-colun-nome{font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#1a1a1a;text-align:center;line-height:1.2}

  /* EDITORIA (Agronegócio / Economia) */
  .dh-ed-grid{display:grid;grid-template-columns:minmax(0,695px) minmax(0,548px);gap:40px;align-items:start}
  .dh-ed-mirror{grid-template-columns:minmax(0,548px) minmax(0,695px)}
  .dh-ed-feats{display:flex;flex-direction:column;gap:24px}
  .dh-ed-feats-row{display:grid;grid-template-columns:1fr 1fr;gap:40px}
  .dh-ed-feat{text-decoration:none;color:inherit;cursor:pointer;display:flex;flex-direction:column;gap:18px}
  .dh-ed-feat-img{width:100%;aspect-ratio:3/4;max-height:457px;border-radius:12px;background-size:cover;background-position:center;background-color:#dfe1e6}
  .dh-ed-feat h3{font-family:"Source Serif 4",Georgia,serif;font-size:26px;line-height:1.25;font-weight:600;color:#000;margin:0}
  .dh-ed-list{display:flex;flex-direction:column;gap:22px}
  .dh-ed-item{display:flex;gap:24px;align-items:flex-start;text-decoration:none;color:inherit;cursor:pointer}
  .dh-ed-item-thumb{flex:none;width:97px;height:97px;border-radius:6px;background-size:cover;background-position:center;background-color:#dfe1e6}
  .dh-ed-item-tx{display:flex;flex-direction:column;gap:16px}
  .dh-ed-item-tx h3{font-family:"Open Sans",system-ui,sans-serif;font-size:18px;line-height:1.3;font-weight:400;color:#262626;margin:0}

  /* PROGRAMAS (estilo UOL: régua + logo + card destaque arredondado) */
  .dh-programas{display:grid;grid-template-columns:repeat(3,1fr);gap:72px 48px}
  .dh-prog{display:flex;flex-direction:column;border-top:3px solid var(--bc);padding-top:28px}
  .dh-prog-brand{display:flex;align-items:center;justify-content:center;height:56px;margin-bottom:32px}
  .dh-prog-logo{height:48px;width:auto;max-width:220px;object-fit:contain;object-position:center}
  .dh-prog-hero{display:block;text-decoration:none;color:inherit;cursor:pointer;border-radius:14px;overflow:hidden;box-shadow:0 1px 3px rgba(12,37,29,.06),0 10px 30px rgba(12,37,29,.07);transition:transform .18s ease,box-shadow .18s ease}
  .dh-prog-hero:hover{transform:translateY(-3px);box-shadow:0 2px 6px rgba(12,37,29,.08),0 16px 40px rgba(12,37,29,.12)}
  .dh-prog-hero-img{width:100%;aspect-ratio:16/10;background-size:cover;background-position:center;background-color:#dfe1e6}
  .dh-prog-hero-cap{background:var(--bc);padding:22px 24px 26px}
  .dh-prog-hero-cap h3{font-family:"Source Serif 4",Georgia,serif;font-size:20px;line-height:1.32;font-weight:400;color:#fff;margin:0}
  .dh-prog-rows{display:flex;flex-direction:column;margin-top:28px}
  .dh-prog-row{display:flex;gap:20px;align-items:center;text-decoration:none;color:inherit;cursor:pointer;padding:22px 0;border-top:1px solid #ececec}
  .dh-prog-row:first-child{border-top:none;padding-top:0}
  .dh-prog-rthumb{flex:none;width:104px;height:78px;border-radius:10px;background-size:cover;background-position:center;background-color:#dfe1e6}
  .dh-prog-row h4{font-family:"Open Sans",system-ui,sans-serif;font-size:20px;line-height:1.32;font-weight:400;color:#1a1a1a;margin:0}
  .dh-prog-row:hover h4{color:var(--bc)}

  /* FOOTER */
  .dh-footer{background:#051120;color:#fff;font-family:"Open Sans",system-ui,sans-serif}
  .dh-footer-inner{max-width:1440px;margin:0 auto;padding:64px 75px 40px}
  .dh-footer-top{display:flex;justify-content:space-between;gap:56px;flex-wrap:wrap}
  .dh-foot-brand{width:300px;display:flex;flex-direction:column;gap:22px}
  .dh-foot-brand img{width:180px;height:auto}
  .dh-foot-brand p{font-size:14px;line-height:1.6;color:rgba(255,255,255,.65);margin:0}
  .dh-foot-social{display:flex;gap:12px}
  .dh-foot-soc{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.2);
    display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.8);cursor:pointer;transition:background .15s,border-color .15s,color .15s}
  .dh-foot-soc svg{width:17px;height:17px}
  .dh-foot-soc:hover{background:#73a900;border-color:#73a900;color:#fff}
  .dh-foot-cols{display:flex;gap:56px;flex-wrap:wrap;flex:1;justify-content:space-between}
  .dh-foot-col{display:flex;flex-direction:column;gap:14px;align-content:start}
  .dh-foot-col h4{font-size:15px;font-weight:700;color:#fff;margin:0 0 2px}
  .dh-foot-col a{font-size:13.5px;color:rgba(255,255,255,.62);text-decoration:none;cursor:pointer;line-height:1.2}
  .dh-foot-col a:hover{color:#8fce2a}
  .dh-foot-colstack{display:flex;flex-direction:column;gap:28px}
  /* Network */
  .dh-foot-network{margin-top:56px;padding-top:36px;border-top:1px solid rgba(255,255,255,.12);
    display:flex;flex-direction:column;align-items:center;gap:26px}
  .dh-foot-net-brand{height:22px;width:auto;filter:brightness(0) invert(1);opacity:.92}
  .dh-foot-net-carousel{display:flex;align-items:center;gap:18px;width:100%}
  .dh-foot-net-btn{flex:none;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.22);
    background:transparent;color:#8fce2a;display:flex;align-items:center;justify-content:center;cursor:pointer;
    padding:0;transition:background .15s,opacity .15s}
  .dh-foot-net-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
  .dh-foot-net-btn:hover{background:rgba(255,255,255,.08)}
  .dh-foot-network.net-start [data-net-prev],.dh-foot-network.net-end [data-net-next]{opacity:.3;pointer-events:none}
  .dh-foot-net-viewport{flex:1;overflow:hidden}
  .dh-foot-net-track{display:flex;align-items:center;justify-content:space-around;gap:44px;
    transition:transform .42s cubic-bezier(.4,0,.2,1);will-change:transform}
  .dh-foot-net-logo{flex:none;display:flex;align-items:center;justify-content:center;height:34px}
  .dh-foot-net-logo img{max-height:30px;width:auto;max-width:140px;
    filter:brightness(0) invert(1);opacity:.55;transition:opacity .2s,filter .2s}
  .dh-foot-net-logo:hover img{filter:none;opacity:1}
  .dh-footer-base{margin-top:40px;padding-top:26px;border-top:1px solid rgba(255,255,255,.1);
    display:flex;align-items:center;gap:28px;font-size:13px;color:rgba(255,255,255,.5)}
  .dh-footer-base a{color:rgba(255,255,255,.7);text-decoration:none;cursor:pointer}
  .dh-footer-base a:hover{color:#fff;text-decoration:underline}

  /* ============ SINGLE (matéria) desktop · Figma 152:2895 ============ */
  body.is-desktop .single{background:#fff;min-height:100dvh}
  .single{font-family:"Open Sans",system-ui,sans-serif}
  .sg{max-width:664px;margin:0 auto;padding:40px 20px 72px;color:#1f2123}
  .sg-col{display:flex;flex-direction:column}

  .sg-head{display:flex;flex-direction:column;gap:16px;margin-bottom:34px}
  .sg-head h1{font-family:"Source Serif 4",Georgia,serif;font-size:42px;line-height:1.08;font-weight:600;color:#012b40;margin:0;letter-spacing:-.5px;text-wrap:balance}
  .sg-deck{font-size:15px;line-height:22px;color:#4f5257;margin:0;letter-spacing:-.15px}
  .sg-byline{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;margin-top:12px}
  .sg-authorchip{display:inline-flex;align-items:center;gap:9px;background:#f2f3f5;border-radius:999px;padding:5px 16px 5px 5px;cursor:pointer;transition:background .15s}
  .sg-authorchip:hover{background:#e7ebef}
  .sg-authorchip-av{width:30px;height:30px;border-radius:50%;background-size:cover;background-position:center;background-color:#dfe1e6;flex:none}
  .sg-authorchip b{font-family:"Open Sans",system-ui,sans-serif;font-size:14px;font-weight:700;color:#012b41}
  .sg-time{display:flex;align-items:center;gap:10px;font-size:12px;color:#8a9096}
  .sg-dot{width:4px;height:4px;border-radius:50%;background:#c2c6cc;flex:none}

  .sg-share{display:flex;gap:12px;margin-bottom:34px}
  .sg-share-btn{flex:1;height:44px;background:#f5f6f7;border:none;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#012b40}
  .sg-share-btn svg{width:22px;height:22px}
  .sg-share-btn:hover{background:#e9ebee}

  /* Player de áudio (igual mobile) */
  .sg-audio{display:flex;align-items:center;gap:14px;border:1px solid #eceef0;border-radius:14px;padding:14px 18px;margin:6px 0 34px}
  .sg-play{flex:none;width:46px;height:46px;border-radius:50%;background:rgba(54,168,0,.16);color:var(--verde,#37a800);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .15s}
  .sg-play:hover{background:rgba(54,168,0,.26)}
  .sg-play svg{width:18px;height:18px;fill:currentColor}
  .sg-play .ic-play{margin-left:2px}
  .sg-play .ic-pause{display:none;margin-left:0}
  .sg-audio.playing .ic-play{display:none}
  .sg-audio.playing .ic-pause{display:block}
  .sg-wave{flex:1;min-width:0;height:34px;display:flex;align-items:center;justify-content:space-between;gap:0}
  .sg-wave span{flex:0 0 3.5px;width:3.5px;background:#e0e0e0;border-radius:2px;display:block}
  .sg-wave span:nth-child(-n+20){background:var(--verde,#37a800)}
  .sg-dur{flex:none;font-size:14px;font-weight:600;color:#8a9096}

  .sg-hero{margin:0 0 34px;display:flex;flex-direction:column;gap:17px}
  .sg-hero-img{width:100%;aspect-ratio:653/362;border-radius:14px;background-size:cover;background-position:center;background-color:#dfe1e6}
  .sg-hero figcaption{font-size:12px;line-height:16px;color:#616161;margin:0}

  .sg-body{display:flex;flex-direction:column;gap:34px}
  .sg-body p{font-size:18px;line-height:28px;color:#1f2123;margin:0;letter-spacing:-.27px}
  .sg-body h2{font-family:"Source Serif 4",Georgia,serif;font-size:30px;line-height:1.15;font-weight:600;color:#1f2123;margin:0;letter-spacing:-.72px}
  .sg-quote{margin:0;padding:26px 20px;border-top:1px solid #ced1d7;border-bottom:1px solid #ced1d7;position:relative;font-size:20px;line-height:28px;font-weight:700;color:#1f2123;letter-spacing:-.5px}
  .sg-quote::before{content:"";position:absolute;top:-2px;left:0;width:120px;height:4px;background:#004769}
  .sg-inline-cta{display:block;font-size:18px;font-weight:700;color:#012b40;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px;cursor:pointer}
  .sg-inline-cta:hover{color:#004769}

  .sg-related{gap:0}
  .sg-sectitle{font-family:"Source Serif 4",Georgia,serif;font-size:24px;font-weight:600;color:#1f2123;margin:0 0 24px}
  .sg-sectitle-top{margin-top:56px}
  .sg-videos{display:flex;gap:16px;padding-bottom:2px}
  .sg-videos .dh-reel{flex:none;width:200px}
  /* ===== Carrossel reutilizável (crsl) ===== */
  .crsl{margin-bottom:0}
  .sg-vidcrsl{margin:56px 0 80px}
  .crsl-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
  .crsl-head .sg-sectitle{margin:0}
  .crsl-viewport{overflow:hidden;width:100%}
  .crsl-track{display:flex;gap:16px;transition:transform .42s cubic-bezier(.4,0,.2,1);will-change:transform}
  .crsl-nav{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:20px}
  .crsl-head .crsl-nav{margin-top:0;gap:12px}
  .crsl-head .crsl-btn{width:36px;height:36px}
  .crsl-btn{width:40px;height:40px;border-radius:50%;border:1px solid #e0e2e6;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#012b41;padding:0;transition:background .15s,box-shadow .15s}
  .crsl-btn:hover{background:#f5f6f7;box-shadow:0 4px 14px rgba(0,0,0,.12)}
  .crsl-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
  .crsl.at-start [data-crsl-prev],.crsl.at-end [data-crsl-next]{opacity:.4;pointer-events:none}
  .crsl-dots{display:flex;align-items:center;gap:7px}
  .crsl-dots i{width:7px;height:7px;border-radius:50%;background:#d9dde1;cursor:pointer;display:block;transition:background .15s,transform .15s}
  .crsl-dots i:hover{transform:scale(1.2)}
  .crsl-dots i.on{background:#012b41}
  .sg-recs{display:flex;flex-direction:column;gap:22px;margin-bottom:48px}
  /* Notícias recomendadas — lista estilo categoria */
  .sg-reclist{display:flex;flex-direction:column}
  .sg-recrow{display:flex;gap:28px;align-items:flex-start;padding:24px 0;border-bottom:1px solid #f2f2f2;text-decoration:none}
  .sg-recrow:first-child{padding-top:0}
  .sg-recrow-img{flex:0 0 260px;width:260px;aspect-ratio:305/215;border-radius:12px;background-size:cover;background-position:center;background-color:#dfe1e6}
  .sg-recrow-body{display:flex;flex-direction:column;gap:8px;min-width:0}
  .sg-recrow-title{font-family:"Source Serif 4",Georgia,serif;font-size:24px;font-weight:700;color:#002b41;line-height:1.2}
  .sg-recrow:hover .sg-recrow-title{color:#73a900}
  .sg-recrow-desc{font-family:"Open Sans",system-ui,sans-serif;font-size:16px;color:#555;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .sg-reclist:not(.expanded) .sg-recrow:nth-child(n+7){display:none}
  .sg-recmore{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:28px;background:#f2f3f5;border:1px solid #dfe3e8;border-radius:10px;padding:13px 24px;font-family:"Open Sans",system-ui,sans-serif;font-size:15px;font-weight:700;color:#012b41;cursor:pointer;transition:background .15s}
  .sg-recmore:hover{background:#e7ebef}
  .sg-rec{display:flex;gap:20px;align-items:center;text-decoration:none;color:inherit;cursor:pointer}
  .sg-rec-thumb{flex:none;width:97px;height:97px;border-radius:8px;background-size:cover;background-position:center;background-color:#dfe1e6}
  .sg-rec-tx{display:flex;flex-direction:column;gap:10px}
  .sg-rec-tx h4{font-family:"Open Sans",system-ui,sans-serif;font-size:18px;line-height:1.3;font-weight:400;color:#262626;margin:0}

  .sg-cot{margin-bottom:48px}
  .sg-cot-list{border:1px solid #ececec;border-radius:14px;overflow:hidden;margin-bottom:16px}
  .sg-cot-row{display:flex;align-items:center;gap:12px;padding:20px 16px;border-bottom:1px solid #f0f0f0}
  .sg-cot-row:last-child{border-bottom:none}
  .sg-cot-ico{width:40px;height:40px;object-fit:contain;flex:none}
  .sg-cot-info{flex:1;min-width:0}
  .sg-cot-nome{font-family:"Source Serif 4",Georgia,serif;font-size:20px;font-weight:600;color:#000}
  .sg-cot-sub{font-size:12px;font-weight:600;color:#979797;margin-top:2px}
  .sg-cot-val{font-family:"Source Serif 4",Georgia,serif;font-size:20px;font-weight:600;white-space:nowrap;display:flex;align-items:center;gap:6px}
  .sg-cot-val.up{color:#537706}
  .sg-cot-val.down{color:#c4170c}

  .sg-clima{border:1px solid #ececec;border-radius:14px;padding:24px;background:#f7f6f6}
  .sg-clima-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px solid #e3e3e3;margin-bottom:22px}
  .sg-clima-head h3{font-family:"Source Serif 4",Georgia,serif;font-size:20px;font-weight:600;color:#1a1f20;margin:0}
  .sg-clima-city{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px}

  /* Single — layout 3 colunas (aprendizado UOL) */
  .sg{max-width:1440px;padding:40px 75px 72px}
  .sg-grid{display:grid;grid-template-columns:minmax(0,240px) minmax(0,760px);gap:48px;align-items:stretch;justify-content:start}
  .sg-main{min-width:0}
  .sg-rail{min-width:0}
  .sg-railbox,.sg-railsticky{position:sticky;top:150px}
  .sg-railsticky{display:flex;flex-direction:column;gap:24px}
  .sg-rail-left .dh-head-side{margin-bottom:18px}
  .sg-ml .dh-ml-item{padding:14px 0;gap:16px}
  .sg-ml .dh-ml-item:first-child{padding-top:0}
  .sg-ml .dh-ml-num{font-size:26px;min-width:22px}
  .sg-ml .dh-ml-item p{font-size:15px;line-height:1.35}
  .sg-ad{height:600px;background:#f9f9f9;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;color:#111}
  .sg-kicker{display:inline-block;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#37a800;text-decoration:none;cursor:pointer;margin-bottom:2px}
  .sg-kicker:hover{text-decoration:underline}
  .sg-videos .dh-reel{width:180px}
  /* right-rail widgets já não precisam de margin-bottom grande */
  .sg-rail-right .sg-cot,.sg-rail-right .sg-clima{margin-bottom:0}

  @media (max-width:1180px){
    .sg{max-width:704px;padding:40px 20px 72px}
    .sg-grid{grid-template-columns:minmax(0,1fr)}
    .sg-rail-left{display:none}
    .sg-railbox,.sg-railsticky{position:static}
    .sg-rail-right .sg-ad{display:none}
    .sg-railsticky{gap:32px;margin-top:16px}
  }

  /* Mais lidas (rail esquerdo) — versão discreta */
  .sg-rail-left .dh-head-side{margin-bottom:14px}
  .sg-rail-left .dh-head-side h2{font-family:"Open Sans",system-ui,sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#4f5257;gap:8px}
  .sg-rail-left .dh-ml-ico{width:18px;height:18px;stroke:#9aa0a6}
  .sg-ml .dh-ml-item{padding:12px 0;gap:14px;border-color:#eef0f2}
  .sg-ml .dh-ml-num{font-family:"Open Sans",system-ui,sans-serif;font-size:15px;font-weight:700;color:#b3b8be;min-width:16px}
  .sg-ml .dh-ml-item p{font-size:14px;line-height:1.35;color:#4f5257}
  .sg-ml .dh-ml-item:hover p{color:#012b40}

  /* Rail esquerdo — Recomendações (2 notícias + clima + cotação) */
  .sg-rail-h{font-family:"Open Sans",system-ui,sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#4f5257;margin:0 0 18px}
  .sg-recos{display:flex;flex-direction:column;gap:22px}
  .sg-reco{display:block;text-decoration:none;color:inherit;cursor:pointer}
  .sg-reco-img{width:100%;aspect-ratio:16/10;border-radius:8px;background-size:cover;background-position:center;background-color:#dfe1e6;margin-bottom:10px}
  .sg-reco .dh-kick{font-size:12px}
  .sg-reco h4{font-family:"Open Sans",system-ui,sans-serif;font-size:15px;line-height:1.35;font-weight:600;color:#1f2123;margin:8px 0 0}
  .sg-reco:hover h4{color:#004769}
  .sg-reco-card{display:block;border:1px solid #e6e8ea;border-radius:12px;padding:16px;text-decoration:none;color:inherit;cursor:pointer;background:#fafbfb}
  .sg-reco-card:hover{border-color:#cfd4d9}
  .sg-reco-ch{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
  .sg-reco-tag{font-family:"Open Sans",system-ui,sans-serif;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#9aa0a6}
  .sg-reco-ico{width:34px;height:34px;object-fit:contain}
  .sg-reco-city{font-size:12px;font-weight:600;color:#8a9096}
  .sg-reco-cond{font-family:"Source Serif 4",Georgia,serif;font-size:18px;font-weight:600;color:#1f2123;margin-top:2px}
  .sg-reco-cot{display:flex;align-items:center;gap:10px}
  .sg-reco-coti{width:34px;height:34px;object-fit:contain;flex:none}
  .sg-reco-cotn{flex:1;font-family:"Source Serif 4",Georgia,serif;font-size:18px;font-weight:600;color:#000}
  .sg-reco-cot .sg-cot-val{font-size:16px}

  /* ================= CATEGORIA desktop — Figma 163:7448 ================= */
  .categoria{background:#feffff}
  .ct{max-width:1440px;margin:0 auto}
  .ct-hero{padding:48px 80px 12px;display:flex;flex-direction:column;gap:12px}
  .ct-crumb{display:flex;align-items:center;gap:8px;font-family:"Open Sans",system-ui,sans-serif;font-size:12px;color:#002a41}
  .ct-crumb a{color:#002a41;text-decoration:none;cursor:pointer}
  .ct-crumb a:hover{text-decoration:underline}
  .ct-crumb svg{width:12px;height:12px;fill:none;stroke:#002a41;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  .ct-crumb span{font-weight:700}
  .ct-hero h1{font-family:"Source Serif 4",Georgia,serif;font-size:48px;font-weight:700;color:#002a41;margin:0;line-height:1.05}
  .ct-sub{font-family:"Open Sans",system-ui,sans-serif;font-size:16px;color:#4f5257;margin:0}

  .ct-tag{display:inline-flex;align-items:center;gap:4px;font-family:"Open Sans",system-ui,sans-serif;font-weight:700;font-size:14px;color:#73a900;line-height:1}
  .ct-tag i{width:2px;height:20px;background:#73a900;border-radius:2px 0 0 2px;display:block}
  .ct-tag.is-light{color:#fff}
  .ct-tag.is-light i{background:#fff}

  .ct-main{padding:0 80px 32px;display:flex;gap:48px;align-items:stretch}
  .ct-feat{position:relative;flex:0 0 684px;height:457px;border-radius:12px;overflow:hidden;background-size:cover;background-position:center;text-decoration:none;display:flex;align-items:flex-end}
  .ct-feat-body{display:flex;flex-direction:column;gap:16px;padding:0 33px 57px;width:618px}
  .ct-feat-body h2{font-family:"Source Serif 4",Georgia,serif;font-size:32px;font-weight:600;color:#fff;margin:0;line-height:1.15}
  .ct-feat:hover h2{text-decoration:underline}
  .ct-side{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:23px}
  .ct-scard{display:flex;gap:24px;align-items:center;text-decoration:none}
  .ct-scard-img{flex:0 0 97px;width:97px;height:97px;border-radius:6px;background-size:cover;background-position:center;background-color:#dfe1e6}
  .ct-scard-body{display:flex;flex-direction:column;gap:16px;min-width:0}
  .ct-scard-title{font-family:"Source Serif 4",Georgia,serif;font-size:20px;font-weight:600;color:#262626;line-height:1.2}
  .ct-scard:hover .ct-scard-title{color:#012b40}

  .ct-reels-head{padding:16px 80px 0;display:flex;align-items:center;gap:16px}
  .ct-bar{width:4px;height:24px;background:#73a900;border-radius:2px 0 0 2px;flex:none}
  .ct-reels-head h2{font-family:"Source Serif 4",Georgia,serif;font-size:24px;font-weight:600;color:#19191c;margin:0}
  .ct-reels{padding:16px 80px 0;display:grid;grid-template-columns:repeat(5,1fr);gap:26px}
  .ct-reel{text-decoration:none;display:flex;flex-direction:column;gap:15px}
  .ct-reel-img{width:100%;aspect-ratio:235/342;border-radius:11px;background-size:cover;background-position:center;background-color:#dfe1e6}
  .ct-reel-title{font-family:"Open Sans",system-ui,sans-serif;font-size:16px;font-weight:600;color:#6c6c6c;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .ct-reel:hover .ct-reel-title{color:#19191c}

  .ct-list{max-width:944px;padding:48px 80px 0;display:flex;flex-direction:column;gap:27px}
  .ct-item{display:flex;gap:35px;align-items:flex-start;padding-bottom:27px;border-bottom:1px solid #f2f2f2;text-decoration:none}
  .ct-item-img{flex:0 0 305px;width:305px;height:215px;border-radius:12px;background-size:cover;background-position:center;background-color:#dfe1e6}
  .ct-item-body{display:flex;flex-direction:column;gap:8px;min-width:0}
  .ct-item-title{font-family:"Source Serif 4",Georgia,serif;font-size:24px;font-weight:700;color:#002b41;line-height:1.2}
  .ct-item:hover .ct-item-title{color:#73a900}
  .ct-item-desc{font-family:"Open Sans",system-ui,sans-serif;font-size:16px;color:#555;line-height:24px;letter-spacing:-.32px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

  .ct-pag{display:flex;align-items:center;justify-content:center;gap:8px;padding:48px 80px 64px}
  .ct-pag-item{width:40px;height:40px;border-radius:8px;border:1px solid #d1d9de;background:#f5f6f7;color:#002b41;font-family:"Open Sans",system-ui,sans-serif;font-weight:500;font-size:14px;cursor:pointer}
  .ct-pag-item.is-active{background:#002b41;border-color:#002b41;color:#fff}
  .ct-pag-nav{height:40px;padding:0 16px;border-radius:8px;border:1px solid #d1d9de;background:#f5f6f7;color:#002b41;font-family:"Open Sans",system-ui,sans-serif;font-size:14px;font-weight:500;cursor:pointer}
  .ct-pag-dots{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#8c99a1;font-size:14px}
  .ct-pag-item:hover,.ct-pag-nav:hover{background:#e9edf0}

  @media (max-width:1180px){
    .ct-hero,.ct-main,.ct-reels-head,.ct-reels,.ct-list,.ct-pag{padding-left:40px;padding-right:40px}
    .ct-main{flex-direction:column;gap:28px}
    .ct-feat{flex:none;width:100%}
    .ct-reels{grid-template-columns:repeat(3,1fr)}
    .ct-list{max-width:none}
  }
  @media (max-width:720px){
    .ct-reels{grid-template-columns:repeat(2,1fr)}
    .ct-item{flex-direction:column;gap:14px}
    .ct-item-img{width:100%;flex:none;height:200px}
  }

  /* ================= COTAÇÕES widget — Figma 187:8609 ================= */
  .cotw{display:flex;flex-direction:column;gap:8px}
  /* Cotações na home mobile — carrossel, nav no topo, mais compacto */
  .h-cotw{display:flex;flex-direction:column;gap:0}
  .h-cotw-head{display:flex;align-items:center;justify-content:space-between;margin:0 4px 12px}
  .h-cotw .cotw-nav,.h-reelsw .cotw-nav{gap:10px}
  .h-cotw .cotw-navbtn,.h-reelsw .cotw-navbtn{width:34px;height:34px}
  /* Reels como carrossel (mesmo motor do cotw) */
  .h-reelsw{display:flex;flex-direction:column;gap:0}
  .h-reelsw .cotw-page{flex-direction:row;gap:10px}
  .h-reelsw .h-reel{flex:1 1 0;aspect-ratio:9/16}
  .h-cotw .cotw-viewport{overflow:hidden}
  .h-cotw .cotw-page{gap:8px}
  .h-cotw .cotw-row{background:#f6f6f6;border-radius:12px;padding:14px;gap:12px}
  .h-cotw .cotw-ico{width:30px;height:30px}
  .h-cotw .cotw-l1{font-size:15px}
  .h-cotw .cotw-l2{font-size:11px}
  .h-cotw .cotw-val{font-size:16px;gap:6px}
  .h-cotw .cotw-arw{width:15px;height:15px}
  .cotw-viewport{overflow:hidden;width:100%}
  .cotw-track{display:flex;transition:transform .42s cubic-bezier(.4,0,.2,1);will-change:transform}
  .cotw-page{flex:0 0 100%;min-width:100%;display:flex;flex-direction:column;gap:8px}
  .cotw-row{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#f6f6f6;border-radius:12px;padding:22px 16px;cursor:pointer;transition:background .15s}
  .cotw-row:hover{background:#eef0ee}
  .cotw-ico{flex:none;width:40px;height:40px;background-size:contain;background-repeat:no-repeat;background-position:center}
  .cotw-info{display:flex;flex-direction:column;gap:7px;min-width:0;flex:1}
  .cotw-l1{display:flex;align-items:center;gap:7px;font-family:"Source Serif 4",Georgia,serif;font-size:20px;font-weight:600;color:#000;line-height:1;white-space:nowrap}
  .cotw-l1 .cotw-tipo{color:#000}
  .cotw-dot{width:3px;height:3px;border-radius:50%;background:currentColor;flex:none;opacity:.85}
  .cotw-l2{display:flex;align-items:center;gap:7px;font-family:"Open Sans",system-ui,sans-serif;font-size:12px;font-weight:600;color:#979797;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .cotw-l2 .cotw-dot{opacity:.7}
  .cotw-val{display:flex;align-items:center;gap:8px;font-family:"Source Serif 4",Georgia,serif;font-size:20px;font-weight:600;white-space:nowrap;flex:none}
  .cotw-val.up{color:#537706}
  .cotw-val.down{color:#c4170c}
  .cotw-arw{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

  .cotw-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 12px 2px}
  .cotw-all{background:none;border:none;padding:0;cursor:pointer;font-family:"Open Sans",system-ui,sans-serif;font-size:15px;font-weight:500;color:#002b41}
  .cotw-all:hover{text-decoration:underline}
  .cotw-nav{display:flex;align-items:center;gap:14px}
  .cotw-navbtn{width:38px;height:38px;border-radius:50%;border:1px solid #ededed;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex:none;transition:background .15s,box-shadow .15s}
  .cotw-navbtn:hover{background:#f5f6f7;box-shadow:0 2px 8px rgba(0,0,0,.08)}
  .cotw-navbtn svg{width:16px;height:16px;fill:none;stroke:#002b41;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
  .cotw-dots{display:flex;align-items:center;gap:4.5px}
  .cotw-dots i{width:6px;height:6px;border-radius:50%;background:#d9d9d9;display:block;cursor:pointer;transition:background .15s,transform .15s}
  .cotw-dots i:hover{transform:scale(1.25)}
  .cotw-dots i.on{background:#002b41}

  /* single: sem borda antiga, usa cards do novo widget */
  .sg-cot.cotw{margin-bottom:48px}

  /* ================= BUSCA — Drawer no desktop ================= */
  body.busca-lock{overflow:hidden!important}
  body.is-desktop .busca-modal{position:fixed;left:0;right:0;top:0;bottom:auto;height:100vh;z-index:9999}
  body.is-desktop .busca-backdrop{position:absolute;inset:0;background:rgba(4,18,26,.5);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
  body.is-desktop .busca-sheet{
    position:absolute;left:0;right:0;bottom:0;top:auto;margin-inline:auto;
    width:min(940px,94vw);max-width:none;height:min(1040px,96vh);
    border-radius:20px 20px 0 0;padding:48px 64px 30px;
    transform:translateY(100%);
    transition:transform .4s cubic-bezier(.22,.7,.3,1);
    box-shadow:0 -20px 70px rgba(0,0,0,.28)}
  body.is-desktop .busca-modal.aberto .busca-sheet{transform:translateY(0)}
  /* alça (handle) estilo shadcn/vaul */
  body.is-desktop .busca-sheet::before{content:"";position:absolute;top:12px;left:50%;transform:translateX(-50%);width:52px;height:5px;border-radius:3px;background:#e2e2e2}
  body.is-desktop .busca-close{top:18px;right:22px;width:38px;height:38px}
  body.is-desktop .busca-close svg{width:19px;height:19px}
  body.is-desktop .busca-hero{gap:26px}
  body.is-desktop .busca-orb{width:104px;height:104px}
  body.is-desktop .busca-titulo{font-size:28px}
  body.is-desktop .busca-chips{grid-template-columns:1fr;gap:12px}
  body.is-desktop .busca-chip{font-size:15px;padding:14px 16px;border-radius:14px}
  body.is-desktop .busca-chip:hover{background:#e7efe0}
  body.is-desktop .busca-barra{border-radius:30px;padding:8px 8px 8px 20px}
  body.is-desktop .busca-barra input{font-size:16px;padding:12px 0}
  body.is-desktop .busca-send{width:40px;height:40px}
  /* resultados no estilo da lista de categoria (ct-item) */
  body.is-desktop .res-cards{width:100%;flex-direction:column;flex-wrap:nowrap;gap:0;overflow:visible}
  body.is-desktop .res-card{flex:0 0 auto;width:100%;flex-direction:row;align-items:flex-start;gap:28px;
    text-align:left;padding:0 0 24px;margin-bottom:24px;border-bottom:1px solid #f2f2f2}
  body.is-desktop .res-card:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}
  body.is-desktop .res-card .thumb{flex:0 0 260px;width:260px;aspect-ratio:305/215;height:auto;border-radius:12px}
  body.is-desktop .res-card-body{display:flex;flex-direction:column;gap:8px;min-width:0;flex:1}
  body.is-desktop .res-card .nome{font-family:"Source Serif 4",Georgia,serif;font-size:22px;font-weight:700;color:#002b41;line-height:1.2;-webkit-line-clamp:2;margin-top:0}
  body.is-desktop .res-card:hover .nome{color:#73a900}
  body.is-desktop .res-card .res-desc{display:-webkit-box;font-family:"Open Sans",system-ui,sans-serif;font-size:15px;color:#555;line-height:1.5;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  body.is-desktop .res-intro,body.is-desktop .res-outro{font-size:15px;line-height:1.6}
  body.is-desktop .res-query{font-size:14px;padding:9px 16px;margin-bottom:14px}
  body.is-desktop .res-header{font-size:16px}
  /* estado de resultados: personagem e pergunta compactos */
  body.is-desktop .busca-orb.pequena{width:48px;height:48px}
  body.is-desktop .res-orb-wrap{margin:0 0 8px}

  /* ================= MENU — Drawer lateral esquerdo no desktop ================= */
  body.is-desktop .cat-modal{position:fixed;left:0;right:0;top:0;bottom:auto;height:100vh;z-index:9999}
  body.is-desktop .cat-backdrop{position:absolute;inset:0;background:rgba(4,18,26,.5);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
  body.is-desktop .cat-sheet{
    position:absolute;left:0;top:0;bottom:0;right:auto;
    width:min(440px,92vw);border-radius:0 22px 22px 0;
    padding:40px 26px 24px;
    transform:translateX(-105%);
    transition:transform .38s cubic-bezier(.22,.7,.3,1);
    box-shadow:24px 0 70px rgba(0,0,0,.28)}
  body.is-desktop .cat-modal.aberto .cat-sheet{transform:translateX(0)}
  body.is-desktop .cat-close{top:20px;right:22px;width:38px;height:38px;background:#f3f3f3}
  body.is-desktop .cat-tabs{margin:2px auto 20px}
  body.is-desktop .cat-tab{font-size:15px;padding:9px 22px}
  body.is-desktop .cat-lista{padding:4px 4px 16px}
  body.is-desktop .cat-row{padding:16px 16px;background:#f6f6f6;border-radius:14px;margin-bottom:10px;transition:background .15s}
  body.is-desktop .cat-row:hover{background:#eef0ee}
  body.is-desktop .cat-nome{font-size:19px}
  body.is-desktop .cat-desc{font-size:14px;margin-top:2px}
  body.is-desktop .cat-acao{color:#111}

  /* ================= COTAÇÃO DETALHADA (dashboard) ================= */
  .cotdet{background:#fff}
  .cotd{max-width:1360px;margin:0 auto;padding:40px 80px 72px}
  .cotd-top{display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px;margin:8px 0 30px}
  .cotd-head{display:flex;flex-direction:column;align-items:center;gap:12px;min-width:0}
  .cotd-head h1{font-family:"Source Serif 4",Georgia,serif;font-size:46px;font-weight:700;color:#012b41;margin:0;line-height:1.05}
  .cotd-desc{font-family:"Open Sans",system-ui,sans-serif;font-size:16px;line-height:1.5;color:#6b7075;margin:0;max-width:600px}
  .cotd-dd{margin:0 auto}
  /* dropdown customizado (ícone + nome + praça) */
  .cotd-dd{position:relative;width:min(420px,100%)}
  .cotd-dd-btn{display:flex;align-items:center;gap:12px;width:100%;background:#fff;border:1px solid #dfe3e8;border-radius:16px;padding:9px 14px 9px 9px;cursor:pointer;text-align:left;transition:border-color .15s}
  .cotd-dd-btn:hover{border-color:#c3ccd4}
  .cotd-dd.open .cotd-dd-btn{border-color:#012b41}
  .cotd-dd-ico{flex:none;width:44px;height:44px;border-radius:12px;background-color:#f2f5ef;background-size:30px;background-repeat:no-repeat;background-position:center}
  .cotd-dd-txt{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}
  .cotd-dd-nome{font-family:"Source Serif 4",Georgia,serif;font-size:17px;font-weight:700;color:#012b41;line-height:1.15}
  .cotd-dd-sub{font-family:"Open Sans",system-ui,sans-serif;font-size:12px;color:#8a9096;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .cotd-dd-chev{flex:none;width:18px;height:18px;fill:none;stroke:#012b41;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
  .cotd-dd.open .cotd-dd-chev{transform:rotate(180deg)}
  .cotd-dd-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border:1px solid #e4e7ea;border-radius:16px;box-shadow:0 20px 54px rgba(0,0,0,.18);padding:6px;max-height:380px;overflow-y:auto;z-index:60;display:none}
  .cotd-dd.open .cotd-dd-menu{display:block}
  .cotd-dd-item{display:flex;align-items:center;gap:12px;width:100%;background:none;border:none;padding:9px 10px;border-radius:11px;cursor:pointer;text-align:left}
  .cotd-dd-item:hover{background:#f5f6f7}
  .cotd-dd-item.on{background:#f2f6ec}
  .cotd-dd-ico.sm{width:36px;height:36px;border-radius:10px;background-size:24px}
  .cotd-dd-itxt{display:flex;flex-direction:column;min-width:0}
  .cotd-dd-inome{font-family:"Open Sans",system-ui,sans-serif;font-size:14px;font-weight:700;color:#012b41;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .cotd-dd-isub{font-family:"Open Sans",system-ui,sans-serif;font-size:12px;color:#8a9096}
  .cotd-voltar{flex:none;background:#eef1f4;border:1px solid #dfe3e8;border-radius:10px;padding:11px 18px;font-family:"Open Sans",system-ui,sans-serif;font-size:14px;font-weight:600;color:#012b41;cursor:pointer;transition:background .15s}
  .cotd-voltar:hover{background:#e2e7ec}

  /* Card de preço atual — na coluna lateral, junto de altas/baixas */
  .cotd-price{display:flex;flex-direction:column;align-items:flex-start;gap:12px;background:#fff;border:1px solid #ececec;border-radius:16px;padding:22px 24px}
  .cotd-price-l{display:flex;flex-direction:column;gap:4px;min-width:0}
  .cotd-price-lb{font-family:"Open Sans",system-ui,sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#8a9096}
  .cotd-price-sub{font-family:"Open Sans",system-ui,sans-serif;font-size:14px;color:#4f5257}
  .cotd-price-r{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
  .cotd-price-val{font-family:"Source Serif 4",Georgia,serif;font-size:34px;font-weight:700;line-height:1}
  .cotd-price-val.up{color:#537706}
  .cotd-price-val.down{color:#c4170c}
  .cotd-chip{display:inline-flex;align-items:center;gap:5px;font-family:"Open Sans",system-ui,sans-serif;font-size:13px;font-weight:700;padding:4px 11px;border-radius:999px}
  .cotd-chip.up{background:rgba(115,169,0,.16);color:#537706}
  .cotd-chip.down{background:rgba(196,23,12,.12);color:#c4170c}
  .cotd-arw{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none;vertical-align:middle}

  .cotd-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,346px);gap:20px;margin-bottom:24px;align-items:stretch}
  .cotd-chartbox{display:flex;flex-direction:column;background:#fff;border:1px solid #ececec;border-radius:16px;padding:24px 26px}
  .cotd-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex:none}
  .cotd-panel-head h2{font-family:"Source Serif 4",Georgia,serif;font-size:20px;font-weight:600;color:#012b41;margin:0}
  .cotd-panel-head p{font-family:"Open Sans",system-ui,sans-serif;font-size:13px;color:#8a9096;margin:3px 0 0}
  .cotd-toggle{display:inline-flex;background:#f3f3f3;border-radius:999px;padding:4px;gap:2px;flex:none}
  .cotd-toggle button{border:none;background:transparent;font-family:"Open Sans",system-ui,sans-serif;font-size:13px;font-weight:600;color:#777;padding:7px 15px;border-radius:999px;cursor:pointer;transition:background .15s,color .15s}
  .cotd-toggle button.on{background:#012b41;color:#fff}
  /* gráfico de barras (HTML) — preenche a altura da coluna lateral */
  .cotc{display:flex;flex-direction:column;flex:1;min-height:220px;margin-top:14px}
  .cotc-bars{flex:1;display:flex;align-items:flex-end;gap:14px;min-height:120px;padding-top:42px}
  .cotc-bar{flex:1;min-width:0;background:#e9eaec;border:none;padding:0;border-radius:16px 16px 13px 13px;position:relative;cursor:pointer;transition:background .15s}
  .cotc-bar.hl,.cotc-bar:hover{background:#012b41}
  .cotc-tip{position:absolute;top:-34px;left:50%;transform:translateX(-50%);background:#012b41;color:#fff;font-family:"Open Sans",system-ui,sans-serif;font-size:13px;font-weight:700;padding:5px 11px;border-radius:13px;white-space:nowrap;opacity:0;transition:opacity .15s;pointer-events:none}
  .cotc-bar.hl .cotc-tip{opacity:1}
  .cotc-bars:hover .cotc-bar.hl .cotc-tip{opacity:0}
  .cotc-bar:hover .cotc-tip{opacity:1}
  .cotc-labels{display:flex;gap:14px;margin-top:12px;flex:none}
  .cotc-lb{flex:1;min-width:0;text-align:center;font-family:"Open Sans",system-ui,sans-serif;font-size:12px;color:#9aa0a6;white-space:nowrap;overflow:hidden}
  .cotc-lb.hl{color:#012b41;font-weight:700}
  .cotd-td-var{display:inline-flex;align-items:center;gap:4px}

  .cotd-side{display:flex;flex-direction:column;gap:20px}
  .cotd-mv{background:#fff;border:1px solid #ececec;border-radius:16px;padding:22px 24px}
  .cotd-mv h3{font-family:"Source Serif 4",Georgia,serif;font-size:19px;font-weight:700;color:#012b41;margin:0 0 12px}
  .cotd-mv-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #f2f2f2}
  .cotd-mv-row:last-child{border-bottom:none;padding-bottom:0}
  .cotd-mv-nm{flex:1;min-width:0;font-family:"Open Sans",system-ui,sans-serif;font-size:14px;font-weight:700;color:#012b41;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .cotd-mv-pct{display:inline-flex;align-items:center;gap:3px;font-family:"Open Sans",system-ui,sans-serif;font-size:14px;font-weight:700;white-space:nowrap}
  .cotd-mv-pct.up{color:#537706}
  .cotd-mv-pct.down{color:#c4170c}
  .cotd-mv-val{font-family:"Source Serif 4",Georgia,serif;font-weight:600;color:#333;font-size:15px;min-width:82px;text-align:right}
  .cotd-empty{font-family:"Open Sans",system-ui,sans-serif;font-size:14px;color:#9aa0a6;margin:2px 0 0}

  .cotd-table{background:#fff;border:1px solid #ececec;border-radius:16px;padding:24px 26px}
  .cotd-table h2{font-family:"Source Serif 4",Georgia,serif;font-size:20px;font-weight:600;color:#012b41;margin:0 0 14px}
  .cotd-table-scroll{overflow-x:auto}
  .cotd-table table{width:100%;border-collapse:collapse;min-width:560px}
  .cotd-table th{font-family:"Open Sans",system-ui,sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#8a9096;text-align:left;padding:0 12px 12px;border-bottom:1px solid #ececec}
  .cotd-table th.num,.cotd-table td.num{text-align:right}
  .cotd-table td{font-family:"Open Sans",system-ui,sans-serif;font-size:14px;color:#333;padding:14px 12px;border-bottom:1px solid #f4f4f4}
  .cotd-tr{cursor:pointer;transition:background .12s}
  .cotd-tr:hover td{background:#f9faf8}
  .cotd-tr.on td{background:#f2f6ec}
  .cotd-praca-nm{font-weight:700;color:#012b41}
  .cotd-up{color:#537706;font-weight:700}
  .cotd-down{color:#c4170c;font-weight:700}

  @media (max-width:1180px){
    .cotd{padding:32px 40px 56px}
    .cotd-cards{grid-template-columns:1fr}
    .cotd-panel{grid-template-columns:1fr}
  }

/* ============ PÁGINA DE AUTOR (desktop) — Figma 177:437 ============ */
.autor-page{background:#fff}
.at{background:#fff;font-family:"Open Sans",system-ui,sans-serif;color:#19191c}
.at-hero{max-width:1440px;margin:0 auto;padding:48px 80px;display:flex;flex-direction:column;gap:32px}
.at-crumb{display:flex;align-items:center;gap:8px;font-size:12px;color:#002a41}
.at-crumb a{color:#002a41;text-decoration:none;cursor:pointer}
.at-crumb a:hover{text-decoration:underline}
.at-crumb b{font-weight:700}
.at-chev{width:12px;height:12px;fill:none;stroke:#002a41;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.7}
.at-profile{display:flex;gap:48px;align-items:flex-start}
.at-photo{flex:none;width:117px;height:117px;border-radius:50%;background-size:cover;background-position:center;background-color:#dfe1e6}
.at-bio{flex:1;min-width:0;display:flex;flex-direction:column;gap:16px}
.at-namewrap{display:flex;flex-direction:column;gap:4px}
.at-namewrap h1{font-family:"Source Serif 4",Georgia,serif;font-size:40px;font-weight:700;color:#002a41;margin:0;line-height:1.05}
.at-role{font-size:18px;font-weight:600;color:#014668}
.at-desc{font-size:16px;line-height:1.5;color:#4f5257;max-width:800px;margin:0}
.at-social{display:flex;gap:12px}
.at-soc{width:34px;height:34px;border-radius:50%;border:1px solid #d8d8d8;display:flex;align-items:center;justify-content:center;color:#014668;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.at-soc svg{width:18px;height:18px}
.at-soc:hover{background:#014668;border-color:#014668;color:#fff}
.at-body{max-width:1440px;margin:0 auto;padding:0 80px 64px}
.at-sectitle{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.at-bar{flex:none;width:4px;height:24px;border-radius:2px;background:#73a900}
.at-sectitle h2{font-family:"Source Serif 4",Georgia,serif;font-size:26px;font-weight:700;color:#002a41;margin:0}
.at-list{display:flex;flex-direction:column}
.at-row{display:flex;gap:24px;align-items:center;padding:24px 0;border-bottom:1px solid #f2f2f2;text-decoration:none;color:inherit;cursor:pointer}
.at-thumb{flex:none;width:120px;height:120px;border-radius:8px;background-size:cover;background-position:center;background-color:#dfe1e6}
.at-rbody{display:flex;flex-direction:column;gap:8px;min-width:0}
.at-kick{align-self:flex-start;font-family:"Open Sans",system-ui,sans-serif;font-size:14px;font-weight:700;color:#73a900;line-height:1;padding-left:8px;border-left:2px solid #73a900}
.at-rtitle{font-family:"Source Serif 4",Georgia,serif;font-size:20px;font-weight:600;color:#19191c;line-height:1.25}
.at-row:hover .at-rtitle{color:#73a900}
.at-meta{font-family:"Open Sans",system-ui,sans-serif;font-size:13px;color:#8c99a1}
.at-pag{display:flex;align-items:center;justify-content:center;gap:8px;padding:48px 0 8px}
.at-pag-item{width:40px;height:40px;border-radius:8px;border:1px solid #d1d9de;background:#f5f6f7;color:#002b41;font-family:"Open Sans",system-ui,sans-serif;font-weight:500;font-size:14px;cursor:pointer}
.at-pag-item.is-active{background:#002b41;border-color:#002b41;color:#fff}
.at-pag-item:hover:not(.is-active){background:#e9edf0}
.at-pag-nav{height:40px;padding:0 16px;border-radius:8px;border:1px solid #d1d9de;background:#f5f6f7;color:#002b41;font-family:"Open Sans",system-ui,sans-serif;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px}
.at-pag-nav svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.at-pag-nav:hover{background:#e9edf0}
.at-pag-dots{padding:0 6px;color:#8c99a1}

/* ===== Página de Autor no mobile (mesmo estilo, adaptado) ===== */
body:not(.is-desktop) .autor-page{position:fixed;top:var(--header-h);left:0;right:0;bottom:0;overflow-y:auto;-webkit-overflow-scrolling:touch;background:#fff;z-index:40;scrollbar-width:none}
body:not(.is-desktop) .autor-page::-webkit-scrollbar{display:none}
body:not(.is-desktop) .at-hero{padding:20px 16px 8px;gap:20px}
body:not(.is-desktop) .at-profile{gap:16px}
body:not(.is-desktop) .at-photo{width:88px;height:88px}
body:not(.is-desktop) .at-namewrap h1{font-size:26px}
body:not(.is-desktop) .at-role{font-size:14px}
body:not(.is-desktop) .at-desc{font-size:14px}
body:not(.is-desktop) .at-social .at-soc{width:32px;height:32px}
body:not(.is-desktop) .at-social .at-soc svg{width:16px;height:16px}
body:not(.is-desktop) .at-body{padding:0 16px 8px}
body:not(.is-desktop) .at-sectitle h2{font-size:20px}
body:not(.is-desktop) .at-row{gap:14px;padding:16px 0}
body:not(.is-desktop) .at-thumb{width:84px;height:84px}
body:not(.is-desktop) .at-rtitle{font-size:16px;line-height:1.3}
body:not(.is-desktop) .at-kick{font-size:12px}
body:not(.is-desktop) .at-meta{font-size:12px}
body:not(.is-desktop) .at-pag{gap:6px;padding:24px 0 8px;flex-wrap:wrap}
body:not(.is-desktop) .at-pag-item,body:not(.is-desktop) .at-pag-nav{height:36px}
body:not(.is-desktop) .at-pag-item{width:36px}
body:not(.is-desktop) .autor-page .h-rodape{margin:16px 0 0}

/* ===== Leitor mobile — estrutura da single desktop adaptada ao viewport ===== */
.leitor .art.sg-art{text-align:left;padding:34px 20px 28px}
.leitor .sg-head{gap:10px;margin-bottom:20px}
.leitor .sg-h1{font-family:"Source Serif 4",Georgia,serif;font-size:clamp(25px,6.4cqw,30px);line-height:1.14;font-weight:600;color:#012b40;margin:0;letter-spacing:-.4px;text-wrap:balance}
.leitor .sg-deck{font-size:14px;line-height:21px}
.leitor .sg-byline{margin-top:4px;gap:8px 12px}
.leitor .sg-authorchip-av{width:26px;height:26px}
.leitor .sg-authorchip b{font-size:13px}
.leitor .sg-time{font-size:11.5px;gap:8px;flex-wrap:wrap;row-gap:2px}
.leitor .sg-share{gap:10px;margin-bottom:20px}
.leitor .sg-share-btn{height:42px}
.leitor .sg-share-btn svg{width:20px;height:20px}
.leitor .sg-audio{padding:10px 14px;margin:0 0 20px;gap:12px}
.leitor .sg-play{width:40px;height:40px}
.leitor .sg-play svg{width:15px;height:15px}
.leitor .sg-wave{height:30px;gap:0;justify-content:space-between}
.leitor .sg-wave span{flex:0 0 3px;width:3px}
.leitor .sg-wave span:nth-child(n+29){display:none}
.leitor .sg-dur{font-size:12.5px}
.leitor .sg-hero{margin:0 0 20px;gap:8px}
.leitor .sg-hero-img{border-radius:12px}
.leitor .sg-hero figcaption{font-size:11.5px;line-height:15px}
.leitor .sg-body{gap:20px}
.leitor .sg-body p{font-size:16px;line-height:26px;letter-spacing:-.2px}
.leitor .sg-body h2{font-size:23px;letter-spacing:-.5px}
.leitor .sg-quote{padding:18px 14px;font-size:17px;line-height:25px}
.leitor .sg-quote::before{width:90px}
.leitor .sg-inline-cta{font-size:16px}
.leitor .sg-sectitle{font-size:20px;margin:0 0 16px}
.leitor .sg-sectitle-top{margin-top:34px}
.leitor .sg-videos-m{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;margin:0 -20px;padding:0 20px 4px}
.leitor .sg-videos-m::-webkit-scrollbar{display:none}
.leitor .sg-videos-m .dh-reel{flex:none;width:150px;gap:10px}
.leitor .sg-videos-m .dh-reel h3{font-size:14px;line-height:1.35}
.leitor .sg-recrow{gap:14px;padding:16px 0;align-items:center}
.leitor .sg-recrow-img{flex:0 0 112px;width:112px;aspect-ratio:305/215;border-radius:10px}
.leitor .sg-recrow-title{font-size:16.5px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.leitor .sg-recrow-desc{font-size:13px;line-height:1.45;-webkit-line-clamp:2}
.leitor .sg-recmore{width:100%;margin-top:18px;padding:12px 20px;font-size:14px}
.leitor[data-modelo] .art h1.sg-h1{color:#012b40}
/* leitor: mostra só 3 recomendadas antes do "Ver mais" */
.leitor .sg-reclist:not(.expanded) .sg-recrow:nth-child(n+4){display:none}
/* fim da matéria + scroll → folha desliza suave para cima, revelando a próxima notícia */
.leitor.saindo .leitor-sheet{transform:translateY(-108%);transition:transform .55s cubic-bezier(.32,.72,.24,1)}
.leitor.saindo .leitor-backdrop{opacity:0;transition:opacity .45s ease}
/* botão "Ver todos" ao lado da logo de cada programa (home desktop) */
.dh-prog-brand{position:relative}
.dh-prog-vertodos{position:absolute;right:0;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:4px;
  background:none;border:none;cursor:pointer;padding:6px 0;
  font-family:"Open Sans",system-ui,sans-serif;font-size:13px;font-weight:700;color:var(--bc,#007C29)}
.dh-prog-vertodos svg{width:15px;height:15px;transition:transform .15s}
.dh-prog-vertodos:hover svg{transform:translateX(3px)}

/* ===== Gráfico de linha da página de cotação ===== */
.cotc-line .cotc-plot{position:relative;flex:1;min-height:160px;margin-top:42px}
.cotc-line .cotc-plot svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.cotc-dot{position:absolute;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;
  background:#fff;border:2.5px solid #37a800;padding:0;cursor:pointer;transition:transform .15s,background .15s}
.cotc-dot:hover{transform:scale(1.35)}
.cotc-dot.hl{background:#012b41;border-color:#012b41}
.cotc-dot .cotc-tip{top:-36px}
.cotc-dot.hl .cotc-tip{opacity:1}
.cotc-line .cotc-plot:hover .cotc-dot.hl:not(:hover) .cotc-tip{opacity:0}
.cotc-dot:hover .cotc-tip{opacity:1}

/* ===== Mega menu da navegação desktop (estilo Wise: destaque + colunas) ===== */
.hd-mainnav{position:relative}
.hd-nav-item{flex:none;display:flex;align-items:stretch;height:50px}
.hd-nav-item .hd-nav{height:100%}
.hd-mega{position:absolute;left:0;right:0;top:100%;display:none;z-index:80}
.hd-nav-item:hover .hd-mega,.hd-mega:hover{display:block}
.hd-nav-item:hover > .hd-nav{color:#fff}
.hd-mega-inner{max-width:1440px;margin:0 auto;background:#fff;border-radius:0 0 18px 18px;
  box-shadow:0 28px 60px rgba(0,0,0,.28);padding:36px 75px 44px;
  display:grid;grid-template-columns:340px auto;gap:56px;align-items:start;justify-content:start}
.hd-mega-h{display:block;font-family:"Open Sans",system-ui,sans-serif;font-size:15px;font-weight:400;color:#6b7177;
  padding-bottom:12px;border-bottom:1px solid #e4e7ea;margin-bottom:18px}

/* card de destaque (esquerda) */
.hd-mega-feat{display:flex;flex-direction:column;border:1px solid #e9ebee;border-radius:16px;overflow:hidden;
  cursor:pointer;text-decoration:none;transition:box-shadow .15s}
.hd-mega-feat:hover{box-shadow:0 12px 30px rgba(1,43,65,.10)}
.hd-mega-feat-img{width:100%;aspect-ratio:16/10;background-size:cover;background-position:center;background-color:#e6e8eb}
.hd-mega-feat-body{display:flex;flex-direction:column;gap:8px;padding:20px 22px 22px}
.hd-mega-feat-t{font-family:"Source Serif 4",Georgia,serif;font-size:24px;font-weight:700;color:#012b41;line-height:1.1}
.hd-mega-feat-d{font-family:"Open Sans",system-ui,sans-serif;font-size:14px;line-height:1.5;color:#4f5257}
.hd-mega-feat-cta{display:inline-flex;align-items:center;gap:7px;margin-top:6px;
  font-family:"Open Sans",system-ui,sans-serif;font-size:15px;font-weight:700;color:#37a800}
.hd-mega-feat-cta svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s}
.hd-mega-feat:hover .hd-mega-feat-cta svg{transform:translateX(3px)}

/* colunas de links */
.hd-mega-col{display:flex;flex-direction:column}
.hd-mega-link{display:flex;align-items:center;gap:16px;padding:6px 0;cursor:pointer;text-decoration:none;
  font-family:"Open Sans",system-ui,sans-serif;font-size:16px;font-weight:700;color:#0d4d1f;transition:color .15s}
.hd-mega-link:hover{color:#37a800;text-decoration:underline;text-underline-offset:3px}
.hd-mega-bullet{width:34px;height:34px;flex:none;border-radius:50%;background:#e9f4dd;color:#0d4d1f;
  display:flex;align-items:center;justify-content:center;transition:background .15s}
.hd-mega-link:hover .hd-mega-bullet{background:#d9ecc4}
.hd-mega-bullet svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.hd-mega-news{display:block;padding:10px 0;cursor:pointer;text-decoration:none;
  font-family:"Open Sans",system-ui,sans-serif;font-size:15.5px;font-weight:700;line-height:1.4;color:#012b41;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hd-mega-news:hover{color:#37a800}

/* ===== Hub de cotações: Mercado Futuro + Notícias + categorias ===== */
.coth-sec{margin:44px 0 0}
.coth-sec-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.coth-sec-t{font-family:"Source Serif 4",Georgia,serif;font-size:26px;font-weight:700;color:#012b41;margin:0 0 4px}
.coth-sec > .coth-sec-t{margin-bottom:18px}
.coth-sec-d{font-family:"Open Sans",system-ui,sans-serif;font-size:14.5px;line-height:1.6;color:#5a6067;margin:-8px 0 20px;max-width:820px}
.coth-verdet{display:inline-flex;align-items:center;gap:6px;background:#012b41;color:#fff;border:none;border-radius:10px;
  padding:10px 18px;font-family:"Open Sans",system-ui,sans-serif;font-size:14px;font-weight:700;cursor:pointer;transition:background .15s}
.coth-verdet:hover{background:#0d4666}
.coth-verdet svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.coth-empty{font-family:"Open Sans",system-ui,sans-serif;font-size:14px;color:#9aa0a6;margin:6px 0 0}

/* Mercado Futuro */
.coth-fut-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.coth-fut-tab{background:#f2f3f5;border:1px solid transparent;border-radius:999px;padding:7px 14px;cursor:pointer;
  font-family:"Open Sans",system-ui,sans-serif;font-size:12.5px;font-weight:700;color:#4f5257;transition:all .15s}
.coth-fut-tab:hover{background:#e9ebee}
.coth-fut-tab.on{background:#fff;border-color:#012b41;color:#012b41}
.coth-fut-price{display:flex;align-items:center;gap:12px;margin:10px 0 4px}
.coth-val.big{font-size:30px}
.coth-fut-list{display:flex;flex-direction:column}
.coth-fut-row{display:flex;align-items:center;gap:11px;padding:12px 8px;border:none;background:none;border-bottom:1px solid #f2f2f2;
  cursor:pointer;text-align:left;border-radius:10px;transition:background .15s;width:100%}
.coth-fut-row:hover{background:#f6f8fa}
.coth-fut-row.on{background:#eef3f9}
.coth-fut-row:last-child{border-bottom:none}
.coth-fut-ico{width:30px;height:30px;flex:none;background-size:contain;background-position:center;background-repeat:no-repeat}
.coth-fut-badge{display:flex;align-items:center;justify-content:center;background:#0e7a5f;color:#fff;border-radius:50%;
  font-family:"Open Sans",system-ui,sans-serif;font-size:15px;font-weight:800}
.coth-fut-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.coth-fut-tx b{font-family:"Open Sans",system-ui,sans-serif;font-size:13.5px;font-weight:800;color:#012b41}
.coth-fut-tx span{font-family:"Open Sans",system-ui,sans-serif;font-size:11.5px;color:#8a9096;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.coth-fut-val{display:flex;flex-direction:column;align-items:flex-end;gap:1px;flex:none}
.coth-fut-val b{font-family:"Source Serif 4",Georgia,serif;font-size:14.5px;font-weight:700;color:#012b41;white-space:nowrap}
.coth-fut-val .cotd-mv-pct{font-size:12px}

/* Notícias do mercado / por categoria */
.coth-newsgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:20px}
@media (max-width:1180px){ .coth-newsgrid{grid-template-columns:repeat(2,1fr)} }
.coth-news{display:flex;flex-direction:column;background:#fff;border:1px solid #ececec;border-radius:16px;overflow:hidden;
  cursor:pointer;text-decoration:none;transition:box-shadow .15s,transform .15s}
.coth-news:hover{box-shadow:0 10px 26px rgba(1,43,65,.08);transform:translateY(-2px)}
.coth-news-img{width:100%;aspect-ratio:16/9;background-size:cover;background-position:center;background-color:#e6e8eb}
.coth-news-body{display:flex;flex-direction:column;gap:8px;padding:16px 18px 20px}
.coth-news-kick{font-family:"Open Sans",system-ui,sans-serif;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#73a900}
.coth-news-t{font-family:"Open Sans",system-ui,sans-serif;font-size:15.5px;font-weight:700;line-height:1.35;color:#012b41;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.coth-news:hover .coth-news-t{color:#37a800}
.coth-news-d{font-family:"Open Sans",system-ui,sans-serif;font-size:13px;line-height:1.55;color:#5a6067;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

/* ===== Página de Previsão do Tempo ===== */
.twx-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:24px;margin-bottom:10px}
@media (max-width:1180px){ .twx-hero{grid-template-columns:1fr} }
.twx-feat{position:relative;display:block;border-radius:18px;overflow:hidden;background-size:cover;background-position:center;
  min-height:380px;cursor:pointer;text-decoration:none}
.twx-feat-grad{position:absolute;inset:0;background:linear-gradient(180deg,rgba(1,17,32,0) 35%,rgba(1,17,32,.86) 100%)}
.twx-feat-tx{position:absolute;left:28px;right:28px;bottom:26px;display:flex;flex-direction:column;gap:10px}
.twx-feat-kick{display:inline-flex;width:fit-content;font-family:"Open Sans",system-ui,sans-serif;font-size:12px;font-weight:800;
  text-transform:uppercase;letter-spacing:.06em;color:#fff;border-left:3px solid #73a900;padding-left:8px}
.twx-feat-t{font-family:"Source Serif 4",Georgia,serif;font-size:30px;line-height:1.15;font-weight:700;color:#fff;text-wrap:balance}
.twx-siderows{display:flex;flex-direction:column;gap:0}
.twx-siderow{display:flex;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid #f0f1f3;cursor:pointer;text-decoration:none}
.twx-siderow:first-child{padding-top:4px}
.twx-siderow:last-child{border-bottom:none}
.twx-siderow-img{flex:0 0 96px;width:96px;aspect-ratio:4/3;border-radius:10px;background-size:cover;background-position:center;background-color:#e6e8eb}
.twx-siderow-tx{display:flex;flex-direction:column;gap:4px;min-width:0}
.twx-siderow-t{font-family:"Open Sans",system-ui,sans-serif;font-size:15.5px;font-weight:700;line-height:1.35;color:#1f2123;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.twx-siderow:hover .twx-siderow-t{color:#37a800}

.twx-panel{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr) minmax(0,280px);gap:20px;align-items:stretch}
@media (max-width:1180px){ .twx-panel{grid-template-columns:1fr} }
.twx-city,.twx-chuva,.twx-promo{background:#fff;border:1px solid #ececec;border-radius:16px;padding:22px 24px}
.twx-city-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:14px}
.twx-city-head b{display:block;font-family:"Source Serif 4",Georgia,serif;font-size:22px;font-weight:700;color:#012b41}
.twx-city-head span{font-family:"Open Sans",system-ui,sans-serif;font-size:12.5px;color:#8a9096}
.twx-city .h-wcard-btn{flex:none}
.twx-now{display:flex;align-items:center;gap:12px}
.twx-temp{font-family:"Source Serif 4",Georgia,serif;font-size:52px;font-weight:700;color:#012b41;line-height:1}
.twx-mm{display:flex;flex-direction:column;gap:2px;font-family:"Open Sans",system-ui,sans-serif;font-size:13px;font-weight:700}
.twx-mm .up{color:#c4170c}
.twx-mm .dn{color:#0d4666}
.twx-now-ico{width:54px;height:54px;object-fit:contain;margin-left:auto}
.twx-cond{font-family:"Open Sans",system-ui,sans-serif;font-size:14.5px;color:#4f5257;margin:10px 0 18px}
.twx-stats{display:flex;gap:10px}
.twx-stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;background:#f6f8fa;border-radius:12px;padding:10px 6px}
.twx-stat i{font-style:normal;font-size:17px;line-height:1}
.twx-stat b{font-family:"Open Sans",system-ui,sans-serif;font-size:12.5px;font-weight:800;color:#012b41;white-space:nowrap}
.twx-stat span{font-family:"Open Sans",system-ui,sans-serif;font-size:10.5px;color:#8a9096}
.twx-chuva-head{display:flex;align-items:baseline;gap:6px;margin-bottom:16px}
.twx-chuva-head h3{font-family:"Source Serif 4",Georgia,serif;font-size:19px;font-weight:700;color:#012b41;margin:0}
.twx-chuva-head span{font-family:"Open Sans",system-ui,sans-serif;font-size:13px;color:#8a9096}
.twx-d7s{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}
.twx-d7{display:flex;flex-direction:column;align-items:center;gap:6px}
.twx-d7-d{font-family:"Open Sans",system-ui,sans-serif;font-size:11.5px;font-weight:700;color:#4f5257}
.twx-d7 img{width:34px;height:34px;object-fit:contain}
.twx-d7-t{font-family:"Open Sans",system-ui,sans-serif;font-size:11.5px;font-weight:700;color:#012b41}
.twx-d7-bar{width:14px;height:74px;background:#eef1f4;border-radius:8px;display:flex;align-items:flex-end;overflow:hidden}
.twx-d7-bar div{width:100%;background:linear-gradient(180deg,#4aa3e8,#0d4666);border-radius:8px}
.twx-d7-mm{font-family:"Open Sans",system-ui,sans-serif;font-size:11px;font-weight:700;color:#0d4666}
.twx-promo{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:2px}
.twx-promo img{width:64px;height:64px;object-fit:contain;margin-bottom:6px}
.twx-promo-n{font-family:"Source Serif 4",Georgia,serif;font-size:44px;font-weight:700;color:#012b41;line-height:1}
.twx-promo-m{font-family:"Open Sans",system-ui,sans-serif;font-size:20px;font-weight:800;letter-spacing:.12em;color:#012b41}
.twx-promo p{font-family:"Open Sans",system-ui,sans-serif;font-size:13.5px;line-height:1.5;color:#5a6067;margin:8px 0 14px;max-width:210px}
/* mega menu: lista de links em 2 colunas quando há muitas (ex.: todas as cotações) */
.hd-mega-linklist{display:flex;flex-direction:column}
.hd-mega-linklist.two{display:grid;grid-template-rows:repeat(4,auto);grid-auto-flow:column;column-gap:96px;row-gap:2px;justify-content:start}
.hd-mega-col-wide{min-width:760px}

/* ===== Home de cotações (hub) — grid de cards (restaurado) ===== */
.coth-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-bottom:24px}
@media (max-width:1180px){ .coth-grid{grid-template-columns:repeat(3,1fr)} }
.coth-card{display:flex;flex-direction:column;gap:14px;background:#fff;border:1px solid #ececec;border-radius:16px;
  padding:20px;cursor:pointer;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s}
.coth-card:hover{border-color:#c9d6c0;box-shadow:0 10px 26px rgba(1,43,65,.08);transform:translateY(-2px)}
.coth-card-top{display:flex;align-items:center;gap:12px}
.coth-ico{width:38px;height:38px;flex:none;background-size:contain;background-position:center;background-repeat:no-repeat;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.15))}
.coth-nm{display:flex;flex-direction:column;gap:1px;min-width:0}
.coth-nm b{font-family:"Source Serif 4",Georgia,serif;font-size:18px;font-weight:700;color:#012b41;line-height:1.15}
.coth-nm span{font-family:"Open Sans",system-ui,sans-serif;font-size:11.5px;color:#8a9096;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.coth-spark{width:100%;height:44px;display:block}
.coth-card-base{display:flex;align-items:center;justify-content:space-between;gap:8px}
.coth-val{font-family:"Source Serif 4",Georgia,serif;font-size:20px;font-weight:700;color:#012b41;white-space:nowrap}
.coth-movers{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}
@media (max-width:1180px){ .coth-movers{grid-template-columns:1fr} }