:root{
 --back:#0D1B2A;
 --card:#13283D;
 --blue:#2563EB;
 --green:#00C896;
 --gray2:#8A97A8;
 --gray:#94A3B8;
 --muted:#CBD5E1;
 --resul:#eef4ff;
 --white:#ffffff;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{background:url('../../images/bg-site.png') no-repeat center top var(--back);background-size:contain;font-family:Inter,sans-serif;color:var(--white);}
.container{max-width:970px;margin:auto;padding:20px;display:flex;justify-content:space-between;align-items:center;}
header{position:sticky;top:0;background:rgba(13,27,42,.95);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08);z-index:999;}
.logo img {width:150px;height:47px;}
#menu-button{background:none;border:none;font-size:36px;color:var(--white);cursor:pointer;margin-top: 0;padding: 0;}
#mobile-menu{display:none;flex-direction:column;background:var(--card);}
#mobile-menu a{padding:18px;text-decoration:none;color:var(--white);border-bottom:1px solid rgba(255,255,255,.05);}
#mobile-menu.active{display:flex;}
.hero{max-width:970px;margin:auto;padding:30px 20px 20px 20px;}
.hero h1{font-size:2em;margin-bottom:15px}
.hero h2{font-size:1.25em;margin-bottom:15px}
.hero p{font-size:1.125em;color:var(--gray2);}
.calculator{max-width:970px;margin:auto;padding:20px;}
.card{background:var(--card);padding:15px 35px 35px 35px;border-radius:15px;box-shadow:0 10px 35px rgba(0,0,0,.25);margin-bottom:20px;}
.card h2{margin-bottom:25px;}
label{display:block;margin-top:20px;margin-bottom:8px;}
input{width:100%;padding:15px;border:none;border-radius:10px;font-size:1em;margin-bottom:10px;}
select{width:100%;padding:15px;border:none;border-radius:10px;font-size:1em;font-family:inherit;color:var(--back);background:var(--white);margin-bottom:10px;cursor:pointer;box-sizing:border-box;}
select:focus{outline:2px solid var(--green);outline-offset:1px;}
.checkbox-group{margin-top:24px;margin-bottom:20px;}
.checkbox-label{display:flex;align-items:center;gap:12px;margin:0;cursor:pointer;font-weight:700;font-size:1.125em;}
.checkbox-label input{width:20px;height:20px;margin:0;cursor:pointer;accent-color:var(--green);}
.checkbox-group .field-help{margin-top:8px;margin-left:32px;}
.radio-group{margin-top:24px;margin-bottom:20px;}
.radio-options{display:flex;align-items:center;gap:24px;flex-wrap:wrap;}
.radio-label{display:flex;align-items:center;gap:10px;margin:0;cursor:pointer;font-weight:700;font-size:1.125em;}
.radio-label input{width:20px;height:20px;margin:0;cursor:pointer;accent-color:var(--green);}
.radio-group .field-help{margin-top:8px;margin-bottom:0;}
button{margin-top:10px;background:var(--green);color:var(--white);padding:16px 30px;border:none;border-radius:10px;font-size:1.125em;font-weight:700;cursor:pointer;transition:.25s;}
button:hover{transform:translateY(-2px);}
.bt-secondary {background: var(--gray2);color:var(--white);border: none;border-radius: 10px;padding: 16px 30px;font-size:1.125em;font-weight:400;cursor: pointer;transition: .2s;margin-left:15px;}
.bt-secondary:hover {transform:translateY(-2px);}
.resultado{margin-top:30px;padding:20px;background:var(--back);border:1px solid rgba(255,255,255,.08);border-radius:10px;}
.content{max-width:970px;margin:auto;padding:0 20px 40px 20px;}
.content h2{margin-bottom:10px;}
.content p{line-height:1.4;color:var(--gray2);margin-block-start:0;margin-block-end:15px;}
.form-section-title {margin-top:28px;margin-bottom:18px;padding-bottom:5px;border-bottom:1px solid rgba(255, 255, 255, 0.15);color:var(--green);font-size:1.25rem;font-weight: 700;}
.field-help{display:block;margin-top:-4px;margin-bottom:18px;font-size:0.75em;color:var(--gray2);line-height:1.4;}
.resultado strong{color:var(--green);}
.seo-content h2 {margin:20px 0 15px 0;}
.seo-content h3 {margin:30px 0 15px 0;padding-bottom:5px;border-bottom:1px dotted rgba(255,255,255,.15);}
.seo-content a {color:var(--green);text-decoration:none;}
.seo-content a:hover {text-decoration:underline;}
footer{width:100%;padding:32px 20px;text-align:center;font-size:0.75em;border-top:1px solid rgba(255,255,255,.08);color:var(--gray2);}
footer a {color:var(--gray2);text-decoration:none;}
footer a:hover {color:var(--gray);text-decoration:underline;}
.footer_icons {display: flex;justify-content: center;align-items: center;margin:20px auto 0 auto;}
.footer_icons img {width:24px;height:24px;margin: 0 5px;}

/* Tabela do IMC */
.tabela-imc{margin-top:20px;overflow-x:auto;}
.tabela-imc table{width:100%;border-collapse:collapse;font-size:0.9em;}
.tabela-imc th,.tabela-imc td{padding:12px 14px;text-align:left;border-bottom:1px solid rgba(255,255,255,.08);}
.tabela-imc th{color:var(--white);font-weight:700;background:rgba(13,27,42,.55);}
.tabela-imc td{color:var(--muted);}
.tabela-imc tbody tr:last-child td{border-bottom:none;}
.tabela-imc tbody tr:hover{background:rgba(255,255,255,.03);}

/* Todas as Calculadoras */
.lista-calculadoras {display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:30px;}
.categoria-calculadoras {background:var(--card);padding:25px 30px;border-radius:15px;box-shadow:0 10px 35px rgba(0,0,0,.25);}
.categoria-calculadoras h2 {margin-top:5px;margin-bottom:15px;color:var(--green);font-size:1.25rem;}
.categoria-calculadoras ul {list-style:none;margin:0;padding:0;}
.categoria-calculadoras li {border-bottom:1px solid rgba(255,255,255,.08);}
.categoria-calculadoras li:last-child {border-bottom:none;}
.categoria-calculadoras a {display:block;padding:8px 0;color:var(--white);text-decoration:none;line-height:1.4;}
.categoria-calculadoras a:hover {color:var(--green);}

@media(min-width:900px){
  #menu-button{display:none;}
  #mobile-menu{display:flex;position:absolute;top:20px;right:40px;background:none;flex-direction:row;}
  #mobile-menu a{border:none;padding:5px;font-size:12px;}
}

@media(max-width:1024px){
  .hero {padding:20px 20px 10px 20px;}
  .card {padding:10px 20px 20px 20px;}
  label{margin-top:10px;}
  .content {padding:0 20px 20px 20px;}
  .tabela-imc table{font-size:0.82em;}
  .tabela-imc th, .tabela-imc td{padding:10px 8px;}
  footer{font-size:0.875em;}
}

@media(max-width:896px){
  #mobile-menu a{padding:14px 18px;font-size:16px;}
  .lista-calculadoras {grid-template-columns:1fr;gap:20px;}
  .categoria-calculadoras {padding:20px;}
}