/* MF Soluções Comerciais — estilos do site */

:root{
  --navy:#16232E;
  --navy-2:#223244;
  --cream:#F5F3EE;
  --white:#FFFFFF;
  --orange:#D46A3D;
  --orange-hover:#B9552C;
  --teal:#3C7A89;
  --teal-hover:#2C5B67;
  --border:#E7E2D8;
  --text-body:#3A4750;
  --text-muted:#5C6A73;
  --text-light:#AEC0CB;
  --text-lighter:#8FA3B3;
  --nav-link:#CBD6DE;
}

*{box-sizing:border-box;}

body{
  margin:0;
  background:var(--cream);
  font-family:'Source Sans 3',system-ui,sans-serif;
  color:var(--navy);
}

h1,h2,h3{font-family:'Space Grotesk',system-ui,sans-serif;}

a{color:var(--teal);text-decoration:none;}
a:hover{color:var(--teal-hover);}

img{max-width:100%;}

input,textarea{font-family:'Source Sans 3',system-ui,sans-serif;}
input:focus,textarea:focus{outline:2px solid var(--teal);outline-offset:1px;}

.mf-btn-primary{background:var(--orange);color:#FFF8F3;display:inline-flex;align-items:center;}
.mf-btn-primary:hover{background:var(--orange-hover);color:#FFF8F3;}

.mf-container{max-width:1180px;margin:0 auto;padding-left:32px;padding-right:32px;}

.mf-card-btn{all:unset;cursor:pointer;display:flex;flex-direction:column;background:var(--white);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-sizing:border-box;width:100%;}
.mf-card-btn:hover{border-color:var(--teal);}

.mf-close-btn{border:none;background:var(--border);width:36px;height:36px;border-radius:8px;cursor:pointer;font-size:18px;line-height:1;color:var(--navy);flex-shrink:0;}

/* ---------- language toggle ---------- */
html[data-lang="pt"] .lang-es{display:none !important;}
html[data-lang="es"] .lang-pt{display:none !important;}

html[data-lang="pt"] [data-lang-btn="pt"],
html[data-lang="es"] [data-lang-btn="es"]{
  background:var(--teal);
  color:#FFFFFF;
}
html[data-lang="pt"] [data-lang-btn="es"],
html[data-lang="es"] [data-lang-btn="pt"]{
  background:transparent;
  color:var(--text-lighter);
}

/* ---------- responsive ---------- */
@media (max-width:820px){
  .mf-hide-mobile{display:none !important;}
  .mf-stack-mobile{flex-direction:column !important;}
  .mf-grid-mobile{grid-template-columns:1fr !important;}
  .mf-grid-mobile-2{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  .mf-hero-title{font-size:38px !important;}
  .mf-pad-mobile{padding-left:20px !important;padding-right:20px !important;}
  .mf-modal-grid{grid-template-columns:1fr !important;}
}