*{margin:0;padding:0;box-sizing:border-box}

:root{
  --blue:#0874ff;
  --navy:#061633;
  --text:#071b43;
  --muted:#40516d;
  --light:#f7faff;
  --shadow:0 18px 42px rgba(5,20,55,.12);
  --success:#27ae60;
  --danger:#e74c3c;
}

html{scroll-behavior:smooth}

body{
  font-family:'Inter',Arial,sans-serif;
  background:#fff;
  color:var(--text);
  overflow-x:hidden;
}

/* ANIMAÇÕES */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes slideInLeft {
  from {
    opacity: 0;
    transform: translateX(-30px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes slideInRight {
  from {
    opacity: 0;
    transform: translateX(30px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes pulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.05); }
}

/* TOPO */
.topbar{
  width:100%;
  background:linear-gradient(90deg,#061d52,#082d78);
  color:white;
  font-size:14px;
  font-weight:800;
}

.topbar-inner{
  width:min(1280px,92%);
  min-height:37px;
  margin:auto;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
}

.top-left,.top-right{
  display:flex;
  align-items:center;
  gap:14px;
}

.top-right a{
  color:white;
  text-decoration:none;
  font-size:18px;
  transition:.25s;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.top-right a:hover{
  color:#1591ff;
  transform:scale(1.15);
}



/* MENU */
.menu-wrapper{
  width:100%;
  background:#fff;
  position:relative;
  z-index:20;
}

.menu-bar{
  width:min(1280px,86%);
  min-height:74px;
  margin:0 auto;
  background:linear-gradient(135deg,#06183f,#082766 60%,#0a4dbb);
  border-radius:14px 14px 0 0;
  display:flex;
  align-items:center;
  gap:26px;
  padding:0 26px;
  border-bottom:4px solid #1976ff;
  box-shadow:0 10px 30px rgba(0,0,0,.20);
}

.home{
  color:white;
  text-decoration:none;
  font-size:28px;
  width:36px;
  text-align:center;
  transition:.25s;
}

.home:hover{
  color:#1591ff;
  transform:scale(1.1);
}

.hamburger{
  display:none;
  flex-direction:column;
  background:none;
  border:none;
  cursor:pointer;
  gap:6px;
  padding:8px;
}

.hamburger span{
  width:25px;
  height:3px;
  background:white;
  border-radius:2px;
  transition:.3s;
}

.hamburger.active span:nth-child(1){
  transform:rotate(45deg) translate(10px,10px);
}

.hamburger.active span:nth-child(2){
  opacity:0;
}

.hamburger.active span:nth-child(3){
  transform:rotate(-45deg) translate(7px,-7px);
}

nav{
  flex:1;
  display:flex;
  align-items:center;
  gap:18px;
}

nav a{
  color:white;
  text-decoration:none;
  padding:27px 6px 23px;
  font-size:15px;
  font-weight:900;
  position:relative;
  white-space:nowrap;
  transition:.25s;
}

nav a.active,
nav a:hover{color:#1591ff}

nav a.active:after,
nav a:hover:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:4px;
  background:#1976ff;
  border-radius:20px 20px 0 0;
}

.btn-menu{
  color:white;
  text-decoration:none;
  background:linear-gradient(135deg,#1976ff,#0661ee);
  padding:16px 34px;
  border-radius:9px;
  font-weight:900;
  white-space:nowrap;
  transition:.25s;
}

.btn-menu:hover{
  transform:translateY(-4px);
  box-shadow:0 14px 30px rgba(0,100,255,.30);
}

/* HERO */
.hero{
  width:100%;
  min-height:720px;
  display:grid;
  grid-template-columns:40% 60%;
  background:linear-gradient(90deg,#061633 0%,#061633 52%,#071d46 100%);
  color:white;
  overflow:hidden;
  animation: fadeInUp 0.8s ease-out;
}

.hero-left{
  padding:55px 40px 50px max(7vw,calc((100vw - 1280px)/2 + 24px));
}

.hero-left span{
  display:block;
  color:#0874ff;
  font-size:16px;
  font-weight:900;
  margin-bottom:24px;
}

.hero-left h1{
  font-size:clamp(40px,3.4vw,54px);
  line-height:1.15;
  font-weight:900;
  letter-spacing:-.045em;
  margin-bottom:22px;
}

.hero-left p{
  max-width:570px;
  font-size:18px;
  line-height:1.68;
  color:#f3f7ff;
  margin-bottom:30px;
}

.hero-buttons{
  display:flex;
  gap:20px;
  flex-wrap:wrap;
}

.btn-primary,.btn-outline,.btn-white{
  min-height:58px;
  padding:0 28px;
  border-radius:9px;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-weight:900;
  font-size:16px;
  transition:.25s;
}

.btn-primary{
  color:white;
  background:linear-gradient(135deg,#1976ff,#0661ee);
  box-shadow:0 14px 30px rgba(0,100,255,.30);
}

.btn-outline{
  color:white;
  border:1px solid rgba(255,255,255,.75);
}

.btn-primary:hover,.btn-outline:hover,.btn-white:hover,.btn-menu:hover{
  transform:translateY(-4px);
}

.hero-right{
  height:100%;
  min-height:720px;
  position:relative;
  overflow:hidden;
}

.hero-right:before{
  content:"";
  position:absolute;
  left:-130px;
  top:0;
  width:230px;
  height:100%;
  background:linear-gradient(90deg,#061633 0%,rgba(6,22,51,.85) 45%,rgba(6,22,51,0) 100%);
  z-index:2;
}

.hero-right img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  transform:scale(1.03);
  display:block;
}

/* SEÇÕES GERAIS */
.section-title{
  text-align:center;
  margin-bottom:28px;
}

.section-title span{
  display:block;
  color:#0874ff;
  font-size:15px;
  font-weight:900;
  margin-bottom:8px;
}

.section-title h2{
  font-size:39px;
  line-height:1.1;
  font-weight:900;
  letter-spacing:-.04em;
}

.line{
  width:70px;
  height:4px;
  background:#0b73ff;
  margin:13px auto 0;
  border-radius:20px;
}

/* SERVIÇOS */
.services{
  width:100%;
  background:#fff;
  padding:34px 0 76px;
}

.services-grid{
  width:min(1280px,86%);
  margin:auto;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:22px;
}

.service-card{
  min-height:184px;
  background:white;
  border:1px solid #e6ebf4;
  border-radius:14px;
  padding:26px 24px;
  box-shadow:0 12px 33px rgba(5,20,55,.07);
  transition:.25s;
  animation: fadeInUp 0.6s ease-out;
}

.service-card:hover{
  transform:translateY(-8px);
  box-shadow:var(--shadow);
}

.icon{
  width:58px;
  height:58px;
  border-radius:10px;
  background:linear-gradient(135deg,#0b2e76,#1976ff);
  color:white;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:26px;
  margin-bottom:18px;
}

.service-card h3{
  font-size:16px;
  font-weight:900;
  margin-bottom:14px;
}

.service-card p{
  font-size:14px;
  line-height:1.7;
  color:#34455e;
}

/* SOBRE */
.about{
  padding:82px 0;
  background:#f7faff;
}

.content-grid{
  width:min(1280px,86%);
  margin:auto;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:42px;
  align-items:center;
}

.tag{
  color:#0874ff;
  font-weight:900;
  margin-bottom:18px;
  display:block;
}

.about h2{
  font-size:41px;
  line-height:1.15;
  font-weight:900;
  letter-spacing:-.04em;
  margin-bottom:18px;
}

.about p{
  font-size:18px;
  line-height:1.75;
  color:#4a5b75;
  margin-bottom:20px;
}

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

.stat{
  text-align:center;
}

.stat strong{
  display:block;
  font-size:32px;
  color:#0874ff;
  margin-bottom:5px;
}

.stat span{
  font-size:14px;
  color:#666;
}

.box{
  background:white;
  border-radius:18px;
  padding:34px;
  box-shadow:var(--shadow);
  border:1px solid #e7ecf5;
}

.box h3{
  font-size:25px;
  margin-bottom:12px;
}

.box p{
  font-size:16px;
  line-height:1.6;
  color:#666;
  margin-bottom:20px;
}

.checklist{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.check-item{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:15px;
  color:#333;
}

.check-item i{
  color:var(--success);
  font-weight:bold;
}

/* PREÇOS */
.pricing{
  width:100%;
  background:#fff;
  padding:76px 0;
}

.pricing-grid{
  width:min(1280px,86%);
  margin:auto;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:24px;
}

.pricing-card{
  background:white;
  border:2px solid #e6ebf4;
  border-radius:18px;
  padding:40px 30px;
  text-align:center;
  transition:.3s;
  position:relative;
  animation: fadeInUp 0.6s ease-out;
}

.pricing-card:hover{
  transform:translateY(-10px);
  box-shadow:var(--shadow);
}

.pricing-card.featured{
  border-color:#0874ff;
  background:linear-gradient(135deg,rgba(8,116,255,.05),rgba(25,118,255,.05));
  transform:scale(1.05);
}

.badge{
  position:absolute;
  top:-15px;
  left:50%;
  transform:translateX(-50%);
  background:#0874ff;
  color:white;
  padding:8px 20px;
  border-radius:20px;
  font-size:12px;
  font-weight:900;
}

.price-header h3{
  font-size:24px;
  margin-bottom:10px;
}

.price{
  font-size:42px;
  font-weight:900;
  color:#0874ff;
  margin:20px 0;
}

.price span{
  font-size:18px;
  color:#999;
}

.features{
  list-style:none;
  margin:30px 0;
  text-align:left;
}

.features li{
  padding:12px 0;
  border-bottom:1px solid #f0f0f0;
  display:flex;
  align-items:center;
  gap:10px;
}

.features i{
  color:#0874ff;
}


.pricing-card.personalized{
  border-color:#c9d7ef;
  background:linear-gradient(135deg,#ffffff,#f7faff);
}
.custom-price{
  font-size:34px;
  line-height:1.15;
}

.btn-pricing{
  width:100%;
  padding:16px;
  background:linear-gradient(135deg,#1976ff,#0661ee);
  color:white;
  border:none;
  border-radius:9px;
  font-weight:900;
  cursor:pointer;
  text-decoration:none;
  display:inline-block;
  transition:.25s;
  margin-top:20px;
}

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

.btn-pricing.featured{
  background:linear-gradient(135deg,#0874ff,#0661ee);
}

/* DEPOIMENTOS */
.testimonials{
  width:100%;
  background:linear-gradient(180deg,#f7faff 0%,#eef4ff 100%);
  padding:76px 0;
  overflow:hidden;
}

/* --- Resumo / prova social --- */
.testimonials-summary{
  width:min(1280px,86%);
  margin:0 auto 42px;
  background:#fff;
  border:1px solid #e4edfb;
  border-radius:18px;
  box-shadow:0 12px 30px rgba(5,20,55,.06);
  padding:22px 30px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:26px 40px;
}

.ts-score{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:2px;
}

.ts-score strong{
  font-size:38px;
  line-height:1;
  color:var(--blue);
  font-weight:900;
}

.ts-score span,
.ts-item span{
  font-size:13px;
  color:var(--muted);
}

.ts-divider{
  width:1px;
  height:52px;
  background:#e4edfb;
}

.ts-item{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:2px;
}

.ts-item strong{
  font-size:26px;
  color:var(--navy);
  font-weight:900;
  line-height:1.1;
}

/* --- Carrossel --- */
.testimonials-carousel{
  --per-view:3;
  --gap:26px;
  width:min(1280px,86%);
  margin:0 auto;
  display:flex;
  align-items:center;
  gap:12px;
  position:relative;
}

.carousel-viewport{
  flex:1;
  min-width:0;
  overflow-x:auto;
  overflow-y:hidden;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  padding:6px 4px 10px;
  border-radius:18px;
}

.carousel-viewport::-webkit-scrollbar{display:none}

.carousel-viewport:focus-visible{
  outline:2px solid var(--blue);
  outline-offset:4px;
}

.carousel-track{
  display:flex;
  gap:var(--gap);
  align-items:stretch;
}

.testimonial-card{
  flex:0 0 calc((100% - (var(--per-view) - 1) * var(--gap)) / var(--per-view));
  scroll-snap-align:start;
  position:relative;
  display:flex;
  flex-direction:column;
  background:#fff;
  padding:34px 28px 26px;
  border:1px solid #e6eefb;
  border-radius:18px;
  box-shadow:0 12px 33px rgba(5,20,55,.07);
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
  overflow:hidden;
}

.testimonial-card::before{
  content:"";
  position:absolute;
  top:0;left:0;right:0;
  height:4px;
  background:linear-gradient(90deg,#0874ff,#41a0ff);
  opacity:0;
  transition:.25s;
}

.testimonial-card:hover{
  transform:translateY(-8px);
  border-color:#cfe1ff;
  box-shadow:var(--shadow);
}

.testimonial-card:hover::before{opacity:1}

.quote-mark{
  position:absolute;
  top:6px;
  right:22px;
  font-family:Georgia,'Times New Roman',serif;
  font-size:96px;
  line-height:1;
  color:#0874ff;
  opacity:.09;
  pointer-events:none;
}

.stars{
  font-size:19px;
  letter-spacing:2px;
  color:#f5b622;
  margin-bottom:14px;
}

.stars-sm{
  font-size:15px;
  margin-bottom:2px;
}

.testimonial-card p{
  font-size:16px;
  line-height:1.7;
  color:var(--muted);
  margin-bottom:22px;
  flex:1;
}

.testimonial-author{
  display:flex;
  align-items:center;
  gap:14px;
  padding-top:18px;
  border-top:1px solid #eef3fb;
}

.author-avatar{
  width:50px;
  height:50px;
  flex-shrink:0;
  border-radius:50%;
  background:linear-gradient(135deg,#0874ff,#1976ff);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:900;
  font-size:16px;
  letter-spacing:.5px;
}

.author-avatar.avatar-2{background:linear-gradient(135deg,#00a884,#12c79c)}
.author-avatar.avatar-3{background:linear-gradient(135deg,#5b4bd6,#7a6bf0)}
.author-avatar.avatar-4{background:linear-gradient(135deg,#e0526b,#f4788c)}
.author-avatar.avatar-5{background:linear-gradient(135deg,#f08b1d,#ffab4a)}
.author-avatar.avatar-6{background:linear-gradient(135deg,#0f7fa8,#2ba8d4)}

.author-info strong{
  display:block;
  margin-bottom:2px;
  color:var(--text);
  font-size:16px;
}

.author-info span{
  font-size:13px;
  color:#8a97ac;
}

.testimonial-tag{
  display:inline-flex;
  align-items:center;
  gap:6px;
  align-self:flex-start;
  margin-top:16px;
  padding:5px 12px;
  border-radius:999px;
  background:#eef5ff;
  color:#0b5fd0;
  font-size:12px;
  font-weight:700;
}

.testimonial-tag i{font-size:12px;color:var(--success)}

/* --- Setas --- */
.carousel-arrow{
  width:46px;
  height:46px;
  flex-shrink:0;
  border:1px solid #dbe7fa;
  border-radius:50%;
  background:#fff;
  color:var(--blue);
  font-size:15px;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 8px 20px rgba(5,20,55,.08);
  transition:.22s;
}

.carousel-arrow:hover:not(:disabled){
  background:var(--blue);
  color:#fff;
  border-color:var(--blue);
  transform:scale(1.06);
}

.carousel-arrow:disabled{
  opacity:.35;
  cursor:default;
}

/* --- Dots --- */
.carousel-dots{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:8px;
  margin-top:26px;
}

.dot{
  width:10px;
  height:10px;
  padding:0;
  border:none;
  border-radius:999px;
  background:#c9d8ef;
  cursor:pointer;
  transition:.25s;
}

.dot:hover{background:#9bbbe6}

.dot.active{
  background:var(--blue);
  width:30px;
}

/* --- CTA --- */
.testimonials-cta{
  width:min(1280px,86%);
  margin:38px auto 0;
  text-align:center;
}

.testimonials-cta p{
  color:var(--muted);
  font-size:16px;
  margin-bottom:14px;
}

.btn-testimonials{
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:14px 30px;
  border-radius:999px;
  background:linear-gradient(135deg,#0874ff,#0661ee);
  color:#fff;
  font-weight:700;
  text-decoration:none;
  box-shadow:0 12px 26px rgba(8,116,255,.28);
  transition:.25s;
}

.btn-testimonials:hover{
  transform:translateY(-3px);
  box-shadow:0 16px 32px rgba(8,116,255,.36);
}

@media(max-width:1100px){
  .testimonials-carousel{--per-view:2}
}

@media(max-width:760px){
  .testimonials-carousel{--per-view:1;--gap:16px;width:min(1280px,90%)}
  .carousel-arrow{display:none}
  .testimonials-summary{padding:20px;gap:18px 26px}
  .ts-divider{display:none}
  .ts-score strong{font-size:32px}
  .ts-item strong{font-size:22px}
  .testimonial-card{padding:30px 22px 24px}
}

@media(prefers-reduced-motion:reduce){
  .carousel-viewport{scroll-behavior:auto}
  .testimonial-card,.carousel-arrow,.btn-testimonials{transition:none}
}

/* FAQ */
.faq{
  width:100%;
  background:#fff;
  padding:76px 0;
}

.faq-container{
  width:min(1280px,86%);
  margin:auto;
}

.faq-item{
  margin-bottom:15px;
  border:1px solid #e6ebf4;
  border-radius:10px;
  overflow:hidden;
  animation: fadeInUp 0.6s ease-out;
}

.faq-question{
  width:100%;
  padding:20px;
  background:#f9fbff;
  border:none;
  cursor:pointer;
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-size:16px;
  font-weight:900;
  color:#071b43;
  transition:.25s;
}

.faq-question:hover{
  background:#f0f5ff;
}

.faq-question i{
  transition:.3s;
}

.faq-item.active .faq-question i{
  transform:rotate(180deg);
}

.faq-answer{
  max-height:0;
  overflow:hidden;
  transition:max-height .3s ease-out;
}

.faq-item.active .faq-answer{
  max-height:500px;
}

.faq-answer p{
  padding:20px;
  color:#666;
  line-height:1.6;
}

/* VÍDEOS DO YOUTUBE */
.videos{
  width:100%;
  background:#f7faff;
  padding:76px 0;
}

.videos-grid{
  width:min(1280px,86%);
  margin:auto;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:28px;
}

.videos-carregando{
  grid-column:1/-1;
  text-align:center;
  color:var(--muted);
  font-size:15px;
  padding:24px 0;
}

.video-card{
  display:flex;
  flex-direction:column;
  text-align:left;
  padding:0;
  border:1px solid #e6eefb;
  border-radius:16px;
  background:#fff;
  box-shadow:0 12px 33px rgba(5,20,55,.07);
  overflow:hidden;
  cursor:pointer;
  font:inherit;
  color:inherit;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}

.video-card:hover{
  transform:translateY(-8px);
  border-color:#cfe1ff;
  box-shadow:var(--shadow);
}

.video-card:focus-visible{
  outline:3px solid var(--blue);
  outline-offset:3px;
}

.video-thumb{
  position:relative;
  width:100%;
  aspect-ratio:16/9;
  background:#dde6f4;
  overflow:hidden;
}

.video-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .35s ease;
}

.video-card:hover .video-thumb img{transform:scale(1.05)}

.video-thumb::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(6,22,51,0) 45%,rgba(6,22,51,.55) 100%);
}

.video-play{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:64px;
  height:64px;
  border-radius:50%;
  background:rgba(255,255,255,.94);
  color:#e02f2f;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:22px;
  padding-left:4px;
  z-index:2;
  box-shadow:0 8px 24px rgba(0,0,0,.28);
  transition:.25s;
}

.video-card:hover .video-play{
  transform:translate(-50%,-50%) scale(1.12);
  background:#fff;
}

.video-body{
  padding:20px 22px 24px;
  display:flex;
  flex-direction:column;
  flex:1;
}

.video-body h3{
  font-size:18px;
  line-height:1.35;
  margin-bottom:8px;
  color:var(--text);
}

.video-body p{
  font-size:14px;
  line-height:1.6;
  color:var(--muted);
  flex:1;
}

.video-assistir{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:16px;
  font-size:14px;
  font-weight:800;
  color:var(--blue);
}

/* Janela do vídeo */
.video-modal{
  position:fixed;
  inset:0;
  z-index:9999;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
}

.video-modal[hidden]{display:none}

.video-modal-fundo{
  position:absolute;
  inset:0;
  background:rgba(4,14,36,.86);
  backdrop-filter:blur(3px);
}

.video-modal-caixa{
  position:relative;
  width:min(960px,100%);
  z-index:1;
  animation:fadeInUp .3s ease-out;
}

.video-modal-frame{
  position:relative;
  width:100%;
  aspect-ratio:16/9;
  background:#000;
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 30px 70px rgba(0,0,0,.55);
}

.video-modal-frame iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
}

.video-modal-titulo{
  color:#fff;
  font-size:18px;
  margin-top:16px;
  text-align:center;
}

.video-modal-fechar{
  position:absolute;
  top:-46px;
  right:0;
  width:38px;
  height:38px;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.16);
  color:#fff;
  font-size:26px;
  line-height:1;
  cursor:pointer;
  transition:.2s;
}

.video-modal-fechar:hover{background:rgba(255,255,255,.32)}

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

@media(max-width:760px){
  .videos-grid{grid-template-columns:1fr;width:min(1280px,90%)}
  .video-modal-fechar{top:-42px}
}

@media(prefers-reduced-motion:reduce){
  .video-card,.video-thumb img,.video-play{transition:none}
  .video-modal-caixa{animation:none}
}

/* CERTIFICAÇÕES */
.certifications{
  width:100%;
  background:#fff;
  padding:76px 0;
}

.certifications-grid{
  width:min(1280px,86%);
  margin:auto;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:30px;
}

.cert-card{
  background:linear-gradient(135deg,#f9fbff,#f0f5ff);
  padding:40px 30px;
  border-radius:14px;
  text-align:center;
  border:2px solid #e6ebf4;
  transition:.25s;
  animation: fadeInUp 0.6s ease-out;
}

.cert-card:hover{
  border-color:#0874ff;
  transform:translateY(-8px);
}

.cert-card i{
  font-size:48px;
  color:#0874ff;
  margin-bottom:15px;
}

.cert-card h3{
  font-size:18px;
  margin-bottom:10px;
}

.cert-card p{
  font-size:13px;
  color:#666;
}

/* BLOG */
.blog{
  width:100%;
  background:#f7faff;
  padding:76px 0;
}

.blog-grid{
  width:min(1280px,86%);
  margin:auto;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:30px;
}

.blog-card{
  background:white;
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 12px 33px rgba(5,20,55,.07);
  transition:.25s;
  animation: fadeInUp 0.6s ease-out;
}

.blog-card:hover{
  transform:translateY(-8px);
  box-shadow:var(--shadow);
}

.blog-image{
  height:200px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:64px;
  color:white;
}

.blog-card h3{
  font-size:18px;
  padding:20px 20px 10px;
  font-weight:900;
}

.blog-card p{
  font-size:14px;
  color:#666;
  padding:0 20px 15px;
  line-height:1.6;
}

.read-more{
  display:inline-block;
  padding:0 20px 20px;
  color:#0874ff;
  text-decoration:none;
  font-weight:900;
  transition:.25s;
}

.read-more:hover{
  color:#1976ff;
}

/* ÁREA DO CLIENTE */
.client{
  background:linear-gradient(135deg,#061633,#0b4fd8);
  color:white;
  padding:75px 0;
}

.client-inner{
  width:min(1280px,86%);
  margin:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:35px;
}

.client span{
  color:#9ec8ff;
  font-weight:900;
  margin-bottom:18px;
  display:block;
}

.client h2{
  font-size:41px;
  line-height:1.15;
  font-weight:900;
  letter-spacing:-.04em;
  margin-bottom:18px;
  color:white;
}

.client p{
  font-size:18px;
  line-height:1.75;
  color:white;
}

.btn-white{
  background:white;
  color:#0b4fd8;
  white-space:nowrap;
}

/* MAPA */
.map-section{
  width:100%;
  background:#f7faff;
  padding:76px 0;
}

.map-container{
  width:min(1280px,86%);
  margin:auto 0 40px;
  border-radius:14px;
  overflow:hidden;
  box-shadow:var(--shadow);
}

.location-info{
  width:min(1280px,86%);
  margin:auto;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:30px;
}

.info-item{
  background:white;
  padding:30px;
  border-radius:14px;
  display:flex;
  gap:20px;
  box-shadow:0 12px 33px rgba(5,20,55,.07);
}

.info-item i{
  font-size:32px;
  color:#0874ff;
  min-width:40px;
}

.info-item strong{
  display:block;
  margin-bottom:5px;
}

/* CONTATO */
.contact{
  width:100%;
  background:#fff;
  padding:76px 0;
}

.contact-container{
  width:min(1280px,86%);
  margin:auto;
  display:grid;
  grid-template-columns:2fr 1fr;
  gap:50px;
}

.contact-form{
  background:#f9fbff;
  padding:40px;
  border-radius:14px;
  border:2px solid #e6ebf4;
}

.form-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
}

.form-group{
  margin-bottom:20px;
}

.form-group.checkbox{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:30px;
}

.form-group.checkbox input{
  width:auto;
}

.form-group.checkbox label{
  margin:0;
}

.form-group.checkbox a{
  color:#0874ff;
  text-decoration:none;
}

.btn-submit{
  width:100%;
  padding:16px;
  background:linear-gradient(135deg,#1976ff,#0661ee);
  color:white;
  border:none;
  border-radius:8px;
  font-weight:900;
  cursor:pointer;
  transition:.25s;
}

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

.form-note{
  font-size:13px;
  color:#999;
  margin-top:10px;
  text-align:center;
}

.contact-info h3{
  font-size:20px;
  margin-bottom:20px;
  color:#071b43;
}

.info-box{
  background:#f9fbff;
  padding:20px;
  border-radius:10px;
  margin-bottom:20px;
  border-left:4px solid #0874ff;
}

.info-box h4{
  font-size:16px;
  margin-bottom:10px;
  color:#071b43;
}

.info-box p{
  font-size:14px;
  color:#666;
  line-height:1.6;
}

/* NEWSLETTER */
.newsletter{
  width:100%;
  background:linear-gradient(135deg,#061633,#0b4fd8);
  color:white;
  padding:60px 0;
}

.newsletter-content{
  width:min(1280px,86%);
  margin:auto;
  text-align:center;
}

.newsletter-content h2{
  font-size:36px;
  margin-bottom:15px;
}

.newsletter-content p{
  font-size:18px;
  margin-bottom:30px;
}

.newsletter-form{
  display:flex;
  gap:10px;
  max-width:500px;
  margin:auto;
}

.newsletter-form input{
  flex:1;
  padding:16px;
  border:none;
  border-radius:8px;
  font-size:14px;
}

.newsletter-form button{
  padding:16px 30px;
  background:white;
  color:#0b4fd8;
  border:none;
  border-radius:8px;
  font-weight:900;
  cursor:pointer;
  transition:.25s;
}

.newsletter-form button:hover{
  transform:translateY(-4px);
}

/* COMPARADOR */
.comparator{
  width:100%;
  background:#f7faff;
  padding:76px 0;
}

.comparison-table{
  width:min(1280px,86%);
  margin:auto;
  overflow-x:auto;
}

.comparison-table table{
  width:100%;
  border-collapse:collapse;
  background:white;
  border-radius:14px;
  overflow:hidden;
  box-shadow:var(--shadow);
}

.comparison-table th{
  background:linear-gradient(135deg,#06183f,#082766);
  color:white;
  padding:20px;
  text-align:left;
  font-weight:900;
}

.comparison-table td{
  padding:20px;
  border-bottom:1px solid #e6ebf4;
}

.comparison-table tr:last-child td{
  border-bottom:none;
}

.comparison-table tr:nth-child(even){
  background:#f9fbff;
}

/* FOOTER */
footer{
  background:#050f25;
  color:#dce8ff;
  padding:50px 7%;
}

.footer-content{
  width:min(1280px,92%);
  margin:0 auto 30px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:40px;
}

.footer-section h4{
  color:white;
  margin-bottom:15px;
  font-size:16px;
}

.footer-section p{
  font-size:14px;
  line-height:1.6;
  margin-bottom:10px;
}

.footer-section a{
  color:#dce8ff;
  text-decoration:none;
  font-size:14px;
  transition:.25s;
}

.footer-section a:hover{
  color:white;
}

.footer-section ul{
  list-style:none;
}

.footer-section ul li{
  margin-bottom:10px;
}

.social-links{
  display:flex;
  gap:15px;
  margin-top:15px;
}

.social-links a{
  width:40px;
  height:40px;
  border-radius:50%;
  background:rgba(255,255,255,.1);
  display:flex;
  align-items:center;
  justify-content:center;
  transition:.25s;
}

.social-links a:hover{
  background:#0874ff;
}

.footer-bottom{
  text-align:center;
  padding-top:30px;
  border-top:1px solid rgba(255,255,255,.1);
  font-size:14px;
}

/* BOTÃO FLUTUANTE */
.float-whats{
  position:fixed;
  right:26px;
  bottom:25px;
  width:72px;
  height:72px;
  border-radius:50%;
  background:#24d366;
  color:white;
  text-decoration:none;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:38px;
  box-shadow:0 15px 35px rgba(0,0,0,.26);
  border:5px solid rgba(255,255,255,.85);
  z-index:999;
  transition:.25s;
  animation:pulse 2s infinite;
}

.float-whats:hover{
  transform:scale(1.1);
}

/* RESPONSIVO */
@media(max-width:1150px){
  .menu-bar{
    width:100%;
    margin-top:0;
    border-radius:0;
    min-height:auto;
    flex-wrap:wrap;
    padding:12px;
  }

  .hamburger{
    display:flex;
    order:2;
  }

  nav{
    order:3;
    width:100%;
    max-height:0;
    overflow:hidden;
    flex-direction:column;
    transition:max-height .3s ease-in-out;
    background:rgba(6,22,51,.95);
    border-radius:0 0 14px 14px;
    gap:0;
  }

  nav.active{
    max-height:500px;
  }

  nav a{
    padding:16px 12px;
    font-size:13px;
    width:100%;
    border-bottom:1px solid rgba(255,255,255,.1);
  }

  .btn-menu{
    width:100%;
    text-align:center;
    justify-content:center;
    order:4;
  }

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

  .hero-left{
    padding:50px 5% 35px;
  }

  .hero-right{
    min-height:390px;
    height:390px;
  }

  .hero-right:before{
    display:none;
  }

  .services-grid,.portfolio-grid,.certifications-grid,.blog-grid{
    grid-template-columns:repeat(2,1fr);
    width:92%;
  }

  .content-grid,.contact-container{
    grid-template-columns:1fr;
    width:92%;
  }

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

  .pricing-card.featured{
    transform:scale(1);
  }

  .testimonials-carousel{
    --per-view:1;
  }

  .client-inner{
    width:92%;
    flex-direction:column;
    text-align:center;
  }

  .location-info{
    grid-template-columns:1fr;
  }

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

@media(max-width:700px){
  .topbar-inner{
    min-height:auto;
    padding:10px 0;
    flex-direction:column;
    align-items:flex-start;
  }

  .top-left{
    flex-wrap:wrap;
  }

  .hero-left h1{
    font-size:39px;
  }

  .hero-left p{
    font-size:17px;
  }

  .btn-primary,.btn-outline,.btn-white{
    width:100%;
  }

  .services-grid,.portfolio-grid,.certifications-grid,.blog-grid{
    grid-template-columns:1fr;
  }

  .section-title h2{
    font-size:33px;
  }

  .float-whats{
    width:62px;
    height:62px;
    font-size:30px;
  }

  nav{
    max-height:400px !important;
  }

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

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

  .footer-content{
    grid-template-columns:1fr;
  }

  .newsletter-form{
    flex-direction:column;
  }

  .form-row{
    grid-template-columns:1fr;
  }
}


/* NOTÍCIAS */
.news{
  width:100%;
  background:#fff;
  padding:76px 0;
}

.news-grid{
  width:min(1280px,86%);
  margin:auto;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:30px;
}

.news-card{
  background:white;
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 12px 33px rgba(5,20,55,.07);
  transition:.25s;
  animation: fadeInUp 0.6s ease-out;
  display:flex;
  border-left:5px solid #0874ff;
}

.news-card:hover{
  transform:translateY(-8px);
  box-shadow:var(--shadow);
}

.news-date{
  min-width:80px;
  background:linear-gradient(135deg,#0874ff,#1976ff);
  color:white;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:20px 15px;
  text-align:center;
  font-weight:900;
}

.news-date .day{
  font-size:28px;
  line-height:1;
  margin-bottom:5px;
}

.news-date .month{
  font-size:12px;
  opacity:0.9;
}

.news-content{
  flex:1;
  padding:25px;
  display:flex;
  flex-direction:column;
}

.news-category{
  display:inline-block;
  background:#e6ebf4;
  color:#0874ff;
  padding:5px 12px;
  border-radius:20px;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  margin-bottom:10px;
  width:fit-content;
}

.news-card h3{
  font-size:18px;
  font-weight:900;
  margin-bottom:10px;
  color:var(--text);
  line-height:1.4;
}

.news-card p{
  font-size:14px;
  color:#666;
  line-height:1.6;
  margin-bottom:15px;
  flex:1;
}

.news-meta{
  display:flex;
  gap:20px;
  font-size:13px;
  color:#999;
  margin-bottom:15px;
  flex-wrap:wrap;
}

.news-meta span{
  display:flex;
  align-items:center;
  gap:6px;
}

.news-meta i{
  color:#0874ff;
}

.news-card .read-more{
  display:inline-block;
  color:#0874ff;
  text-decoration:none;
  font-weight:900;
  transition:.25s;
  width:fit-content;
}

.news-card .read-more:hover{
  color:#1976ff;
  transform:translateX(5px);
}

/* RESPONSIVO - NOTÍCIAS */
@media(max-width:768px){
  .news-grid{
    grid-template-columns:1fr;
  }

  .news-card{
    flex-direction:column;
    border-left:none;
    border-top:5px solid #0874ff;
  }

  .news-date{
    min-width:auto;
    flex-direction:row;
    gap:15px;
    padding:15px 20px;
  }

  .news-date .day{
    font-size:24px;
  }

  .news-date .month{
    font-size:11px;
  }

  .news-content{
    padding:20px;
  }

  .news-card h3{
    font-size:16px;
  }

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

/* NOTÍCIAS AUTOMÁTICAS - V3 */
.news-subtitle{
  max-width:820px;
  margin:14px auto 0;
  color:#5b6475;
  font-size:16px;
  line-height:1.7;
}
.news-toolbar{
  width:min(1280px,86%);
  margin:0 auto 24px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  flex-wrap:wrap;
}
.news-filter-group{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.news-filter{
  border:1px solid #dce5f5;
  background:#fff;
  color:#0f2552;
  padding:10px 14px;
  border-radius:999px;
  font-weight:800;
  cursor:pointer;
  transition:.25s;
  box-shadow:0 8px 20px rgba(5,20,55,.04);
}
.news-filter:hover,.news-filter.active{
  background:linear-gradient(135deg,#082766,#0874ff);
  color:#fff;
  border-color:#0874ff;
  transform:translateY(-2px);
}
.news-status{
  font-size:13px;
  font-weight:800;
  color:#68758b;
  background:#f3f6fb;
  border:1px solid #e1e8f5;
  padding:10px 14px;
  border-radius:999px;
}
.news-featured{
  width:min(1280px,86%);
  margin:0 auto 26px;
}
.news-featured .featured-card{
  background:linear-gradient(135deg,#061a42,#082766 50%,#0874ff);
  color:#fff;
  border-radius:22px;
  padding:32px;
  display:grid;
  grid-template-columns:90px 1fr auto;
  gap:24px;
  align-items:center;
  box-shadow:0 24px 55px rgba(5,20,55,.2);
  overflow:hidden;
  position:relative;
}
.news-featured .featured-card::after{
  content:"";
  position:absolute;
  inset:auto -80px -110px auto;
  width:260px;
  height:260px;
  background:rgba(255,255,255,.08);
  border-radius:50%;
}
.news-featured .news-date{
  border-radius:18px;
  min-height:86px;
  background:rgba(255,255,255,.14);
  backdrop-filter:blur(8px);
}
.news-featured h3{
  font-size:26px;
  margin:8px 0 10px;
  line-height:1.25;
}
.news-featured p{
  color:rgba(255,255,255,.82);
  line-height:1.7;
}
.news-featured .news-category{
  background:rgba(255,255,255,.14);
  color:#fff;
}
.news-featured a{
  position:relative;
  z-index:2;
  color:#082766;
  background:#fff;
  text-decoration:none;
  font-weight:900;
  padding:13px 18px;
  border-radius:999px;
  white-space:nowrap;
}
.news-source-tag{
  display:inline-flex;
  align-items:center;
  gap:6px;
  background:#f3f6fb;
  color:#526176;
  border-radius:999px;
  padding:4px 10px;
  font-size:12px;
  font-weight:800;
}
.news-actions{
  width:min(1280px,86%);
  margin:30px auto 0;
  display:flex;
  justify-content:center;
  gap:14px;
  flex-wrap:wrap;
}
.news-refresh{
  cursor:pointer;
}
.news-error{
  width:min(1280px,86%);
  margin:0 auto;
  padding:18px;
  border-radius:16px;
  background:#fff7e8;
  color:#7a4d00;
  border:1px solid #ffd894;
  font-weight:700;
}

@media(max-width:1150px){
  .pricing-grid{
    grid-template-columns:repeat(2,1fr);
  }
  .pricing-card.featured{
    transform:scale(1);
  }
}

@media(max-width:900px){
  .news-featured .featured-card{
    grid-template-columns:1fr;
  }
  .news-featured a{
    width:fit-content;
  }
}
@media(max-width:768px){
  .news-toolbar,.news-featured,.news-actions{
    width:92%;
  }
  .news-filter-group{
    width:100%;
    overflow-x:auto;
    flex-wrap:nowrap;
    padding-bottom:6px;
  }
  .news-filter{
    white-space:nowrap;
  }
  .news-featured .featured-card{
    padding:24px;
  }
  .news-featured h3{
    font-size:21px;
  }
}


/* CORREÇÃO FINAL DAS ABAS */
body.tab-mode main > section.tab-hidden{
  display:none !important;
}
body.tab-mode main > section.tab-active{
  display:block !important;
  animation:tabFade .30s ease both;
}
body.tab-mode #nav-menu a.active{
  background:rgba(255,255,255,.16);
  color:#0874ff !important;
  border-radius:10px;
}


/* CORREÇÃO FINAL - FAIXA AZUL MENOR SEM QUEBRAR A FOTO */

.hero,
.hero-section,
.banner,
.banner-section {
    min-height: auto !important;
}

/* reduz somente a área azul do texto */
.hero-content,
.banner-content,
.hero .container,
.banner .container {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
}

/* mantém a imagem/banner em destaque, sem distorcer */
.hero img,
.banner img,
.hero-image img,
.banner-image img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    display: block !important;
    margin: 0 auto !important;
}

/* evita que qualquer imagem suba/corte */
.hero-image,
.banner-image {
    margin-top: 0 !important;
    transform: none !important;
}

/* reduz título para ocupar menos altura no desktop */
.hero h1,
.banner h1 {
    line-height: 1.08 !important;
    margin-bottom: 18px !important;
}

/* aproxima a foto da faixa azul */
.hero + section,
.banner + section {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

@media (max-width: 768px) {
    .hero-content,
    .banner-content,
    .hero .container,
    .banner .container {
        padding-top: 35px !important;
        padding-bottom: 35px !important;
    }
}


/* FERRAMENTAS EXTRAS */
.tools{
  width:100%;
  background:#f7faff;
  padding:76px 0;
}
.tools-grid,.plus-grid{
  width:min(1280px,86%);
  margin:auto;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:26px;
}
.tool-card,.plus-card{
  background:white;
  padding:30px;
  border-radius:18px;
  border:1px solid #e6ebf4;
  box-shadow:0 14px 35px rgba(5,20,55,.08);
  transition:.25s;
}
.tool-card:hover,.plus-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.tool-icon,.plus-card i{
  width:58px;height:58px;border-radius:16px;
  background:linear-gradient(135deg,#0874ff,#0b4fd8);
  color:white;display:flex;align-items:center;justify-content:center;
  font-size:25px;margin-bottom:18px;
}
.tool-card h3,.plus-card h3{font-size:22px;margin-bottom:12px;color:#071b43;font-weight:900}
.tool-card p,.plus-card p{color:#40516d;line-height:1.65;margin-bottom:18px}
.mini-result{
  margin-top:18px;
  padding:18px;
  border-radius:14px;
  background:#f7faff;
  border:1px dashed #b9cff5;
  color:#071b43;
  line-height:1.6;
}
.mini-result strong{display:block;margin-bottom:6px;color:#0b4fd8}
.mini-result.alerta{background:#fff5e6;border-color:#ffbf64}
.mini-result.ok{background:#eefaf2;border-color:#93d6a7}
.mini-result.danger{background:#fff1f1;border-color:#f0a2a2}
.features-plus{width:100%;background:#fff;padding:76px 0}
.plus-card.highlight{border:2px solid #0874ff;background:linear-gradient(180deg,#ffffff,#f0f6ff)}
.small-link,.small-button{
  display:inline-flex;align-items:center;justify-content:center;
  padding:12px 16px;border-radius:999px;
  background:#0b4fd8;color:white;text-decoration:none;
  border:none;font-weight:900;cursor:pointer;font-family:inherit;
}
.small-link:hover,.small-button:hover{background:#0874ff}
.florzinha-box{
  position:fixed;right:24px;bottom:96px;width:min(360px,90vw);
  background:white;border-radius:18px;box-shadow:0 20px 60px rgba(0,0,0,.22);
  z-index:99;overflow:hidden;border:1px solid #dbe7ff;display:none;
}
.florzinha-box.active{display:block}
.florzinha-head{background:linear-gradient(135deg,#061633,#0b4fd8);color:white;padding:16px 18px;font-weight:900;display:flex;justify-content:space-between;align-items:center}
.florzinha-head button{background:transparent;color:white;border:none;font-size:20px;cursor:pointer}
.florzinha-body{padding:18px;color:#40516d;line-height:1.6}
.florzinha-actions{display:grid;gap:10px;margin-top:14px}
.florzinha-actions a{background:#f0f6ff;color:#0b4fd8;text-decoration:none;padding:10px 12px;border-radius:10px;font-weight:800}

@media(max-width:900px){
  .tools-grid,.plus-grid{grid-template-columns:1fr}
}

/* ÁREA DO CLIENTE FUNCIONAL */
.cliente-form{display:grid;gap:10px;margin-top:14px}
.cliente-form input,.cliente-form select{
  width:100%;padding:12px 14px;border-radius:12px;border:1px solid #d7e2f3;
  font-family:inherit;font-size:14px;background:#fff;color:#071b43;
}
.cliente-note{display:block;margin-top:10px;color:#607089;line-height:1.5}
.footer-final{
  width:100%;padding:34px 7%;background:#061633;color:#fff;
  display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;
}
.footer-final p{margin-top:6px;color:#c8d6f3}
.footer-final a{background:#25d366;color:#062812;padding:13px 18px;border-radius:999px;text-decoration:none;font-weight:900}

/* BOTÃO FLUTUANTE FLORZINHA */
.florzinha-float{
  position:fixed;right:22px;bottom:22px;z-index:9999;border:none;cursor:pointer;
  background:transparent;color:inherit;border-radius:0;
  padding:0;display:block;box-shadow:none;
  font-family:inherit;font-weight:900;font-size:15px;
}
.florzinha-float img{
  width:190px;max-width:32vw;height:auto;display:block;
  filter:drop-shadow(0 14px 28px rgba(0,0,0,.30));
}
.florzinha-float:hover{transform:translateY(-3px)}
.florzinha-box{
  position:fixed!important;right:24px!important;bottom:88px!important;width:min(390px,92vw)!important;
  background:white!important;border-radius:20px!important;box-shadow:0 24px 70px rgba(0,0,0,.25)!important;
  z-index:9998!important;overflow:hidden!important;border:1px solid #dbe7ff!important;display:none!important;
}
.florzinha-box.active{display:block!important}
.florzinha-head{background:linear-gradient(135deg,#061633,#0b4fd8)!important;color:white!important;padding:16px 18px!important;font-weight:900!important;display:flex!important;justify-content:space-between!important;align-items:center!important}
.florzinha-head button{background:transparent!important;color:white!important;border:none!important;font-size:22px!important;cursor:pointer!important}
.florzinha-messages{height:350px;overflow:auto;padding:16px;background:#f7faff;display:flex;flex-direction:column;gap:10px}
.msg{max-width:88%;padding:11px 13px;border-radius:14px;line-height:1.45;font-size:14px}
.msg.bot{align-self:flex-start;background:#fff;border:1px solid #dbe7ff;color:#071b43}
.msg.user{align-self:flex-end;background:#0b4fd8;color:#fff}
.quick-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.quick-buttons button,.transfer-btn{
  border:none;background:#e8f1ff;color:#0b4fd8;border-radius:999px;padding:9px 11px;font-weight:800;cursor:pointer;font-family:inherit;font-size:13px;
}
.transfer-btn{margin-top:9px;background:#25d366;color:#062812}
.florzinha-input-area{display:flex;gap:8px;padding:12px;background:white;border-top:1px solid #e6ebf4}
.florzinha-input-area input{flex:1;border:1px solid #d7e2f3;border-radius:999px;padding:11px 13px;font-family:inherit}
.florzinha-input-area button{border:none;border-radius:999px;background:#0b4fd8;color:white;font-weight:900;padding:0 14px;cursor:pointer}
@media(max-width:560px){.florzinha-float{right:10px;bottom:10px}.florzinha-float img{width:132px;max-width:42vw}.florzinha-box{right:12px!important;bottom:126px!important}.florzinha-messages{height:300px}.footer-final{display:block}.footer-final a{display:inline-block;margin-top:14px}}


/* Melhorias pontuais: anexos do Simples */
#res-aliquota{
  font-size:14px;
  line-height:1.4;
  text-align:right;
}
@media(max-width:700px){
  #res-aliquota{text-align:left;display:block;margin-top:6px;}
}


/* === Correção 004: Florzinha circular sem alterar a tela principal === */
.florzinha-float{
  position:fixed!important;
  right:22px!important;
  bottom:22px!important;
  z-index:9999!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  width:auto!important;
  height:auto!important;
  max-width:260px!important;
}
.florzinha-float-avatar{
  width:78px!important;
  height:78px!important;
  border-radius:50%!important;
  overflow:hidden!important;
  display:block!important;
  background:#fff!important;
  border:3px solid #0b4fd8!important;
  box-shadow:0 8px 20px rgba(0,0,0,.22)!important;
  flex:0 0 auto!important;
}
.florzinha-float-avatar img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
  max-width:none!important;
  filter:none!important;
}
.florzinha-float-bubble{
  display:block!important;
  background:#fff!important;
  color:#071b43!important;
  border:1px solid #dbe7ff!important;
  border-radius:18px 18px 18px 6px!important;
  padding:9px 12px!important;
  max-width:150px!important;
  font-size:13px!important;
  line-height:1.22!important;
  font-weight:900!important;
  box-shadow:0 8px 20px rgba(0,0,0,.14)!important;
}
body.florzinha-open .florzinha-float{display:none!important;}
.florzinha-box{
  position:fixed!important;
  right:24px!important;
  bottom:92px!important;
  width:min(390px,92vw)!important;
  max-height:calc(100vh - 118px)!important;
  background:white!important;
  border-radius:20px!important;
  box-shadow:0 24px 70px rgba(0,0,0,.25)!important;
  z-index:9998!important;
  overflow:hidden!important;
  border:1px solid #dbe7ff!important;
  display:none!important;
}
.florzinha-box.active{display:flex!important;flex-direction:column!important;}
.florzinha-messages{
  height:330px!important;
  max-height:calc(100vh - 230px)!important;
  overflow:auto!important;
  padding:16px!important;
  background:#f7faff!important;
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
}
.florzinha-intro{display:flex!important;align-items:flex-start!important;gap:10px!important;margin-bottom:4px!important;}
.florzinha-chat-avatar{
  width:58px!important;
  height:58px!important;
  border-radius:50%!important;
  border:2px solid #0b4fd8!important;
  background:#fff!important;
  object-fit:cover!important;
  box-shadow:0 6px 14px rgba(0,0,0,.14)!important;
  flex:0 0 auto!important;
}
.florzinha-welcome{font-size:15px!important;line-height:1.45!important;padding:12px 14px!important;border-radius:18px 18px 18px 6px!important;}
.florzinha-input-area{align-items:center!important;padding:12px!important;gap:8px!important;}
.florzinha-input-area input{min-height:42px!important;font-size:15px!important;}
.florzinha-send,.florzinha-input-area button{
  min-width:44px!important;
  width:44px!important;
  height:44px!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:18px!important;
}
@media(max-width:560px){
  .florzinha-float{right:12px!important;bottom:12px!important;max-width:220px!important;}
  .florzinha-float-avatar{width:66px!important;height:66px!important;}
  .florzinha-float-bubble{font-size:12px!important;max-width:132px!important;padding:8px 10px!important;}
  .florzinha-box{right:8px!important;bottom:8px!important;width:calc(100vw - 16px)!important;max-height:calc(100vh - 16px)!important;}
  .florzinha-messages{height:calc(100vh - 178px)!important;min-height:250px!important;padding:14px!important;}
  .florzinha-chat-avatar{width:52px!important;height:52px!important;}
}

/* 007 - CORREÇÃO DEFINITIVA HERO FOTO PREENCHIDA
   Mantém layout e Florzinha, mas impede regras antigas de deixar a imagem com height:auto. */
@media (min-width: 769px){
  .hero#inicio{
    min-height:720px !important;
    height:720px !important;
    display:grid !important;
    grid-template-columns:40% 60% !important;
    align-items:stretch !important;
  }
  .hero#inicio .hero-left{
    min-height:720px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
  }
  .hero#inicio .hero-right{
    height:720px !important;
    min-height:720px !important;
    display:block !important;
    position:relative !important;
    overflow:hidden !important;
  }
  .hero#inicio .hero-right img{
    width:100% !important;
    height:100% !important;
    max-height:none !important;
    object-fit:cover !important;
    object-position:center center !important;
    display:block !important;
    margin:0 !important;
    transform:scale(1.03) !important;
  }
}

@media (max-width:768px){
  .hero#inicio{
    height:auto !important;
    min-height:auto !important;
    grid-template-columns:1fr !important;
  }
  .hero#inicio .hero-right{
    height:390px !important;
    min-height:390px !important;
  }
  .hero#inicio .hero-right img{
    height:100% !important;
    object-fit:cover !important;
  }
}


/* 008 - SEÇÕES COMO MODELO ENVIADO PELO CLIENTE */
.quick-features{
  width:100%;
  background:#061633;
  border-top:1px solid rgba(255,255,255,.10);
  border-bottom:1px solid rgba(255,255,255,.10);
  display:grid;
  grid-template-columns:repeat(5,1fr);
  color:#fff;
}
.quick-feature{
  min-height:128px;
  padding:24px 26px;
  display:flex;
  gap:18px;
  align-items:center;
  border-right:1px solid rgba(255,255,255,.13);
}
.quick-feature:first-child{border-left:1px solid rgba(255,255,255,.08)}
.quick-feature.destaque{background:#dc9c2b;color:#fff;}
.quick-icon{font-size:27px;line-height:1;flex:0 0 auto;filter:saturate(1.08)}
.quick-feature strong{display:block;font-size:16px;font-weight:900;line-height:1.35;margin-bottom:4px;}
.quick-feature span{display:block;font-size:14px;line-height:1.55;color:rgba(255,255,255,.95)}
.services-compact{background:#fff;padding:44px 0 56px!important;}
.classic-title{margin-bottom:34px!important;}
.classic-title span{display:none!important;}
.classic-title h2{
  color:#061633!important;
  font-family:Georgia,'Times New Roman',serif!important;
  font-size:34px!important;
  letter-spacing:.01em!important;
  text-transform:uppercase!important;
  font-weight:900!important;
}
.gold-line{
    width:160px;
    height:20px;
    margin:8px auto 0;
    position:relative;
}
.gold-line:before,.gold-line:after{content:"";position:absolute;top:8px;width:36px;height:2px;background:#dc9c2b;}
.gold-line:before{left:0}.gold-line:after{right:0}
.gold-line span{display:block!important;position:absolute;left:50%;top:4px;width:10px;height:10px;background:#dc9c2b;transform:translateX(-50%) rotate(45deg);}
.compact-grid{width:min(1240px,96%)!important;grid-template-columns:repeat(7,1fr)!important;gap:14px!important;}
.compact-card{min-height:178px!important;padding:22px 14px!important;border-radius:6px!important;text-align:center!important;box-shadow:0 12px 30px rgba(5,20,55,.05)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;}
.compact-card .emoji-icon{width:auto!important;height:auto!important;background:transparent!important;color:inherit!important;margin:0 0 14px!important;font-size:34px!important;box-shadow:none!important;}
.compact-card h3{font-size:15px!important;line-height:1.25!important;margin:0 0 15px!important;color:#061633!important;}
.compact-card a{font-size:13px!important;font-weight:900!important;color:#061633!important;text-decoration:none!important;margin-top:auto!important;}
.tools-clean{background:#f4f7fb!important;padding:58px 0 72px!important;}
.tools-simple-grid{width:min(1180px,94%)!important;grid-template-columns:repeat(3,1fr)!important;gap:28px!important;}
.tool-simple-card{min-height:250px!important;border-radius:18px!important;padding:34px 36px!important;box-shadow:0 14px 35px rgba(5,20,55,.06)!important;}
.tool-simple-card h3{font-size:25px!important;line-height:1.16!important;color:#061633!important;margin-bottom:24px!important;}
.tool-simple-card p{font-size:18px!important;line-height:1.58!important;color:#536780!important;margin-bottom:22px!important;}
.gold-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:50px!important;padding:0 22px!important;border-radius:6px!important;background:#dc9c2b!important;color:#fff!important;text-decoration:none!important;font-size:13px!important;font-weight:900!important;box-shadow:0 12px 28px rgba(220,156,43,.20)!important;}
.gold-button:hover{filter:brightness(.96);transform:translateY(-2px)}
@media(max-width:1100px){.compact-grid{grid-template-columns:repeat(4,1fr)!important}.quick-features{grid-template-columns:repeat(2,1fr)}.quick-feature.destaque{grid-column:auto}.tools-simple-grid{grid-template-columns:1fr!important}}
@media(max-width:640px){.quick-features{grid-template-columns:1fr}.quick-feature{min-height:auto;padding:18px 20px}.compact-grid{grid-template-columns:repeat(2,1fr)!important}.classic-title h2{font-size:28px!important}.tool-simple-card{padding:28px 24px!important}}


/* =========================================================
   VERSÃO 009 - SEÇÕES NO MODELO ENVIADO PELO LEANDRO
   Força o visual: faixa de diferenciais + serviços compactos + ferramentas grandes
   ========================================================= */
.quick-features{
  display:grid !important;
  grid-template-columns: repeat(5, 1fr) !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  background:#061a33 !important;
  border-top:1px solid rgba(255,255,255,.18) !important;
  border-bottom:1px solid rgba(255,255,255,.18) !important;
  box-shadow:none !important;
}
.quick-feature{
  min-height:132px !important;
  display:flex !important;
  align-items:center !important;
  gap:22px !important;
  padding:24px 36px !important;
  border-right:1px solid rgba(255,255,255,.16) !important;
  background:#061a33 !important;
  color:#fff !important;
}
.quick-feature.destaque{
  background:#d99a2b !important;
  color:#fff !important;
  transform:none !important;
  box-shadow:none !important;
}
.quick-icon{
  font-size:28px !important;
  width:auto !important;
  height:auto !important;
  background:transparent !important;
  box-shadow:none !important;
  flex:0 0 auto !important;
}
.quick-feature strong{
  display:block !important;
  color:#fff !important;
  font-size:18px !important;
  line-height:1.15 !important;
  margin-bottom:8px !important;
  font-weight:900 !important;
}
.quick-feature span{
  display:block !important;
  color:#fff !important;
  font-size:15px !important;
  line-height:1.55 !important;
  max-width:190px !important;
}
.services-compact,
.tools-clean{
  background:#fff !important;
  padding:44px 18px 54px !important;
  margin:0 !important;
}
.tools-clean{
  background:#f3f6fb !important;
  padding-top:56px !important;
}
.classic-title{
  margin:0 auto 38px !important;
  text-align:center !important;
}
.classic-title h2{
  font-family: Georgia, 'Times New Roman', serif !important;
  color:#00152f !important;
  font-size:38px !important;
  font-weight:900 !important;
  letter-spacing:.3px !important;
  text-transform:uppercase !important;
  margin:0 !important;
}
.gold-line{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:14px !important;
  margin-top:18px !important;
}
.gold-line:before,
.gold-line:after{
  content:"" !important;
  width:38px !important;
  height:2px !important;
  background:#d99a2b !important;
  display:block !important;
}
.gold-line span{
  width:10px !important;
  height:10px !important;
  background:#d99a2b !important;
  transform:rotate(45deg) !important;
  display:block !important;
}
.compact-grid{
  max-width:1260px !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns: repeat(7, minmax(130px, 1fr)) !important;
  gap:18px !important;
}
.compact-card{
  min-height:214px !important;
  padding:24px 14px !important;
  background:#fff !important;
  border:1px solid #dfe6f0 !important;
  border-radius:8px !important;
  box-shadow:0 12px 30px rgba(0,0,0,.04) !important;
  text-align:center !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
}
.compact-card .emoji-icon{
  font-size:36px !important;
  margin-bottom:18px !important;
  color:#4b247c !important;
  background:transparent !important;
  width:auto !important;
  height:auto !important;
  box-shadow:none !important;
}
.compact-card h3{
  color:#00152f !important;
  font-size:18px !important;
  line-height:1.2 !important;
  font-weight:900 !important;
  margin:0 0 20px !important;
}
.compact-card a{
  color:#00152f !important;
  font-size:14px !important;
  font-weight:900 !important;
  text-decoration:none !important;
  margin-top:auto !important;
}
.tools-simple-grid{
  max-width:1240px !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap:34px !important;
}
.tool-simple-card{
  background:#fff !important;
  border:1px solid #dfe6f0 !important;
  border-radius:18px !important;
  padding:42px 42px 40px !important;
  min-height:246px !important;
  box-shadow:0 18px 45px rgba(0,0,0,.04) !important;
}
.tool-simple-card h3{
  color:#00152f !important;
  font-size:28px !important;
  line-height:1.1 !important;
  font-weight:900 !important;
  margin:0 0 26px !important;
}
.tool-simple-card p{
  color:#526884 !important;
  font-size:20px !important;
  line-height:1.55 !important;
  margin:0 0 26px !important;
}
.gold-button{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:56px !important;
  padding:0 28px !important;
  border-radius:6px !important;
  background:#d99a2b !important;
  color:#fff !important;
  font-weight:900 !important;
  text-decoration:none !important;
  font-size:15px !important;
  border:0 !important;
}
@media(max-width:1100px){
  .quick-features{grid-template-columns:repeat(2,1fr) !important;}
  .compact-grid{grid-template-columns:repeat(4,1fr) !important;}
  .tools-simple-grid{grid-template-columns:1fr !important;}
}
@media(max-width:640px){
  .quick-features{grid-template-columns:1fr !important;}
  .quick-feature{min-height:auto !important;padding:20px 24px !important;}
  .compact-grid{grid-template-columns:repeat(2,1fr) !important;gap:12px !important;}
  .compact-card{min-height:180px !important;}
  .classic-title h2{font-size:28px !important;}
  .tool-simple-card{padding:30px 24px !important;}
  .tool-simple-card h3{font-size:24px !important;}
  .tool-simple-card p{font-size:17px !important;}
}

.header-premium{background:#fff;position:sticky;top:0;z-index:1000}
.header-top-premium{background:#031a3a;color:#fff;padding:8px 20px;display:flex;gap:22px;justify-content:center;font-size:14px;flex-wrap:wrap}
.header-main-premium{display:flex;align-items:center;justify-content:space-between;padding:14px 30px;background:#fff}
.logo-premium strong{font-size:42px;color:#0b1d3c;display:block;line-height:1}
.logo-premium small{letter-spacing:3px;color:#c9962a}
.header-main-premium nav{display:flex;gap:28px}
.header-main-premium nav a{text-decoration:none;color:#0b1d3c;font-weight:700}
.cliente-btn{background:#d39a2d;color:#fff;padding:14px 24px;border-radius:8px;text-decoration:none;font-weight:700}


/* === 013 - Florzinha IA Local, Painel e Blog === */
.flor-ia-section{padding:70px 6%;background:#f7f9fd;}
.flor-ia-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:1180px;margin:34px auto 0;}
.flor-ia-card{background:#fff;border:1px solid #e4eaf4;border-radius:22px;padding:28px;box-shadow:0 14px 35px rgba(7,30,66,.08);transition:.25s ease;}
.flor-ia-card:hover{transform:translateY(-4px);box-shadow:0 18px 45px rgba(7,30,66,.13);}
.flor-ia-card i{font-size:32px;color:#c89b3c;margin-bottom:16px;}
.flor-ia-card h3{color:#082766;margin-bottom:10px;font-size:21px;}
.flor-ia-card p{color:#4d5d75;line-height:1.65;margin-bottom:18px;}
.section-subtitle{max-width:780px;margin:12px auto 0;color:#5d6b82;line-height:1.6;text-align:center;}
.florzinha-box.pro{border-radius:22px!important;overflow:hidden!important;box-shadow:0 24px 80px rgba(0,0,0,.28)!important;border:1px solid rgba(255,255,255,.2)!important;}
.florzinha-head small{display:block;font-size:11px;font-weight:500;opacity:.85;margin-top:2px;}
.florzinha-lead-form{background:#fff;border:1px solid #dfe7f4;border-radius:16px;padding:12px;margin:8px 0;display:grid;gap:8px;}
.florzinha-lead-form input,.florzinha-lead-form select,.florzinha-lead-form textarea{width:100%;border:1px solid #d7e2f3;border-radius:10px;padding:10px;font-family:inherit;font-size:14px;}
.florzinha-lead-form button,.transfer-btn,.quick-buttons button{border:none;border-radius:999px;background:#0b4fd8;color:white;font-weight:800;padding:10px 13px;cursor:pointer;margin:3px;}
.florzinha-lead-form button.whats{background:#25D366;color:#052d16;}
.msg.bot a{color:#0b4fd8;font-weight:800;}
.msg.bot .mini-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;}
.msg.bot .mini-tags button{border:1px solid #d7e2f3;border-radius:999px;background:#fff;color:#0b4fd8;padding:7px 10px;cursor:pointer;font-weight:700;}
.florzinha-typing{font-size:12px;color:#6a7890;padding-left:8px;}
.admin-flor-body{font-family:Arial, sans-serif;background:#f4f7fb;margin:0;color:#1d2b42;}
.admin-flor-wrap{max-width:1180px;margin:0 auto;padding:28px;}
.admin-flor-header{background:#061633;color:#fff;border-radius:22px;padding:26px;margin-bottom:22px;}
.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.admin-card{background:#fff;border:1px solid #e2e9f4;border-radius:18px;padding:22px;box-shadow:0 10px 30px rgba(7,30,66,.08);}
.admin-card h2{margin-top:0;color:#082766;}
.admin-card input,.admin-card textarea,.admin-card select{width:100%;box-sizing:border-box;border:1px solid #d7e2f3;border-radius:10px;padding:10px;margin:6px 0 12px;font-family:inherit;}
.admin-card textarea{min-height:130px;}
.admin-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px;}
.admin-actions button,.admin-actions a{border:none;border-radius:999px;background:#0b4fd8;color:#fff;padding:10px 14px;text-decoration:none;font-weight:800;cursor:pointer;}
.admin-actions .gold{background:#c89b3c;color:#061633;}
.admin-actions .danger{background:#c0392b;}
.admin-list{max-height:360px;overflow:auto;border:1px solid #edf1f7;border-radius:12px;padding:10px;background:#fbfcff;}
.admin-item{border-bottom:1px solid #edf1f7;padding:10px 0;}
.blog-generator{background:#fff;border-radius:22px;padding:24px;box-shadow:0 12px 35px rgba(7,30,66,.08);max-width:980px;margin:26px auto;}
.blog-output{white-space:pre-wrap;background:#f7faff;border:1px solid #dfe7f4;border-radius:16px;padding:18px;line-height:1.65;color:#223047;}
@media(max-width:900px){.flor-ia-grid,.admin-grid{grid-template-columns:1fr}.flor-ia-section{padding:50px 18px;}}

/* PAINEL COMPACTO DE FERRAMENTAS CNN - V014 */
.tools-compact{padding:42px 0;background:linear-gradient(180deg,#f7faff,#ffffff)}
.compact-title{margin-bottom:18px!important}.compact-title h2{font-size:clamp(26px,3vw,38px)!important}.tools-subtitle{max-width:760px;margin:8px auto 0;color:#52627c;line-height:1.45}
.tools-dashboard{width:min(1180px,92%);margin:auto;background:#fff;border:1px solid #e4ebf7;border-radius:22px;box-shadow:0 18px 45px rgba(5,20,55,.08);padding:18px}
.tools-topbar{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:14px;flex-wrap:wrap}
.tools-search-wrap{flex:1;min-width:260px;display:flex;align-items:center;gap:10px;border:1px solid #d8e4f5;background:#f8fbff;border-radius:999px;padding:0 14px;height:44px}.tools-search-wrap i{color:#0b4fd8}.tools-search-wrap input{width:100%;border:none;outline:none;background:transparent;font-family:inherit;color:#071b43;font-size:14px}
.tools-tabs{display:flex;gap:8px;flex-wrap:wrap}.tool-filter{border:1px solid #d9e5f7;background:#fff;color:#071b43;border-radius:999px;padding:10px 13px;font-weight:800;cursor:pointer}.tool-filter.active,.tool-filter:hover{background:#0b4fd8;color:#fff;border-color:#0b4fd8}
.tools-mini-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.tool-mini-card{min-height:98px;border:1px solid #e2e9f5;background:linear-gradient(180deg,#fff,#f8fbff);border-radius:16px;padding:12px 10px;text-align:left;cursor:pointer;transition:.2s;font-family:inherit;color:#071b43;display:flex;flex-direction:column;justify-content:center;gap:3px}.tool-mini-card span{font-size:24px;line-height:1}.tool-mini-card strong{font-size:15px;font-weight:950}.tool-mini-card small{font-size:12px;color:#607089}.tool-mini-card:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(11,79,216,.13);border-color:#0b4fd8}.tools-empty{text-align:center;padding:18px;color:#607089;font-weight:800}
.tool-modal{position:fixed;inset:0;z-index:100000;display:none}.tool-modal.active{display:block}.tool-modal-backdrop{position:absolute;inset:0;background:rgba(3,12,31,.62);backdrop-filter:blur(3px)}.tool-modal-panel{position:relative;width:min(760px,94vw);max-height:88vh;overflow:auto;margin:5vh auto;background:#fff;border-radius:22px;box-shadow:0 30px 90px rgba(0,0,0,.34);border:1px solid #dfe8f7}.tool-modal-head{position:sticky;top:0;background:linear-gradient(135deg,#061633,#0b4fd8);color:#fff;padding:15px 18px;display:flex;align-items:center;justify-content:space-between;z-index:2}.tool-modal-head small{display:block;color:#cddcff;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.tool-modal-head h3{margin:2px 0 0;font-size:22px}.tool-modal-head button{background:rgba(255,255,255,.14);color:#fff;border:none;width:34px;height:34px;border-radius:50%;font-size:24px;cursor:pointer}.tool-modal-body{padding:18px}.tool-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.tool-form-grid label{font-size:13px;font-weight:900;color:#071b43;display:grid;gap:5px}.tool-form-grid input,.tool-form-grid select,.tool-form-grid textarea{width:100%;border:1px solid #d7e2f3;border-radius:12px;padding:11px 12px;font-family:inherit;font-size:14px}.tool-form-grid textarea{min-height:82px;resize:vertical}.tool-full{grid-column:1/-1}.tool-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.tool-actions button,.tool-actions a{border:none;border-radius:999px;padding:12px 16px;font-weight:950;cursor:pointer;text-decoration:none;font-family:inherit}.tool-primary{background:#0b4fd8;color:white}.tool-secondary{background:#eef4ff;color:#0b4fd8}.tool-result{margin-top:14px;padding:14px;border-radius:16px;background:#f7faff;border:1px dashed #b8cff4;color:#071b43;line-height:1.55}.tool-result h4{margin:0 0 8px;color:#0b4fd8}.tool-result .row{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid #e8eef8;padding:7px 0}.tool-result .row:last-child{border-bottom:0}.tool-result strong{font-weight:950}.tool-note{font-size:12px;color:#66758f;margin-top:10px;line-height:1.45}
@media(max-width:980px){.tools-mini-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:620px){.tools-dashboard{width:94%;padding:12px}.tools-mini-grid{grid-template-columns:repeat(2,1fr);gap:8px}.tool-mini-card{min-height:86px;padding:10px}.tool-modal-panel{margin:2vh auto;max-height:96vh}.tool-form-grid{grid-template-columns:1fr}.tools-search-wrap{min-width:100%}.tool-modal-head h3{font-size:19px}}

/* === 015 - ADM Área do Cliente === */
.client-admin-wrap{max-width:1250px}.client-admin-header{display:flex;justify-content:space-between;gap:18px;align-items:center}.admin-top-actions{display:flex;gap:10px;flex-wrap:wrap}.admin-top-actions a{background:#fff;color:#061633;text-decoration:none;border-radius:999px;padding:10px 14px;font-weight:900}.admin-login-card{max-width:460px;margin:25px auto}.muted{color:#607089;line-height:1.5}.admin-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0 0 20px}.admin-kpis div{background:#fff;border:1px solid #e2e9f4;border-radius:18px;padding:18px;box-shadow:0 8px 24px rgba(7,30,66,.06)}.admin-kpis strong{display:block;font-size:30px;color:#0b4fd8}.admin-kpis span{color:#607089;font-weight:800}.client-admin-grid{grid-template-columns:1fr 1.1fr}.big-list{max-height:520px}.admin-item.selected{background:#f0f6ff;border-radius:12px;padding-left:10px}.badge{display:inline-block;background:#eef4ff;color:#0b4fd8;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:900;margin-left:6px}.client-welcome{margin-bottom:18px}.client-welcome h2{color:#082766}.client-welcome button{border:0;border-radius:999px;background:#c0392b;color:white;font-weight:900;padding:10px 15px;cursor:pointer}.client-area-body .small-button{display:inline-flex;text-decoration:none;align-items:center;justify-content:center;border-radius:999px;background:#0b4fd8;color:#fff;padding:12px 18px;font-weight:900}
@media(max-width:900px){.client-admin-header{display:block}.admin-top-actions{margin-top:12px}.admin-kpis{grid-template-columns:repeat(2,1fr)}.client-admin-grid{grid-template-columns:1fr}}
@media(max-width:520px){.admin-kpis{grid-template-columns:1fr}.admin-flor-wrap{padding:14px}.admin-card{padding:16px}.client-admin-header h1{font-size:24px}}


/* Ajustes v017 - home pública limpa e acesso ADM discreto */
.footer-final .admin-footer-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-left:12px;
  padding:9px 14px;
  border:1px solid rgba(255,255,255,.25);
  border-radius:999px;
  color:#fff;
  text-decoration:none;
  font-size:13px;
  opacity:.82;
}
.footer-final .admin-footer-link:hover{opacity:1;background:rgba(255,255,255,.08)}
.admin-internal-tools{margin:22px 0;}
.admin-shortcuts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px;}
.admin-shortcut{display:block;text-decoration:none;color:inherit;border:1px solid rgba(0,64,128,.12);border-radius:18px;padding:16px;background:#fff;box-shadow:0 10px 25px rgba(0,38,90,.07)}
.admin-shortcut strong{display:block;color:#002b6b;font-size:17px;margin-bottom:8px;}
.admin-shortcut span{display:block;color:#4b5f7b;font-size:14px;line-height:1.45;}
.admin-shortcut:hover{transform:translateY(-1px);box-shadow:0 16px 30px rgba(0,38,90,.12)}
@media(max-width:850px){.admin-shortcuts-grid{grid-template-columns:1fr}.footer-final .admin-footer-link{margin-left:0;margin-top:10px}}

/* === 021 - RESPONSIVIDADE PREMIUM CNN ===
   Ajustes somente de layout responsivo: menu, topo, hero e Florzinha. */
html, body{max-width:100%;overflow-x:hidden;}
.header-premium{width:100%;}
.header-main-premium nav a{white-space:nowrap;}

@media (max-width: 900px){
  .header-top-premium{
    padding:8px 12px!important;
    gap:10px 16px!important;
    font-size:13px!important;
    line-height:1.35!important;
    justify-content:center!important;
    text-align:center!important;
  }
  .header-top-premium span:nth-child(3),
  .header-top-premium span:nth-child(4),
  .header-top-premium span:nth-child(5),
  .header-top-premium span:nth-child(6){display:none!important;}

  .header-main-premium{
    display:grid!important;
    grid-template-columns:1fr auto!important;
    align-items:center!important;
    gap:12px!important;
    padding:18px 18px 14px!important;
  }
  .logo-premium strong{font-size:38px!important;}
  .logo-premium small{font-size:12px!important;letter-spacing:3px!important;}
  .cliente-btn{
    padding:12px 16px!important;
    font-size:14px!important;
    border-radius:8px!important;
    white-space:nowrap!important;
  }
  .header-main-premium nav,
  .header-main-premium #nav-menu{
    grid-column:1 / -1!important;
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    gap:8px!important;
    width:100%!important;
    max-height:none!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    background:#061633!important;
    border-radius:14px!important;
    padding:10px!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .header-main-premium nav a,
  .header-main-premium #nav-menu a{
    flex:0 0 auto!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:#fff!important;
    background:rgba(255,255,255,.08)!important;
    border:1px solid rgba(255,255,255,.14)!important;
    border-radius:999px!important;
    padding:10px 14px!important;
    font-size:12px!important;
    line-height:1!important;
    width:auto!important;
    text-decoration:none!important;
    opacity:1!important;
  }
  .header-main-premium nav a.active,
  .header-main-premium #nav-menu a.active{background:#1976ff!important;color:#fff!important;}
}

@media (max-width: 768px){
  .header-premium{position:relative!important;top:auto!important;}
  .header-top-premium span:nth-child(1),
  .header-top-premium span:nth-child(2){display:inline-flex!important;}

  .hero#inicio,
  .hero{
    display:flex!important;
    flex-direction:column!important;
    grid-template-columns:1fr!important;
    min-height:auto!important;
    height:auto!important;
  }
  .hero#inicio .hero-left,
  .hero-left{
    order:1!important;
    width:100%!important;
    min-height:auto!important;
    padding:34px 22px 26px!important;
    justify-content:flex-start!important;
  }
  .hero-left span{font-size:14px!important;line-height:1.3!important;}
  .hero-left h1{
    font-size:clamp(34px, 11vw, 50px)!important;
    line-height:1.06!important;
    letter-spacing:-1.5px!important;
    max-width:100%!important;
  }
  .hero-left p{font-size:18px!important;line-height:1.55!important;max-width:100%!important;}
  .hero-buttons{gap:10px!important;}
  .hero-buttons .btn-primary,
  .hero-buttons .btn-outline{
    width:100%!important;
    min-height:54px!important;
    justify-content:center!important;
    font-size:15px!important;
    padding:14px 18px!important;
  }
  .hero#inicio .hero-right,
  .hero-right{
    order:2!important;
    min-height:320px!important;
    height:320px!important;
    width:100%!important;
    display:block!important;
  }
  .hero#inicio .hero-right img,
  .hero-right img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center top!important;
  }
  .florzinha-float{
    right:14px!important;
    bottom:14px!important;
    max-width:none!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .florzinha-float-avatar{
    width:58px!important;
    height:58px!important;
    min-width:58px!important;
    border:3px solid #fff!important;
    box-shadow:0 10px 24px rgba(0,0,0,.25)!important;
  }
  .florzinha-float-avatar img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }
  .florzinha-float-bubble{display:none!important;}
  .florzinha-box{
    right:8px!important;
    left:8px!important;
    bottom:82px!important;
    width:auto!important;
    max-width:none!important;
    max-height:calc(100vh - 100px)!important;
  }
}

@media (max-width: 480px){
  .header-top-premium{font-size:12px!important;padding:7px 8px!important;}
  .header-main-premium{padding:16px 14px 12px!important;gap:10px!important;}
  .logo-premium strong{font-size:35px!important;}
  .logo-premium small{font-size:11px!important;letter-spacing:2px!important;}
  .cliente-btn{font-size:13px!important;padding:11px 13px!important;}
  .header-main-premium nav a{font-size:11px!important;padding:9px 12px!important;}
  .hero-left{padding:30px 20px 24px!important;}
  .hero-left h1{font-size:40px!important;}
  .hero-left p{font-size:17px!important;}
  .section-title h2,.classic-title h2{font-size:30px!important;line-height:1.15!important;}
  .services-grid,.portfolio-grid,.certifications-grid,.blog-grid,.compact-grid{grid-template-columns:1fr!important;width:92%!important;}
}


/* === 022 - Dados oficiais + Notícias compactas === */
.news{padding:44px 0!important;background:#fff!important;}
.news .section-title{margin-bottom:18px!important;}
.news .section-title h2{font-size:clamp(28px,3vw,40px)!important;}
.news-subtitle{max-width:720px!important;font-size:14px!important;line-height:1.45!important;margin-top:8px!important;}
.news-toolbar{margin-bottom:14px!important;gap:10px!important;}
.news-filter{padding:7px 11px!important;font-size:12px!important;}
.news-status{padding:7px 10px!important;font-size:12px!important;}
.news-featured{margin-bottom:14px!important;}
.news-featured .featured-card{grid-template-columns:62px 1fr auto!important;gap:14px!important;padding:18px 20px!important;border-radius:16px!important;box-shadow:0 14px 34px rgba(5,20,55,.16)!important;}
.news-featured .news-date{min-height:62px!important;border-radius:14px!important;padding:10px!important;}
.news-featured h3{font-size:20px!important;margin:5px 0!important;line-height:1.2!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.news-featured p{font-size:13px!important;line-height:1.4!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.news-featured a{padding:9px 13px!important;font-size:13px!important;}
.news-grid{grid-template-columns:repeat(3,1fr)!important;gap:14px!important;width:min(1180px,88%)!important;}
.news-card{border-left:0!important;border-top:4px solid #0874ff!important;border-radius:14px!important;display:block!important;min-height:auto!important;box-shadow:0 8px 22px rgba(5,20,55,.07)!important;}
.news-card:hover{transform:translateY(-3px)!important;}
.news-date{min-width:auto!important;display:flex!important;flex-direction:row!important;justify-content:flex-start!important;gap:8px!important;padding:9px 12px!important;}
.news-date .day{font-size:18px!important;margin:0!important;}
.news-date .month{font-size:10px!important;}
.news-content{padding:13px 14px!important;}
.news-category{font-size:10px!important;padding:4px 9px!important;margin-bottom:7px!important;}
.news-card h3{font-size:15px!important;line-height:1.25!important;margin-bottom:7px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.news-card p{font-size:12px!important;line-height:1.38!important;margin-bottom:9px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.news-meta{gap:8px!important;font-size:11px!important;margin-bottom:8px!important;}
.news-card .read-more{font-size:12px!important;}
.news-actions{margin-top:18px!important;}
.news-actions .btn-primary,.news-actions .btn-outline{padding:10px 14px!important;font-size:13px!important;}
.footer-completo{display:grid!important;grid-template-columns:1.2fr 2fr auto!important;gap:22px!important;align-items:start!important;padding:34px 7%!important;}
.footer-completo .footer-brand small{display:block;color:#c8d6f3;margin-top:8px;font-weight:700;}
.footer-contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 18px;color:#dce8ff;font-size:13px;line-height:1.35;}
.footer-contact-grid p{margin:0!important;}
.footer-actions{display:flex;flex-direction:column;gap:10px;align-items:flex-start;}
.footer-actions a{white-space:nowrap;}
@media(max-width:900px){
  .news-featured .featured-card{grid-template-columns:1fr!important;}
  .news-featured a{width:fit-content!important;}
  .news-grid{grid-template-columns:repeat(2,1fr)!important;width:92%!important;}
  .footer-completo{grid-template-columns:1fr!important;padding:30px 6%!important;}
  .footer-contact-grid{grid-template-columns:1fr!important;}
  .footer-actions{flex-direction:row;flex-wrap:wrap;}
}
@media(max-width:560px){
  .news{padding:34px 0!important;}
  .news-toolbar,.news-featured,.news-actions{width:92%!important;}
  .news-grid{grid-template-columns:1fr!important;gap:11px!important;}
  .news-featured .featured-card{padding:16px!important;}
  .news-featured h3{font-size:18px!important;}
  .news-actions .btn-primary,.news-actions .btn-outline{width:100%!important;text-align:center!important;justify-content:center!important;}
}

/* === 023 - Ajuste Florzinha e botão topo no rodapé/mobile === */
.scroll-to-top{
  bottom:128px!important;
  right:28px!important;
  z-index:900!important;
}
@media (max-width: 768px){
  .footer-completo{
    padding-bottom:96px!important;
  }
  .footer-actions{
    align-items:center!important;
    justify-content:center!important;
    gap:12px!important;
  }
  .footer-actions a{
    min-width:220px!important;
    text-align:center!important;
    justify-content:center!important;
  }
  .florzinha-float{
    right:12px!important;
    left:auto!important;
    bottom:12px!important;
    width:56px!important;
    height:56px!important;
    max-width:56px!important;
    z-index:9999!important;
  }
  .florzinha-float-avatar{
    width:54px!important;
    height:54px!important;
    min-width:54px!important;
    border:3px solid #fff!important;
  }
  .florzinha-float-bubble{
    display:none!important;
  }
  .scroll-to-top{
    bottom:86px!important;
    right:16px!important;
    width:46px!important;
    height:46px!important;
    font-size:22px!important;
    z-index:900!important;
  }
  .hero-buttons,
  .footer-actions{
    padding-right:0!important;
  }
}
@media (max-width: 420px){
  .footer-actions a{
    width:100%!important;
    max-width:260px!important;
  }
  .florzinha-float{
    width:50px!important;
    height:50px!important;
  }
  .florzinha-float-avatar{
    width:50px!important;
    height:50px!important;
    min-width:50px!important;
  }
}


/* === 024 - Correção definitiva Florzinha/Rodapé + Ferramentas compactas === */
/* Rodapé: botões menores e em linha para não disputar espaço com elementos flutuantes */
.footer-completo{
  grid-template-columns:1.15fr 1.85fr 1fr!important;
  gap:18px!important;
  padding:28px 7% 34px!important;
}
.footer-actions{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  justify-content:flex-end!important;
  align-items:center!important;
}
.footer-actions a{
  padding:10px 14px!important;
  font-size:13px!important;
  line-height:1!important;
  min-width:0!important;
  white-space:nowrap!important;
}
.footer-actions .admin-footer-link{
  margin-left:0!important;
}

/* Florzinha: fora da área dos botões do rodapé */
.florzinha-float{
  position:fixed!important;
  left:24px!important;
  right:auto!important;
  bottom:24px!important;
  width:64px!important;
  height:64px!important;
  max-width:64px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  z-index:9999!important;
  padding:0!important;
  gap:0!important;
  background:transparent!important;
  border:0!important;
}
.florzinha-float-avatar{
  width:64px!important;
  height:64px!important;
  min-width:64px!important;
  border-radius:50%!important;
  overflow:hidden!important;
  border:3px solid #0b4fd8!important;
  background:#fff!important;
  box-shadow:0 10px 24px rgba(0,0,0,.24)!important;
}
.florzinha-float-avatar img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
  max-width:none!important;
  filter:none!important;
}
.florzinha-float-bubble{
  display:none!important;
}
.florzinha-box{
  left:24px!important;
  right:auto!important;
  bottom:100px!important;
  width:min(390px,92vw)!important;
  max-height:calc(100vh - 120px)!important;
}
.scroll-to-top{
  right:28px!important;
  bottom:28px!important;
  z-index:900!important;
}

/* Ferramentas um pouco mais compactas */
.tools-compact{
  padding:26px 0 40px!important;
}
.tools-compact .classic-title,
.tools-compact .section-title{
  margin-bottom:12px!important;
}
.tools-compact h2,
.tools-compact .classic-title h2{
  font-size:clamp(30px,3vw,44px)!important;
  line-height:1.05!important;
  margin-bottom:8px!important;
}
.tools-compact p{
  font-size:14px!important;
  margin-top:6px!important;
}
.tools-dashboard{
  padding:14px!important;
  border-radius:18px!important;
}
.tools-mini-grid{
  gap:8px!important;
}
.tool-mini-card{
  min-height:82px!important;
  padding:9px 10px!important;
  border-radius:13px!important;
}
.tool-mini-card span{
  font-size:20px!important;
}
.tool-mini-card strong{
  font-size:14px!important;
}
.tool-mini-card small{
  font-size:11px!important;
}

@media(max-width:900px){
  .footer-completo{
    grid-template-columns:1fr!important;
    padding:28px 6% 100px!important;
  }
  .footer-actions{
    justify-content:center!important;
  }
  .footer-actions a{
    min-width:150px!important;
    text-align:center!important;
    justify-content:center!important;
  }
}
@media(max-width:560px){
  .footer-completo{
    padding-bottom:96px!important;
  }
  .footer-actions{
    flex-direction:column!important;
    align-items:center!important;
  }
  .footer-actions a{
    width:100%!important;
    max-width:260px!important;
    min-width:0!important;
  }
  .florzinha-float{
    left:14px!important;
    right:auto!important;
    bottom:14px!important;
    width:52px!important;
    height:52px!important;
    max-width:52px!important;
  }
  .florzinha-float-avatar{
    width:52px!important;
    height:52px!important;
    min-width:52px!important;
    border-width:2px!important;
  }
  .florzinha-box{
    left:8px!important;
    right:8px!important;
    bottom:78px!important;
    width:auto!important;
    max-width:none!important;
  }
  .scroll-to-top{
    right:14px!important;
    bottom:14px!important;
    width:46px!important;
    height:46px!important;
    font-size:22px!important;
  }
  .tools-compact{
    padding:22px 0 32px!important;
  }
  .tools-dashboard{
    width:94%!important;
  }
  .tools-topbar{
    gap:10px!important;
  }
  .tools-search-wrap{
    min-width:100%!important;
    height:42px!important;
  }
  .tools-tabs{
    width:100%!important;
    justify-content:center!important;
  }
}



/* Gerador de contratos CNN */
.contract-generator-cnn h4{
  margin:18px 0 10px;
  color:#071d3b;
}
.contract-alert-cnn{
  margin:0 0 14px;
  padding:12px 14px;
  border:1px solid #e4b454;
  border-radius:12px;
  background:#fff8e8;
  color:#061b3a;
  font-size:14px;
  line-height:1.45;
}
.contract-clauses-head-cnn{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:10px;
  flex-wrap:wrap;
}
.contract-clauses-cnn{
  display:grid;
  gap:12px;
}
.contract-clause-item-cnn{
  border:1px solid rgba(7,29,59,.12);
  border-radius:14px;
  padding:12px;
  background:#fff;
  box-shadow:0 8px 20px rgba(7,29,59,.06);
}
.contract-clause-item-cnn input,
.contract-clause-item-cnn textarea{
  width:100%;
  margin-bottom:8px;
  border:1px solid #d9dfe8;
  border-radius:10px;
  padding:10px;
  font:inherit;
}
.contract-clause-item-cnn button{
  border:0;
  border-radius:10px;
  padding:9px 12px;
  background:#f3f4f6;
  color:#7a1b1b;
  cursor:pointer;
  font-weight:700;
}
.contract-paper-cnn{
  background:#fff;
  border:1px solid rgba(7,29,59,.15);
  border-radius:16px;
  padding:22px;
  box-shadow:0 10px 25px rgba(7,29,59,.08);
  max-height:460px;
  overflow:auto;
}
.contract-paper-cnn pre{
  white-space:pre-wrap;
  font-family:Arial, sans-serif;
  font-size:13px;
  line-height:1.55;
  color:#111827;
}
.contract-result-cnn{
  margin-top:16px;
}
@media(max-width:640px){
  .contract-paper-cnn{padding:14px}
  .contract-paper-cnn pre{font-size:12px}
}



/* Versão 035 - Contratos profissionais */
.contract-pro-cnn .tool-form-grid label{
  font-weight:700;
}
.contract-tabs-cnn{
  display:flex;
  gap:10px;
  margin:12px 0 18px;
  flex-wrap:wrap;
}
.contract-tabs-cnn button{
  border:1px solid rgba(215,155,46,.55);
  background:#fff;
  color:#071d3b;
  border-radius:999px;
  padding:10px 16px;
  font-weight:800;
  cursor:pointer;
}
.contract-tabs-cnn button.active{
  background:linear-gradient(135deg,#071d3b,#123b72);
  color:#fff;
  border-color:#071d3b;
}
.contract-library-cnn{
  border:1px solid rgba(215,155,46,.35);
  border-radius:16px;
  background:#fffaf0;
  padding:14px;
  margin:16px 0;
}
.contract-chip-area-cnn{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.contract-chip-area-cnn button{
  border:0;
  border-radius:999px;
  padding:9px 12px;
  background:#f0dfb7;
  color:#071d3b;
  font-weight:800;
  cursor:pointer;
}
/* 058 - marca removida do contrato gerado (regra mantida vazia) */
.contract-brand-cnn{display:none;}
.contract-paper-cnn{
  border-top:5px solid #d79b2e;
}
.contract-clause-item-cnn textarea{
  min-height:92px;
}
@media(max-width:640px){
  .contract-tabs-cnn button,
  .contract-chip-area-cnn button{
    width:100%;
  }
}

/* === 038 - Segurança, CSS limpo e Speed Dial mobile === */
.security-note{border-left:5px solid #c89b3c;background:#fffaf0;color:#24324a}
.security-note code{background:#eef3fb;border-radius:6px;padding:2px 6px}
.danger-text{color:#b00020;font-weight:700}
.admin-top-actions button{border:0;border-radius:999px;background:#c89b3c;color:#061633;padding:10px 16px;font-weight:800;cursor:pointer}
.cnn-speed-dial{position:fixed;right:22px;bottom:22px;z-index:9999;display:flex;flex-direction:column-reverse;align-items:flex-end;gap:10px}
.cnn-speed-main{width:62px;height:62px;border-radius:50%;border:0;background:#061633;color:#fff;font-size:34px;font-weight:800;box-shadow:0 14px 35px rgba(0,0,0,.25);cursor:pointer;transition:.2s ease}
.cnn-speed-dial.open .cnn-speed-main{transform:rotate(45deg);background:#c89b3c;color:#061633}
.cnn-speed-options{display:none;gap:8px;flex-direction:column;align-items:flex-end}
.cnn-speed-dial.open .cnn-speed-options{display:flex}
.cnn-speed-options a,.cnn-speed-options button{border:0;border-radius:999px;background:#fff;color:#061633;text-decoration:none;padding:11px 16px;font-weight:800;box-shadow:0 10px 28px rgba(0,0,0,.18);cursor:pointer;min-width:112px;text-align:center;font-family:inherit;font-size:14px}
.cnn-speed-options a:first-child{background:#25D366;color:#052d16}
.florzinha-float{display:none}
@media(max-width:520px){.cnn-speed-dial{right:14px;bottom:14px}.cnn-speed-main{width:56px;height:56px;font-size:30px}.cnn-speed-options a,.cnn-speed-options button{padding:10px 14px;min-width:100px}.footer-final{padding-bottom:88px}}


/* === 039.010 - Responsividade, Speed Dial e CSS mais organizado === */
:root{
  --cnn-primary:#061633;
  --cnn-primary-soft:#0f2a55;
  --cnn-gold:#c89b3c;
  --cnn-whatsapp:#25D366;
  --cnn-text:#1d2b42;
  --cnn-muted:#667085;
  --cnn-surface:#ffffff;
  --cnn-shadow-lg:0 18px 45px rgba(6,22,51,.22);
  --cnn-radius-xl:24px;
}
html{scroll-behavior:smooth;}
img,video{max-width:100%;height:auto;}
.cnn-speed-backdrop{
  position:fixed;
  inset:0;
  z-index:9997;
  background:rgba(6,22,51,.18);
  opacity:0;
  pointer-events:none;
  transition:opacity .22s ease;
}
.cnn-speed-backdrop.open{opacity:1;pointer-events:auto;}
.cnn-speed-dial{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:9998;
  display:flex;
  flex-direction:column-reverse;
  align-items:flex-end;
  gap:12px;
}
.cnn-speed-main{
  width:62px;
  height:62px;
  border-radius:50%;
  border:0;
  background:linear-gradient(135deg,var(--cnn-primary),var(--cnn-primary-soft));
  color:#fff;
  font-size:34px;
  font-weight:900;
  box-shadow:var(--cnn-shadow-lg);
  cursor:pointer;
  display:grid;
  place-items:center;
  transition:transform .2s ease,background .2s ease,color .2s ease;
}
.cnn-speed-dial.open .cnn-speed-main{
  transform:rotate(45deg);
  background:var(--cnn-gold);
  color:var(--cnn-primary);
}
.cnn-speed-options{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:10px;
  opacity:0;
  pointer-events:none;
  transform:translateY(10px);
  transition:opacity .2s ease,transform .2s ease;
}
.cnn-speed-dial.open .cnn-speed-options{
  opacity:1;
  pointer-events:auto;
  transform:translateY(0);
}
.cnn-speed-option{
  border:0;
  border-radius:999px;
  background:var(--cnn-surface);
  color:var(--cnn-primary);
  text-decoration:none;
  padding:12px 17px;
  font:800 14px/1.1 inherit;
  box-shadow:0 12px 28px rgba(6,22,51,.18);
  cursor:pointer;
  min-width:138px;
  text-align:center;
}
.cnn-speed-option.whatsapp{background:var(--cnn-whatsapp);color:#062b16;}
.cnn-speed-option.florzinha{background:#eef5ff;}
.cnn-speed-option.topo{background:#fff8e8;}
body.florzinha-open .cnn-speed-dial{display:none;}
.florzinha-float{display:none;}
.scroll-to-top{display:none;}
.footer-completo,.footer-final{padding-bottom:110px;}
@media(max-width:900px){
  .container,.section,.tools-dashboard,.footer-content{width:min(94%,1100px);}
  .hero,.services-grid,.footer-grid,.admin-grid,.dashboard-grid{grid-template-columns:1fr;}
  .hero-content,.section-title{text-align:center;}
}
@media(max-width:640px){
  body{overflow-x:hidden;}
  h1{font-size:clamp(2rem,10vw,3.1rem);}
  h2{font-size:clamp(1.55rem,7vw,2.25rem);}
  .cnn-speed-dial{right:14px;bottom:14px;gap:10px;}
  .cnn-speed-main{width:56px;height:56px;font-size:30px;}
  .cnn-speed-option{min-width:126px;padding:11px 14px;font-size:13px;}
  .cnn-speed-backdrop.open{background:rgba(6,22,51,.26);}
  .florzinha-box{
    left:10px;
    right:10px;
    bottom:82px;
    width:auto;
    max-width:none;
    max-height:calc(100vh - 100px);
  }
  .footer-actions{display:grid;grid-template-columns:1fr;gap:10px;}
  .footer-actions a{width:100%;max-width:280px;margin-inline:auto;}
  .footer-completo,.footer-final{padding-bottom:100px;}
}
@media(max-width:420px){
  .cnn-speed-dial{right:12px;bottom:12px;}
  .cnn-speed-main{width:52px;height:52px;font-size:28px;}
  .cnn-speed-option{min-width:116px;padding:10px 12px;}
  .florzinha-box{left:8px;right:8px;bottom:74px;}
}

/* Refinamento visual: home pública mais sóbria, limpa e consistente */
:root{--cnn-navy:#071b43;--cnn-blue:#0b5bd3;--cnn-gold:#c9962a;--cnn-surface:#f5f8fc;}
body{line-height:1.55;background:var(--cnn-surface);}
.header-premium{box-shadow:0 1px 0 rgba(7,27,67,.08);}
.header-top-premium{background:#071b43;padding:9px 5%;justify-content:flex-end;gap:18px;font-size:12px;}
.header-main-premium{max-width:1280px;margin:auto;padding:18px 5%;gap:28px;}
.logo-premium{min-width:160px;}
.logo-premium strong{font-size:34px;letter-spacing:-1px;}
.logo-premium small{font-size:10px;font-weight:800;letter-spacing:2.8px;}
.header-main-premium nav{margin-left:auto;gap:22px;align-items:center;}
.header-main-premium nav a{position:relative;font-size:13px;letter-spacing:.02em;padding:8px 0;transition:color .2s ease;}
.header-main-premium nav a:hover,.header-main-premium nav a.active{color:var(--cnn-blue);}
.header-main-premium nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--cnn-gold);}
.hero{max-width:1280px;margin:0 auto;padding:78px 5% 68px;gap:64px;align-items:center;}
.hero-left{max-width:620px;}
.hero-left span{color:var(--cnn-gold);font-size:12px;letter-spacing:.14em;font-weight:800;}
.hero-left h1{font-size:clamp(38px,4.4vw,62px);line-height:1.08;letter-spacing:-.045em;margin:16px 0 20px;}
.hero-left p{max-width:570px;font-size:18px;line-height:1.65;color:#52627c;}
.hero-left .hero-slogan{margin:0 0 14px;color:#dca02b;font-size:16px;font-weight:800;line-height:1.4;}
.hero-buttons{gap:12px;margin-top:28px;}
.btn-primary,.btn-outline{border-radius:8px;padding:14px 20px;font-size:14px;box-shadow:none;}
.btn-primary{background:var(--cnn-blue);}
.btn-outline{border-color:#cdd9ec;color:var(--cnn-navy);}
.hero .btn-outline{color:#fff!important;border-color:rgba(255,255,255,.82)!important;background:rgba(255,255,255,.06)!important;}
.hero .btn-outline:hover{background:#fff!important;color:#071b43!important;}
.hero-right{border-radius:20px;overflow:hidden;box-shadow:0 24px 56px rgba(7,27,67,.15);}
.hero-right:before{display:none;}
.hero-right img{display:block;min-height:360px;object-fit:cover;}
.quick-features{max-width:1180px;margin:0 auto 26px;border:1px solid #e2e9f3;border-radius:16px;overflow:hidden;box-shadow:0 12px 30px rgba(7,27,67,.06);}
.quick-feature{background:#fff;padding:22px 20px;min-height:118px;}
.quick-feature.destaque{background:#f7faff;}
.quick-icon{font-size:23px;}
.services,.about,.testimonials,.faq,.videos,.certifications{padding-top:82px;padding-bottom:82px;}
.section-title h2,.classic-title h2{letter-spacing:-.035em;}
.service-card,.testimonial-card,.video-card{border-radius:14px;box-shadow:0 10px 28px rgba(7,27,67,.06);}
.footer-final{border-top:4px solid var(--cnn-gold);}
@media(max-width:900px){.header-top-premium{justify-content:center}.header-main-premium{padding:16px 18px}.header-main-premium nav{margin-left:0}.hero{padding:52px 22px 48px;gap:34px}.hero-right img{min-height:250px}.quick-features{margin:0 18px 24px}.services,.about,.testimonials,.faq,.videos,.certifications{padding-top:60px;padding-bottom:60px}}

/* Correção de alinhamento da chamada principal no desktop */
@media(min-width:901px){
  .hero{width:100%;max-width:none;margin:0;padding:0;gap:0;min-height:620px!important;grid-template-columns:minmax(0,48%) minmax(0,52%);align-items:stretch;}
  .hero-left{max-width:none;padding:72px 48px 72px max(6vw,calc((100vw - 1280px)/2 + 24px));display:flex;flex-direction:column;justify-content:center;}
  .hero-left h1{font-size:clamp(42px,3.7vw,56px);}
  .hero-right{min-height:620px!important;height:auto;}
  .hero-right img{width:100%!important;height:100%!important;min-height:0!important;object-fit:cover!important;margin:0!important;}
}

/* Cabeçalho mais compacto, sem perder legibilidade */
@media(min-width:901px){
  .header-main-premium{padding-top:6px;padding-bottom:6px;}
  .logo-premium{min-width:260px;}
  .logo-premium strong{font-size:28px;}
  .header-main-premium nav{transform:translateX(42px);}
  .header-main-premium nav a{padding:5px 0;}
}
.logo-title{display:flex;align-items:baseline;gap:8px;line-height:1;}
.logo-title strong{display:block;color:#0b1d3c;}
.logo-title span{color:#c9962a;font-size:12px;font-weight:800;letter-spacing:1.9px;}
.logo-premium .logo-slogan{display:block!important;margin-top:5px!important;color:#40516d!important;font-size:14px!important;font-style:normal!important;font-weight:800!important;letter-spacing:0!important;line-height:1.25!important;white-space:nowrap!important;}
@media(max-width:1150px){.logo-premium .logo-slogan{font-size:12px!important;white-space:normal!important;max-width:260px}}
@media(max-width:900px){.logo-premium{min-width:0}.logo-premium strong{font-size:22px!important}.logo-title span{font-size:9px!important;letter-spacing:.8px!important}.logo-premium .logo-slogan{font-size:10px!important;white-space:normal!important;max-width:200px}}

/* Compatibilidade com a marca da versão anterior */
@media(min-width:901px){
  .logo-premium > strong{display:inline-block!important;font-size:28px!important;vertical-align:baseline;}
  .logo-premium > small{display:inline-block!important;margin-left:8px;color:#c9962a!important;font-size:12px!important;font-weight:800!important;letter-spacing:1.9px!important;vertical-align:baseline;}
  .logo-premium:has(> small){position:relative;padding-bottom:19px;}
  .logo-premium > small:after{content:"Contabilizando seu sucesso, empreendendo seu futuro.";position:absolute;left:0;top:34px;color:#40516d;font-size:14px;font-weight:800;letter-spacing:0;line-height:1.25;white-space:nowrap;}
}

/* Faixa de diferenciais alinhada de ponta a ponta */
@media(min-width:901px){
  .quick-features{width:100%;max-width:none;margin:0;border-radius:0;box-shadow:none;grid-template-columns:repeat(5,minmax(0,1fr));}
  .quick-feature{min-height:148px;padding:26px 34px;}
  .quick-feature span{max-width:none;}
}

/* ============================================================
   056 - FOTO DO HERO SEM EXCESSO DE CORTE NO DESKTOP
   A foto assets/hero-profissional.webp tem 1920x900 (bem
   panoramica). O espaco dela no layout estava com 720px de
   altura e cerca de 1000px de largura - uma "janela" muito mais
   alta do que a foto. Para preencher essa janela, o navegador e
   obrigado a AMPLIAR a imagem e cortar as laterais (era por isso
   que aparecia so o rosto, sem a mesa e o notebook).
   Reduzindo a altura para 560px, a janela fica mais parecida com
   a proporcao da foto e quase todo o cenario volta a aparecer.
   O transform:scale(1.03) tambem saiu - ele adicionava mais 3%
   de ampliacao sem necessidade.
   ============================================================ */
@media(min-width:901px){
  .hero,
  .hero#inicio{
    min-height:560px!important;
  }
  .hero-left,
  .hero#inicio .hero-left{
    min-height:560px!important;
    padding-top:48px!important;
    padding-bottom:48px!important;
  }
  .hero-right,
  .hero#inicio .hero-right{
    height:auto!important;
    min-height:560px!important;
  }
  .hero-right img,
  .hero#inicio .hero-right img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
    transform:none!important;
  }
}

/* ============================================================
   Melhoria de responsividade: dica visual de que o menu no
   celular rola para o lado. Sem isso, "FERRAMENTAS", "NOTÍCIAS"
   e "CONTATO" ficam fora da tela sem nenhum indício de que dá
   para arrastar o menu para o lado.
   ============================================================ */
@media(max-width:900px){
  .header-main-premium nav.nav-scroll-hint,
  .header-main-premium #nav-menu.nav-scroll-hint{
    -webkit-mask-image:linear-gradient(to right, #000 88%, transparent 100%);
    mask-image:linear-gradient(to right, #000 88%, transparent 100%);
  }
}


/* ============================================================
   062 - MODERNIZAÇÃO SEGURA + RESPONSIVIDADE CONSOLIDADA
   Camada final de compatibilidade. Mantém identidade e estrutura.
   ============================================================ */
:root{
  --cnn-space-1:6px;
  --cnn-space-2:10px;
  --cnn-space-3:16px;
  --cnn-space-4:24px;
  --cnn-focus:0 0 0 4px rgba(11,91,211,.18);
}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:88px;}
body{min-width:0;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;}
main,section,header,footer,nav,div{min-width:0;}
img,svg,video,canvas,iframe{max-width:100%;}
button,input,select,textarea{font:inherit;}
button,a,input,select,textarea{transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,color .2s ease,transform .2s ease,opacity .2s ease;}
:where(a,button,input,select,textarea):focus-visible{outline:none;box-shadow:var(--cnn-focus);}
:where(button,.btn,.btn-primary,.btn-outline,.btn-menu,.tool-filter,.tool-mini-card){touch-action:manipulation;}

.cnn-mobile-menu-toggle{
  display:none;
  width:46px;
  height:46px;
  border:1px solid #dbe4f1;
  border-radius:12px;
  background:#fff;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:5px;
  cursor:pointer;
  padding:0;
}
.cnn-mobile-menu-toggle span{width:22px;height:2px;border-radius:99px;background:#071b43;transition:transform .22s ease,opacity .22s ease;}
.cnn-mobile-menu-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.cnn-mobile-menu-toggle.active span:nth-child(2){opacity:0;}
.cnn-mobile-menu-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

@media(max-width:900px){
  html{scroll-padding-top:20px;}
  .header-premium{position:relative!important;}
  .header-main-premium{grid-template-columns:minmax(0,1fr) auto!important;padding:14px 16px!important;gap:12px!important;}
  .cnn-mobile-menu-toggle{display:inline-flex;grid-column:2;grid-row:1;justify-self:end;}
  .header-main-premium #nav-menu{
    grid-column:1/-1!important;
    display:none!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:6px!important;
    width:100%!important;
    overflow:visible!important;
    padding:10px!important;
    margin:0!important;
    transform:none!important;
    border-radius:14px!important;
    background:#061633!important;
    box-shadow:0 14px 32px rgba(6,22,51,.18);
    -webkit-mask-image:none!important;
    mask-image:none!important;
  }
  .header-main-premium #nav-menu.active{display:flex!important;}
  .header-main-premium #nav-menu a{
    width:100%!important;
    min-height:44px;
    justify-content:flex-start!important;
    padding:11px 14px!important;
    border-radius:10px!important;
    font-size:13px!important;
  }
  .header-main-premium #nav-menu a:after{display:none!important;}
  .header-main-premium #nav-menu a.active{background:#1976ff!important;}
  .hero,.hero#inicio{overflow:clip;}
  .hero-left{width:100%;}
  .hero-right{border-radius:0!important;box-shadow:none!important;}
  .quick-features{width:calc(100% - 32px)!important;}
  .tool-modal-panel{width:calc(100% - 24px)!important;}
}

@media(max-width:768px){
  .header-top-premium{min-height:38px;}
  .logo-title{flex-wrap:wrap;gap:5px 7px;}
  .logo-premium .logo-slogan{max-width:230px!important;}
  .hero-left{padding-inline:20px!important;}
  .hero-right,.hero#inicio .hero-right{height:clamp(260px,72vw,340px)!important;min-height:0!important;}
  .hero-right img,.hero#inicio .hero-right img{object-position:center top!important;}
  .services-grid,.portfolio-grid,.certifications-grid,.blog-grid,.compact-grid{width:calc(100% - 32px)!important;}
  .tools-dashboard,.news-grid,.news-toolbar,.news-featured,.news-actions{width:calc(100% - 32px)!important;}
  .tool-result .row{align-items:flex-start;flex-direction:column;gap:3px;}
  .footer-completo{padding-inline:20px!important;}
  .footer-contact-grid,.footer-actions{min-width:0;}
  .footer-actions a{min-width:0!important;width:100%!important;max-width:320px;}
}

@media(max-width:480px){
  .header-top-premium{gap:6px 10px!important;font-size:11px!important;}
  .header-main-premium{padding:12px!important;}
  .logo-premium strong{font-size:30px!important;}
  .logo-title span{font-size:8px!important;}
  .logo-premium .logo-slogan{font-size:9px!important;max-width:190px!important;}
  .cnn-mobile-menu-toggle{width:44px;height:44px;}
  .hero-left{padding:28px 16px 24px!important;}
  .hero-left h1{font-size:clamp(32px,10vw,40px)!important;letter-spacing:-1px!important;}
  .hero-left p{font-size:16px!important;}
  .hero-buttons{width:100%;}
  .hero-buttons a{white-space:normal;text-align:center;}
  .quick-features,.services-grid,.portfolio-grid,.certifications-grid,.blog-grid,.compact-grid,.tools-dashboard,.news-grid,.news-toolbar,.news-featured,.news-actions{width:calc(100% - 24px)!important;}
  .tool-modal-body{padding:14px;}
  .tool-modal-head{padding:13px 14px;}
  .admin-flor-wrap{padding:12px!important;}
  .admin-flor-header,.admin-card,.blog-generator{border-radius:16px!important;padding:18px!important;}
  .admin-actions>*{width:100%;text-align:center;justify-content:center;}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important;}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important;}
}