@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');

:root{
  --green:#071A17;
  --green2:#0B2621;
  --green3:#123B32;
  --gold:#C9A45C;
  --gold2:#E5C77A;
  --cream:#F5F7F5;
  --text:#F7FAF8;
  --muted:#AEBDB7;
  --line:rgba(201,164,92,.22);
  --shadow:0 20px 55px rgba(0,0,0,.25);
}

*{
  box-sizing:border-box;
}

html{
  scroll-behavior:smooth;
}

body{
  margin:0;
  font-family:Montserrat,Arial,sans-serif;
  color:var(--text);
  background:var(--green);
  line-height:1.6;
}

a{
  color:inherit;
}

.container{
  width:min(1120px,92%);
  margin:auto;
}

/* =========================
   TOPO
========================= */

.topbar{
  position:sticky;
  top:0;
  z-index:50;
  background:rgba(7,27,18,.96);
  border-bottom:1px solid var(--line);
  backdrop-filter:blur(12px);
}

.nav{
  min-height:76px;
  display:flex;
  align-items:center;
  gap:28px;
}

.brand{
  color:#fff;
  text-decoration:none;
  display:flex;
  align-items:center;
  gap:10px;
  font-size:10px;
  font-weight:700;
  letter-spacing:1.2px;
}

.brand-tag{
  font-size:18px;
  color:var(--gold2);
  font-weight:800;
  letter-spacing:0;
}

.nav nav{
  margin-left:auto;
  display:flex;
  gap:25px;
}

.nav nav a{
  color:#e8eee9;
  text-decoration:none;
  font-size:13px;
  transition:.2s;
}

.nav nav a:hover{
  color:var(--gold2);
}

.nav-btn{
  background:var(--gold);
  color:var(--green);
  padding:11px 18px;
  border-radius:5px;
  text-decoration:none;
  font-size:12px;
  font-weight:800;
  transition:.25s;
}

.nav-btn:hover{
  background:var(--gold2);
  transform:translateY(-2px);
}

/* =========================
   HERO
========================= */

.hero{
  background:
    radial-gradient(circle at 85% 20%,#193f2a 0,#0b2418 38%,#071b12 75%);
  color:#fff;
  padding:78px 0 72px;
  overflow:hidden;
}

.hero-grid{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:65px;
  align-items:center;
}

.eyebrow{
  color:var(--gold);
  font-size:11px;
  font-weight:800;
  letter-spacing:2px;
  margin-bottom:14px;
}

.hero h1{
  font-size:clamp(38px,5vw,65px);
  line-height:1.06;
  margin:0 0 22px;
  letter-spacing:-2px;
}

.hero h1 span{
  color:var(--gold2);
}

.lead{
  font-size:18px;
  color:#d5ded8;
  max-width:650px;
}

.actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin:30px 0;
}

.btn{
  display:inline-block;
  text-decoration:none;
  padding:14px 21px;
  border-radius:5px;
  font-size:13px;
  font-weight:800;
  transition:.25s;
}

.btn:hover{
  transform:translateY(-2px);
}

.primary{
  background:var(--gold);
  color:var(--green);
}

.primary:hover{
  background:var(--gold2);
}

.secondary{
  border:1px solid rgba(255,255,255,.35);
  color:#fff;
  background:transparent;
}

.secondary:hover{
  border-color:var(--gold);
  color:var(--gold2);
}

.mini-trust{
  display:flex;
  gap:30px;
  margin-top:32px;
  flex-wrap:wrap;
}

.mini-trust div{
  display:flex;
  flex-direction:column;
}

.mini-trust strong{
  color:var(--gold2);
  font-size:14px;
}

.mini-trust span{
  color:var(--muted);
  font-size:11px;
  margin-top:2px;
}

.hero-card{
  width:100%;
  max-width:360px;
  margin:0 auto;
  padding:24px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(217,173,76,.28);
  border-radius:14px;
  box-shadow:var(--shadow);
  overflow:hidden;
}

.hero-card-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  color:var(--gold2);
  font-size:10px;
  font-weight:700;
  letter-spacing:1px;
}

