@import url(https://db.onlinewebfonts.com/c/9db59dec4db6707a56646fa0eb9ef932?family=Globotipo+Web+Regular);
@import url(https://db.onlinewebfonts.com/c/68ae47b6f34b1ffae9c5ff402fe360b1?family=Globotipo+Web+Semibold); 
@import url(https://db.onlinewebfonts.com/c/9345e5e7993c4d978ea33f29bc0b0067?family=Globotipo+Web+Bold); 

* {
  padding: 0px; margin: 0px;
  text-decoration: none;
}

body {
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-family: "Globotipo Web Regular";
}

header {
  border-bottom: 2px solid #f4f5f6;
  position: sticky;
  top: 0;
  background-color: #fff;
  display: block;
}

.header-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  
  height: 80px;
  width: 100%;
  max-width: 1280px;
  
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  font-size: 14px;
}

header a {
  display: flex;
  align-items: center;
  gap: 5px;
}

header i {
  font-size: 20px;
  color: #1e10fc;
  margin: 0 5px;
}

header img {
  transform: translateX(50%);
}

.nav-right {
  display: flex;
  gap: 50px;
}

.header-bar{
  border-top: 2px solid #f4f5f6;
  display: flex;
  justify-content: center;
}

.barlinks {
  display: flex;
  justify-content: space-between;
  align-items: center;
  
  width: 100%;
  max-width: 1265px;
  height: 44px;
}

.barlinks a {
  font-size: 15.5px;
  font-family: "Globotipo Web Bold";
}

.barlinks a:hover {
  filter: brightness(0.6);
}

.weather {
  border-bottom: 2px solid #f4f5f6;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 44px;
}

.weather i {
  color: #1e10fc;
}

.weather a {
  font-size: 14px;
  font-family: "Globotipo Texto";
  width: 100%;
  max-width: 1265px;
}

.weather a .min {
  color: #757575;
}

.weather a .local {
  color: #1e10fc;
  text-decoration: underline;
}

main {
  margin-top: 20px;
  display: grid;
  justify-content: center;
  gap: 40px;
}

main img {
  width: 1265px;
}

.news {
  width: 100%;
  max-width: 1280px;
  display: flex;
  justify-content: space-between;
}

.column1 {
  margin-right: 40px;
}

.um1 {
  width: 625px;
  height: 305px;
}

.um1 a {
  font-family: "Globotipo Web Bold";
  font-size: 50px;
  color: #C61E16;
  text-align: justify;
}

ul {
  margin-top: 15px;
  margin-left: 17.5px;
}

.um1 ul li {
  padding-bottom: 5px;
  font-family: "Globotipo Web Semibold";
  color: black;
  font-size: 17px;
}

.um1 ul li::marker {
  color: #C61E16;
}

.dois1, .tres1 {
  border-top: 2px solid #f4f5f6;
  display: flex;
  margin-top: 20px;
  padding-top: 20px;
  justify-content: space-between;
}

.noticia {
  width: 195px;
}

.dois1 img, .tres1 img {
  width: 195px;
  border-radius: 15px;
}

.dois1 a, .tres1 a {
  color: #C61E16;
  font-family: "Globotipo Web Bold";
  font-size: 17.5px;
}

.dois1 ul li, .tres1 ul li {
  font-family: "Globotipo Web Semibold";
  font-size: 14px;
}

.dois1 ul li::marker, .tres1 ul li::marker {
  color: #C61E16;
}

.column2 {
  padding-left: 10px;
  border-left: 2px solid #f4f5f6;
  width: 290px;
  display: grid;
  justify-content: center;
}

.um2 {
  width: 240px;
  display: grid;
  justify-content: center;
}

.um2 img {
  width: 240px;
  border-radius: 16px;
}

.um2 a {
  margin-top: 10px;
  color: #05A948;
  font-family: "Globotipo Web Bold";
  font-size: 18px;
  text-align: left;
}

.um2 ul {
  font-size: 14px;
}

.um2 ul li {
  font-family: "Globotipo Web Semibold";
  margin-bottom: 10px;
}

.um2 ul li::marker {
  color: #05A948;
}

.column3 {
  border-left: 2px solid #f4f5f6;
  width: 275px;
  display: grid;
  justify-content: flex-end;
}

.um3 {
  width: 240px;
  display: grid;
  justify-content: center;
}

.um3 img {
  width: 240px;
  border-radius: 16px;
}

.um3 a {
  color: #FE6B08;
  font-family: "Globotipo Web Bold";
  font-size: 18px;
  text-align: left;
}

.um3 ul {
  font-size: 14px;
}

.um3 ul li {
  font-family: "Globotipo Web Semibold";
  margin-bottom: 10px;
}

.um3 ul li::marker {
  color: #FE6B08;
}