/* Estilos principais */
body { font-family: var(--font-primary); margin:0; background: var(--color-light); color: var(--color-dark); }
.header { background: var(--color-white); padding: 2rem; color: var(--color-white); display:flex; justify-content:center}
.header1 .container { display:flex; justify-content:space-between; align-items:center; }
.header .container img {height: 94px}
.logo { height:40px; }
.s1 { text-align:center; padding:3rem 1rem;}
.s1-img { max-width:300px; margin-top:1rem; }
.grid1 { display:grid; gap:1rem; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); }
.card1 { background: var(--color-white); padding:1rem; border-radius: var(--radius-md); box-shadow: var(--shadow-sm); text-align:center; }
.btn { padding:0.5rem 1rem; border-radius:9999px; border:none; cursor:pointer; }
.btn-primary { background: var(--color-gradient); color:white; }
.footer { background: var(--color-dark); color:white; text-align:center; padding:1rem; margin-top:2rem; }

.titBig{margin:0; font-family: PlutoBlack, "Arial Black", Helvetica, sans-serif; color: var(--color-primary);line-height: 0.9; text-transform: uppercase; text-align: left;}
.subTitle{margin:0; font-family: PlutoLight, Arial, Helvetica, sans-serif; color: var(--color-secondary); text-align: left;}
.fontHeavy{font-family: PlutoHeavy, "Arial Black", Helvetica, sans-serif !important;}
.text{font-family: Inter, Arial, Helvetica, sans-serif;}
.card img{height: 64px;margin-bottom: 1em;}
.card h3{font-family: PlutoBlack, "Arial Black", Helvetica, sans-serif;}
select:invalid { color: gray; }

form input, form select, form textarea {font-family: Inter, Arial, Helvetica, sans-serif;}
.container{max-width: 1280px;}