.hero-card img{
  display:block;
  width:auto;
  max-width:100%;
  height:auto;
  max-height:180px;
  object-fit:contain;
  margin:24px auto;
}

.hero-card-bottom{
  display:flex;
  flex-direction:column;
  gap:4px;
  text-align:center;
}

.hero-card-bottom strong{
  color:#fff;
  font-size:14px;
}

.hero-card-bottom span{
  color:var(--muted);
  font-size:11px;
}

/* =========================
   PADRÃO GERAL DAS SEÇÕES
========================= */
.section{padding:72px 0;}
.section-small{padding:34px 0;}
.section-head{margin-bottom:32px;}
.section-head.centered{text-align:center;}
.section-head.centered p{margin-left:auto;margin-right:auto;}
.section-head h2{
  font-size:clamp(32px,4vw,46px);
  line-height:1.12;
  letter-spacing:-1.2px;
  margin:0 0 16px;
  font-weight:800;
}
.section-head p{
  font-size:16px;
  line-height:1.7;
  max-width:700px;
  color:var(--muted);
}
.eyebrow{
  color:var(--gold);
  font-size:14px;
  font-weight:800;
  letter-spacing:2.2px;
  line-height:1.3;
  margin-bottom:16px;
}
.center-action{
  display:flex;
  justify-content:center;
  margin-top:25px;
}
.card{
  border:1px solid rgba(217,173,76,.45);
  border-radius:12px;
  background:rgba(255,255,255,.035);
  box-shadow:0 8px 24px rgba(0,0,0,.12);
}
.icon{font-size:27px;}
.service-more{
  color:var(--gold2);
  font-size:13px;
  font-weight:700;
  text-decoration:none;
}
.service-more:hover{text-decoration:underline;}

/* =========================
   HERO - AJUSTE FINAL
========================= */
.hero-card{
  width:100%;
  max-width:450px;
  padding:22px;
}
.hero-card img{
  display:block;
  width:auto;
  height:250px;
  max-width:85%;
  max-height:none;
  object-fit:contain;
  margin:22px auto;
  border-radius:8px;
}

/* =========================
   NOTÍCIAS
========================= */
.news-section{
  padding-top:55px;
  padding-bottom:55px;
}
.news-section .section-head{margin-bottom:22px;}
.news-section .section-head h2{margin-bottom:10px;}
.news-section .section-head p{margin-bottom:0;}

.news-shell{
  position:relative;
  width:100%;
  max-width:900px;
  margin:22px auto 0;
  padding:0 55px;
}
#noticia-destaque-container{
  width:100%;
  min-width:0;
}
.noticia-destaque-card{
  display:block;
  width:100%;
  min-height:0;
  padding:26px 30px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(217,173,76,.45);
  border-radius:12px;
  box-shadow:0 10px 30px rgba(0,0,0,.14);
  overflow:hidden;
}
.noticia-meta{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  margin:0 0 13px;
}
.noticia-meta span{
  padding:5px 11px;
  border-radius:20px;
  background:rgba(217,173,76,.13);
  border:1px solid rgba(217,173,76,.30);
  color:var(--gold2);
  font-size:12px;
  font-weight:800;
}
.noticia-meta time{
  font-size:12px;
  color:var(--muted);
}
.noticia-destaque-card h3{
  font-size:22px;
  line-height:1.3;
  margin:0 0 10px;
  color:#fff;
  overflow-wrap:anywhere;
}
.noticia-destaque-card p{
  font-size:14px;
  line-height:1.6;
  margin:0 0 18px;
  color:var(--muted);
  max-width:100%;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.noticia-leia{
  display:inline-flex;
  align-items:center;
  padding:9px 16px;
  border-radius:5px;
  background:var(--gold);
  color:var(--green);
  font-size:12px;
  font-weight:800;
  text-decoration:none;
}
.noticia-leia:hover{background:var(--gold2);}
.noticia-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  display:flex;
  align-items:center;
  justify-content:center;
  width:38px;
  height:38px;
  border-radius:50%;
  border:1px solid rgba(217,173,76,.45);
  background:rgba(217,173,76,.10);
  color:var(--gold2);
  font-size:22px;
  cursor:pointer;
  z-index:5;
}
.noticia-prev{left:5px;}
.noticia-next{right:5px;}
.noticia-indicadores{
  display:flex;
  justify-content:center;
  gap:7px;
  margin:12px auto 0;
}
.noticia-indicadores button{
  width:8px;
  height:8px;
  padding:0;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.28);
  cursor:pointer;
}
.noticia-indicadores button.active{background:var(--gold);}
.news-section .center-action{margin-top:16px;}

