.es200Blo {
    width: 100vw;
    display: block;
}
.es200W {
    color: #fff;
}
.es200Pos {
    position: relative;
}
.es200SolTit {
    font-size: 1.8vw;
    line-height: 1;
    font-weight: 700;
    font-family: Poppins-Bold;
    text-align: left;
}
.solMar {
    margin-bottom: 1.82vw;
}
.es200SolAbs {
    position: absolute;
    top: 2.86vw;
    left: 9.74vw;
    right: 55vw;
    font-family: Poppins-Regular;
    font-size: 0.9vw;
    line-height: 1.2;
    text-align: justify;
    text-align-last: left;
}
.maxMar {
    margin-bottom: 3.02vw;
}
.es200MaxAbs {
    position: absolute;
    top: 27.6vw;
    left: 9.74vw;
    right: 67vw;
    font-family: Poppins-Regular;
    font-size: 0.9vw;
    line-height: 1.2;
    text-align: justify;
}
.es200ProAbs {
    position: absolute;
    top: 13.8vw;
    left: 9.74vw;
    right: 57.5vw;
    font-family: Poppins-Regular;
    font-size: 0.9vw;
    line-height: 1.2;
    text-align: justify;
}
.es200UbAbs {
    position: absolute;
    top: 6.5vw;
    left: 9.74vw;
}
.es200UbFlex {
    display: flex;
    align-items: center;
    column-gap: 10.2vw;
    margin-top: 9.62vw;
}
.ubSubFlex {
    display: flex;
    align-items: flex-start;
}
.es200UbGrid {
    display: grid;
    gap: 2.38vw;
    font-family: 'Poppins-Regular';
    font-size: 0.85vw;
    line-height: 1.2;
}
.ubImgMar {
    margin: 0 3.9vw 0 4.16vw;
}
.ubImg1 {
    width: 4.55vw;
}
.ubImg2 {
    width: 2.65vw;
}
.ubImg3 {
    width: 2.6vw;
}
.es200TypeAbs {
    position: absolute;
    top: 19.79vw;
    left: 9.74vw;
    right: 61.5vw;
    font-family: Poppins-Regular;
    font-size: 0.9vw;
    line-height: 1.2;
    text-align: justify;
}
.es200UniAbs {
    position: absolute;
    top: 16.14vw;
    left: 9.74vw;
    right: 71.5vw;
    font-family: Poppins-Regular;
    font-size: 0.9vw;
    line-height: 1.2;
    text-align: justify;
}
.typeMar {
    margin-bottom: 3.33vw;
}
.es200MultuAbs {
    position: absolute;
    top: 7.8vw;
    left: 9.74vw;
}
.es200TecAbs {
    position: absolute;
    top: 10.15vw;
    left: 15.88vw;
}
.tecMar {
    margin-bottom: 2.5vw;
}
.es200CompAbs {
    position: absolute;
    top: 8.59vw;
    left: 15.88vw;
}

