/* home0920: bloco sem-id */
:root{
    --branco:#FFFFFF; --gelo:#F7F8FA; --separa:#EEF0F3;
    --ink:#1B1B1F; --ink2:#5A5F6A;
    --ouro:#E9A930; --ouro-medio:#D49813; --ouro-escuro:#B88008; --ouro-txt:#8A5E04; /* PALETA0911 11/09: medio/escuro = paradas do gradiente oficial; txt fica escuro (e texto) */
    --borda-ouro:rgba(233,169,48,.45); --borda-ouro-fina:rgba(233,169,48,.28);
    --sombra:0 2px 10px rgba(27,27,31,.06); --sombra-hover:0 10px 24px rgba(27,27,31,.12);
    --header-bg:rgba(255,255,255,.82); --card-bg:#FFFFFF; --glass:rgba(255,255,255,.86);
    --raio:20px;
    --grad-logo-texto:linear-gradient(90deg,#B88008 0%,#D49813 30%,#E9A930 45%,#E9A930 55%,#D49813 70%,#B88008 100%);
  }
  body.dark{
    --branco:#111114; --gelo:#0B0B0D; --separa:#26262C;
    --ink:#EDEFF3; --ink2:#B9BEC7;
    --ouro-txt:#E9A930;
    --borda-ouro:rgba(233,169,48,.55); --borda-ouro-fina:rgba(233,169,48,.32);
    --sombra:0 2px 10px rgba(0,0,0,.4); --sombra-hover:0 10px 24px rgba(0,0,0,.55);
    --header-bg:rgba(17,17,20,.82); --card-bg:#1B1B1F; --glass:rgba(27,27,31,.88);
  }
  *{box-sizing:border-box;margin:0;padding:0;}
  html{scroll-behavior:smooth;}
  /* @font-face da Inter fica INLINE na pagina (font-display:optional so usa a fonte se ela chegar cedo; externa chegava tarde e caia no fallback) */
  body{background:var(--gelo);color:var(--ink);font-family:'Inter',"Segoe UI",Roboto,Arial,sans-serif;font-size:16px;line-height:1.5;transition:background .3s ease, color .3s ease;}

  header{position:sticky;top:0;z-index:50;background:var(--header-bg);backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);border-bottom:1px solid var(--separa);box-shadow:0 1px 8px rgba(27,27,31,.05);}
  .logo{display:flex;align-items:center;flex-shrink:0;}
  .logo img{height:30px;width:auto;display:block;}
  .busca{flex:1;display:flex;align-items:center;gap:8px;background:var(--glass);border:1px solid var(--borda-ouro);border-radius:999px;padding:6px 8px 6px 18px;box-shadow:inset 0 1px 3px rgba(27,27,31,.04), var(--sombra);backdrop-filter:blur(8px);min-width:0;}
  .busca svg{width:18px;height:18px;stroke:var(--ink2);stroke-width:2.2;fill:none;stroke-linecap:round;flex-shrink:0;}
  .busca input{flex:1;border:none;outline:none;background:transparent;font-size:16px/*IOS16-0804*/;color:var(--ink);min-width:50px;}/*TOQUE24-0804*/.rodape .linhas a,.sec-titulo a,.g19-cid .cab a,.g19-blog .cab a{padding-top:12px;padding-bottom:12px;} /* FRENTEA0912 V1: alvo >= 40 px *//*PULAR019-0804*/.pular019{position:absolute;left:-9999px;top:0;z-index:9999}.pular019:focus{left:8px;top:8px;background:var(--app019-gold-gradient,linear-gradient(135deg,#F3C651 0%,#E9A930 35%,#D49813 68%,#B88008 100%));color:var(--app019-gold-ink,#241900);padding:10px 16px;border-radius:8px;font-weight:600;font-size:15px;line-height:1.2;text-decoration:none;outline:3px solid rgba(255,255,255,.75);outline-offset:1px}
  .busca input::placeholder{color:var(--ink2);}
  .mic{width:53px;height:53px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;flex-shrink:0;position:relative;}
  .mic::after{content:"";position:absolute;inset:6px;border-radius:50%;border:2px solid rgba(233,169,48,.55);animation:pulso-mic 2.4s ease-out infinite;pointer-events:none;}
  @keyframes pulso-mic{0%{transform:scale(.72);opacity:.9}70%{transform:scale(1.18);opacity:0}100%{transform:scale(1.18);opacity:0}}
  .mic:hover{background:var(--separa);}
  .mic svg{stroke:var(--ouro-medio);}
  .hx-b .mic svg{width:22px;height:22px;}
  .mic.svoz::after{animation:none;opacity:0;}
  .btn-buscar{min-height:40px;padding:0 11px;border:none;border-radius:999px;background:var(--grad-logo-texto);color:#FFFFFF;text-shadow:0 1px 2px rgba(46,29,2,.65);font-size:14px;font-weight:800;cursor:pointer;transition:transform .2s ease, box-shadow .2s ease;box-shadow:0 2px 8px rgba(138,94,4,.30);flex-shrink:0;}
  .btn-buscar:hover{transform:translateY(-1px) scale(1.03);box-shadow:0 6px 16px rgba(138,94,4,.38);}
  .btn-buscar:active{transform:scale(.97);}
  .toggle{min-height:38px;padding:0 4px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;gap:5px;transition:transform .2s ease;}
  .toggle svg{width:15.3px;height:15.3px;stroke:var(--ouro-medio);stroke-width:2;fill:none;stroke-linecap:round;transition:opacity .25s ease, stroke .25s ease;flex-shrink:0;}
  .entrar{min-height:42px;border-radius:12px;border:none;background:var(--app019-gold-gradient,linear-gradient(135deg,#F3C651 0%,#E9A930 35%,#D49813 68%,#B88008 100%));color:var(--app019-gold-ink,#241900);cursor:pointer;font-size:13.5px;font-weight:800;padding:0 18px;transition:transform .2s ease, box-shadow .2s ease;box-shadow:0 2px 8px rgba(138,94,4,.30);}
  .entrar:hover{transform:translateY(-1px);box-shadow:var(--sombra-hover);}
  .toggle:hover{transform:translateY(-1px);}

  body.dark header{background:#000000;backdrop-filter:none;-webkit-backdrop-filter:none;}
  .fechar{border:none;padding:6px 2px;float:right;cursor:pointer;font-size:13px;font-weight:700;background:linear-gradient(90deg,#3F444E 0%,#6B7280 50%,#3F444E 100%);background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:brilho-logo 7s linear infinite;text-decoration:underline;text-decoration-color:#565C68;text-decoration-thickness:1px;text-underline-offset:3px;}
  body.dark .fechar{background-image:linear-gradient(90deg,#8B919E 0%,#C6CBD4 50%,#8B919E 100%);text-decoration-color:#9BA1AC;}

  main{max-width:1080px;margin:0 auto;padding:26px 16px 12px;} /* SKEL0914-UNI P24/P26: a reserva da barra inferior e UMA so, o espacador do nav019 (antes: + calc(60px + safe-area) aqui = vao de 137 px e safe-area contada 2x; FRENTEA0912 R2 continua coberto pelo espacador) */

  /* ===== CARROSSEL DE LOJAS (inicio) ===== */
  .sec-titulo{display:flex;align-items:baseline;justify-content:space-between;margin:8px 4px 12px;}
  .sec-titulo h2{font-size:12px;font-weight:800;background:var(--grad-logo-texto);background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:brilho-logo 7s linear infinite;}
  .sec-titulo a{font-size:13.5px;font-weight:700;background:var(--grad-logo-texto);background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:brilho-logo 7s linear infinite;text-decoration:underline;text-decoration-color:#D49813;text-decoration-thickness:1.5px;text-underline-offset:3px;}
  body.dark .sec-titulo a{text-decoration-color:#E9A930;}
  .faixa{overflow-x:auto;overflow-y:hidden;padding:8px;border-radius:18px;background:rgba(255,255,255,.62);border:1px solid rgba(233,169,48,.16);box-shadow:0 1px 2px rgba(27,31,38,.04),0 8px 18px -12px rgba(80,55,10,.18),inset 0 1px 0 rgba(255,255,255,.9);-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain;}.faixa::-webkit-scrollbar{display:none;height:0;}
  .carrossel{display:flex;gap:8px;width:max-content;animation:esteira 96s linear infinite;will-change:transform;touch-action:pan-x pan-y;}
  .faixa:hover .carrossel{animation-play-state:paused;}
  @keyframes esteira{from{transform:translateX(0)}to{transform:translateX(-50%)}}
  @media (prefers-reduced-motion: reduce){
    .faixa{overflow-x:auto;}
    .carrossel{animation:none;width:auto;}
  }
  .loja{scroll-snap-align:center;flex:0 0 77px;width:77px;height:99px;background:var(--card-bg);border:1px solid var(--borda-ouro-fina);border-radius:14px;padding:0;overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:var(--ink);box-shadow:var(--sombra);transition:transform .22s cubic-bezier(.22,.9,.3,1), box-shadow .22s ease, border-color .22s ease;}
  .loja:hover{transform:translateY(-3px) scale(1.03);box-shadow:var(--sombra-hover);border-color:var(--borda-ouro);}
  .loja .lfoto{width:100%;height:74%;flex:0 0 74%;border-radius:0;padding:0;overflow:hidden;display:block;background:#FFFFFF;box-shadow:none;}
  .loja b{flex:1 1 30%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-pack:center;-webkit-box-align:center;-webkit-line-clamp:2;text-align:center;font-size:10.5px;line-height:1;font-weight:800;margin:0;padding:0 2px;overflow:hidden;}
  .loja span{display:block;font-size:12px;color:var(--ink2);margin:0 2px;}
  .loja.divulgue{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:77px;height:99px;min-height:0;font-weight:800;font-size:12px;text-align:center;padding:4px;border-style:dashed;border-color:var(--borda-ouro);background:rgba(233,169,48,.06);color:var(--ouro-txt);}
  .loja.divulgue svg{width:17px;height:17px;stroke:var(--ouro-medio);stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round;}

  @keyframes brilho-logo{from{background-position:220% center}to{background-position:-220% center}}

  .card{display:flex;gap:16px;align-items:stretch;background:var(--card-bg);border:1px solid var(--borda-ouro-fina);border-radius:var(--raio);padding:0;margin-bottom:14px;text-decoration:none;color:var(--ink);box-shadow:var(--sombra);transition:transform .22s cubic-bezier(.22,.9,.3,1), box-shadow .22s ease, border-color .22s ease;position:relative;overflow:hidden;}
  .card:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--sombra-hover);border-color:var(--borda-ouro);}
  .card:hover .foto{filter:brightness(1.08);}
  .card:active{transform:scale(.99);}
  .foto{width:84px;align-self:stretch;min-height:0;border-radius:0;flex-shrink:0;background-size:cover;background-position:center;transition:filter .22s ease;}
  .ctxt{flex:1;min-width:0;padding:18px 0;display:flex;flex-direction:column;justify-content:center;}
  .ctxt h2{font-size:18px;font-weight:800;letter-spacing:-.2px;margin-bottom:3px;}
  .ctxt p{font-size:14px;color:var(--ink2);}
  .seta{width:32px;height:32px;border-radius:50%;border:1px solid var(--borda-ouro-fina);display:flex;align-items:center;justify-content:center;flex-shrink:0;align-self:center;margin-right:12px;transition:background .2s, transform .2s;}
  .card:hover .seta{background:rgba(233,169,48,.12);transform:translateX(3px);}
  .seta svg{width:16px;height:16px;stroke:var(--ouro-medio);stroke-width:2.6;fill:none;stroke-linecap:round;stroke-linejoin:round;}
  /* HOMESKEL0913 (13/09, ordem Rafael): "Por onde voce quer comecar" = 6 caminhos no MESMO componente compacto.
     O .card base continua a servir os cards institucionais (Sobre); a geometria compacta vive so no .caminhos.
     Vidro sem backdrop-filter de proposito: o fundo por tras e liso (#F7F8FA), o desfoque seria custo invisivel. */
  .caminhos{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin:0 0 18px;}
  .caminhos .card{gap:12px;margin:0;min-height:72px;border-radius:16px;background:rgba(255,255,255,.82);border:1px solid rgba(233,169,48,.20);box-shadow:0 1px 2px rgba(27,31,38,.04),0 6px 16px -10px rgba(80,55,10,.20),inset 0 1px 0 rgba(255,255,255,.95);}
  .caminhos .card:hover{transform:translateY(-2px);border-color:var(--borda-ouro);}
  .caminhos .ctxt h2{font-size:16px;line-height:1.2;margin-bottom:2px;}
  .caminhos .ctxt p{font-size:13px;line-height:1.35;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
  @media (min-width:700px){.caminhos{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}}
  @media (min-width:1100px){.caminhos{grid-template-columns:repeat(3,minmax(0,1fr));}}

  .sec-sobre{margin-top:26px;}
  main{overflow-x:clip;}
  .tela{display:none;}
  .tela.ativa{display:block;}
  .card.institucional{padding:0 20px;cursor:default;position:relative;background:rgba(255,255,255,.62);-webkit-backdrop-filter:blur(10px) saturate(1.1);backdrop-filter:blur(10px) saturate(1.1);border:1px solid rgba(255,255,255,.7);border-radius:16px;box-shadow:0 1px 2px rgba(27,31,38,.04),0 8px 18px -10px rgba(27,31,38,.12),inset 0 1px 0 rgba(255,255,255,.9),inset 0 -1px 0 rgba(27,31,38,.03);}
  .card.institucional .ctxt{padding:20px 0;}
  .card.institucional .ctxt h2{margin-bottom:8px;letter-spacing:-.3px;}
  .card.institucional .ctxt p{line-height:1.62;}
  .card.institucional::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:0 3px 3px 0;background:linear-gradient(180deg,#F3C651,#E9A930 55%,#B88008);opacity:.92;pointer-events:none;}
  @supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.card.institucional{background:rgba(255,255,255,.93);}}
  .card.institucional:hover{transform:none;box-shadow:0 1px 2px rgba(27,31,38,.04),0 8px 18px -10px rgba(27,31,38,.12),inset 0 1px 0 rgba(255,255,255,.9),inset 0 -1px 0 rgba(27,31,38,.03);border-color:rgba(255,255,255,.7);}
  body.dark .card.institucional{background:rgba(28,31,34,.55);border-color:rgba(255,255,255,.08);box-shadow:0 1px 2px rgba(0,0,0,.3),0 10px 22px -12px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.06),inset 0 -1px 0 rgba(0,0,0,.25);}
  body.dark .card.institucional:hover{box-shadow:0 1px 2px rgba(0,0,0,.3),0 10px 22px -12px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.06),inset 0 -1px 0 rgba(0,0,0,.25);border-color:rgba(255,255,255,.08);}
  body.dark .card.institucional::before{opacity:1;}
  @supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){body.dark .card.institucional{background:rgba(28,31,34,.9);}}

  @media (prefers-reduced-motion: reduce){
    *{transition:none!important;animation:none!important;}
  }
  @media (max-width:640px){
    .busca input{font-size:16px/*IOS16-0804*/;}
    .entrar{display:none;}
    .foto{width:76px;}
    .logo img{height:26.4px;}
  }


  /* --- home viva: fotos como <img> para carregar preguicoso (velocidade) --- */
  .foto{position:relative;overflow:hidden;background:var(--gelo);}
  .foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}
  .card .ctxt{padding:10px 6px 10px 0;}
  .seta .ic{width:14px;height:14px;stroke:var(--ouro-medio);stroke-width:2.6;fill:none;stroke-linecap:round;stroke-linejoin:round;}
  .sec-titulo h2{font-size:12px;text-transform:uppercase;letter-spacing:1.1px;}
  .sec-titulo a{font-size:13px;font-weight:700;color:var(--ouro-txt);text-decoration:none;}
  .sec-titulo a:hover{text-decoration:underline;}
  /* --- carrossel: logotipo inteiro sobre branco (cover cortaria marca) + carga preguicosa --- */
  .lfoto{height:74%;flex:0 0 74%;background:#FFFFFF;padding:0;display:block;background-image:none!important;}
  .lfoto img{width:100%;height:100%;object-fit:cover;object-position:center;padding:0;display:block;transform:scale(1.16);}
  .carrossel{animation-duration:110s;animation-play-state:paused;}
  .faixa.viva .carrossel{animation-play-state:running;}
  .faixa:hover .carrossel{animation-play-state:paused;}
  .loja.divulgue svg{stroke:var(--ouro-medio);stroke-width:2.6;fill:none;stroke-linecap:round;}
  a.entrar{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;}
  a.entrar:hover{text-decoration:none;}
  
  .btn-buscar{background:var(--app019-gold-gradient,linear-gradient(135deg,#F3C651 0%,#E9A930 35%,#D49813 68%,#B88008 100%));color:var(--app019-gold-ink,#241900);}
  
  body.dark{background:#0B0B0D;color:#EDEFF3;}
  
  @media (max-width:640px){
    a.entrar{display:none;}
    .busca{order:3;flex:1 1 100%;padding:5px 6px 5px 14px;}
    .btn-buscar{padding:0 14px;font-size:13px;}
    .saudacao h1{font-size:clamp(21px,6.4vw,27px);}
  }
  /* --- hero (arte aprovada; claro/escuro pela chave) --- */
  .hx{animation:hxin .26s ease-out both;}
  @keyframes hxin{from{opacity:.01;transform:translateY(5px)}to{opacity:1;transform:none}}
  /* --- HERO: UM banner so — foto ATRAVESSA a altura toda a direita, texto por cima da area clara --- */
  .hx{position:relative;min-height:380px;display:flex;align-items:center;margin:0 0 4px;padding:22px 8px;overflow:visible;}
  .hx-img{position:absolute;top:-6px;right:-16px;bottom:0;width:58%;pointer-events:none;}
  .hx-i{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center;
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 24%,#000 96%,transparent 100%),linear-gradient(180deg,transparent 0,#000 8%,#000 92%,transparent 100%);
    -webkit-mask-composite:source-in;
    mask-image:linear-gradient(90deg,transparent 0,#000 24%,#000 96%,transparent 100%),linear-gradient(180deg,transparent 0,#000 8%,#000 92%,transparent 100%);
    mask-composite:intersect;}
  .hx-ie{display:none;}
  body.dark .hx-ic{display:none;}
  body.dark .hx-ie{display:block;}
  .hx-tx{position:relative;z-index:1;width:min(620px,54%);}
  .hx-t{font-size:clamp(30px,4.2vw,52px);line-height:1.0;font-weight:800;letter-spacing:-1.6px;text-transform:uppercase;font-style:italic;color:#1B1B1F;}
  .hx-t b{color:transparent;-webkit-text-fill-color:transparent;background:linear-gradient(105deg,#B88008 0%,#D49813 36%,#E9A930 46%,#F3C651 50%,#E9A930 54%,#D49813 64%,#B88008 100%);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;animation:hx-reflexo 7s linear infinite;text-shadow:none;}
  @keyframes hx-reflexo{from{background-position:130% 0}to{background-position:-30% 0}}
  .hx-s{font-size:16px;font-weight:400;color:#3A3D44;margin:12px 2px 16px;max-width:430px;line-height:1.5;}
  .hx-s b{font-weight:600;color:#2A2D33;}
  /* KPIs da hero — placas de vidro premium, tipografia dourada leve e uniforme (peso 400/500) */
  .hx-fatos{--kpi-grad:var(--app019-gold-gradient,linear-gradient(135deg,#F3C651 0%,#E9A930 35%,#D49813 68%,#B88008 100%));display:flex;gap:6px;margin:10px 2px 0;padding:0;pointer-events:none;user-select:none;}
  .hx-fatos .pt{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:4px;padding:4px 7px;border-radius:11px;white-space:normal;font-size:11.5px;line-height:1.25;font-weight:500;color:var(--app019-gold-text,#8A5E04);
    background:rgba(255,255,255,.32);-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);
    border:1px solid rgba(205,145,30,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 6px 20px rgba(80,55,10,.05);}
  .hx-fatos .pt>span{display:block;color:var(--app019-gold-text,#8A5E04);}
  /* HOMESKEL0913: KPI numa cor so (ouro-texto); o degrade de letra que morava aqui saiu (ordem Rafael 13/09) */
  .hx-fatos .pt b{font-weight:700;display:inline;}
  .hx-fatos b{font-weight:500;}
  .hx-fatos .sep{display:none;}
  body.dark .hx-t b{background-image:linear-gradient(105deg,#C0790F 0%,#E9A930 45%,#EFAF3F 50%,#E9A930 55%,#C0790F 100%);}
  body.dark .bp-t2{background-image:linear-gradient(105deg,#C0790F 0%,#E9A930 45%,#EFAF3F 50%,#E9A930 55%,#C0790F 100%);}
  body.dark .hx-fatos,html.dark .hx-fatos{--kpi-grad:var(--app019-gold-gradient,linear-gradient(135deg,#F3C651 0%,#E9A930 35%,#D49813 68%,#B88008 100%));}
  @media (prefers-reduced-motion:reduce){.hx-fatos .pt>span{animation:none;background:none;color:var(--app019-gold-text,#8A5E04);-webkit-text-fill-color:var(--app019-gold-text,#8A5E04);}}
  body.dark .hx-fatos .pt{background:rgba(24,24,28,.5);border-color:rgba(233,169,48,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 6px 20px rgba(0,0,0,.28);color:#E9A930;}
  body.dark .hx-fatos .sti{color:#E9A930;}
  .hx-b{width:100%;max-width:600px;padding:6px 8px 6px 20px;box-shadow:0 12px 34px rgba(27,27,31,.12),var(--sombra);background:#FFFFFF;}
  .hx-b input{font-size:16px;}
  .hx-go{min-height:0;padding:0;font-size:0;border-radius:50%;
    background:transparent;color:var(--a19h-ouro-txt,#9A5C00);box-shadow:none;}
  .hx-go:hover{box-shadow:none;}
  body.dark .hx-t{color:#EDEFF3;}
  body.dark .hx-s{color:#B9BEC7;}
  body.dark .hx-s b{color:#D5D9E0;}
  body.dark .hx-b{background:#1B1B1F;}
  @media (prefers-reduced-motion: reduce){
    .hx-t b{animation:none;background:linear-gradient(180deg,#F3C651 0%,#E9A930 55%,#B88008 100%);-webkit-background-clip:text;background-clip:text;}
    body.dark .hx-t b{animation:none;background:linear-gradient(180deg,#E9A930 0%,#C0790F 100%);-webkit-background-clip:text;background-clip:text;}
  }
  
  @media (max-width:1024px){
    .hx{min-height:0;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(220px,46%);row-gap:0;
      padding:0;margin:0 0 32px;border:1px solid var(--separa);border-radius:24px;overflow:hidden;
      background:radial-gradient(110% 90% at 80% 30%,rgba(233,169,48,.06),transparent 55%),linear-gradient(180deg,#FFFFFF 0%,#F1F2F5 100%);box-shadow:var(--sombra);}
    body.dark .hx{background:radial-gradient(110% 90% at 80% 30%,rgba(233,169,48,.09),transparent 55%),linear-gradient(180deg,#17181C 0%,#101114 100%);border-color:#26262C;}
    .hx-tx{display:contents;}
    .hx-t{grid-column:1;grid-row:1;align-self:end;padding:26px 4px 0 20px;font-size:clamp(24px,3.6vw,34px);letter-spacing:-1.2px;line-height:1.05;}
    .hx-s{grid-column:1;grid-row:2;align-self:start;max-width:100%;font-size:15px;line-height:1.5;margin:0;padding:14px 6px 20px 20px;}
    .hx-img{grid-column:2;grid-row:1/3;position:relative;top:auto;right:auto;bottom:auto;left:auto;width:100%;height:100%;min-height:240px;
      border-radius:0;overflow:hidden;align-self:stretch;}
    .hx-img picture{display:block;line-height:0;}
    .hx-i{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:100% 18%;
      -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 30%);mask-image:linear-gradient(90deg,transparent 0,#000 30%);}
    .hx-img::after{content:"";position:absolute;inset:0;background:rgba(27,27,31,.05);}
    body.dark .hx-img::after{background:rgba(0,0,0,.12);}
    .hx-b{grid-column:1/-1;grid-row:3;margin:14px 18px 0;max-width:none;box-shadow:0 14px 34px rgba(27,27,31,.16),var(--sombra);}
    .a19hcta{grid-column:1/-1;grid-row:4;margin:10px 18px 0;}.hx-fatos{grid-column:1/-1;grid-row:5;margin:10px 20px 14px;}
  }
  .hx-fatos .sti{display:block;width:13px;height:13px;flex:0 0 auto;color:var(--app019-gold-text,#8A5E04);}
  @media (max-width:640px){
    .hx{display:grid;grid-template-columns:1fr;grid-template-areas:"banner" "cta" "stats";grid-template-rows:auto auto auto;
      position:relative;min-height:0;padding:0;margin:-13px 0 10px;border-radius:26px;overflow:hidden;isolation:isolate;
      background:linear-gradient(158deg,#FEFCF7,#FBF6EC);}
    body.dark .hx{background:linear-gradient(158deg,#0C0C0E,#090909);}
    .hx::before{content:none;}
    .hx::after{content:none;} body.dark .hx-t{text-shadow:0 1px 2px rgba(0,0,0,.5);} body.dark .hx-s{text-shadow:0 1px 2px rgba(0,0,0,.5);}    .hx-tx{display:contents;}
    .hx-img{grid-area:banner;position:relative;width:100%;height:calc(124px + 13vw);aspect-ratio:auto;min-height:0;margin:0;z-index:1;align-self:stretch;}
    .hx-img picture{display:block;width:100%;height:100%;line-height:0;}
    .hx-i{width:100%;height:100%;object-fit:cover;object-position:93% 36%;transform:scale(1.22);transform-origin:center;-webkit-mask-image:none;mask-image:none;}
    .hx-t{grid-area:banner;align-self:start;justify-self:start;position:relative;z-index:3;width:70%;margin:0;padding:14px 2px 0 26px;
      font-size:clamp(22px,6.1vw,29px);line-height:1.0;letter-spacing:-.04em;text-shadow:0 1px 1px rgba(255,255,255,.55);}
    .hx-t b:first-of-type{font-size:1.22em;}
    .hx-s{display:none;}
    .hx-s b{font-weight:600;}
    .hx-b{grid-area:banner;align-self:end;justify-self:stretch;position:relative;z-index:6;width:auto;max-width:none;
      margin:0 13px 12px;padding:5px 6px 5px 16px;gap:4px;border-radius:22px;min-height:52px;
      background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(10px) saturate(140%);backdrop-filter:blur(10px) saturate(140%);
      border:1px solid rgba(180,140,40,.18);box-shadow:0 10px 26px rgba(20,24,32,.22),inset 0 1px 0 rgba(255,255,255,.7);}
    body.dark .hx-b{background:rgba(20,20,23,.86);border:1px solid rgba(255,255,255,.14);box-shadow:0 10px 26px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.08);}
    .hx-b input{min-width:0;font-size:16px;}
    .busca input::placeholder{font-size:12.5px;}
    .hx-b .mic{width:32px;height:32px;flex:0 0 auto;}
    .hx-b .mic svg{width:18px;height:18px;}
    .hx-go{min-width:0;flex:0 0 auto;padding:0;width:40px;height:40px;min-height:0;margin-left:0;}
    .a19hcta{grid-area:cta;grid-column:1/-1;margin:10px 13px 0;}.hx-fatos{grid-area:stats;grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;position:relative;z-index:2;margin:6px 8px 10px;padding:0;}
    .hx-fatos .pt{gap:3px;font-size:11.5px;line-height:1.2;padding:4px 6px;} /* HOMESKEL0913: microcard (71,5 -> ~36 px); letra 11,5 px (a FRENTEA0912 R2 subiu-a de 8,5) */
    .hx-fatos .pt b{font-size:11.5px;line-height:1.2;display:block;}
    .hx-fatos .sti{width:10px;height:10px;}
    body.dark .hx-fatos .sti{color:#E9A930;}
    @media (prefers-reduced-transparency:reduce){.hx-b{background:#FFFFFF!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}body.dark .hx-b{background:#16171B!important}}
    #p19caixa{top:auto !important;bottom:12px !important;left:12px !important;right:12px !important;max-width:none !important;}
  }
  @media (max-width:374px){
    .hx{grid-template-columns:minmax(0,1fr);}
    .hx-t{font-size:19px;padding:18px 2px 0 18px;}
    .hx-s{font-size:12px;max-width:150px;padding-left:18px;}
    .hx-img{min-height:0;}.caminhos .ctxt p{-webkit-line-clamp:3;}
    .hx-fatos{gap:4px;margin:6px 6px 10px;}
    .hx-fatos .pt{font-size:11px;}
    .hx-go{min-width:0;padding:0;}
  }
  /* --- banner paginas amarelas --- */
  .banner019{display:block;position:relative;aspect-ratio:203/100;border-radius:var(--raio);overflow:hidden;box-shadow:var(--sombra);border:1px solid var(--borda-ouro);margin:26px 0 0;transition:transform .22s ease, box-shadow .22s ease;}
  .banner019:hover{transform:translateY(-3px);box-shadow:var(--sombra-hover);}
  .banner019 img{width:100%;height:100%;object-fit:cover;object-position:center 50%;display:block;transform:scale(1.06);}
  /* --- banner programa de pontos (claro: BRANCO E DOURADO — missao 30/07; escuro preserva a arte) --- */
  .banner-pontos{display:block;background:
    radial-gradient(720px 300px at 88% 45%, rgba(233,169,48,.16), transparent 65%),
    linear-gradient(180deg,#FFFFFF,#FBF5E8);
    border:1px solid var(--borda-ouro);border-radius:var(--raio);padding:26px 22px;margin:14px 0 0;
    text-decoration:none;box-shadow:var(--sombra);transition:transform .22s ease, box-shadow .22s ease;}
  .banner-pontos:hover{transform:translateY(-3px);box-shadow:var(--sombra-hover),0 0 26px rgba(233,169,48,.25);}
  .bp-tx{display:block;max-width:560px;}
  .bp-t1{display:block;font-size:26px;font-weight:800;color:#1B1B1F;letter-spacing:-.3px;line-height:1.1;}
  .bp-t2{display:block;font-size:26px;font-weight:800;letter-spacing:-.3px;line-height:1.2;margin-bottom:10px;
    background:linear-gradient(105deg,#B88008 0%,#D49813 36%,#E9A930 46%,#F3C651 50%,#E9A930 54%,#D49813 64%,#B88008 100%);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:hx-reflexo 7s linear infinite;}
  .bp-p{display:block;font-size:14px;color:#3A3D44;margin-bottom:16px;line-height:1.55;}
  .bp-cta{display:inline-block;border:none;color:var(--app019-gold-ink,#241900);background:var(--app019-gold-gradient,linear-gradient(135deg,#F3C651 0%,#E9A930 35%,#D49813 68%,#B88008 100%));border-radius:12px;padding:12px 22px;font-size:13.5px;font-weight:700;letter-spacing:.2px;box-shadow:0 2px 8px rgba(138,94,4,.30);animation:bp-pulso 2.6s ease-in-out infinite;transition:transform .18s ease;}
  .banner-pontos:hover .bp-cta{transform:translateY(-1px);}
  @keyframes bp-pulso{0%,100%{box-shadow:0 2px 8px rgba(138,94,4,.30);}50%{box-shadow:0 5px 20px rgba(138,94,4,.55);}}
  body.dark .banner-pontos{background:
    radial-gradient(720px 300px at 85% 50%, rgba(233,169,48,.18), transparent 65%),
    linear-gradient(120deg,#151310,#26221A);}
  body.dark .bp-t1{color:#FFFFFF;}
  body.dark .bp-p{color:#C9CCD3;}
  @media (prefers-reduced-motion: reduce){
    .bp-cta{animation:none;}
    .bp-t2{animation:none;background:linear-gradient(180deg,#F3C651 0%,#E9A930 55%,#B88008 100%);-webkit-background-clip:text;background-clip:text;}
    body.dark .bp-t2{animation:none;background:linear-gradient(180deg,#E9A930 0%,#C0790F 100%);-webkit-background-clip:text;background-clip:text;}
  }
  /* --- HOMEHDR0828 28/08/2026: botoes oficiais das lojas de aplicativo (ocultos dentro do app/PWA) --- */
  .a19dl{margin:14px 0 10px;text-align:left;}
  .a19dl-k{font-size:11.5px;letter-spacing:.18em;font-weight:700;color:var(--ouro-txt);margin:0 0 9px;}
  .a19dl-b{display:flex;gap:12px;justify-content:flex-start;flex-wrap:wrap;}
  /* LOJASBTN0901 01/09: badge oficial das lojas - preto do brandbook + texto branco 3D.
     Antes: branco sobre dourado #A86305 = contraste 4,72:1 (ilegivel, queixa do Rafael).
     Agora: branco sobre #0B0B0D-#2A2A31 = 15,0:1 a 19,7:1. */
  .a19dl-btn{display:inline-flex;align-items:center;gap:11px;min-height:56px;padding:0 20px;border-radius:12px;background:linear-gradient(180deg,#2A2A31 0%,#141418 48%,#0B0B0D 100%);border:1px solid rgba(233,169,48,.55);color:#FFFFFF;text-decoration:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 4px 14px rgba(0,0,0,.38);transition:transform .2s ease, box-shadow .2s ease;}
  .a19dl-btn:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 8px 22px rgba(0,0,0,.5);}
  .a19dl-btn:focus-visible{outline:2px solid var(--ouro);outline-offset:3px;}
  .a19dl-btn svg{width:26px;height:26px;flex-shrink:0;}
  .a19dl-tx{display:flex;flex-direction:column;line-height:1.06;text-align:left;}
  .a19dl-t1{font-size:10.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:#FFFFFF;text-shadow:0 1px 0 rgba(0,0,0,.62),0 2px 4px rgba(0,0,0,.5);}
  .a19dl-t2{font-size:18px;font-weight:800;color:#FFFFFF;text-shadow:0 1px 0 rgba(0,0,0,.65),0 2px 5px rgba(0,0,0,.55),0 0 12px rgba(255,255,255,.30);}
  /* LOJASBTN0901 V3=B: os MESMOS badges no menu lateral. Reusa .a19dl-btn de proposito -
     uma fonte so: mudar a arte do badge muda os dois lugares. A ancora tem 3 classes
     porque `.gaveta a` (0,1,1) vence `.a19dl-btn` (0,1,0) e apagaria o branco do texto. */
  .gaveta .a19dl-gav{display:flex;flex-direction:column;gap:9px;margin:2px 6px 6px;}
  html.in-app019 .a19dl,html.in-app019 .g19-app{display:none!important;}
  @media (display-mode:standalone){.a19dl{display:none!important;}}
  @media (max-width:640px){.a19dl-b{gap:10px;}.a19dl-btn{flex:1 1 100%;justify-content:flex-start;padding:0 16px;gap:10px;min-height:54px;}.a19dl-btn svg{width:24px;height:24px;}.a19dl-t2{font-size:17px;}}
  /* --- rodape --- */
  .rodape{margin-top:34px;padding:22px 0 10px;border-top:1px solid var(--separa);text-align:left;}
  .rodape .linhas{display:flex;flex-wrap:wrap;gap:10px 18px;margin-bottom:12px;}
  .rodape a{color:var(--ink2);font-size:13px;text-decoration:none;font-weight:600;}
  .rodape a:hover{color:var(--ouro-txt);text-decoration:underline;}
  .rodape small{color:var(--ink2);font-size:9.6px;display:block;}


  /* --- G19 (missao 30/07): EMERGENCIA no menu, dados da empresa no rodape, chave de tema maior no desktop --- */
  .gaveta a.g19-emerg{display:flex;align-items:center;gap:10px;background:#B71C1C;color:#FFFFFF;font-weight:800;letter-spacing:.4px;text-transform:uppercase;border-radius:12px;padding:13px 14px;margin:4px 0 12px;}
  .emp019{margin-top:14px;text-align:left;}
  .emp019 p{margin:3px 0;}
  .emp019 .e1{font-size:10px;font-weight:600;color:#4A4E57;}
  .emp019 .e2{font-size:12px;color:#5B6068;}
  .emp019 .e3{font-size:8.8px;color:#5B6068;max-width:760px;margin:6px 0;line-height:1.5;}
  .emp019 .e4{font-size:10px;color:#4A4E57;margin-top:10px;}
  body.dark .emp019 .e1, body.dark .emp019 .e4{color:#B9BEC7;}
  body.dark .emp019 .e2, body.dark .emp019 .e3{color:#9AA0AA;}
  @media (min-width:641px){ .toggle svg{width:24px;height:24px;} }
  html,body{overflow-x:clip;}


.g19-mig{max-width:1080px;margin:10px auto 0;padding:0 16px;font-size:13px;color:#5B6068;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.g19-mig a{color:#5B6068;text-decoration:none}
.g19-mig a:hover{color:#8A5E04;text-decoration:underline}
.g19-mig span.sep{opacity:.55}
.g19-mig b{color:#3A3D44;font-weight:700}
body.dark .g19-mig,body.dark .g19-mig a{color:#9AA0AA}
body.dark .g19-mig b{color:#D5D9E0}
.g19-topo{position:fixed;right:16px;bottom:18px;z-index:70;width:46px;height:46px;border-radius:50%;border:1px solid rgba(168,99,5,.4);background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(10px) saturate(1.1);backdrop-filter:blur(10px) saturate(1.1);color:#8A5E04;cursor:pointer;display:none;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(27,31,38,.14),inset 0 1px 0 rgba(255,255,255,.85);transition:transform .18s ease,opacity .18s ease}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.g19-topo{background:rgba(255,255,255,.95)}}
.g19-topo.on{display:flex}
.g19-topo:hover{transform:translateY(-2px)}
.g19-topo svg{width:20px;height:20px;stroke:#8A5E04;stroke-width:2.4;fill:none;stroke-linecap:round;stroke-linejoin:round}
body.dark .g19-topo{background:rgba(28,31,34,.62);-webkit-backdrop-filter:blur(10px) saturate(1.1);backdrop-filter:blur(10px) saturate(1.1);border-color:rgba(233,169,48,.4);box-shadow:0 2px 8px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.08)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){body.dark .g19-topo{background:rgba(28,31,34,.95)}}
body.dark .g19-topo svg{stroke:#E9A930}
.g19-segue{max-width:1080px;margin:26px auto 0;padding:0 16px}
.g19-segue h2{font-size:15px;letter-spacing:.06em;text-transform:uppercase;color:#8A5E04;margin:0 0 10px;font-weight:800}
.g19-segue .cx{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}
.g19-segue a{display:block;border:1px solid rgba(168,99,5,.22);border-radius:12px;padding:13px 15px;background:#FFFFFF;text-decoration:none;color:#1B1B1F;font-weight:700;font-size:14.5px;box-shadow:0 1px 4px rgba(27,27,31,.06);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.g19-segue a:hover{transform:translateY(-2px);border-color:rgba(168,99,5,.5);box-shadow:0 6px 16px rgba(27,27,31,.1);color:#1B1B1F}
.g19-segue a small{display:block;font-weight:400;font-size:12.5px;color:#5B6068;margin-top:3px}
body.dark .g19-segue a{background:#1B1B1F;color:#EDEFF3;border-color:rgba(233,169,48,.25)}
body.dark .g19-segue a small{color:#9AA0AA}
.g19-toast{position:fixed;left:50%;transform:translate(-50%,20px);bottom:22px;z-index:90;background:#1B1B1F;color:#FFFFFF;border-radius:12px;padding:12px 20px;font-size:14px;font-weight:600;box-shadow:0 8px 24px rgba(27,27,31,.28);opacity:0;pointer-events:none;transition:opacity .22s ease,transform .22s ease}
.g19-toast.on{opacity:1;transform:translate(-50%,0)}
@media (prefers-reduced-motion: reduce){.g19-topo,.g19-segue a,.g19-toast{transition:none}}
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.22s}
@media (prefers-reduced-motion: reduce){::view-transition-old(root),::view-transition-new(root){animation:none}}

  
  /* SKEL0914 FASE 4a (V4=A): "Explore categorias" 5x2 - quadrado BRANCO, icone dourado, nome por baixo. Substitui as 3 camadas
     antigas da .g19cats (grelha 3/6 colunas, regua que rolava e caixa dourada com icone branco). Icone #B88008 sobre branco = 3,1:1
     (grafico); nome #3C4043. */
  .g19cats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px 6px;margin:6px 0 8px;padding:0}
  .g19cats a{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:2px 0 4px;border-radius:12px;text-decoration:none;color:#1B1B1F;font-size:11.5px;font-weight:600;line-height:1.2;text-align:center;transition:transform .18s ease}
  .g19cats a:hover{transform:translateY(-2px)}
  /* SKEL0914-UNI 4b (prompt-mestre partes 12-13): caixa branco/creme com leve vidro e sombra dourada suave; icone em ouro com relevo discreto */
  .g19cats .gci{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;color:var(--app019-gold-dark,#B88008);background:linear-gradient(180deg,rgba(255,255,255,.97) 0%,rgba(252,247,236,.93) 100%);border:1px solid rgba(233,169,48,.24);box-shadow:inset 0 1px 0 #FFFFFF,inset 0 -3px 6px rgba(212,152,19,.07),0 3px 10px rgba(184,128,8,.12)}
/* regra com url(#g19ouro) fica INLINE na pagina (referencia a gradiente SVG do documento nao funciona em CSS externo) */
  .g19cats .g19cats-defs{position:absolute;width:0;height:0;overflow:hidden}
  .g19cats .gcx{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#3C4043}
  .g19cats a:focus-visible{outline:none}
  .g19cats a:focus-visible .gci{outline:2px solid var(--app019-gold-dark,#B88008);outline-offset:2px}
  @media (max-width:359px){.g19cats{gap:10px 4px}.g19cats .gci{width:46px;height:46px}.g19cats a{font-size:10.5px}}
  @media (min-width:641px){.g19cats{grid-template-columns:repeat(10,minmax(0,1fr));gap:10px}.g19cats .gci{width:58px;height:58px;border-radius:16px}.g19cats .gci svg{width:24px;height:24px}}
  body.dark .g19cats a,html.dark .g19cats a{color:#EDEFF3}
  body.dark .g19cats .gci,html.dark .g19cats .gci{background:#1B1B1F;border-color:#2A2A30}
  body.dark .g19cats .gcx,html.dark .g19cats .gcx{color:#C3C8D1}
  @media (prefers-reduced-motion:reduce){.g19cats a{transition:none}}
  /* SKEL0914 FASE 4a: lugar do cabecalho universal (136 px no celular com busca; 104 px a partir de 900 px - medidos 12:0x) */
  :root{--a19-top-safe:env(safe-area-inset-top,0px);--a19-top-min:0px;--a19-top:max(var(--a19-top-safe),var(--a19-top-min))}@media (max-width:899px),(hover:none),(pointer:coarse){:root{--a19-top-min:6px}}html.in-app019{--a19-top-min:24px}html.a19-no-topsafe{--a19-top:0px}.t19-reserva{height:calc(129px + var(--a19-top))}
  @media (min-width:900px){.t19-reserva{height:calc(103px + var(--a19-top))}}
  /* --- ultimas publicacoes (item 27, fonte /blog/ultimas.json da sessao do blog) --- */
  .g19-blog{margin:26px 0 0;}
  .g19-blog .cab{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:10px;}
  .g19-blog h2{font-size:15px;letter-spacing:.08em;text-transform:uppercase;color:#8A5E04;margin:0;font-weight:800;}
  .g19-blog .cab a{font-size:13.5px;font-weight:700;color:#8A5E04;text-decoration:none;}
  .g19-blog .cab a:hover{text-decoration:underline;}
  .g19-blog .cx{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;min-height:132px;}
  .g19-blog a.post{display:flex;flex-direction:column;gap:6px;border:1px solid var(--borda-ouro-fina,rgba(168,99,5,.22));border-radius:var(--raio,14px);padding:14px 16px;background:#FFFFFF;text-decoration:none;box-shadow:var(--sombra,0 1px 4px rgba(27,27,31,.06));transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;}
  .g19-blog a.post:hover{transform:translateY(-2px);box-shadow:var(--sombra-hover,0 6px 16px rgba(27,27,31,.12));border-color:rgba(168,99,5,.5);}
  .g19-blog .tema{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#8A5E04;}
  .g19-blog .tit{font-size:15px;font-weight:700;color:#1B1B1F;line-height:1.35;}
  .g19-blog .data{font-size:12px;color:#5B6068;}
  .g19-blog .esq{border-radius:var(--raio,14px);background:linear-gradient(100deg,#F2F3F5 30%,#E9EBEE 50%,#F2F3F5 70%);background-size:250% 100%;animation:g19sk 1.3s linear infinite;min-height:118px;}
  @keyframes g19sk{from{background-position:130% 0}to{background-position:-30% 0}}
  body.dark .g19-blog a.post{background:#1B1B1F;border-color:rgba(233,169,48,.25);}
  body.dark .g19-blog .tit{color:#EDEFF3;}
  body.dark .g19-blog .data{color:#9AA0AA;}
  body.dark .g19-blog .esq{background:linear-gradient(100deg,#1B1B1F 30%,#26262C 50%,#1B1B1F 70%);background-size:250% 100%;}
  @media (prefers-reduced-motion: reduce){.g19-blog .esq{animation:none}.g19-blog a.post{transition:none}}

  /* --- cidades em destaque (item 28) --- */
  .g19-cid{margin:26px 0 0;}
  .g19-cid .cab{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:10px;}
  .g19-cid h2{font-size:15px;letter-spacing:.08em;text-transform:uppercase;color:#8A5E04;margin:0;font-weight:800;}
  .g19-cid .cab a{font-size:13.5px;font-weight:700;color:#8A5E04;text-decoration:none;}
  .g19-cid .cab a:hover{text-decoration:underline;}
  .g19-cid .cx{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:9px;}
  .g19-cid a.c{display:block;border:1px solid var(--borda-ouro-fina,rgba(168,99,5,.22));border-radius:var(--raio,14px);padding:12px 14px;background:#FFFFFF;text-decoration:none;box-shadow:var(--sombra,0 1px 4px rgba(27,27,31,.06));transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;}
  .g19-cid a.c:hover{transform:translateY(-2px);border-color:rgba(168,99,5,.5);box-shadow:var(--sombra-hover,0 6px 16px rgba(27,27,31,.12));}
  .g19-cid b{display:block;font-size:14.5px;color:#1B1B1F;}
  .g19-cid small{display:block;font-size:12px;color:#5B6068;margin-top:2px;}
  body.dark .g19-cid a.c{background:#1B1B1F;border-color:rgba(233,169,48,.25);}
  body.dark .g19-cid b{color:#EDEFF3;}
  body.dark .g19-cid small{color:#9AA0AA;}
  @media (prefers-reduced-motion: reduce){.g19-cid a.c{transition:none}}
  .g19-cid .cab a{padding-top:14px;padding-bottom:14px;margin-top:-11px;margin-bottom:-11px;}
@media (prefers-reduced-transparency: reduce){header,.gaveta,.busca{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#FFFFFF!important}body.dark header,body.dark .gaveta,body.dark .busca{background:#16171B!important}}

  /* ===== RADIO019 PLAYER ===== */
  .r19{max-width:1080px;margin:0 auto 5px;padding:0 16px;}
  .r19in{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:18px;background:rgba(255,255,255,.66);-webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%);border:1px solid rgba(255,255,255,.7);color:#2a2a2e;box-shadow:0 6px 20px rgba(20,24,32,.12);} body.dark .r19in{background:rgba(26,26,30,.55);border:1px solid rgba(255,255,255,.13);color:#e7e9ee;box-shadow:0 6px 20px rgba(0,0,0,.35);} body.dark .r19x{color:rgba(255,255,255,.55);}
  .r19.off{display:none;}
  .r19bt{flex:0 0 auto;width:46px;height:46px;border-radius:50%;border:0;cursor:pointer;background:var(--app019-gold-gradient,linear-gradient(135deg,#F3C651 0%,#E9A930 35%,#D49813 68%,#B88008 100%));color:var(--app019-gold-ink,#241900);display:flex;align-items:center;justify-content:center;transition:background .15s;}
  .r19bt:hover{background:rgba(255,255,255,.3)}
  .r19bt:focus-visible{outline:3px solid #E9A930;outline-offset:2px}
  .r19bt svg{width:22px;height:22px;fill:#fff}
  .r19mid{flex:1;min-width:0}
  .r19tit{display:flex;align-items:center;gap:7px;font-weight:800;font-size:13px;letter-spacing:.02em}
  .r19live{font-size:9px;font-weight:800;background:#E9342E;border-radius:4px;padding:1px 6px;letter-spacing:.05em}
  .r19now{font-size:12.5px;color:rgba(255,255,255,.86);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}
  .r19go{flex:0 0 auto;font-size:12px;font-weight:800;color:#1B1B1F;background:#E9A930;border-radius:9px;padding:7px 12px;text-decoration:none;white-space:nowrap}
  .r19go:focus-visible{outline:3px solid #fff;outline-offset:2px}
  .r19vol{flex:0 0 auto;width:78px;accent-color:#E9A930}
  @media (max-width:560px){.r19vol{width:52px}.r19now{font-size:11.5px}}
  @media (prefers-reduced-transparency:reduce){.r19bt{background:rgba(255,255,255,.32)!important}}

  
  .r19in{gap:9px;padding:3px 10px;border-radius:14px;cursor:pointer}
  .r19bt{width:28px;height:28px}
  .r19bt svg{width:14px;height:14px}
  .r19tit{font-size:11px;gap:6px;line-height:1.15}
  .r19live{font-size:8px;padding:0 5px}
  .r19now{font-size:10.5px;margin-top:0;line-height:1.15}
  .r19go{font-size:11px;padding:4px 9px;border-radius:7px}
  .r19vol{width:46px}
  /* o X: recheio proprio para dar area de toque dentro de uma faixa baixa */
  .r19x{flex:0 0 auto;background:none;border:0;color:rgba(0,0,0,.42);
    font-size:17px;line-height:1;cursor:pointer;font-family:inherit;
    width:26px;height:28px;padding:0;display:flex;align-items:center;justify-content:center}
  .r19x:hover{color:#FFFFFF}
  .r19x:focus-visible{outline:3px solid #E9A930;outline-offset:2px}
  
  .faixa .loja,.faixa .loja.divulgue{flex:0 0 92px;width:92px;height:124px;}
  .faixa .loja .lfoto{width:100%;height:90px;flex:0 0 90px;background:#F1F3F6;}
  body.dark .faixa .loja .lfoto{background:#26272C;}
  .faixa .loja .lfoto img{transform:none;width:100%;height:100%;object-fit:cover;}
  .faixa .loja b{flex:1 1 auto;font-size:11.5px;line-height:1.15;padding:3px 5px;}
  /* F12 02/08: a faixa de palavras do cabecalho estourava 5px a 1440 e a pagina
     rolava para o lado. Prende dentro da largura da tela; o rolo interno continua. */
  .words{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
  html,body{overflow-x:clip}

  

  /* --- 2. GRADIENTE DA MARCA (com cor solida de reserva ANTES: sem o @supports,
         navegador que nao pinta letra com fundo deixaria o texto invisivel) --- */
  .hx-t b{color:#B88008}
  .entrar{color:#fff}
  .faixa .loja b{color:#8A5E04}
  body.dark .hx-t b,html.dark .hx-t b{color:#DA9A2B}
  body.dark .faixa .loja b,html.dark .faixa .loja b{color:#E9A930}
  @supports ((-webkit-background-clip:text) or (background-clip:text)){
    .hx-t b{background:var(--grad-logo-texto);background-size:220% auto;
      -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:brilho-logo 7s linear infinite}
    body.dark .hx-t b,html.dark .hx-t b{
      background:var(--app019-gold-gradient,linear-gradient(135deg,#F3C651 0%,#E9A930 35%,#D49813 68%,#B88008 100%));background-size:220% auto;
      -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:brilho-logo 7s linear infinite}
    .faixa .loja b{background:var(--app019-gold-gradient,linear-gradient(135deg,#F3C651 0%,#E9A930 35%,#D49813 68%,#B88008 100%));
      -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
    body.dark .faixa .loja b,html.dark .faixa .loja b{
      background:linear-gradient(180deg,#E9A930,#D18F1C,#C0790F);
      -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
  }
  /* o botao Entrar e CHAPA, nao letra: gradiente direto, texto branco a 4,55:1 */
  .entrar{background:var(--app019-gold-gradient,linear-gradient(135deg,#F3C651 0%,#E9A930 35%,#D49813 68%,#B88008 100%))!important}





.faixa .carrossel .loja,.faixa .carrossel .loja.divulgue{flex:0 0 78px;width:78px;height:105px;}
.faixa .carrossel .loja .lfoto{height:77px;flex:0 0 77px;}


@media (max-width:378px){.hx-t{font-size:clamp(19px,5.4vw,22px);line-height:1.03;width:72%;} .hx-i{transform:scale(1.06);object-position:70% 34%;}}
/* home0920: bloco ZOOM16-0804 */
/* fonte <16px faz o iPhone dar zoom ao tocar no campo */#selcidade019{font-size:16px}
/* home0920: bloco g19vidro0805 */
.g19-btn-buscar{border:1px solid rgba(168,99,5,.4);border-radius:999px;background:rgba(255,255,255,.55);backdrop-filter:blur(10px) saturate(150%);-webkit-backdrop-filter:blur(10px) saturate(150%);color:#8A5E04;box-shadow:0 1px 5px rgba(27,27,31,.08);}
.g19-btn-buscar:hover{border-color:rgba(168,99,5,.65);background:rgba(255,255,255,.7);box-shadow:0 4px 12px rgba(138,94,4,.2);}
body.dark .g19-btn-buscar{background:rgba(27,27,31,.55);color:#E9A930;border-color:rgba(233,169,48,.4);}
body.dark .g19-btn-buscar:hover{background:rgba(27,27,31,.72);border-color:rgba(233,169,48,.6);}
.g19-mic{position:relative;}
.g19-mic::after{content:'';position:absolute;inset:-3px;border-radius:50%;border:2px solid rgba(168,99,5,.45);opacity:0;animation:g19radar 2.6s ease-out infinite;pointer-events:none;}
body.dark .g19-mic::after{border-color:rgba(233,169,48,.5);}
.g19-mic.gravando::after,body.dark .g19-mic.gravando::after{border-color:rgba(183,28,28,.6);animation-duration:1.1s;}
@keyframes g19radar{0%{transform:scale(.85);opacity:0;}12%{opacity:.5;}60%{transform:scale(1.3);opacity:0;}100%{transform:scale(1.3);opacity:0;}}
@media (prefers-reduced-motion: reduce){.g19-mic::after{animation:none;opacity:0;}}
/* home0920: bloco vidro0805a */
/* 1. "!" cortado: o brilho pinta so a caixa do <b> (background-clip:text) e o italico com
   letter-spacing negativo empurra a ponta do glifo para fora dessa caixa — a ponta ficava sem
   tinta. O padding estende a area pintavel; a margem negativa devolve o layout exato. */
.hx-t b{padding:0 .14em 0 .05em;margin:0 -.14em 0 -.05em;}

@supports ((-webkit-background-clip:text) or (background-clip:text)){
/* 2. Luz ouro dentro de PRECISA e AQUI! — o brilho-logo ja corre da esquerda para a direita.
   Claro: pico #C0790F (3,26:1 no fundo do hero; piso de titulo grande e 3,0 — igual ao pico que ja
   estava no ar, sem regressao) sobre base #8A5E04 (5,3). Escuro: pico #EFAF3F (uso oficial de pico). */
.hx-t b{background:linear-gradient(100deg,#B88008 0%,#D49813 38%,#E9A930 47%,#F3C651 50%,#E9A930 53%,#D49813 62%,#B88008 100%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:brilho-logo 4s linear infinite;}
body.dark .hx-t b,html.dark .hx-t b{background:var(--app019-gold-gradient,linear-gradient(135deg,#F3C651 0%,#E9A930 35%,#D49813 68%,#B88008 100%));background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:brilho-logo 4s linear infinite;}
}

/* 3. VIDRO nos botoes Buscar (hero e header), Entrar e menu. Texto ouro-cafe #6E4102 no claro e
   ouro-claro #F2CE7B no escuro (ambos 8+:1 no fundo composto). Nao ha chapa amarela: o fundo e
   translucido — a lei "nunca texto preto em botao amarelo" nao e tocada. */
.btn-buscar,.hx-go{background:var(--app019-gold-gradient,linear-gradient(135deg,#F3C651 0%,#E9A930 35%,#D49813 68%,#B88008 100%));-webkit-backdrop-filter:blur(12px) saturate(160%);backdrop-filter:blur(12px) saturate(160%);border:1px solid rgba(184,128,8,.32);color:var(--app019-gold-ink,#241900);text-shadow:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 4px 12px rgba(184,128,8,.16);}
.btn-buscar:hover,.hx-go:hover{background:linear-gradient(135deg,rgba(255,255,255,.68),rgba(255,255,255,.3) 42%,rgba(233,169,48,.3));box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 6px 16px rgba(138,94,4,.22);}
body.dark .btn-buscar,body.dark .hx-go{background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.05) 42%,rgba(233,169,48,.16));border:1px solid rgba(233,169,48,.40);color:var(--app019-gold-light,#F3C651);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 4px 12px rgba(0,0,0,.35);}
body.dark .btn-buscar:hover,body.dark .hx-go:hover{background:linear-gradient(135deg,rgba(255,255,255,.22),rgba(255,255,255,.09) 42%,rgba(233,169,48,.22));}
.entrar{background:var(--app019-gold-gradient,linear-gradient(135deg,#F3C651 0%,#E9A930 35%,#D49813 68%,#B88008 100%))!important;-webkit-backdrop-filter:blur(12px) saturate(160%);backdrop-filter:blur(12px) saturate(160%);border:1px solid rgba(184,128,8,.32);color:var(--app019-gold-ink,#241900);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 4px 12px rgba(184,128,8,.14);}
.entrar:hover{background:linear-gradient(135deg,rgba(255,255,255,.64),rgba(255,255,255,.28) 45%,rgba(233,169,48,.28))!important;}
body.dark .entrar{background:linear-gradient(135deg,rgba(255,255,255,.15),rgba(255,255,255,.05) 45%,rgba(233,169,48,.14))!important;border:1px solid rgba(233,169,48,.40);color:var(--app019-gold-light,#F3C651);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 4px 12px rgba(0,0,0,.4);}
body.dark .entrar:hover{background:linear-gradient(135deg,rgba(255,255,255,.2),rgba(255,255,255,.08) 45%,rgba(233,169,48,.2))!important;}

/* 4. AO VIVO: sai a faixa vermelha chapada; entra pilula de vidro com a PALAVRA em vermelho.
   De brinde conserta contraste: antes era texto claro sobre #E9342E (~2,7:1); agora #C81E1E no
   claro (5,0) e #FF6B62 no escuro (5,7). */
.r19live{background:rgba(233,52,46,.10);color:#C81E1E;border:1px solid rgba(233,52,46,.32);-webkit-backdrop-filter:blur(8px) saturate(150%);backdrop-filter:blur(8px) saturate(150%);border-radius:5px;}
body.dark .r19live{background:rgba(233,52,46,.16);color:#FF6B62;border-color:rgba(255,107,98,.38);}

/* 5. Vitrine do carrossel de destaques: logotipo INTEIRO (contain) com respiro sobre palco suave —
   somem o corte e a margem dura. Imagem nova por IA e a etapa 2 (nomes novos -v4, sem sobrescrever). */
.faixa .loja .lfoto{background:radial-gradient(120% 90% at 50% 12%,#FFFFFF 0%,#F3F4F7 58%,#E7E9EE 100%);padding:0;}
.faixa .loja .lfoto img{object-fit:cover;border-radius:6px;}
body.dark .faixa .loja .lfoto{background:radial-gradient(120% 90% at 50% 12%,#3A3B42 0%,#2A2B31 60%,#1F2025 100%);}


.faixa .loja.divulgue{background:linear-gradient(150deg,rgba(255,255,255,.5),rgba(255,255,255,.14) 55%,rgba(233,169,48,.18));-webkit-backdrop-filter:blur(10px) saturate(150%);backdrop-filter:blur(10px) saturate(150%);}
body.dark .faixa .loja.divulgue{background:linear-gradient(150deg,rgba(255,255,255,.10),rgba(255,255,255,.03) 55%,rgba(233,169,48,.10));}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.faixa .loja.divulgue{background:rgba(255,251,240,.92);}body.dark .faixa .loja.divulgue{background:rgba(40,40,46,.92);}}
@media (prefers-reduced-transparency:reduce){.faixa .loja.divulgue{background:#FFFFFF!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;}body.dark .faixa .loja.divulgue{background:#16171B!important;}}

/* Reservas: navegador sem blur -> fundo mais fechado; transparencia reduzida -> solido. */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .btn-buscar,.hx-go,.btn-menu{background:rgba(255,255,255,.85);}
  .entrar{background:rgba(255,255,255,.85)!important;}
  body.dark .btn-buscar,body.dark .hx-go,body.dark .btn-menu{background:rgba(40,40,46,.92);}
  body.dark .entrar{background:rgba(40,40,46,.92)!important;}
  .r19live{background:rgba(255,255,255,.8);}
  body.dark .r19live{background:rgba(40,40,46,.92);}
}
@media (prefers-reduced-transparency:reduce){
  .btn-buscar,.hx-go,.btn-menu,.r19live{background:#FFFFFF!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;}
  .entrar{background:#FFFFFF!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;}
  body.dark .btn-buscar,body.dark .hx-go,body.dark .btn-menu,body.dark .entrar,body.dark .r19live{background:#16171B!important;}
}