/* =========================
   CERTIFICADO DIGITAL
========================= */
.certificate-banner{background:var(--green2);}
.certificate-box{
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:24px;
  align-items:center;
  padding:30px;
  border:1px solid rgba(217,173,76,.4);
  border-radius:14px;
  background:rgba(255,255,255,.035);
}
.certificate-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:64px;
  height:64px;
  border-radius:50%;
  background:rgba(217,173,76,.12);
  border:1px solid rgba(217,173,76,.35);
  font-size:30px;
}
.certificate-copy h2{
  margin:0 0 8px;
  font-size:clamp(25px,3vw,36px);
}
.certificate-copy h2 span{color:var(--gold2);}
.certificate-copy p{margin:0;color:var(--muted);}
.btn.light{background:var(--cream);color:var(--green);}
.btn.light:hover{background:#fff;}

/* =========================
   SERVIÇOS
========================= */
.services .cards{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:28px;
}
.services .service-card{
  width:100%;
  min-width:0;
  padding:28px;
}
.services .service-card .icon{margin-bottom:14px;}
.services .service-card h3{margin:0 0 10px;font-size:20px;}
.services .service-card p{
  color:var(--muted);
  font-size:14px;
  margin:0 0 16px;
}
.services .service-card.featured{
  border-color:rgba(243,210,122,.75);
}

/* =========================
   SOBRE A TAG
========================= */
.dark-section{background:var(--green2);}
#sobre .about-grid{
  display:grid;
  grid-template-columns:1.35fr .65fr;
  gap:28px;
  align-items:stretch;
  margin-top:35px;
}
#sobre .about-grid > div{
  padding:32px;
  border:1px solid rgba(217,173,76,.45);
  border-radius:12px;
  background:rgba(255,255,255,.035);
  box-shadow:0 8px 24px rgba(0,0,0,.12);
}
#sobre .about-grid p{
  font-size:16px;
  line-height:1.8;
  margin-top:0;
  color:#d5ded8;
}
#sobre .about-highlight{
  display:flex;
  flex-direction:column;
  justify-content:center;
  text-align:center;
}
#sobre .about-highlight strong{
  color:var(--gold2);
  font-size:24px;
  line-height:1.25;
  margin-bottom:14px;
}
#sobre .about-highlight span{
  color:var(--muted);
  font-size:14px;
  line-height:1.7;
}

/* =========================
   POR QUE A TAG
========================= */
#diferenciais .cards{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:24px;
}
#diferenciais .card{
  width:100%;
  min-width:0;
  padding:28px;
}
#diferenciais .card .icon{margin-bottom:14px;}
#diferenciais .card h3{margin:0 0 10px;font-size:19px;}
#diferenciais .card p{
  margin:0;
  color:var(--muted);
  font-size:14px;
}

/* =========================
   CONTATO
========================= */
.contact-section{background:var(--green2);}
#contato .cards{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:24px;
  margin-top:35px;
}
#contato .card{
  width:100%;
  min-width:0;
  padding:28px 22px;
  text-align:center;
}
#contato .card .icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:58px;
  height:58px;
  margin:0 auto 18px;
  border-radius:50%;
  background:rgba(217,173,76,.12);
  border:1px solid rgba(217,173,76,.35);
  font-size:27px;
}
#contato .card h3{font-size:20px;margin:0 0 10px;}
#contato .card p{
  font-size:14px;
  margin:0 0 12px;
  color:var(--muted);
}
#contato .service-more{
  font-size:13px;
  overflow-wrap:anywhere;
}

