:root {
    --color-primary: #269fe6;
    --color-primary-hover: #2086c2;
    --color-primary-dark: #13141f;
    --color-primary-dark-hover: #212336;
    --color-primary-light: #d4ecfa;
    --color-primary-light-hover: #bdd8e7;

    --a4-bg:#0f1316;           /* fundo escuro */
    --a4-card:#141a1f;         /* bloco */
    --a4-text:#d6e3ea;         /* texto principal */
    --a4-dim:#9db1bd;          /* texto suave */
    --a4-accent:#00d0ff;       /* ciano adapt4 */
    --a4-outline:#2a3b46;      /* borda/outline */
    --a4-success:#00bb00;      /* WhatsApp */

    --adapt4-n1: #282825;
    --adapt4-n2: #030c46;
    --adapt4-n3: #430fb3;
    --adapt4-n4: #4a82c2;
    --adapt4-n5: #f4f4ea;
    --adapt4-n6: #10358a;

    --color-white: #fff;
    --color-black: #000;

    --color-dark-text: #444;
    --color-info-light: #cce5ff;
    --color-debug-light: #cce5ff;
    --color-success-light: #d4edda;
    --color-alert-light: #fff3cd;
    --color-warning-light: #fff3cd;
    --color-error-light: #f8d7da;

    --color-info-dark: #4d86c4;
    --color-debug-dark: #4d86c4;
    --color-success-dark: #4a9c5d;
    --color-alert-dark: #927f40;
    --color-warning-dark: #927f40;
    --color-error-dark: #da525d;

    --color-gray-0: #f9f9f9;
    --color-gray-1: #e0e0e0;
    --color-gray-2: #c7c7c7;
    --color-gray-3: #aeaeae;
    --color-gray-4: #959595;
    --color-gray-5: #7d7d7d;
    --color-gray-6: #646464;
    --color-gray-7: #4b4b4b;
    --color-gray-8: #323232;
    --color-gray-9: #191919;
    
    --font-primary: sans-serif;
    --font-headings: 'Roboto Slab', serif;
    
    --spacing-gutter-medium: 3rem;
    --spacing-gutter-large: 4rem;
    --rejunte: 1px;
}
  .a4-footer{background:var(--a4-bg); color:var(--a4-text); padding:56px 0 96px; font-family:Inter,system-ui,Arial,sans-serif}
  .a4-container{max-width:1160px;margin:0 auto;display:grid;gap:40px;grid-template-columns:1.2fr 2fr;padding:0 20px}
  .a4-brand{display:flex;flex-direction:column;gap:16px}
  .a4-logo{height:36px;opacity:.95;filter:drop-shadow(0 2px 8px rgba(0,0,0,.35))}
  .a4-logo2{max-width: 160px;height:auto;object-fit: contain;opacity:.95;filter:drop-shadow(0 2px 8px rgba(0,0,0,.35))}
  .a4-sub{color:var(--a4-dim);margin-top:4px}
  .a4-social{display:flex;gap:10px;margin-top:8px}

  .a4-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
  .a4-links h4{font-size:14px;margin:0 0 12px;color:var(--a4-text)}
  .a4-links a{display:block;color:var(--a4-dim);text-decoration:none;margin:6px 0}
  .a4-links a:hover{color:var(--a4-text)}

  .a4-sep{border:0;border-top:1px solid var(--a4-outline);margin:36px 20px 12px}
  .a4-bottom{max-width:1160px;margin:0 auto;color:var(--a4-dim);padding:0 20px}

  /* Botões reutilizáveis (moldes) */
  .a4-btn{--h:42px;display:inline-flex;align-items:center;gap:10px;height:var(--h);padding:0 16px;border-radius:12px;font-weight:600;font-size:14px;line-height:1;border:1px solid transparent;text-decoration:none;cursor:pointer;transition:transform .08s ease, background .2s ease, color .2s ease, border-color .2s ease}
  .a4-btn:active{transform:translateY(1px)}
  .a4-btn-primary{background:var(--a4-accent);color:#0b0f12}
  .a4-btn-primary:hover{filter:brightness(1.08)}
  .a4-btn-outline{background:transparent;border-color:var(--a4-outline);color:var(--a4-text)}
  .a4-btn-outline:hover{border-color:var(--a4-accent);color:var(--a4-accent)}
  .a4-btn-ghost{background:transparent;color:var(--a4-dim)}
  .a4-btn-ghost:hover{color:var(--a4-text)}
  .a4-btn-link{padding:0;border:0;background:none;color:var(--a4-text);text-decoration:underline;border-radius:6px}
  .a4-btn-icon{width:42px;justify-content:center;padding:0;border:1px solid var(--a4-outline);border-radius:12px}
  .a4-btn-icon:hover{border-color:var(--a4-accent);color:var(--a4-accent)}
  .a4-cta-row{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}

  /* Botão flutuante WhatsApp */
  .a4-whatsapp{position:fixed;right:25px;bottom:22px;width:22px;height:30px;border-radius:50%;background:var(--a4-success);display:flex;align-items:center;justify-content:center;box-shadow:0 12px 24px rgba(0,0,0,.35);z-index:60;text-decoration:none}
  .a4-whatsapp:hover{filter:brightness(1.05)}
  
body {
  margin:0;
  width: 100%;
  /* height: 800px; */
  font-family: Arial, sans-serif;
  /* background: linear-gradient(135deg, #4b6cb7, #182848); */
  background:var(--adapt4-n5);
  color: #fff;
  /*display: grid; */
  align-items: center;
  justify-content: center;
  text-align: center;
  /* display: grid; */
  grid-template-rows: auto;
  min-height: 100vh; /* Altura mínima da viewport*/
}
.container-header {
  display: grid;
  grid-template-columns: auto;
  top: 0;
  bottom: 0;
  position: sticky;
  height: 200px;
  margin-bottom: var(--rejunte);
  background-color: var(--adapt4-n5);
  align-content: center;
  padding: 20px;
}
.container-logo{
  align-content: center;
}
.my-logo {
  background-image: url("LOGO-ADAPT4-HORIZONTAL-AZUL.png");
  background-size: cover;
  max-width: 25%;
  height: auto;
}
.texto-slogan{color: #000;}
section {
  top: 0;
  position: static;
  /* height: 20px; */
  background-color: var(--adapt4-n4)
}


/* ===== CORPO DO SITE */
.container-main {
  /* flex-grow: 1; */
  height: 500px;
  background-color: var(--adapt4-n4);
  align-content: center;
  /* padding: 10px 10px; */
}
.bloco-servico {
  padding: 1rem;
  text-align: center;
  color: var(--adapt4-n5);
}
.cards-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1.5rem;
  margin: 2rem 0;
}
.card-info {
  background-color: rgba(0, 0, 0, 0.4);
  padding: 1rem;
  border-radius: 10px;
  width: 250px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.beneficios {
  list-style:decimal;
  padding: 0;
  margin: 1rem 0;
  text-align: left;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.btn-contato{
  display: inline-block;
  padding: 12px 25px;
  border-radius: 30px;
  background-color: #00bb00;
  color: white;
  text-decoration: none;
  font-weight: bold;
  transition: 0.3s;
}
btm-contato:hover {
  background-color: #009900;
}
.container-texto{
  position: left;
}
h1 {font-size: 2.8em;text-align: center;}
h2{font-size: 2.5em;}
h3{font-size: 1.5em;}
h4{font-size: 1.2em;}
p{font-size: 1.0em;}
a {display: inline-block;margin-top: 20px;text-decoration:double;color: var(--adapt4-n5);border: 2px solid var(--adapt4-n5);padding: 10px 20px;
  border-radius: 20px;transition: 0.3s;}
a:hover {background-color: var(--adapt4-n5);color: #182848;}




/* RESPONSIVO PARA CELULAR */
@media (max-width: 768px) {
  /* h1 {font-size: 2.8em;text-align: center;}
  h2{font-size: 2.5em;}
  h3{font-size: 1.5em;}
  h4{font-size: 1.2em;}
  p{font-size: 1.0em;} */
  a{ font-size:0.7em}
  .container-header{
    height: 100px;
  }
  .my-logo {
  background-image: url("LOGO-ADAPT4-HORIZONTAL-AZUL.png");
  background-size: cover;
  max-width: 40%;
  height: auto;
 }
  section {
    height: 20px;
    background-color: var(--adapt4-n5);
  }
  .container-main{
    height: auto;
  }
  .footer-container {
    height: auto;
    bottom: 0;
    position: sticky;
    display: flex;
  }
  .container-info-blocos {
    flex-direction: column;
    align-items: center;
  }
  .info-blocos {
    width: 90%;
    height: 100px;
    margin: 10px 0;
  }
  .beneficios {
  list-style:decimal;
  padding: 0;
  /* margin: 1rem 0; */
  text-align: center;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
 }
  h1 {
    text-align: center;
    font-size: 3.0em;
  }
  h2 {
    font-size: 1.5em;
  }
  h3{
  font-size: 1.2em;
  }
  h4{
    font-size:0.8em;
  }
  p {
    font-size: 0.8em;
    margin: 10px 10px 10px 10px;
  }

  
  .logo {
    max-width: 100%; /* nunca utrapassa a largura da tela */
    height: auto; /* mantém proparção */
    width: 300px; /* tamanho padrão no PC (ajuste como quiser) */
    display: block;
    margin: auto auto auto auto; /* centraliza horizontalmente */
  }
  
  /* Troca de imagem no hover (PC) */
  .logo-container:hover .logo-img{
    content:  url("LOGO-ADAPT4-VERTICAL-COLORIDO.png");
  }
  
  .a4-container{grid-template-columns:1fr;gap:28px}
  .a4-social{flex-wrap:wrap}
  .a4-footer{padding-bottom:88px}


}