/* ═══════════════════════════════════════════════
     TOKENS — 100% idênticos ao site principal
  ═══════════════════════════════════════════════ */
  :root{
    --bg:   #F5F7F1; --bg2:  #ECEFE3;
    --ink:  #1B231D; --muted:#45524A;
    --pri:  #1F3A30; --prid: #142922; --pril: #2E5642;
    --acc:  #B4812C; --accl: #E6C679;
    --line: #CBD8C5; --white:#FFFFFF;
    --serif:'Fraunces',Georgia,serif;
    --sans: 'Inter',system-ui,sans-serif;
    --wrap: 1100px; --r: 4px; --hh: 70px;
  }

  /* ═══════════════════════════════════════════════
     RESET
  ═══════════════════════════════════════════════ */
  *,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
  html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
  body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;}
  img{max-width:100%;height:auto;display:block;}
  a{color:inherit;text-decoration:none;}
  ul{list-style:none;}
  button{font-family:var(--sans);}

  /* ═══════════════════════════════════════════════
     LAYOUT
  ═══════════════════════════════════════════════ */
  .w{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 24px;}

  /* ═══════════════════════════════════════════════
     TIPOGRAFIA
  ═══════════════════════════════════════════════ */
  h1,h2,h3,h4{font-family:var(--serif);font-weight:600;line-height:1.15;color:var(--prid);}
  h1{font-size:clamp(1.9rem,5vw,3rem);font-weight:500;margin-bottom:.4em;}
  h2{font-size:clamp(1.4rem,3vw,2rem);margin-bottom:.4em;}
  h3{font-size:clamp(1rem,2vw,1.18rem);margin-bottom:.3em;}
  p{color:var(--muted);margin-bottom:1em;}
  p:last-child{margin-bottom:0;}

  .eyebrow{
    display:inline-flex;align-items:center;gap:.5em;
    font-family:var(--sans);font-weight:700;font-size:.72rem;
    letter-spacing:.15em;text-transform:uppercase;color:var(--acc);
    margin-bottom:.85em;
  }
  .eyebrow::before{content:"";width:18px;height:2px;background:var(--acc);}
  .lede{font-size:clamp(.97rem,2vw,1.1rem);color:var(--muted);}

  /* ═══════════════════════════════════════════════
     BOTÕES — mesmos do site principal
  ═══════════════════════════════════════════════ */
  .btn{
    display:inline-flex;align-items:center;justify-content:center;gap:.55em;
    padding:.78em 1.4em;font-family:var(--sans);font-weight:600;font-size:.92rem;
    border-radius:var(--r);border:1.5px solid transparent;cursor:pointer;
    transition:transform .15s,background .2s,color .2s,border-color .2s;
    white-space:nowrap;text-decoration:none;line-height:1;min-height:44px;
  }
  .btn:active{transform:scale(.97);}
  .btn svg{width:18px;height:18px;flex-shrink:0;}
  .btn-pri{background:var(--acc);color:var(--white);border-color:var(--acc);}
  .btn-pri:hover{background:var(--accl);border-color:var(--accl);color:var(--prid);}
  .btn-out{background:transparent;border-color:var(--pri);color:var(--pri);}
  .btn-out:hover{background:var(--pri);color:var(--white);}
  .btn-gho{background:transparent;border-color:rgba(255,255,255,.4);color:var(--white);}
  .btn-gho:hover{border-color:var(--accl);color:var(--accl);}
  .btn-wpp{background:#25d366;color:var(--white);border-color:#25d366;}
  .btn-wpp:hover{background:#1db954;border-color:#1db954;}
  .brow{display:flex;flex-wrap:wrap;gap:12px;align-items:center;}

  /* ═══════════════════════════════════════════════
     HEADER — idêntico ao site principal
  ═══════════════════════════════════════════════ */
  .site-header{
    position:fixed;top:0;left:0;right:0;z-index:200;
    background:var(--prid);border-bottom:1px solid rgba(255,255,255,.07);
    transition:box-shadow .25s;
  }
  .site-header.sc{box-shadow:0 2px 20px rgba(0,0,0,.32);}
  .hi{display:flex;align-items:center;justify-content:space-between;height:var(--hh);gap:16px;}

  .brand{display:flex;align-items:center;gap:10px;color:var(--white);text-decoration:none;flex-shrink:0;}
  .bmark{
    width:40px;height:40px;border-radius:50%;border:1.5px solid var(--accl);
    display:flex;align-items:center;justify-content:center;
    font-family:var(--serif);font-size:.95rem;font-style:italic;color:var(--accl);flex-shrink:0;
  }
  .bname{display:block;font-family:var(--serif);font-size:1.05rem;color:var(--white);line-height:1.1;}
  .btag{display:block;font-size:.67rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accl);margin-top:2px;}

  nav.nav{display:flex;align-items:center;gap:22px;}
  nav.nav a{
    color:rgba(255,255,255,.8);font-size:.88rem;font-weight:500;
    padding:4px 0;position:relative;transition:color .2s;white-space:nowrap;
  }
  nav.nav a:hover,nav.nav a.on{color:var(--white);}
  nav.nav a.on::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--acc);}
  .ncta{
    display:inline-flex;align-items:center;gap:.45em;
    background:var(--acc);color:var(--white)!important;
    padding:.55em 1em;border-radius:var(--r);
    font-weight:600;font-size:.84rem;transition:background .2s;white-space:nowrap;
    min-height:36px;
  }
  .ncta:hover{background:var(--accl);color:var(--prid)!important;}
  .ncta svg{width:15px;height:15px;}
  .ncta.on::after{display:none!important;}

  .hbg{
    display:none;background:none;border:1.5px solid rgba(255,255,255,.28);
    border-radius:var(--r);color:var(--white);
    width:44px;height:44px;cursor:pointer;
    align-items:center;justify-content:center;flex-shrink:0;transition:border-color .2s;
  }
  .hbg:hover{border-color:var(--accl);}
  .hbg svg{width:22px;height:22px;display:block;}

  /* ═══════════════════════════════════════════════
     BREADCRUMB
  ═══════════════════════════════════════════════ */
  .breadcrumb{
    background:var(--bg2);border-bottom:1px solid var(--line);
    padding:10px 0;margin-top:var(--hh);
  }
  .bc-list{display:flex;align-items:center;gap:6px;font-size:.78rem;color:var(--muted);}
  .bc-list a{color:var(--acc);transition:color .2s;}
  .bc-list a:hover{color:var(--prid);}
  .bc-sep{color:var(--line);}
  .bc-cur{font-weight:600;color:var(--ink);}

  /* ═══════════════════════════════════════════════
     HERO
  ═══════════════════════════════════════════════ */
  .blog-hero{
    background:var(--prid);padding:56px 0 0;
    position:relative;overflow:hidden;
  }
  .blog-hero::after{
    content:"";position:absolute;right:-80px;top:-80px;
    width:520px;height:520px;border-radius:50%;
    background:radial-gradient(circle,rgba(180,129,44,.12) 0%,transparent 70%);
    pointer-events:none;
  }
  .hero-inner{position:relative;z-index:1;max-width:700px;}
  .blog-hero h1{color:var(--white);}
  .blog-hero .lede{color:rgba(255,255,255,.76);max-width:560px;}
  .hem{display:block;color:var(--accl);font-style:italic;}

  /* Estatísticas rápidas */
  .hero-stats{
    display:flex;gap:40px;margin:2em 0 2.4em;
    flex-wrap:wrap;
  }
  .hs-item{display:flex;flex-direction:column;}
  .hs-num{font-family:var(--serif);font-size:1.7rem;font-weight:600;color:var(--accl);line-height:1;}
  .hs-lbl{font-size:.75rem;color:rgba(255,255,255,.6);margin-top:3px;text-transform:uppercase;letter-spacing:.06em;}

  .hero-wave{display:block;width:100%;margin-top:48px;}

  /* ═══════════════════════════════════════════════
     FAIXA DE AJUDA RÁPIDA
     (elemento UX chave para quem busca ajuda urgente)
  ═══════════════════════════════════════════════ */
  .help-strip{background:var(--acc);padding:18px 0;}
  .help-inner{
    display:flex;align-items:center;justify-content:space-between;
    gap:16px;flex-wrap:wrap;
  }
  .help-inner p{
    color:var(--white);font-weight:600;font-size:.96rem;margin:0;
  }
  .help-inner span{font-weight:400;opacity:.88;font-size:.88rem;}

  /* ═══════════════════════════════════════════════
     BARRA DE FILTROS — scroll horizontal no mobile
  ═══════════════════════════════════════════════ */
  .filter-bar{
    background:var(--white);
    border-bottom:1px solid var(--line);
    position:sticky;top:var(--hh);z-index:100;
    box-shadow:0 2px 10px rgba(20,41,34,.06);
  }
  .filter-inner{
    display:flex;align-items:center;
    justify-content:space-between;
    gap:14px;padding:12px 0;
  }
  /* scroll horizontal para os filtros — essencial no mobile */
  .cats-scroll{
    display:flex;gap:7px;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    flex:1;
    padding-bottom:2px;
  }
  .cats-scroll::-webkit-scrollbar{display:none;}

  .cat-btn{
    font-family:var(--sans);font-size:.78rem;font-weight:600;
    padding:.42em 1em;border-radius:50px;
    border:1.5px solid var(--line);background:transparent;
    color:var(--muted);cursor:pointer;transition:all .18s;
    white-space:nowrap;flex-shrink:0;min-height:36px;
  }
  .cat-btn:hover{border-color:var(--acc);color:var(--acc);}
  .cat-btn.active{background:var(--acc);border-color:var(--acc);color:var(--white);}

  .search-wrap{position:relative;flex-shrink:0;}
  .search-wrap svg{
    position:absolute;left:10px;top:50%;transform:translateY(-50%);
    width:16px;height:16px;color:var(--muted);pointer-events:none;
  }
  #search{
    font-family:var(--sans);font-size:.86rem;
    padding:.5em 1em .5em 2.2em;
    border:1.5px solid var(--line);border-radius:50px;
    background:var(--bg);color:var(--ink);
    width:200px;outline:none;
    transition:border-color .2s,box-shadow .2s;
    min-height:38px;
  }
  #search:focus{border-color:var(--acc);box-shadow:0 0 0 3px rgba(180,129,44,.12);}
  #search::placeholder{color:var(--muted);opacity:.7;}

  /* ═══════════════════════════════════════════════
     SEÇÃO POSTS
  ═══════════════════════════════════════════════ */
  .sec{padding:72px 0;}

  /* ═══════════════════════════════════════════════
     CARD DESTAQUE
  ═══════════════════════════════════════════════ */
  .featured-wrap{margin-bottom:52px;}
  .featured-card{
    display:grid;grid-template-columns:1fr 1fr;
    background:var(--white);border:1.5px solid var(--line);
    border-radius:8px;overflow:hidden;
    transition:box-shadow .2s,border-color .2s;
    text-decoration:none;color:inherit;
  }
  .featured-card:hover{box-shadow:0 10px 40px rgba(20,41,34,.12);border-color:var(--acc);}
  .feat-thumb{
    position:relative;overflow:hidden;
    min-height:280px;
  }
  .feat-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
  .feat-badge{
    position:absolute;top:14px;left:14px;
    background:var(--acc);color:var(--white);
    font-size:.68rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;
    padding:.35em .85em;border-radius:50px;
    display:flex;align-items:center;gap:5px;
  }
  .feat-body{
    padding:44px 48px;
    display:flex;flex-direction:column;justify-content:center;gap:14px;
  }
  .feat-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
  .feat-cat{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--acc);}
  .feat-date{font-size:.76rem;color:var(--muted);}
  .feat-title{
    font-family:var(--serif);font-size:clamp(1.2rem,2.4vw,1.6rem);
    color:var(--prid);line-height:1.2;margin:0;
  }
  .feat-exc{font-size:.94rem;color:var(--muted);line-height:1.65;margin:0;}
  .feat-link{
    font-size:.88rem;font-weight:700;color:var(--acc);
    display:inline-flex;align-items:center;gap:.4em;margin-top:2px;
  }
  .feat-link svg{width:15px;height:15px;transition:transform .2s;}
  .featured-card:hover .feat-link svg{transform:translateX(4px);}

  /* ═══════════════════════════════════════════════
     CABEÇALHO DO GRID
  ═══════════════════════════════════════════════ */
  .posts-header{
    display:flex;align-items:baseline;justify-content:space-between;
    margin-bottom:24px;flex-wrap:wrap;gap:8px;
  }
  .posts-header h2{margin:0;}
  .posts-count{font-size:.84rem;color:var(--muted);}

  /* ═══════════════════════════════════════════════
     GRID DE CARDS
  ═══════════════════════════════════════════════ */
  .posts-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
  }

  /* Card individual */
  .bcard{
    background:var(--white);border:1.5px solid var(--line);
    border-radius:var(--r);overflow:hidden;
    display:flex;flex-direction:column;
    transition:transform .2s,box-shadow .2s,border-color .2s;
    text-decoration:none;color:inherit;
  }
  .bcard:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(20,41,34,.1);border-color:var(--acc);}
  .bcard.hidden{display:none;}

  .bthumb{
    aspect-ratio:16/9;background:var(--pril);
    position:relative;overflow:hidden;
  }
  .bthumb img{width:100%;height:100%;object-fit:cover;display:block;}

  .btag-badge{
    position:absolute;top:10px;left:10px;
    background:rgba(20,41,34,.75);color:var(--accl);
    font-size:.63rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
    padding:.3em .72em;border-radius:50px;backdrop-filter:blur(4px);
  }

  /* Corpo do card — flex cresce igual em todos */
  .bbody{padding:20px 20px 22px;flex:1;display:flex;flex-direction:column;gap:6px;}
  .bmeta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
  .bcat{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--acc);}
  .bdate{font-size:.74rem;color:var(--muted);}
  .bttl{font-family:var(--serif);font-size:1rem;color:var(--prid);font-weight:600;line-height:1.25;}
  .bexc{font-size:.86rem;color:var(--muted);flex:1;line-height:1.55;}
  .blnk{
    font-size:.82rem;font-weight:700;color:var(--acc);margin-top:8px;
    display:inline-flex;align-items:center;gap:.3em;
  }
  .blnk::after{content:" →";}

  /* Nenhum resultado */
  .no-results{
    grid-column:1/-1;background:var(--white);
    border:1.5px dashed var(--line);border-radius:var(--r);
    padding:60px 32px;text-align:center;display:none;
  }
  .no-results.visible{display:block;}
  .no-results-ico{font-size:2.6rem;margin-bottom:14px;}

  /* ═══════════════════════════════════════════════
     NEWSLETTER
  ═══════════════════════════════════════════════ */
  .newsletter{
    background:var(--pri);border-radius:8px;
    padding:52px 56px;
    display:flex;align-items:center;justify-content:space-between;
    gap:32px;flex-wrap:wrap;margin-top:64px;
  }
  .nl-text h2{color:var(--white);margin-bottom:.25em;}
  .nl-text p{color:rgba(255,255,255,.76);max-width:380px;margin:0;}
  .nl-form{display:flex;gap:10px;flex-wrap:wrap;}
  .nl-input{
    font-family:var(--sans);font-size:.9rem;
    padding:.72em 1.2em;border-radius:var(--r);
    border:1.5px solid rgba(255,255,255,.25);
    background:rgba(255,255,255,.1);color:var(--white);
    width:250px;outline:none;transition:border-color .2s;min-height:44px;
  }
  .nl-input::placeholder{color:rgba(255,255,255,.5);}
  .nl-input:focus{border-color:var(--accl);}
  .nl-input.err{border-color:#f77;}
  .nl-msg{font-size:.8rem;color:rgba(255,255,255,.8);margin-top:8px;display:none;}
  .nl-msg.show{display:block;}

  /* ═══════════════════════════════════════════════
     CTA CONTATO
  ═══════════════════════════════════════════════ */
  .cta-band{
    background:var(--prid);border-radius:8px;
    padding:44px 48px;
    display:flex;align-items:center;justify-content:space-between;
    gap:28px;flex-wrap:wrap;margin-top:28px;
  }
  .cta-band h2{color:var(--white);margin-bottom:.2em;}
  .cta-band p{color:rgba(255,255,255,.76);max-width:420px;margin:0;}

  /* ═══════════════════════════════════════════════
     FOOTER — idêntico ao site principal
  ═══════════════════════════════════════════════ */
  .site-footer{background:var(--prid);color:rgba(255,255,255,.65);padding:52px 0 0;}
  .fi{
    display:grid;grid-template-columns:1.5fr 1fr 1fr;
    gap:44px;padding-bottom:40px;
    border-bottom:1px solid rgba(255,255,255,.1);
  }
  .fb p{font-size:.88rem;color:rgba(255,255,255,.58);margin-top:12px;}
  .fsoc{display:flex;gap:10px;margin-top:16px;}
  .fsoc a{
    width:36px;height:36px;border:1px solid rgba(255,255,255,.18);
    border-radius:50%;display:flex;align-items:center;justify-content:center;
    color:rgba(255,255,255,.65);transition:border-color .2s,color .2s,background .2s;
  }
  .fsoc a:hover{border-color:var(--accl);color:var(--white);background:rgba(230,198,121,.12);}
  .fsoc svg{width:16px;height:16px;display:block;}
  .fcol h4{
    font-family:var(--sans);font-size:.7rem;letter-spacing:.12em;
    text-transform:uppercase;color:var(--accl);font-weight:700;margin-bottom:1em;
  }
  .fcol li{margin-bottom:.6em;font-size:.86rem;}
  .fcol a{color:rgba(255,255,255,.65);transition:color .2s;}
  .fcol a:hover{color:var(--accl);}
  .flink{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.8)!important;font-size:.86rem;text-decoration:none;transition:color .2s;}
  .flink:hover{color:var(--accl)!important;}
  .fico{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
  .fico.wpp{background:#25d366;}
  .fico.eml{background:var(--acc);}
  .fico svg{width:17px;height:17px;color:#fff;display:block;}
  .fbot{
    display:flex;justify-content:space-between;align-items:center;
    padding:20px 0;font-size:.75rem;flex-wrap:wrap;gap:6px;
    color:rgba(255,255,255,.38);
  }

  /* ═══════════════════════════════════════════════
     WHATSAPP FAB
  ═══════════════════════════════════════════════ */
  .wa{
    position:fixed;right:20px;bottom:20px;z-index:400;
    display:flex;align-items:center;gap:.5em;
    background:#25d366;color:var(--white);
    padding:.78em 1.15em;border-radius:50px;
    box-shadow:0 4px 20px rgba(37,211,102,.45);
    font-weight:700;font-size:.88rem;text-decoration:none;
    transition:background .2s,transform .2s;
  }
  .wa svg{width:22px;height:22px;flex-shrink:0;}
  .wa:hover{background:#1da851;transform:translateY(-2px);}
  @media(prefers-reduced-motion:no-preference){
    .wa{animation:wap 3.5s ease-in-out infinite;}
  }
  @keyframes wap{0%,100%{box-shadow:0 4px 20px rgba(37,211,102,.45);}50%{box-shadow:0 4px 34px rgba(37,211,102,.75);}}

  /* ═══════════════════════════════════════════════
     ACESSIBILIDADE — foco visível
  ═══════════════════════════════════════════════ */
  a:focus-visible,button:focus-visible{outline:2px solid var(--acc);outline-offset:3px;border-radius:2px;}
  .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

  /* ═══════════════════════════════════════════════
     RESPONSIVO — TABLET LARGO ≤ 1100px
  ═══════════════════════════════════════════════ */
  @media(max-width:1100px){
    .feat-body{padding:36px 40px;}
    .newsletter{padding:44px 40px;}
    .cta-band{padding:40px 40px;}
    #search{width:170px;}
  }

  /* ═══════════════════════════════════════════════
     RESPONSIVO — TABLET ≤ 980px
  ═══════════════════════════════════════════════ */
  @media(max-width:980px){
    /* Destaque: foto em cima, texto embaixo */
    .featured-card{grid-template-columns:1fr;}
    .feat-thumb{min-height:unset;aspect-ratio:16/9;}
    .feat-body{padding:28px 32px;}
    /* Grid passa a 2 colunas */
    .posts-grid{grid-template-columns:repeat(2,1fr);}
    /* Footer 2 colunas */
    .fi{grid-template-columns:1fr 1fr;}
    .fb{grid-column:1/-1;}
    .newsletter{padding:40px 32px;}
    .cta-band{padding:36px 32px;}
  }

  /* ═══════════════════════════════════════════════
     RESPONSIVO — MOBILE ≤ 768px
  ═══════════════════════════════════════════════ */
  @media(max-width:768px){
    :root{--hh:60px;}
    .w{padding:0 16px;}
    .sec{padding:52px 0;}

    /* Header mobile */
    nav.nav{
      position:fixed;top:var(--hh);left:0;right:0;
      background:var(--prid);flex-direction:column;
      align-items:stretch;gap:0;
      padding:6px 16px 18px;
      border-bottom:2px solid var(--acc);
      transform:translateY(-110%);opacity:0;pointer-events:none;
      transition:transform .25s ease,opacity .2s ease;
      z-index:199;box-shadow:0 8px 32px rgba(0,0,0,.3);
    }
    nav.nav.open{transform:translateY(0);opacity:1;pointer-events:auto;}
    nav.nav a{padding:14px 6px;border-bottom:1px solid rgba(255,255,255,.08);font-size:.95rem;display:block;}
    nav.nav a:last-child{border-bottom:none;}
    nav.nav a.on::after{display:none;}
    .ncta{margin-top:10px;justify-content:center;padding:.78em;font-size:.9rem;}
    .hbg{display:flex;}

    /* Hero compacto */
    .blog-hero{padding:36px 0 0;}
    .hero-stats{gap:24px;margin:1.5em 0 2em;}
    .hs-num{font-size:1.4rem;}

    /* Filtros: busca abaixo dos botões */
    .filter-inner{flex-direction:column;align-items:stretch;gap:10px;padding:10px 0;}
    #search{width:100%;}

    /* Grid 1 coluna */
    .posts-grid{grid-template-columns:1fr;}

    /* Destaque */
    .feat-body{padding:22px 20px;}

    /* Newsletter */
    .newsletter{padding:32px 22px;flex-direction:column;margin-top:40px;}
    .nl-input{width:100%;}
    .nl-form{width:100%;flex-direction:column;}
    .nl-form .btn{width:100%;justify-content:center;}

    /* CTA */
    .cta-band{padding:28px 20px;flex-direction:column;align-items:flex-start;}
    .cta-band .brow{width:100%;flex-direction:column;}
    .cta-band .brow .btn{width:100%;justify-content:center;}

    /* Help strip */
    .help-inner{flex-direction:column;text-align:center;gap:12px;}
    .help-inner .btn{width:100%;justify-content:center;}

    /* Footer */
    .fi{grid-template-columns:1fr;gap:28px;}
    .fbot{flex-direction:column;text-align:center;gap:4px;}

    /* FAB compacto */
    .wa .walbl{display:none;}
    .wa{padding:.85em;border-radius:50%;width:54px;height:54px;justify-content:center;}
  }

  /* ═══════════════════════════════════════════════
     RESPONSIVO — MOBILE PEQUENO ≤ 480px
  ═══════════════════════════════════════════════ */
  @media(max-width:480px){
    .hero-stats{flex-wrap:wrap;gap:16px;}
    .brow{flex-direction:column;}
    .brow .btn{width:100%;justify-content:center;}
  }