/* ===================== Tablet (769px - 1024px) ===================== */
@media (min-width: 769px) and (max-width: 1024px) {
    .es200SolTit {
        font-size: 2.5vw;
    }
    .solMar {
        margin-bottom: 2vw;
    }
    .es200SolAbs {
        top: 3vw;
        left: 8vw;
        right: 52vw;
        font-size: 1.5vw;
        line-height: 1.2;
    }
    .maxMar {
        margin-bottom: 3.2vw;
    }
    .es200MaxAbs {
        top: 15vw;
        left: 8vw;
        right: 64vw;
        font-size: 1.5vw;
        line-height: 1.2;
    }
    .es200ProAbs {
        top: 12vw;
        left: 8vw;
        right: 56vw;
        font-size: 1.5vw;
        line-height: 1.2;
    }
    .es200UbAbs {
        top: 5vw;
        left: 8vw;
    }
    .es200UbFlex {
        column-gap: 6vw;
        margin-top: 8vw;
    }
    .ubSubFlex {
        gap: 2vw;
    }
    .es200UbGrid {
        gap: 1.5vw;
        font-size: 1.3vw;
    }
    .ubImgMar {
        margin: 0;
    }
    .ubImg1 {
        width: 5vw;
    }
    .ubImg2 {
        width: 3vw;
    }
    .ubImg3 {
        width: 3vw;
    }
    .es200TypeAbs {
        top: 13vw;
        left: 8vw;
        right: 55vw;
        font-size: 1.5vw;
        line-height: 1.2;
    }
    .es200UniAbs {
        top: 16vw;
        left: 8vw;
        right: 68vw;
        font-size: 1.5vw;
        line-height: 1.2;
    }
    .typeMar {
        margin-bottom: 3.5vw;
    }
    .es200MultuAbs {
        top: 7vw;
        left: 8vw;
    }
    .es200TecAbs {
        top: 8vw;
        left: 14vw;
        font-size: 1.5vw;
        line-height: 1.2;
    }
    .tecMar {
        margin-bottom: 2.8vw;
    }
    .es200CompAbs {
        top: 8vw;
        left: 14vw;
    }
    .mediaBlo {
        width: 100vw;
        display: block;
    }
    .galleryText {
        font-size: 3vw;
    }
    .galleryFlex {
        gap: 2vw;
    }
    .galleryImg {
        width: calc(25% - 1.5vw);
    }
}

/* ===================== Mobile (max-width: 768px) ===================== */
@media (max-width: 768px) {
    .es200SolTit {
        font-size: 2.8vw;
    }
    .solMar {
        margin-bottom: 3vw;
    }
    .es200SolAbs {
        top: 3vw;
        left: 6vw;
        right: 36vw;
        font-size: 2.2vw;
        line-height: 1.4;
    }
    .maxMar {
        margin-bottom: 4vw;
    }
    .es200MaxAbs {
        top: 13vw;
        left: 6vw;
        right: 63vw;
        font-size: 2.2vw;
        line-height: 1.4;
    }
    .es200ProAbs {
        top: 5vw;
        left: 6vw;
        right: 48vw;
        font-size: 2.2vw;
        line-height: 1.4;
    }
    .es200UbAbs {
        top: 4vw;
        left: 6vw;
        right: 4vw;
    }
    .es200UbFlex {
        align-items: flex-start;
        column-gap: 4vw;
        margin-top: 6vw;
    }
    .ubSubFlex {
        gap: 3vw;
    }
    .es200UbGrid {
        gap: 2vw;
        font-size: 1.6vw;
        line-height: 1.3;
    }
    .ubImgMar {
        margin: 0;
    }
    .ubImg1 {
        width: 12vw;
    }
    .ubImg2 {
        width: 7vw;
    }
    .ubImg3 {
        width: 7vw;
    }
    .es200TypeAbs {
        top: 10vw;
        left: 6vw;
        right: 55vw;
        font-size: 2.2vw;
        line-height: 1.4;
    }
    .es200UniAbs {
        top: 10vw;
        left: 6vw;
        right: 68vw;
        font-size: 2.2vw;
        line-height: 1.4;
    }
    .typeMar {
        margin-bottom: 4vw;
    }
    .es200MultuAbs {
        top: 6vw;
        left: 6vw;
    }
    .es200TecAbs {
        top: 8vw;
        left: 12vw;
        right: 6vw;
        font-size: 1.6vw;
        line-height: 1.2;
    }
    .tecMar {
        margin-bottom: 3vw;
    }
    .es200CompAbs {
        top: 7vw;
        left: 12vw;
    }
    .mediaBlo {
        width: 100vw;
        display: block;
    }
    .galleryText {
        font-size: 5vw;
        padding: 4vw 0 2vw;
    }
    .galleryGrid {
        padding: 0 4vw;
    }
    .galleryImg {
        width: calc(50% - 1vw);
    }
}