@media only screen and (min-width: 1001px){
body {
  overflow: hidden;
}
html {
  background-color: rgb(59, 61, 70);
}
.primeiroplano {
  padding: 3vmin;
  margin: 5vmin;
  display: grid;

  grid-template-columns: repeat(6, 1fr);

  grid-template-rows: repeat(4, 1fr);

  grid-template-areas:
    "worka worka workb workc workd worke"
    "workf workg workg workh worki worke"
    "workj workg workg workk worki workl"
    "workm workm workn workk worko workp";
  grid-gap: 0.75em;
}
.worka {
  grid-area: worka;
  height: 20vmin;
}
.workb {
  grid-area: workb;
}
.workc {
  grid-area: workc;
}
.workd {
  grid-area: workd;
}
.worke {
  grid-area: worke;
}
.workf {
  grid-area: workf;
}
.workg {
  grid-area: workg;
}
.workh {
  grid-area: workh;
}
.worki {
  grid-area: worki;
}
.workj {
  grid-area: workj;
}
.workk {
  grid-area: workk;
}
.workl {
  grid-area: workl;
}
.workm {
  grid-area: workm;
}
.workn {
  grid-area: workn;
}
.worko {
  grid-area: worko;
}
.workp {
  grid-area: workp;
  background-position: center bottom;
}
.popup {
  height: 102%;
  width: 100%;
  padding: 8vmin;
}
.segundoplanoa {
  /* margin: 5vmin; */
  display: grid;

  grid-template-columns: repeat(6, 1fr);

  grid-template-rows: repeat(4, 1fr);

  grid-template-areas:
    "w4 w1 w1 w2 w2 ."
    ". w1 w1 w2 w2 ."
    ". w3 w3 w3 w3 ."
    ". w3 w3 w3 w3 .";
  grid-gap: 0.75em;
}
.a1 {
  grid-area: w1;
  /* height: 70vmin; */
}
.a2 {
  grid-area: w2;
}
.a3 {
  grid-area: w3;
}
.a4 {
  grid-area: w4;
}
.segundoplanob {
  /* margin: 5vmin; */
  display: grid;

  grid-template-columns: repeat(6, 1fr);

  grid-template-rows: repeat(4, 1fr);

  grid-template-areas:
    "w4 w1 w1 . . ."
    ". w1 w1 . . ."
    ". w1 w1 . . ."
    ". w1 w1 w3 w3 .";
  grid-gap: 0.75em;
}
.b1 {
  grid-area: w1;
  /* height: 70vmin; */
}
.b2 {
  grid-area: w2;
}
.b3 {
  grid-area: w3;
}
.b4 {
  grid-area: w4;
}
.segundoplanoc {
  /* margin: 5vmin; */
  display: grid;

  grid-template-columns: repeat(6, 1fr);

  grid-template-rows: repeat(4, 1fr);

  grid-template-areas:
    "w4 w1 w1 w1 . ."
    ". w1 w1 w1 w2 ."
    ". w1 w1 w1 w2 ."
    ". . w3 w3 w3 .";
  grid-gap: 0.75em;
}
.c1 {
  grid-area: w1;
  /* height: 70vmin; */
}
.c2 {
  grid-area: w2;
}
.c3 {
  grid-area: w3;
}
.c4 {
  grid-area: w4;
}
.segundoplanod {
  /* margin: 5vmin; */
  display: grid;

  grid-template-columns: repeat(6, 1fr);

  grid-template-rows: repeat(4, 1fr);

  grid-template-areas:
    "w4 w1 w1 w1 . ."
    ". w1 w1 w1 w2 ."
    ". w1 w1 w1 w2 ."
    ". . w3 w3 w3 .";
  grid-gap: 0.75em;
}
.d1 {
  grid-area: w1;
  /* height: 70vmin; */
}
.d2 {
  grid-area: w2;
}
.d3 {
  grid-area: w3;
}
.d4 {
  grid-area: w4;
}
.segundoplanoe {
  /* margin: 5vmin; */
  display: grid;

  grid-template-columns: repeat(6, 1fr);

  grid-template-rows: repeat(4, 1fr);

  grid-template-areas:
    "w4 w1 w1 w1 . ."
    ". w1 w1 w1 w2 ."
    ". w1 w1 w1 w2 ."
    ". . w3 w3 w3 .";
  grid-gap: 0.75em;
}
.e1 {
  grid-area: w1;
  /* height: 70vmin; */
}
.e2 {
  grid-area: w2;
}
.e3 {
  grid-area: w3;
}
.e4 {
  grid-area: w4;
}
.segundoplanof {
  /* margin: 5vmin; */
  display: grid;

  grid-template-columns: repeat(6, 1fr);

  grid-template-rows: repeat(4, 1fr);

  grid-template-areas:
    "w4 w1 w1 w1 . ."
    ". w1 w1 w1 w2 ."
    ". w1 w1 w1 w2 ."
    ". . w3 w3 w3 .";
  grid-gap: 0.75em;
}
.f1 {
  grid-area: w1;
  /* height: 70vmin; */
}
.f2 {
  grid-area: w2;
}
.f3 {
  grid-area: w3;
}
.f4 {
  grid-area: w4;
}
.segundoplanog {
  /* margin: 5vmin; */
  display: grid;

  grid-template-columns: repeat(6, 1fr);

  grid-template-rows: repeat(4, 1fr);

  grid-template-areas:
    "w4 w1 w1 w1 . ."
    ". w1 w1 w1 w2 ."
    ". w1 w1 w1 w2 ."
    ". . w3 w3 w3 .";
  grid-gap: 0.75em;
}
.g1 {
  grid-area: w1;
  /* height: 70vmin; */
}
.g2 {
  grid-area: w2;
}
.g3 {
  grid-area: w3;
}
.g4 {
  grid-area: w4;
}
.segundoplanoh {
  /* margin: 5vmin; */
  display: grid;

  grid-template-columns: repeat(6, 1fr);

  grid-template-rows: repeat(4, 1fr);

  grid-template-areas:
    "w4 w1 w1 w1 . ."
    ". w1 w1 w1 w2 ."
    ". w1 w1 w1 w2 ."
    ". . w3 w3 w3 .";
  grid-gap: 0.75em;
}
.h1 {
  grid-area: w1;
  /* height: 70vmin; */
}
.h2 {
  grid-area: w2;
}
.h3 {
  grid-area: w3;
}
.h4 {
  grid-area: w4;
}
.segundoplanoi {
  /* margin: 5vmin; */
  display: grid;

  grid-template-columns: repeat(6, 1fr);

  grid-template-rows: repeat(4, 1fr);

  grid-template-areas:
    "w4 w1 w1 w1 . ."
    ". w1 w1 w1 w2 ."
    ". w1 w1 w1 w2 ."
    ". . w3 w3 w3 .";
  grid-gap: 0.75em;
}
.i1 {
  grid-area: w1;
  /* height: 70vmin; */
}
.i2 {
  grid-area: w2;
}
.i3 {
  grid-area: w3;
}
.i4 {
  grid-area: w4;
}
.segundoplanoj {
  /* margin: 5vmin; */
  display: grid;

  grid-template-columns: repeat(6, 1fr);

  grid-template-rows: repeat(4, 1fr);

  grid-template-areas:
    "w4 w1 w1 . . ."
    ". w1 w1 . . ."
    ". w1 w1 . . ."
    ". w1 w1 w3 w3 .";
  grid-gap: 0.75em;
}
.j1 {
  grid-area: w1;
  /* height: 70vmin; */
}
.j2 {
  grid-area: w2;
}
.j3 {
  grid-area: w3;
}
.j4 {
  grid-area: w4;
}
.segundoplanok {
  /* margin: 5vmin; */
  display: grid;

  grid-template-columns: repeat(7, 1fr);

  grid-template-rows: repeat(5, 1fr);

  grid-template-areas:
    "w4 w1 w1 . . . ."
    ". w1 w1 w2 w2 w2 ."
    ". w1 w1 w2 w2 w2 ."
    ". w1 w1 w2 w2 w2 ."
    ". w1 w1 w3 w3 w3 .";
  grid-gap: 0.75em;
}
.k1 {
  grid-area: w1;
  /* height: 70vmin; */
}
.k2 {
  grid-area: w2;
}
.k3 {
  grid-area: w3;
}
.k4 {
  grid-area: w4;
}
.segundoplanol {
  /* margin: 5vmin; */
  display: grid;

  grid-template-columns: repeat(6, 1fr);

  grid-template-rows: repeat(4, 1fr);

  grid-template-areas:
    "w4 . . . . ."
    ". w1 w1 . . ."
    ". w1 w1 . . ."
    ". w1 w1 w3 w3 .";
  grid-gap: 0.75em;
}
.l1 {
  grid-area: w1;
  /* height: 70vmin; */
}
.l2 {
  grid-area: w2;
}
.l3 {
  grid-area: w3;
}
.l4 {
  grid-area: w4;
}
.segundoplanom {
  /* margin: 5vmin; */
  display: grid;

  grid-template-columns: repeat(6, 1fr);

  grid-template-rows: repeat(4, 1fr);

  grid-template-areas:
    "w4 w1 w1 w5 w5 ."
    ". w1 w1 w5 w5 ."
    ". w1 w1 w2 w2 ."
    ". w3 w3 w2 w2 .";
  grid-gap: 0.75em;
}
.m1 {
  grid-area: w1;
  /* height: 70vmin; */
}
.m2 {
  grid-area: w2;
}
.m3 {
  grid-area: w3;
}
.m4 {
  grid-area: w4;
}
.m5 {
  grid-area: w5;
}
.segundoplanon {
  /* margin: 5vmin; */
  display: grid;

  grid-template-columns: repeat(6, 1fr);

  grid-template-rows: repeat(4, 1fr);

  grid-template-areas:
    "w4 w1 w1 . . ."
    ". w1 w1 . . ."
    ". w1 w1 . . ."
    ". w1 w1 w3 w3 .";
  grid-gap: 0.75em;
}
.n1 {
  grid-area: w1;
  /* height: 70vmin; */
}
.n2 {
  grid-area: w2;
}
.n3 {
  grid-area: w3;
}
.n4 {
  grid-area: w4;
}
.segundoplanoo {
  /* margin: 5vmin; */
  display: grid;

  grid-template-columns: repeat(6, 1fr);

  grid-template-rows: repeat(4, 1fr);

  grid-template-areas:
    "w4 w1 w1 . . ."
    ". w1 w1 . . ."
    ". w1 w1 . . ."
    ". w1 w1 w3 w3 .";
  grid-gap: 0.75em;
}
.o1 {
  grid-area: w1;
  background-position: right;
  /* height: 70vmin; */
}
.o2 {
  grid-area: w2;
}
.o3 {
  grid-area: w3;
}
.o4 {
  grid-area: w4;
}
.segundoplanop {
  /* margin: 5vmin; */
  display: grid;

  grid-template-columns: repeat(26, 1fr);

  grid-template-rows: repeat(18, 1fr);

  grid-template-areas:
    ". . . . . . . . . . . . . . . . . . . . . . . . . ."
    ". . . . . . . . . . . . . . . . . . . . . . . . . ."
    ". . . . . . . . . . . . . . . . . . . . . . . . . ."
    ". . . . . . . . . . . . . . . . . . . . . . . . . ."
    ". . . . . . . . . . . . . . . . . . . . . . . . . ."
    ". . . . . . . . . . . . . . . . . . . . . . . . . ."
    ". . . . . . . . . . . . . . . . . . . . . . . . . ."
    ". . . . . . . . . . . . . . . . . . . . . . . . . ."
    ". . . . . . . . . . . . . . . . . . . . . . . . . ."
    ". . . . . . . . . . . . . . . . . . . . . . . . . ."
    ". . . . . . . . . . . . . . . . . . . . . . . . . ."
    ". . . . . . . . . . . . . . . . . . . . . . . . . ."
    ". . . . . . . . . . . . . . . . . . . . . . . . . ."
    ". . . . . . . . . . . . . . . . . . . . . . . . . ."
    ". . . . . . . . . . . . . . . . . . . . . . . . . ."
    ". . . . . . . . . . . . . . . . . . . . . . . . . w3"
    ". . . . . . . . . . . . . . . . . . . . . . . . . w1"
    ". . . . . . . . . . . . . . . . . . . . . . . . . w2";
  grid-gap: 0em;
  padding-right: 6.5vmin;
  background: none;
  opacity: 1;
}
.p1 {
  grid-area: w1;
  /* height: 70vmin; */
}
.p2 {
  grid-area: w2;
}
.p3 {
  grid-area: w3;
}
}