/* =========================
   MODAL DE SERVIÇOS
========================= */
.modal-backdrop{
  display:none;
  position:fixed;
  inset:0;
  z-index:9999;
  background:rgba(0,0,0,.75);
  align-items:center;
  justify-content:center;
  padding:20px;
}
.modal-backdrop.is-open{display:flex;}
.service-modal{
  position:relative;
  width:min(520px,100%);
  background:var(--green2);
  border:1px solid rgba(217,173,76,.45);
  border-radius:12px;
  padding:35px;
  box-shadow:0 20px 60px rgba(0,0,0,.45);
}
.service-modal h2{margin-top:0;}
.service-modal p{color:var(--muted);}
.service-modal-close{
  position:absolute;
  top:12px;
  right:15px;
  border:0;
  background:transparent;
  color:#fff;
  font-size:30px;
  cursor:pointer;
}

/* =========================
   SEO / RODAPÉ
========================= */
.seo-section{background:var(--green);}
.seo-section p{color:var(--muted);max-width:850px;}
footer,.footer{
  border-top:1px solid var(--line);
  background:#06170f;
}
.footer .container,footer .container{
  padding-top:28px;
  padding-bottom:28px;
}
.footer a,footer a{text-decoration:none;}

/* =========================
   TABLET
========================= */
@media (max-width:900px){
  .hero-grid{grid-template-columns:1fr;gap:42px;}
  .hero-copy{text-align:center;}
  .lead{margin-left:auto;margin-right:auto;}
  .actions,.mini-trust{justify-content:center;}
  .services .cards{grid-template-columns:repeat(2,minmax(0,1fr));}
  #diferenciais .cards{grid-template-columns:repeat(2,minmax(0,1fr));}
  #contato .cards{grid-template-columns:repeat(2,minmax(0,1fr));}
  .certificate-box{grid-template-columns:auto 1fr;}
  .certificate-box .btn{grid-column:1/-1;text-align:center;}
  .nav nav{display:none;}
  .nav-btn{margin-left:auto;}
}

/* =========================
   CELULAR
========================= */
@media (max-width:600px){
  .container{width:min(94%,1120px);}
  .hero{padding:52px 0 48px;}
  .hero h1{font-size:clamp(34px,11vw,48px);}
  .hero-card{padding:18px;}
  .hero-card img{
    height:210px;
    max-width:90%;
    margin:18px auto;
  }
  .section{padding:50px 0;}
  .section-head h2{font-size:clamp(29px,9vw,38px);}
  .services .cards{grid-template-columns:1fr;}
  #diferenciais .cards{grid-template-columns:1fr;}
  #contato .cards{grid-template-columns:1fr;}
  #sobre .about-grid{grid-template-columns:1fr;}
  #sobre .about-grid > div{padding:25px;}
  .certificate-box{
    grid-template-columns:1fr;
    text-align:center;
  }
  .certificate-icon{margin:auto;}
  .news-section{
    padding-top:40px;
    padding-bottom:40px;
  }
  .news-shell{padding:0 40px;}
  .noticia-destaque-card{padding:20px;}
  .noticia-destaque-card h3{font-size:19px;}
  .noticia-meta{gap:7px;}
  .noticia-arrow{
    width:32px;
    height:32px;
    font-size:19px;
  }
  .nav{min-height:68px;}
  .brand{font-size:9px;}
  .brand-tag{font-size:17px;}
  .nav-btn{padding:9px 12px;font-size:11px;}
}

/* =========================
   NOTÍCIAS - AJUSTE VISUAL FINAL
========================= */
.news-shell{
  max-width:820px;
  padding:0 44px;
}

.noticia-destaque-card{
  padding:22px 26px;
}

.noticia-destaque-card h3{
  font-size:21px;
  margin-bottom:9px;
}

.noticia-destaque-card p{
  font-size:14px;
  line-height:1.55;
  margin-bottom:15px;
}

.noticia-meta{
  margin-bottom:11px;
}

.noticia-leia{
  padding:8px 14px;
}

