:root{
  --verde-minerion:#dcff0a;
  --verde-neon:#cff203;
  --color-text:#373737;
  --branco:#f5f5f5;
  --text:rgba(55,55,55,0.81);
}

*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{
  font-family:'Space Grotesk', sans-serif;
  color:var(--color-text);
  background:#fff;
  overflow-x:hidden;
}
img{display:block; max-width:100%;}
p{line-height:1.5;}
b{font-weight:700;}
.light{color:#f5f5f5;}
.page{width:100%; overflow:hidden; border-radius:0 0 41px 41px;}

.icon{display:block;}

/* ---------- Botões ---------- */
.btn{
  cursor:pointer;
  border:none;
  border-radius:12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  font-family:'Space Grotesk', sans-serif;
  font-weight:700;
  font-size:22px;
  letter-spacing:-0.44px;
  color:var(--color-text);
  padding:16px 32px;
  filter:drop-shadow(0 4px 4.45px rgba(61,61,61,0.22));
}
.btn-yellow{background:var(--verde-minerion);}
.btn-large{height:74px; padding:0 32px; gap:22px; width:fit-content;}
.icon-arrow{width:18px; height:15px;}

/* ---------- NAV ---------- */
.nav{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:20px 99px;
  background:#fff;
  filter:drop-shadow(0px 4px 2px rgba(0,0,0,0.2));
  position:relative;
  z-index:10;
}
.logo img{width:152px; height:45px; object-fit:contain;}
.nav-links{
  display:flex;
  gap:59px;
  align-items:center;
  font-size:22px;
  letter-spacing:-0.44px;
  color:var(--color-text);
}
.nav-links a{color:var(--color-text); text-decoration:none;}

.nav-toggle{
  display:none;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  width:38px;
  height:38px;
  border:none;
  background:none;
  cursor:pointer;
  flex-shrink:0;
}
.nav-toggle span{
  display:block;
  width:24px;
  height:2px;
  background:var(--color-text);
  border-radius:2px;
  margin:3px 0;
  transition:transform 0.2s ease, opacity 0.2s ease;
}
.nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0;}
.nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

.mobile-nav{
  display:none;
  position:relative;
  z-index:9;
  background:#fff;
  flex-direction:column;
  box-shadow:0 8px 12px rgba(0,0,0,0.08);
}
.mobile-nav[hidden]{display:none;}
.mobile-nav.active{display:flex;}
.mobile-nav a{
  color:var(--color-text);
  text-decoration:none;
  font-size:18px;
  padding:16px 24px;
  border-bottom:1px solid #eee;
}
.mobile-nav a:last-child{border-bottom:none;}

/* ---------- HERO ---------- */
.hero{
  position:relative;
  min-height:1080px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:120px 99px 140px;
  color:#fff;
}
.hero-bg{position:absolute; inset:0; z-index:-1;}
.hero-bg img{width:100%; height:100%; object-fit:cover; object-position:bottom;}
.hero-content{display:flex; flex-direction:column; gap:40px; max-width:900px;}
.hero-title-sub{display:flex; flex-direction:column; gap:43px;}
.hero-content h1{
  font-size:64px;
  font-weight:700;
  letter-spacing:-1.44px;
  line-height:1.1;
  max-width:830px;
}
.hero-sub{
  font-size:24px;
  font-weight:400;
  line-height:1.5;
  max-width:887px;
  letter-spacing:-0.4px;
}
.hero-cards{
  display:flex;
  gap:20px;
  align-items:center;
  padding:24px 0;
  flex-wrap:wrap;
}
.hero-card{
  display:flex;
  align-items:center;
  gap:16px;
  padding:10px 24px 10px 0;
  border-right:1px solid rgba(178,178,178,0.39);
  max-width:230px;
}
.hero-card.no-border{border-right:none;}
.hero-card .icon{width:36px; height:auto; flex-shrink:0;}
.hero-card p{font-size:20px; letter-spacing:-0.4px; color:var(--branco);}

