body{

font-family: system-ui;
margin:0;
background:#ffffff;
color:#1a1a1a;

}

header{

text-align:center;
padding:20px;

}

h1{

margin:0;
font-size:28px;

}

.clima{

text-align:center;
padding:30px;

}

.emoji{

font-size:70px;

}

.temp{

font-size:48px;
font-weight:bold;
color:#2563eb;

}

.desc{

margin-top:10px;
color:#6b7280;

}

.detalhes{

margin-top:15px;
display:flex;
justify-content:center;
gap:15px;
flex-wrap:wrap;
font-size:14px;
color:#6b7280;

}

.previsao{

display:flex;
overflow-x:auto;
gap:10px;
padding:10px;

}

.card{

background:#f3f4f6;
padding:10px;
border-radius:10px;
min-width:70px;
text-align:center;

}

table{

width:100%;
border-collapse:collapse;

}

td{

padding:8px;
border-bottom:1px solid #eee;

}

footer{

text-align:center;
padding:20px;
font-size:14px;
color:#6b7280;

}