/* Main Features ERP */
.grid-main-features {
  width: 100%;
  display: grid;
  gap: 24px;
  grid-template-areas: "a b c" "d e f" "g h i";
  place-content: center;
}

.grid-1 {
  grid-area: a;
}

.grid-2 {
  grid-area: b;
}

.grid-3 {
  grid-area: c;
}

.grid-4 {
  grid-area: d;
}

.grid-5 {
  grid-area: e;
}

.grid-6 {
  grid-area: f;
}

.grid-7 {
  grid-area: g;
}

.grid-8 {
  grid-area: h;
}

.grid-9 {
  grid-area: i;
}

.grid-card-plugin-1 {
  width: 100%;
  display: grid;
  grid-template-areas: "a a a a a a" "b b b c c c" "d d d e e e";
}

.card-plugin-title {
  grid-area: a;
}

.card-plugin-grid-1 {
  grid-area: b;
}

.card-plugin-grid-2 {
  grid-area: c;
}

.card-plugin-grid-3 {
  grid-area: d;
}

.card-plugin-grid-4 {
  grid-area: e;
}

.grid-card-plugin-2 {
  width: 100%;
  display: grid;
  grid-template-areas: "a a a a a a" "b b c d e e" "f f g g h h";
}

.card-plugin-grid-5 {
  grid-area: f;
}

.card-plugin-grid-6 {
  grid-area: g;
}

.card-plugin-grid-7 {
  grid-area: h;
}

.grid-plugins-svas-3 {
  grid-template-areas: "a b c";
}

/* Mantendo as outras classes grid-plugins-svas-1 e grid-plugins-svas-2 inalteradas */
.grid-plugins-svas-1 {
  grid-template-areas: "a a b b d d e e g g h h" "c c j j f f k k i i l l";
}

.grid-plugins-svas-2 {
  grid-template-areas:
    "a b c d e f"
    "g h i j k l";
}

/* Classes de posicionamento */
.plugins-grid-1 {
  grid-area: a;
}

.plugins-grid-2 {
  grid-area: b;
}

.plugins-grid-3 {
  grid-area: c;
}

.plugins-grid-4 {
  grid-area: d;
}

.plugins-grid-5 {
  grid-area: e;
}

.plugins-grid-6 {
  grid-area: f;
}

.plugins-grid-7 {
  grid-area: g;
}

.plugins-grid-8 {
  grid-area: h;
}

.plugins-grid-9 {
  grid-area: i;
}

.plugins-grid-10 {
  grid-area: j;
}

.tab-gateways {
  grid-template-areas:
    "a b c"
    "d e f";
}

.tab-api {
  grid-template-areas:
    "a b c"
    "d e f";
}

.modal-grid {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  background-color: rgba(21, 29, 42, 0.4);
  -webkit-backdrop-filter: blur(25px);
  backdrop-filter: blur(25px);
  display: grid;
  place-content: center;
  gap: 24px;
  grid-template-areas: "a b" "c d";
  opacity: 0;
  pointer-events: none;
  transition: 0.7s ease;
}

.modal-1 {
  grid-area: a;
}

.modal-1 .modal-cover {
  background: url("../img/netadvisor_logo.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.modal-2 {
  grid-area: b;
}

.modal-2 .modal-cover {
  background: url("../img/zmetric_logo.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.modal-3 {
  grid-area: c;
}

.modal-3 .modal-cover {
  background: url("../img/gabrielteixeira-network_logo.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.modal-4 {
  grid-area: d;
}

.modal-4 .modal-cover {
  background: url("../img/newerit_logo.png");
  background-color: #242223;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}