/* ---------- ABOUT ---------- */
.about{
  position:relative;
  background:rgba(55,55,55,0.14);
  padding:100px 60px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:60px;
  text-align:center;
  overflow:hidden;
}
.about-title{display:flex; flex-direction:column; gap:32px; max-width:1500px; z-index:2;}
.about-title h2{font-size:44px; font-weight:700; letter-spacing:-0.56px; line-height:1.25;}
.about-title p{font-size:20px; color:var(--text); max-width:800px; margin:0 auto;}

.about-cards-wrap{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:0;
  flex-wrap:wrap;
  z-index:2;
  width:100%;
}
.about-col{display:flex; flex-direction:column; gap:48px;}
.about-card-row{display:flex; align-items:center; gap:0;}
.about-card-row.reverse{flex-direction:row;}
.about-card{
  background:#eee;
  border-radius:12px;
  padding:32px;
  box-shadow:-3px 9px 21px 0px rgba(55,55,55,0.05);
  width:340px;
  width:clamp(230px, 17.71vw, 340px);
  text-align:left;
}
.about-card-head{display:flex; gap:10px; align-items:center; margin-bottom:12px; flex-wrap:wrap;}
.num-badge{
  background:var(--verde-minerion);
  border-radius:12px;
  padding:6px 13px;
  font-weight:700;
  font-size:18px;
  filter:drop-shadow(0px 4px 4.45px rgba(61,61,61,0.22));
}
.num-badge.big{font-size:28px; padding:10px 16px; min-width:60px; text-align:center;}
.about-card-title{
  font-weight:500;
  font-size:20px;
  color:var(--text);
  border-bottom:1px solid var(--verde-minerion);
  padding-bottom:2px;
}
.about-card p{font-size:16px; font-weight:300; color:var(--text); line-height:1.5;}
.connector{width:90px; width:clamp(40px, 4.69vw, 90px); height:auto; flex-shrink:0;}
.connector.flip{transform:scaleY(-1) rotate(180deg);}