.noticia-arrow{
  width:36px;
  height:36px;
  font-size:21px;
}

.noticia-prev{left:2px;}
.noticia-next{right:2px;}

.noticia-indicadores{
  margin-top:10px;
}

.news-section .center-action{
  margin-top:14px;
}

@media (max-width:600px){
  .news-shell{
    max-width:100%;
    padding:0 36px;
  }

  .noticia-destaque-card{
    padding:18px;
  }

  .noticia-destaque-card h3{
    font-size:18px;
  }

  .noticia-destaque-card p{
    font-size:13px;
  }

  .noticia-arrow{
    width:30px;
    height:30px;
    font-size:18px;
  }
}


/* TAG MODERN - ACABAMENTO VISUAL */
body{background:radial-gradient(circle at 85% 8%,rgba(30,92,76,.18),transparent 28%),linear-gradient(180deg,#071A17 0%,#081F1B 100%);}
.topbar{background:rgba(7,26,23,.88);border-bottom:1px solid rgba(201,164,92,.16);box-shadow:0 8px 30px rgba(0,0,0,.10);}
.hero{background:radial-gradient(circle at 82% 18%,rgba(32,103,84,.35) 0,transparent 34%),radial-gradient(circle at 15% 80%,rgba(201,164,92,.08) 0,transparent 28%),linear-gradient(135deg,#071A17 0%,#0B2621 55%,#071A17 100%);}
.hero-card,.card,.noticia-destaque-card,#sobre .about-grid > div{background:linear-gradient(145deg,rgba(18,59,50,.58),rgba(8,31,27,.82));border-color:rgba(201,164,92,.26);box-shadow:0 18px 45px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.025);}
.hero-card,.card,.noticia-destaque-card,#sobre .about-grid > div,.certificate-box{transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease;}
.service-card:hover,#diferenciais .card:hover,#contato .card:hover{transform:translateY(-4px);border-color:rgba(229,199,122,.50);box-shadow:0 22px 50px rgba(0,0,0,.24);}
.dark-section,.contact-section,.certificate-banner{background:radial-gradient(circle at 12% 20%,rgba(24,76,63,.15),transparent 30%),#0B2621;}
.certificate-box{background:linear-gradient(135deg,rgba(18,59,50,.62),rgba(7,26,23,.75));border-color:rgba(201,164,92,.28);box-shadow:0 16px 42px rgba(0,0,0,.16);}
.primary,.noticia-leia,.nav-btn{background:linear-gradient(135deg,#C9A45C,#E5C77A);color:#071A17;box-shadow:0 8px 24px rgba(201,164,92,.14);}
.primary:hover,.noticia-leia:hover,.nav-btn:hover{background:linear-gradient(135deg,#E5C77A,#EBD493);}
.secondary{border-color:rgba(229,199,122,.32);background:rgba(255,255,255,.018);}
.secondary:hover{border-color:#C9A45C;background:rgba(201,164,92,.06);}
.service-icon,#contato .card .icon,.certificate-icon{background:linear-gradient(145deg,rgba(201,164,92,.12),rgba(201,164,92,.035));border-color:rgba(201,164,92,.28);}
.service-icon svg{stroke:var(--gold2);}
.noticia-meta span{background:rgba(201,164,92,.10);border-color:rgba(201,164,92,.25);}
.noticia-arrow{background:rgba(201,164,92,.08);border-color:rgba(201,164,92,.30);}
.noticia-arrow:hover{background:rgba(201,164,92,.15);border-color:rgba(229,199,122,.50);}
footer,.footer{background:#051411;border-top-color:rgba(201,164,92,.16);}


/* TAG - VERDE + OFF-WHITE ALTERNADO */
.services,.news-section,#diferenciais{background:#F4F6F3!important;color:#10251F!important;border-top:1px solid rgba(16,67,53,.06);border-bottom:1px solid rgba(16,67,53,.06)}
.services .section-head h2,.news-section .section-head h2,#diferenciais .section-head h2{color:#10251F!important}
.services .section-head p,.news-section .section-head p,#diferenciais .section-head p{color:#5D6C66!important}
.services .eyebrow,.news-section .eyebrow,#diferenciais .eyebrow{color:#9A7939!important}
.services .service-card,.news-section .noticia-destaque-card,#diferenciais .card{background:#FFF!important;border-color:rgba(16,67,53,.16)!important;box-shadow:0 12px 32px rgba(15,46,37,.08)!important}
.services .service-card h3,.news-section .noticia-destaque-card h3,#diferenciais .card h3{color:#10251F!important}
.services .service-card p,.news-section .noticia-destaque-card p,#diferenciais .card p,.news-section .noticia-meta time{color:#65736E!important}
.services .service-more{color:#87672E!important}
.services .service-icon{background:#EEF3EF!important;border-color:rgba(16,67,53,.16)!important}
.services .service-icon svg{stroke:#A27D36!important}
.news-section .noticia-meta span{color:#87672E!important;background:#F7F2E8!important;border-color:rgba(162,125,54,.25)!important}
.news-section .noticia-arrow{color:#87672E!important;background:#FFF!important;border-color:rgba(16,67,53,.18)!important}
.news-section .secondary{color:#123B32!important;border-color:rgba(18,59,50,.35)!important}
#sobre,.certificate-banner,#contato{background:#0B2621!important;color:#F7FAF8!important}
#sobre{background:radial-gradient(circle at 12% 20%,rgba(24,76,63,.16),transparent 30%),#0B2621!important}
#contato .card{background:linear-gradient(145deg,rgba(18,59,50,.62),rgba(8,31,27,.82))!important}
[17:27, 28/09/2026] TANAKA OSTEMBERG: /* ========================================
   PRÓXIMOS VENCIMENTOS - HOME
======================================== */

.vencimentos-home{
    background:#071A17;
    padding:80px 0;
}

.vencimentos-home .section-head{
    text-align:center;
    margin-bottom:38px;
}

.vencimentos-home .section-head h2{
    color:#fff;
    margin-bottom:10px;
}

.vencimentos-home .section-head p{
    color:#AEBDB7;
}

.vencimentos-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
}

.vencimento-card{
    display:flex;
    gap:18px;
    align-items:flex-start;

    background:#0B2621;
    border:1px solid rgba(201,164,92,.22);
    border-radius:10px;

    padding:22px;

    transition:.25s;
}

.vencimento-card:hover{
    transform:translateY(-4px)…
[17:27, 28/09/2026] TANAKA OSTEMBERG: /* ========================================
   PRÓXIMOS VENCIMENTOS - HOME
======================================== */

.vencimentos-home{
    background:#071A17;
    padding:80px 0;
}

.vencimentos-home .section-head{
    text-align:center;
    margin-bottom:38px;
}

.vencimentos-home .section-head h2{
    color:#fff;
    margin-bottom:10px;
}

.vencimentos-home .section-head p{
    color:#AEBDB7;
}

.vencimentos-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
}

.vencimento-card{
    display:flex;
    gap:18px;
    align-items:flex-start;

    background:#0B2621;
    border:1px solid rgba(201,164,92,.22);
    border-radius:10px;

    padding:22px;

    transition:.25s;
}

.vencimento-card:hover{
    transform:translateY(-4px);
    border-color:#C9A45C;
}

.vencimento-data{
    min-width:60px;
    height:65px;

    border:1px solid #C9A45C;
    border-radius:8px;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    color:#C9A45C;
}

.vencimento-data strong{
    font-size:22px;
    line-height:1;
}

.vencimento-data span{
    font-size:11px;
    margin-top:5px;
}

.vencimento-info{
    flex:1;
}

.vencimento-categoria{
    color:#E5C77A;
    font-size:10px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.6px;
}

.vencimento-info h3{
    color:#fff;
    font-size:15px;
    margin:5px 0 7px;
}

.vencimento-info p{
    color:#AEBDB7;
    font-size:12px;
    line-height:1.5;
    margin:0;
}

.vencimentos-vermais{
    text-align:center;
    margin-top:35px;
}

.vencimentos-vermais a{
    display:inline-block;

    background:#C9A45C;
    color:#071A17;

    padding:12px 22px;
    border-radius:6px;

    text-decoration:none;
    font-size:12px;
    font-weight:800;

    transition:.25s;
}

.vencimentos-vermais a:hover{
    background:#E5C77A;
    transform:translateY(-2px);
}

.vencimentos-carregando,
.vencimentos-vazio{
    grid-column:1/-1;
    text-align:center;
    color:#AEBDB7;
    padding:30px;
}

/* TABLET */

@media(max-width:900px){

    .vencimentos-grid{
        grid-template-columns:repeat(2,1fr);
    }

}

/* CELULAR */

@media(max-width:600px){

    .vencimentos-home{
        padding:55px 0;
    }

    .vencimentos-grid{
        grid-template-columns:1fr;
    }

    .vencimento-card{
        padding:18px;
    }

}
/* ========================================
   VENCIMENTOS - PADRÃO VISUAL TAG
======================================== */

.vencimentos-home{
    background:#F4F6F3 !important;
    color:#10251F !important;
    padding:80px 0;
}

.vencimentos-home .section-head{
    text-align:center;
    margin-bottom:42px;
}

.vencimentos-home .eyebrow{
    color:#A7833E;
}

.vencimentos-home .section-head h2{
    color:#10251F !important;
    font-size:38px;
    margin:6px 0 10px;
}

.vencimentos-home .section-head p{
    color:#64716C !important;
}

/* GRID */

.vencimentos-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
}

/* CARD */

.vencimento-card{
    background:#FFFFFF !important;
    border:1px solid #DDE3DF !important;
    border-radius:12px;
    padding:24px;

    display:flex;
    gap:18px;
    align-items:flex-start;

    box-shadow:0 8px 25px rgba(7,26,23,.06);
    transition:.25s;
}

.vencimento-card:hover{
    transform:translateY(-4px);
    border-color:#C9A45C !important;
    box-shadow:0 14px 32px rgba(7,26,23,.10);
}

/* DATA */

.vencimento-data{
    min-width:62px;
    height:68px;

    background:#0B2621;
    border:none;
    border-radius:8px;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}

.vencimento-data strong{
    color:#E5C77A;
    font-size:23px;
    font-weight:800;
    line-height:1;
}

.vencimento-data span{
    color:#FFFFFF;
    font-size:11px;
    margin-top:5px;
}

/* CONTEÚDO */

.vencimento-info{
    flex:1;
}

.vencimento-categoria{
    color:#A7833E !important;
    font-size:10px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.6px;
}

.vencimento-info h3{
    color:#10251F !important;
    font-size:15px;
    margin:5px 0 8px;
}

.vencimento-info p{
    color:#64716C !important;
    font-size:12px;
    line-height:1.55;
    margin:0;
}

/* BOTÃO */

.vencimentos-vermais{
    text-align:center;
    margin-top:38px;
}

.vencimentos-vermais a{
    display:inline-block;
    background:#0B2621;
    color:#FFFFFF;
    padding:13px 24px;
    border-radius:6px;
    text-decoration:none;
    font-size:12px;
    font-weight:700;
}

.vencimentos-vermais a:hover{
    background:#C9A45C;
    color:#071A17;
}

/* RESPONSIVO */

@media(max-width:900px){
    .vencimentos-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:600px){
    .vencimentos-grid{
        grid-template-columns:1fr;
    }

    .vencimentos-home .section-head h2{
        font-size:30px;
    }
}
/* AJUSTE FINAL - VENCIMENTOS TAG */

.vencimentos-home {
    background: #F4F6F3 !important;
    color: #10251F !important;
}

.vencimentos-home .section-head h2 {
    color: #10251F !important;
}

.vencimento-card {
    background: #FFFFFF !important;
    border: 1px solid #DDE3DF !important;
}

.vencimento-data {
    background: #0B2621 !important;
}

.vencimento-info h3 {
    color: #10251F !important;
}

.vencimento-info p {
    color: #64716C !important;
}