@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap");
* {
  margin: 0;
  padding: 0;
  outline: 0;
  -webkit-text-size-adjust: none;
     -moz-text-size-adjust: none;
          text-size-adjust: none;
}

body {
  background: #282828;
}

.container {
  width: 797px;
  display: block;
  margin: auto;
}

a {
  color: #fff;
  margin: 0;
  padding: 0;
}

#page-1 {
  background-image: url("assets/layout-lakfire.png");
  display: block;
  background-position-x: -799px;
  background-repeat: no-repeat;
  height: 940px;
  overflow: hidden;
  position: relative;
  font-family: "Montserrat";
  display: flex;
  align-items: start;
  justify-content: space-between;
  flex-direction: column;
}
#page-1.aldox {
  background-image: url("assets/layout-aldox.png");
}
#page-1.aldox h1, #page-1.aldox .text {
  color: black;
}
#page-1.lakcolor {
  background-image: url("assets/layout-lakcolor.png");
}
#page-1.lakcolor h1, #page-1.lakcolor .text {
  color: black;
}
#page-1.lakquimica {
  background-image: url("assets/layout-lakquimica.png");
}
#page-1.lakquimica h1, #page-1.lakquimica .text {
  color: black;
}
#page-1.lakquimica .z-1 {
  -o-object-position: left;
     object-position: left;
}
#page-1 .z-1 {
  z-index: -1;
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
#page-1 .logo {
  filter: contrast(10) brightness(0) invert(1);
  margin: 30px 35px;
}
#page-1 .text {
  width: 100%;
  display: flex;
  justify-content: end;
  position: relative;
  flex-direction: column;
  text-align: end;
  color: white;
  right: 30px;
  gap: 5px;
  font-weight: 600;
  text-transform: uppercase;
  top: -165px;
}
#page-1 h1 {
  color: white;
  text-transform: uppercase;
  font-weight: 600;
}
#page-1 .flex {
  width: 100%;
  display: flex;
  color: white;
  font-size: 12px;
  text-align: center;
  position: absolute;
  bottom: 15px;
  font-weight: 500;
  line-height: 150%;
}
#page-1 .flex div {
  flex: 33.3%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 10px;
}
#page-1 .flex div img {
  width: 22px;
  box-shadow: 0px 0px 5px;
  border-radius: 40%;
  padding: 7px;
}

#page-2 {
  background-image: url("assets/bg-default.png");
  background-size: cover;
  display: block;
  background-position-x: 0;
  background-repeat: no-repeat;
  min-height: 940px;
  overflow: hidden;
  position: relative;
  font-family: "Montserrat";
}
#page-2 .content {
  z-index: 1;
  position: relative;
}
#page-2 .hr, #page-2 .destaque div, #page-2 .destaque-2 {
  background: #EA1C24;
}
#page-2 .text h1, #page-2 .bg-final {
  color: #EA1C24;
}
#page-2.lakquimica .hr {
  background: #A9AAA9;
}
#page-2.lakquimica .destaque div, #page-2.lakquimica .destaque-2 {
  background: #4356A6;
}
#page-2.lakquimica .text h1, #page-2.lakquimica .bg-final {
  color: #4356A6;
}
#page-2.lakcolor .hr {
  background: #A9AAA9;
}
#page-2.lakcolor .destaque div, #page-2.lakcolor .destaque-2 {
  background: #000;
}
#page-2.lakcolor .text h1, #page-2.lakcolor .bg-final {
  color: #000;
}
#page-2.aldox .destaque div {
  color: #000;
  background: #FCDD38;
}
#page-2.aldox .hr, #page-2.aldox .destaque-2 {
  background: #EEC317;
}
#page-2.aldox .bg-final {
  color: #EEC317;
}
#page-2.aldox .text h1 {
  color: black;
}
#page-2 p, #page-2 hr, #page-2 h1 {
  margin-bottom: 20px;
}
#page-2 .hr {
  width: 100%;
  height: 2px;
  display: block;
}
#page-2 .text {
  margin: 0 50px;
  padding: 20px;
  padding-bottom: 20px;
  padding-top: 36px;
}
#page-2 .text p {
  color: #282828;
  display: block;
}
#page-2 .destaque {
  display: flex;
  margin-bottom: 20px;
}
#page-2 .destaque div {
  flex: 50%;
  padding: 50px;
  color: white;
  line-height: 140%;
  display: flex;
  align-items: center;
  font-size: 17px;
  font-weight: 500;
}
#page-2 .destaque img {
  flex: 50%;
  width: 50%;
  height: 250px;
}
#page-2 .destaque-2 {
  padding: 40px;
  margin: 0 50px;
  margin-bottom: 20px;
  padding-bottom: 25px;
}
#page-2 .destaque-2 span {
  color: white;
  background: rgba(255, 255, 255, 0.3);
  padding: 5px;
  display: table;
  position: relative;
  margin-bottom: 10px;
  font-weight: 500;
}
#page-2 .destaque-2 p {
  color: white;
  border-bottom: 1px solid white;
  padding-bottom: 10px;
}
#page-2 .bg-final {
  padding: 50px;
  padding-top: 60px;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 150%;
  text-align: center;
  background-size: cover;
  background-position: center;
  position: relative;
}
#page-2 .bg-final span {
  position: relative;
  z-index: 2;
}
#page-2 .photos {
  display: flex;
  flex-wrap: nowrap;
  margin-top: 50px;
  gap: 5px;
}
#page-2 .photos img {
  width: calc(49% + 6px);
  -o-object-fit: cover;
     object-fit: cover;
  height: 250px;
}/*# sourceMappingURL=style.css.map */