.about-ring{
  position:relative;
  z-index:0;
  width:462px; height:462px;
  width:clamp(300px, 24.06vw, 462px); height:clamp(300px, 24.06vw, 462px);
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:20px 30px;
  flex-shrink:0;
}
.about-ring::after{
  content:"";
  position:absolute;
  top:0; right:0; bottom:0; left:0;
  border-radius:50%;
  border:1px solid rgba(255,255,255,0.6);
  pointer-events:none;
}
.about-circle{
  position:relative;
  z-index:0;
  width:340px; height:340px;
  width:clamp(230px, 17.71vw, 340px); height:clamp(230px, 17.71vw, 340px);
  border-radius:50%;
  background:rgba(255,255,255,0.02);
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 4px 8.9px 0px rgba(61,61,61,0.22);
  flex-shrink:0;
}
.about-circle::before{
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  width:726px;
  height:726px;
  width:clamp(550px, 37.81vw, 726px);
  height:clamp(550px, 37.81vw, 726px);
  background-image:url('assets/reforma-tributaria-bg.webp');
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  z-index:-1;
  pointer-events:none;
}
.about-circle-inner{
  position:relative;
  z-index:1;
  width:250px; height:250px;
  width:clamp(175px, 13.02vw, 250px); height:clamp(175px, 13.02vw, 250px);
  border-radius:50%;
  background:var(--color-text);
  border:1px solid var(--verde-minerion);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:16px;
  filter:drop-shadow(0px 4px 4.45px rgba(61,61,61,0.22));
}
.circle-tag{color:var(--verde-minerion); font-size:12px; letter-spacing:1px;}
.circle-title{color:#fff; font-weight:700; font-size:26px; text-align:center; width:80%;}
.circle-icon{width:56px;}

/* ---------- PROCESSOS ---------- */
.processos{
  position:relative;
  padding:100px 60px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:70px;
  overflow:hidden;
}
.processos-bg{position:absolute; inset:0; z-index:0;}
.processos-bg img{width:100%; height:100%; object-fit:cover;}
.overlay-dark{position:absolute; inset:0; background:rgba(0,0,0,0.81);}
.processos-title{
  z-index:2;
  text-align:center;
  color:var(--branco);
  display:flex;
  flex-direction:column;
  gap:28px;
  max-width:800px;
}
.processos-title h2{font-size:44px; font-weight:700; letter-spacing:-0.56px; line-height:1.3;}
.processos-title p{font-size:20px;}

.processos-cards{
  z-index:1;
  display:flex;
  align-items:stretch;
  justify-content:center;
  flex-wrap:wrap;
  gap:0;
}
.p-card{
  width:250px;
  width:clamp(150px, 13.02vw, 250px);
  min-height:220px;
  backdrop-filter:blur(9px);
  background:rgba(255,255,255,0.12);
  border:1px solid rgba(255,255,255,0.48);
  border-radius:12px;
  box-shadow:0 4px 8.9px 0px rgba(61,61,61,0.22);
  padding:20px;
  display:flex;
  flex-direction:column;
  gap:20px;
  justify-content:center;
  color:var(--branco);
}
.p-card .icon{width:36px; height:auto; margin-bottom:4px;}
.p-card h3{font-size:20px; font-weight:700;}
.p-card p{font-size:16px; font-weight:300; line-height:1.4;}
.connector-h{width:44px; width:clamp(24px, 2.29vw, 44px); flex-shrink:0; align-self:center;}

/* ---------- NOTEBOOK ---------- */
.notebook{
  position:relative;
  background:rgba(55,55,55,0.14);
  padding:100px 60px 80px;
  display:flex;
  flex-direction:column;
  gap:60px;
  align-items:center;
  overflow:hidden;
  min-height:1190px;
}
.notebook-title{text-align:center; display:flex; flex-direction:column; gap:24px; max-width:1000px; z-index:2;}
.notebook-title h2{font-size:44px; font-weight:700; letter-spacing:-0.56px; line-height:1.3;}
.notebook-title p{font-size:20px; color:var(--text);}

.notebook-info{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:24px;
  width:100%;
  max-width:760px;
  z-index:2;
  align-self:flex-start;
}
.info-card{
  background:#eee;
  border-radius:12px;
  padding:24px;
  box-shadow:-3px 9px 21px 0px rgba(55,55,55,0.05);
  display:flex;
  gap:20px;
  align-items:flex-start;
}
.info-card .icon{width:32px; flex-shrink:0; margin-top:4px;}
.info-card h4{
  font-size:20px; font-weight:700; color:var(--text);
  border-bottom:1px solid var(--verde-minerion);
  display:inline-block;
  padding-bottom:2px;
  margin-bottom:8px;
}
.info-card p{font-size:18px; font-weight:300; color:var(--text);}

.notebook-bg{
  position:absolute;
  left:375px;
  top:-37px;
  width:1943px;
  height:1508px;
  z-index:0;
  overflow:hidden;
  pointer-events:none;
}
.notebook-bg img{width:100%; height:100%; object-fit:cover; display:block;}

/* ---------- IMPACTOS ---------- */
.impactos{
  position:relative;
  padding:80px 60px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:60px;
  overflow:hidden;
}
.impactos-bg{position:absolute; inset:0; z-index:0;}
.impactos-bg img{width:100%; height:100%; object-fit:cover; opacity:0.07;}
.overlay-light{
  position:absolute; inset:0;
  background:linear-gradient(to bottom, #e3e3e3, rgba(176,176,176,0.77) 47%, rgba(125,125,125,0.55) 99%);
}
.impactos-title{text-align:center; z-index:2; display:flex; flex-direction:column; gap:24px; max-width:1000px;}
.impactos-title h2{font-size:40px; font-weight:700; letter-spacing:-0.56px; line-height:1.3;}
.impactos-title p{font-size:20px; font-weight:500;}

.impactos-list{width:100%; max-width:1030px; display:flex; flex-direction:column; gap:16px; z-index:1;}
.impacto-row{display:flex;}
.impacto-row.right{justify-content:flex-end;}
.impacto-card{
  background:linear-gradient(to right, #eee, rgba(204,204,204,0));
  border-radius:31px;
  box-shadow:23px 9px 21px 0px rgba(55,55,55,0.05);
  padding:32px;
  display:flex;
  gap:20px;
  align-items:center;
  width:85%;
}
.impacto-card.rev{background:linear-gradient(to left, #eee, rgba(204,204,204,0));}
.impacto-card h4{
  font-size:20px; font-weight:700; color:var(--text);
  border-bottom:1px solid var(--verde-minerion);
  display:inline-block;
  margin-bottom:8px;
}
.impacto-card p{font-size:18px; font-weight:300; color:var(--text);}

/* ---------- DIAGNÓSTICO ---------- */
.diagnostico{position:relative; padding:100px 60px; overflow:hidden;}
.diagnostico-bg{position:absolute; inset:0; z-index:0;}
.diagnostico-bg img{width:100%; height:100%; object-fit:cover;}
.overlay-darker{position:absolute; inset:0; background:rgba(0,0,0,0.87);}
.diagnostico-content{position:relative; z-index:2; display:flex; flex-direction:column; gap:50px;}
.diagnostico-title{color:var(--branco); display:flex; flex-direction:column; gap:16px;}
.diagnostico-title h2{font-size:44px; font-weight:700; letter-spacing:-0.56px;}
.sua-empresa{font-size:20px;}

.checklist{display:flex; flex-direction:column; gap:14px;}
.check-row{display:flex; gap:16px; flex-wrap:wrap;}
.check{
  display:flex;
  align-items:center;
  gap:8px;
  border:1px solid #747474;
  border-radius:12px;
  padding:15px 20px;
  flex:1;
  min-width:260px;
  color:#fff;
  font-family:'Inter', sans-serif;
  font-weight:300;
  font-size:18px;
  cursor:pointer;
}
.box{
  width:24px; height:24px;
  border:2px solid rgba(255,255,255,0.6);
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  position:relative;
}
.box.checked{border-color:var(--verde-minerion);}
.box.checked::after{
  content:"";
  width:10px;
  height:10px;
  border-radius:50%;
  background:var(--verde-minerion);
}

.diagnostico-bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:32px;
  flex-wrap:wrap;
}
.diagnostico-bottom p{color:var(--branco); font-size:20px; max-width:800px;}

/* ---------- EXPERIÊNCIA ---------- */
.experiencia{
  position:relative;
  border:1px solid var(--verde-minerion);
  padding:100px 60px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:60px;
  overflow:hidden;
}
.experiencia-bg{position:absolute; inset:0; z-index:0; background:#2b2b2b;}
.experiencia-bg img{width:100%; height:100%; object-fit:cover; opacity:0.14;}
.experiencia-title{
  z-index:2; color:var(--branco); text-align:center;
  font-size:44px; font-weight:700; letter-spacing:-0.56px; max-width:860px;
}
.stats{
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:32px;
  flex-wrap:wrap;
  width:100%;
}
.stat{display:flex; flex-direction:column; align-items:center; gap:16px; flex:1; min-width:140px;}
.stat .icon{width:48px; height:auto;}
.stat-num{color:var(--verde-minerion); font-weight:700; text-align:center;}
.stat-num .big{font-size:30px;}
.stat-num{font-size:20px;}
.stat-label{color:var(--branco); font-size:16px; font-weight:300; text-align:center;}
.divider{width:1px; align-self:stretch; background:rgba(245,245,245,0.57);}

/* ---------- FOOTER CTA ---------- */
.footer-cta{position:relative; padding:100px 60px; overflow:hidden; min-height:720px; display:flex; flex-direction:column; justify-content:center;}
.footer-bg{position:absolute; inset:0; z-index:0; background:#0e0e0e;}
.footer-bg img{width:100%; height:100%; object-fit:cover; object-position:top;}
.footer-cta-content{position:relative; z-index:2; display:flex; flex-direction:column; gap:32px; max-width:940px;}
.eyebrow{color:var(--verde-minerion); font-weight:700; font-size:14px; letter-spacing:1.26px;}
.footer-cta-content h2{color:var(--branco); font-size:44px; font-weight:700; letter-spacing:-0.56px; line-height:1.25;}
.footer-desc{color:rgba(254,255,246,0.9); font-family:'IBM Plex Sans', sans-serif; font-size:20px; line-height:1.6;}

/* ---------- FINISH / FOOTER BOTTOM ---------- */
.finish{width:100%;}
.finish-top{
  background:rgba(55,55,55,0.34);
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:20px 40px;
  flex-wrap:wrap;
  gap:20px;
}
.socials{display:flex; gap:16px;}
.social-btn{
  width:32px; height:32px;
  background:var(--verde-minerion);
  border-radius:8px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.social-btn img{width:14px; height:14px;}

.finish-bottom{
  background:rgba(55,55,55,0.34);
  border-top:1px solid #dedede;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:16px 40px;
  flex-wrap:wrap;
  gap:12px;
  color:#686868;
  font-size:13px;
}
.finish-links{display:flex; gap:16px;}

/* ---------- RESPONSIVO ---------- */
/* ---------- MODAL / POP UP ---------- */
.modal-overlay{
  display:none;
  position:fixed;
  inset:0;
  background:rgba(30,30,30,0.6);
  z-index:1000;
  align-items:center;
  justify-content:center;
  padding:24px;
}
.modal-overlay.active{display:flex;}
.modal-card{
  position:relative;
  background:#f2f2f2 radial-gradient(circle, rgba(55,55,55,0.08) 1px, transparent 1.5px) 0 0/16px 16px;
  border-radius:34px;
  width:100%;
  max-width:670px;
  max-height:90vh;
  overflow-y:auto;
  overflow-x:hidden;
  padding:53px 40px 50px 48px;
  box-shadow:0 20px 60px rgba(0,0,0,0.35);
}
.modal-watermark{
  position:absolute;
  top:50%;
  right:-140px;
  width:420px;
  max-width:none;
  transform:translateY(-50%) rotate(-90deg);
  opacity:0.05;
  pointer-events:none;
}
.modal-close{
  position:absolute;
  top:20px;
  right:20px;
  width:40px;
  height:40px;
  border:none;
  background:none;
  border-radius:50%;
  font-size:28px;
  line-height:1;
  color:#8a8a8a;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
}
.modal-close:hover{background:rgba(0,0,0,0.06);}
.modal-content{position:relative; z-index:1; display:flex; flex-direction:column; gap:26px;}
.modal-logo{width:152px; height:45px; object-fit:contain;}
.modal-tabs{border-bottom:1px solid #e4e4e4;}
.modal-tab{
  display:inline-block;
  font-family:'Space Grotesk', sans-serif;
  font-weight:500;
  font-size:18px;
  color:#373737;
  padding:12px 16px 8px;
  border-bottom:4px solid var(--verde-minerion);
  margin-bottom:-1px;
}
.modal-form{display:flex; flex-direction:column; gap:12px;}
.modal-form[hidden]{display:none;}
.form-field{
  border:1px solid #d4d4d4;
  border-radius:8px;
  padding:16px 28px;
  display:flex;
  flex-direction:column;
  gap:14px;
}
.form-field label{font-family:'Space Grotesk', sans-serif; font-weight:700; font-size:16px; color:#373737;}
.form-field input{
  border:none;
  border-bottom:1px solid #e4e4e4;
  padding:0 0 8px;
  font-family:'Space Grotesk', sans-serif;
  font-size:16px;
  color:#373737;
  background:transparent;
  outline:none;
}
.form-field input::placeholder{color:rgba(55,55,55,0.35); font-weight:300;}
.form-field .field-error{
  display:none;
  font-family:'Space Grotesk', sans-serif;
  font-size:13px;
  color:#e0523f;
}
.form-field.error{border-color:#e0523f;}
.form-field.error .field-error{display:block;}
.modal-buttons{display:flex; gap:16px; margin-top:8px; flex-wrap:wrap;}
.btn-cancel{
  height:48px;
  padding:0 32px;
  border:1px solid #79808f;
  border-radius:4px;
  background:none;
  font-family:'Space Grotesk', sans-serif;
  font-weight:500;
  font-size:16px;
  color:#242731;
  cursor:pointer;
}
.btn-submit{
  height:48px;
  padding:0 24px;
  border:none;
  border-radius:4px;
  background:var(--verde-minerion);
  filter:drop-shadow(0px 4px 4.45px rgba(61,61,61,0.22));
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-family:'Space Grotesk', sans-serif;
  font-weight:500;
  font-size:16px;
  color:#373737;
  cursor:pointer;
}
.btn-submit img{width:14px; height:auto;}

.modal-success{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:12px;
  padding:40px 20px 20px;
}
.modal-success[hidden]{display:none;}
.modal-success-icon{
  width:64px; height:64px;
  border-radius:50%;
  background:var(--verde-minerion);
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:8px;
}
.modal-success h3{font-family:'Space Grotesk', sans-serif; font-size:24px; font-weight:700; color:#373737;}
.modal-success p{font-family:'Space Grotesk', sans-serif; font-size:16px; color:rgba(55,55,55,0.7); max-width:380px;}
.modal-success .btn-submit{margin-top:12px;}

/* Dimensionamento fluido: os cards do "about" e "processos" encolhem
   suavemente conforme a tela/zoom diminui, em vez de quebrar de linha
   ou empilhar de repente. Mantém o layout desktop (em linha) até a
   largura mínima do breakpoint mobile (1024px). */
@media (max-width: 1700px){
  .processos{padding-left:40px; padding-right:40px;}
}

@media (max-width: 1024px){
  .nav, .hero, .about, .processos, .notebook, .impactos, .diagnostico, .experiencia, .footer-cta{
    padding-left:24px;
    padding-right:24px;
  }
  .hero-content h1{font-size:40px;}
  .about-title h2, .processos-title h2, .notebook-title h2, .impactos-title h2, .diagnostico-title h2, .experiencia-title, .footer-cta-content h2{
    font-size:30px;
  }
  .about-cards-wrap{flex-direction:column;}
  .about-circle::before{width:min(90vw, 500px); height:min(90vw, 500px);}
  .about-ring{width:min(95vw, 400px); height:min(95vw, 400px);}
  .about-circle{width:280px; height:280px;}
  .about-circle-inner{width:200px; height:200px;}
  .about-card{width:min(85vw, 340px);}
  .connector{width:60px;}
  .processos-cards{flex-direction:column; align-items:center;}
  .p-card{width:min(90vw, 320px);}
  .connector-h{width:44px; transform:rotate(90deg); margin:8px 0;}
  .notebook-bg{display:none;}
  .notebook{min-height:0;}
  .connector, .connector.flip{transform:rotate(90deg);}
  .nav-links{display:none;}
  .nav-toggle{display:flex;}
  .nav{gap:10px; padding-left:16px; padding-right:16px;}
  .logo img{width:110px; height:33px;}
  .nav .btn-yellow{
    font-size:14px;
    padding:9px 14px;
    gap:6px;
    white-space:nowrap;
  }
  .nav .icon-arrow{width:12px; height:10px;}
  .nav-toggle{width:32px; height:32px;}
  .impacto-row, .impacto-row.right{justify-content:center;}
  .impacto-card{width:100%;}
  .modal-buttons{flex-wrap:nowrap;}
  .btn-cancel, .btn-submit{flex:1; padding-left:16px; padding-right:16px; justify-content:center;}
}