html,
body {
    scroll-behavior: smooth;
}

body {
    background-color: #f3f3f3;
    /* font-family: "Inter", serif; */
    /* font-family: 'Helvetica Neue'; */
    font-family: "HelveticaNeueCyr", sans-serif;
    display: flex;
    flex-direction: column;
}

.ovh {
    overflow: hidden;
}

.text {
    font-size: 18px;
    font-weight: 400;
    line-height: 25.2px;
}

.text_medium {
    font-size: 24px;
    font-weight: 400;
    line-height: 33.6px;
}

@media (max-width: 992px) {
    .text_medium {
        font-size: 20px;
        line-height: 30px;
    }
}

.text_big {
    font-size: 32px;
    font-weight: 400;
    line-height: 39.73px;
}

@media (max-width: 1200px) {
    .text_big {
        font-size: 24px;
    }
}

@media (max-width: 768px) {
    .text_big {
        font-size: 18px;
    }
}

.overlay {
    width: 100%;
    height: 100%;
    background-color: #00000050;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3;
    display: none;
}

.container {
    width: 100%;
    max-width: 1440px;
    margin: auto;
}

@media (max-width: 1570px) {
    .container {
        padding: 0 40px;
    }
}

@media (max-width: 992px) {
    .container {
        padding: 0 40px;
    }
}

@media (max-width: 768px) {
    .container {
        padding: 0 20px;
    }
}

.header {}

.header__content {
    padding: 24px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.custom-logo-link,
.header__logo {
    max-width: 238px;
}

@media (max-width: 1200px) {

    .custom-logo-link,
    .header__logo {
        max-width: 200px;
    }
}
@media (max-width: 992px) {

    .custom-logo-link,
    .header__logo {
        max-width: 175px;
    }
}

.header__menu .menu {
    display: flex;
    gap: 32px;
}
@media(max-width: 1200px) {
    .header__menu .menu {
        gap: 16px;
    }
}

@media (max-width: 992px) {
    .header__menu .menu {
        flex-direction: column;
    }

    .header__menu {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
        max-width: 50%;
        background-color: #fff;
        padding: 100px 50px;
        z-index: 10;
        transform: translateX(200%);
        transition: 0.5s;
    }

    .header__menu.open {
        transform: translateX(0);
        transition: 0.5s;
    }
}

@media (max-width: 768px) {
    .header__menu {
        padding: 100px 30px;
        max-width: 70%;
    }

    .header__menu .menu {}
}

.popup__close {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    display: none;
}

.burger__close {
    position: absolute;
    top: 30px;
    right: 30px;
    cursor: pointer;
    display: none;
}

@media (max-width: 992px) {

    .popup__close,
    .burger__close {
        display: block;
    }
}

.header__menu {}

.menu-item.current-menu-item a {
    color: #358c31;
    border-bottom: 1px solid #358c31;
}

.menu-item:hover a {
    color: #358c31;
}

.burger {
    display: none;
}

@media (max-width: 992px) {
    .burger {
        display: block;
        max-width: 40px;
        width: 100%;
        cursor: pointer;
    }
}

.menu-item a {
    color: #767676;
    font-size: 18px;
    font-weight: 400;
    line-height: 29.05px;
    text-transform: uppercase;
}

.footer {
    background-color: #464646;
    padding: 32px 0 73px;
}

@media (max-width: 768px) {
    .footer {
        padding: 25px 0;
    }
}

.footer * {
    font-family: "Inter", serif;
    font-size: 24px;
}

@media (max-width: 768px) {
    .footer * {
        font-size: 18px;
    }
}

.footer__content {
    display: grid;
    grid-template-columns: 2fr 2fr 1fr;
    gap: 20px;
}

@media (max-width: 1300px) {
    .footer__content {
        grid-template-columns: 1.5fr 2.5fr 1fr;
    }
}

@media (max-width: 1200px) {
    .footer__content {
        display: flex;
        justify-content: space-between;
        gap: 10px;
    }
}

@media (max-width: 992px) {
    .footer__content {
        flex-direction: column;
        gap: 40px;
        justify-items: center;
    }
}

@media (max-width: 768px) {
    .footer__content {
        gap: 30px;
    }
}
.footer .menu-item a {
    font-size: 24px;
}
.footer__column {
    width: max-content;
}

.footer__column:nth-child(1) {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.footer__column:nth-child(2) {
    max-width: 80%;
}

@media (max-width: 1200px) {
    .footer__column:nth-child(2) {
        padding-left: 5%;
    }
}

@media (max-width: 992px) {
    .footer__column:nth-child(2) {
        max-width: 100%;
    }
}

@media (max-width: 992px) {
    .footer__column {
        width: 100%;
    }

    .footer__column:nth-child(2) {
        padding-left: 0;
    }
}

.footer__logo {
    max-width: 277px;
    display: block;
}

@media (max-width: 1300px) {
    .footer__logo {
        max-width: 250px;
    }
}

@media (max-width: 992px) {
    .footer__logo {
        max-width: 250px;
    }
}

@media (max-width: 768px) {
    .footer__logo {
        max-width: 160px;
    }
}

.social {
    margin-top: 16px;
}

@media (max-width: 992px) {
    .social {
        margin-top: 40px;
    }
}

@media (max-width: 768px) {
    .social {
        margin-top: 30px;
    }
}

.footer__social {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
}

@media (max-width: 992px) {
    .footer__social {
        justify-content: flex-start;
    }
}

.social__item {}

.social__link {
    width: 100%;
    max-width: 30px;
    min-width: 30px;
    display: block;
    /* background-color: #fff; */
}

.social__link:hover svg path {
    fill: #358c31;
}

.social__link img:hover {
    filter: brightness(0.5);
}

.footer__column-title {
    font-size: 24px;
    font-weight: 500;
    line-height: 29.05px;
    color: #fff;
    display: flex;
    flex-direction: column;
    row-gap: 16px;
}

.footer__column-title::after {
    content: "";
    width: 80px;
    height: 1px;
    background-color: #fff;
    margin-bottom: 16px;
}

.footer__column-contacts {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

@media (max-width: 1100px) {
    .footer__column-contacts {
        width: 80%;
    }
}

@media (max-width: 992px) {
    .footer__column-contacts {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .footer__column-contacts {
        gap: 16px;
    }
}

.footer__column-contact {
    display: flex;
    align-items: center;
    gap: 16px;
}

.footer__column-contact img {
    width: 24px;
}

.footer__column .text {
    color: #fff;
    line-height: 22px;
}

.footer__column-contact a {
    color: #fff;
}

.footer__column-contact a:hover {
    color: #358c31;
}

.footer__column-explorar {
    list-style-type: disc;
    margin-left: 25px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.footer__column-explorar .text {
    font-weight: 300;
    text-transform: uppercase;
}

.footer__column-explorar li:hover {
    color: #358c31;
    cursor: pointer;
}

.footer__column-explorar .menu-item {
    color: #fff;
    display: flex;
    gap: 10px;
    align-items: center;
}

.footer__column-explorar .menu-item::before {
    content: "";
    background-color: #fff;
    width: 7px;
    height: 7px;
    border-radius: 50%;
}

.footer__column-explorar a {
    font-weight: 300;
    color: #fff !important;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 400;
    line-height: 21.78px;
}

.footer__column-explorar a:hover {
    color: #358c31 !important;
}
.hero .button:hover {
    background-color: #fff;
    color: #464646;
    border: 1px solid #464646;
}
.hero .button {
    border: 1px solid transparent;
}
.button {
    font-size: 18px;
    font-weight: 400;
    line-height: 120%;
    padding: 16px 24px;
    text-transform: initial;
    color: #fff;
    background-color: #252525;
    max-width: 185px;
}

@media (max-width: 992px) {
    .button {
        font-size: 16px;
        line-height: 26px;
        padding: 12px 20px;
    }
}

.button_colored {
    background: linear-gradient(87.82deg, #68c945 -28.65%, #a7fc88 187.68%);
}

.button_white {
    background-color: #fff;
}

.hide_576 {
    display: block;
    width: max-content !important;
}

@media (max-width: 576px) {
    .hide_576 {
        display: none;
    }
}

.show_576 {
    display: none;
    width: max-content !important;
}

@media (max-width: 576px) {
    .show_576 {
        display: block;
    }
}

h1 {
    font-size: 48px;
    font-weight: 400;
    line-height: 130%;
    color: #464646;
}

@media (max-width: 1300px) {
    h1 {
        font-size: 40px;
        line-height: 50px;
    }
}

@media (max-width: 992px) {
    h1 {
        /* font-size: 70px;
        line-height: 80px; */
    }
}

h2 {
    font-size: 64px;
    font-weight: 500;
    line-height: normal;
    color: #464646;
    text-align: center;
}

@media (max-width: 1300px) {
    h2 {
        font-size: 40px;
        line-height: 50px;
    }
}

@media (max-width: 992px) {
    h2 {
        font-size: 30px;
        line-height: 40px;
    }
}

h3 {
    font-family: "Righteous", serif;
    font-size: 28px;
    font-weight: 400;
    line-height: 34.77px;
}

main,
section {
    padding: 80px 0;
}

@media (max-width: 992px) {

    main,
    section {
        padding: 30px 0;
    }
}

.hero {}

.hero__content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10%;
}

@media (max-width: 1300px) {
    .hero__content {
        gap: 5%;
    }
}

.hero__info {
    width: 50%;
}

@media (max-width: 1300px) {
    .hero__info {
        width: 60%;
    }
}

@media (max-width: 992px) {
    .hero__info {
        width: 100%;
    }
}

.hero__info h3 {
    margin-top: 8px;
    color: #ffc225;
}

.hero__desc {
    margin-top: 24px;
    color: #464646;
}

@media (max-width: 576px) {
    .hero__desc {
        margin-top: 0;
    }
}

.hero .button {}

@media (max-width: 992px) {
    .hero .button {
        margin: 30px auto 0;
        display: block;
    }
}

@media (max-width: 576px) {
    .hero .button {
        margin: 16px auto 0;
    }
}

.hero__img {
    width: 50%;
    max-width: 550px;
}

@media (max-width: 1300px) {
    .hero__img {
        width: 40%;
    }
}

@media (max-width: 992px) {
    .hero__img {
        display: none;
    }
}

.hero__img_mobile {
    display: none;
}

@media (max-width: 992px) {
    .hero__img_mobile {
        display: block;
        margin: 20px 0;
    }
}

.hero__info_inner {
    display: flex;
    align-items: center;
    gap: 65px;
    margin-top: 80px;
}

@media (max-width: 1300px) {
    .hero__info_inner {
        gap: 50px;
        margin-top: 50px;
    }
}

.hero__info_inner img {
    max-width: 197px;
    width: auto;
    height: auto;
}

@media (max-width: 576px) {
    .hero__info_inner img {
        max-width: 75vw;
    }
}

.hero__info_inner_group {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

@media (max-width: 576px) {
    .hero__info_inner_group {
        gap: 16px;
    }
}

.img_triangle {
    position: relative;
}

.img_triangle::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='133' height='239' viewBox='0 0 133 239' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 5.61905L133 0L102.5 238.5L38.6129 236L0 5.61905Z' fill='black'/%3E%3C/svg%3E%0A");
    position: absolute;
    right: -30px;
    bottom: 0;
    z-index: -1;
    width: 133px;
    height: 239px;
}

@media (max-width: 576px) {
    .img_triangle::after {
        right: -15%;
        bottom: 0;
        z-index: -1;
        width: 280px;
        height: 95%;
        background-size: cover;
    }
}

.line-fill,
.line-stroke {
    position: relative;
    display: inline-block;
}

.line-stroke::before {
    content: "";
    position: absolute;
    top: -10px;
    bottom: 0;
    margin: auto;
    left: -5px;
    width: 100%;
    height: 14px;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
    display: block;
    background-color: #cdcdcd;
    transform: skewX(-25deg);
}

@media (max-width: 1300px) {
    .line-stroke::before {
        top: 25px;
        width: 104%;
        height: 15px;
    }
}

.line-stroke-colored::before {
    /* background-image: url("data:image/svg+xml,%3Csvg width='282' height='14' viewBox='0 0 282 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 0L282 0.5L280.5 13.5H0L4.5 0Z' fill='%23358C31'/%3E%3C/svg%3E%0A"); */
    background-color: #358c31;
}

.line-fill {
    color: #fff;
}

.line-fill::before {
    content: "";
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg width='124' height='48' viewBox='0 0 124 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_5_267)'%3E%3Crect width='124' height='48' fill='black'/%3E%3Cline x1='51.5972' y1='28.7038' x2='76.5972' y2='-5.2962' stroke='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5_267'%3E%3Crect width='124' height='48' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    top: -30px;
    bottom: 0;
    margin: auto;
    width: 100%;
    left: -10px;
    padding: 0 10px;
    height: 48px;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
}

@media (max-width: 1300px) {
    .line-fill::before {
        top: -23px;
        height: 40px;
    }
}

.line_img_left,
.line_img_right {
    position: relative;
    width: max-content;
}

@media (max-width: 992px) {

    .line_img_left,
    .line_img_right {
        width: auto;
    }
}

.line_img_left::before,
.line_img_right::before {
    content: "";
    position: absolute;
    width: 50%;
    height: 50%;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
}

.line_img_left::before {
    background-image: url("data:image/svg+xml,%3Csvg width='99' height='128' viewBox='0 0 99 128' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M98.5 0.5L0.5 127' stroke='black'/%3E%3C/svg%3E%0A");
    left: -10%;
    top: -10%;
}

@media (max-width: 992px) {
    .line_img_left::before {
        left: -1%;
    }
}

@media (max-width: 576px) {
    .line_img_left::before {
        top: -3%;
        width: 20%;
    }
}

.line_img_right::before {
    background-image: url("data:image/svg+xml,%3Csvg width='159' height='160' viewBox='0 0 159 160' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L158 159' stroke='black'/%3E%3C/svg%3E%0A");
    top: -5%;
    right: -5%;
    width: 25%;
}

@media (max-width: 992px) {
    .line_img_right::before {
        right: -1%;
    }
}

.section-contacts {}

.section-contacts__desc {
    max-width: 846px;
    margin: 24px auto 0;
}

.section-contacts__desc span {
    color: #68c945;
}

.form {
    box-shadow: 0px 0px 12.6px 0px #0000001a;
    padding: 24px 32px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    border-radius: 16px;
    margin: 32px auto 0;
    max-width: 628px;
}

@media (max-width: 992px) {
    .form {
        padding: 24px;
    }
}

.input-group {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.form__label {}

.form__input {
    border: 1px solid #cecece;
    border-radius: 16px;
    padding: 16px;
}

.form__input::placeholder {
    color: #d4d4d4;
}

.form textarea {
    height: 270px;
}

.form .button {
    width: max-content;
    margin: 24px auto 0;
}

.section-contacts__contacts {
    margin: 48px auto 0;
    width: max-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

@media (max-width: 768px) {
    .section-contacts__contacts {
        width: 75%;
        margin: 32px auto 0;
    }
}

@media (max-width: 576px) {
    .section-contacts__contacts {
        width: auto;
    }
}

.section-contacts__contact {
    display: flex;
    align-items: center;
    gap: 8px;
    text-align: center;
    font-size: 32px;
    color: #424242;
}

@media (max-width: 768px) {
    .section-contacts__contact {
        font-size: 24px;
    }
}

.section-contacts__contact svg {
    min-width: 32px;
}

.section-contacts__map iframe {
    width: 100%;
    max-height: 333px;
    margin-top: 48px;
}

.pagination {
    margin-top: 35px;
}

.pagination__list {
    width: max-content;
    margin: auto;
    display: flex;
    justify-content: center;
    gap: 20px;
}

.pagination__item {
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pagination__item.active {
    background-color: #68c945;
    border-radius: 8px;
    color: #fff;
}

.también {}

.también__content {}

.también__content>.text_medium {
    color: #464646;
    font-weight: 700;
}

.descripción {}

.descripción__content {}

.descripción__content .text_medium {
    color: #464646;
    font-weight: 700;
}

.descripción__content .text {
    color: #676767;
    margin-top: 24px;
}

.información {}

.información>.container>.text_medium {
    color: #464646;
    font-weight: 700;
    text-align: left;
}

.información__content {
    display: flex;
    flex-wrap: wrap;
    margin-top: 32px;
    gap: 48px;
}

.información__item {
    max-width: 193px;
}

@media (max-width: 576px) {
    .información__item {
        max-width: 100%;
    }
}

.información__img {
    max-width: 193px;
}

@media (max-width: 576px) {
    .información__img {
        max-width: 100%;
    }
}

.información__img img {
    border-radius: 16px;
}

.información__item .text_medium {
    color: #464646;
    font-weight: 700;
    margin-top: 16px;
    text-align: center;
}

.información__item .text {
    margin-top: 8px;
    color: #8a8a8a;
    text-align: center;
}

.detalles {
    padding-bottom: 0;
}

.detalles>.container>.text_medium {
    color: #464646;
    font-weight: 700;
    text-align: left;
}

.detalles__content {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 24px;
    margin-top: 32px;
}

@media (max-width: 768px) {
    .detalles__content {
        gap: 16px;
    }
}

.detalles__item {
    box-shadow: 0px 0px 12.6px 0px #0000001a;
    border-radius: 160px;
    border: 1px solid #ebebeb;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: 100%;
    max-width: 193px;
    padding: 16px 0;
}

@media (max-width: 576px) {
    .detalles__item {
        max-width: 100%;
    }
}

.detalles__item img {
    max-width: 24px;
}

.detalles__item .text {
    color: #a3a3a3;
}

.breadcrumbs {
    margin-top: 44px;
}

@media (max-width: 768px) {
    .breadcrumbs {
        margin-top: 10px;
    }
}

.somos__content img {
    max-width: 350px;
}

@media (max-width: 768px) {
    .somos__content img {
        max-width: 300px;
    }
}

.letter_fill {
    color: #fff;
    position: relative;
}

.letter_fill::before {
    content: "";
    position: absolute;
    background-color: #358c31;
    width: 110%;
    height: 70%;
    z-index: -1;
    top: 10px;
    left: -5px;
}

.somos {}

.somos__content {
    display: flex;
    gap: 96px;
    align-items: center;
    margin-top: 26px;
}

@media (max-width: 992px) {
    .somos__content {
        gap: 65px;
    }
}

@media (max-width: 768px) {
    .somos__content {
        flex-direction: column;
        gap: 14px;
    }
}

.somos__content .line_img_left::before {
    width: 30%;
    left: -5%;
    top: -5%;
}

.somos__content .img_triangle::after {
    width: 163px;
    height: 306px;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.8;
}

@media (max-width: 768px) {
    .somos__content .img_triangle::after {
        right: -25px;
        width: 140px;
        height: 270px;
    }
}

.somos__desc {
    font-size: 32px;
    font-weight: 400;
    line-height: 130%;
    color: #595959;
}

@media (max-width: 992px) {
    .somos__desc {
        font-size: 24px;
        line-height: 32px;
    }
}

@media (max-width: 768px) {
    .somos__desc {
        font-size: 18px;
        line-height: 24pxpx;
    }
}

.proyectos {}

.proyectos__content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 24px;
    column-gap: 20px;
    margin-top: 48px;
}

@media (max-width: 1300px) {
    .proyectos__content {
        margin-top: 32px;
    }
}

@media (max-width: 992px) {
    .proyectos__content {
        /* display: grid;
        grid-template-columns: repeat(2, 1fr); */
    }
}

.proyectos .line-stroke::before {
    top: unset;
    bottom: -2px;
    height: 18px;
}

@media (max-width: 1300px) {
    .proyectos .line-stroke::before {
        height: 20px;
    }
}

.proyectos__item {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 413px;
    border-radius: 8px;
    background-color: #fff;
    padding: 24px 32px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    position: relative;
}

@media (max-width: 992px) {
    .proyectos__item {
        max-width: 48%;
    }
}

@media (max-width: 768px) {
    .proyectos__item {
        max-width: 100%;
    }
}

.proyectos__item-top {
    flex: 1 0 auto;
}

.proyectos__logo {
    width: 100%;
    max-width: 220px;
}

.proyectos__logo img {
    max-height: 32px;
    object-fit: contain;
    object-position: left;
}

.proyectos__desc {
    color: #595959;
    line-height: 140%;
    margin-top: 16px;
}

.proyectos__link {
    flex-shrink: 0;
    color: #358c31;
    display: flex;
    align-items: center;
    gap: 8px;
    width: max-content;

}

.proyectos__link::after {
    content: "";
    color: #358c31;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='15' viewBox='0 0 16 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 7.38818H15M15 7.38818L9 13.3882M15 7.38818L9 1.38818' stroke='%23358C31' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-size: contain;
    background-repeat: no-repeat;
    width: 14px;
    height: 12px;
}
.proyectos__link::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.title-fill {
    color: #fff;
    background-color: #252525;
    padding: 6px 30px;
    position: relative;
    background-image: url("data:image/svg+xml,%3Csvg width='676' height='83' viewBox='0 0 676 83' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='676' height='83' fill='%23252525'/%3E%3Cline x1='668.483' y1='0.127946' x2='659.483' y2='34.1279' stroke='white'/%3E%3Cline x1='8.5' y1='44' x2='8.5' y2='83' stroke='white'/%3E%3C/svg%3E%0A");
    background-size: contain;
    background-repeat: no-repeat;
    width: max-content;
    margin: auto;
}

.vacantes {}

.vacantes__content {
    margin-top: 48px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

@media (max-width: 1300px) {
    .vacantes__content {
        margin-top: 32px;
    }
}

@media (max-width: 992px) {
    .vacantes__content {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .vacantes__content {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 400px) {
    .vacantes .title-fill {
        width: auto;
        background-size: cover;
    }
}

.vacantes__item {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 413px;
    border-radius: 8px;
    background-color: #fff;
    padding: 24px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    cursor: pointer;
    position: relative;
}

@media (max-width: 992px) {
    .vacantes__item {
        max-width: 100%;
    }
}

.vacantes__item-top {
    flex: 1 0 auto;
}

.vacantes__logo {
    width: 100%;
    max-width: 220px;
    margin-bottom: 16px;
}

.vacantes__logo img {
    max-height: 32px;
    object-fit: contain;
    object-position: left;
}

.vacantes__desc {
    font-size: 24px;
}

@media (max-width: 768px) {
    .vacantes__desc {
        font-size: 18px;
    }
}

.vacantes__link {
    flex-shrink: 0;
    margin-top: 8px;
    color: #358c31;
    display: flex;
    align-items: center;
    gap: 8px;
    width: max-content;
}

.vacantes__link::after {
    content: "";
    color: #358c31;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='15' viewBox='0 0 16 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 7.38818H15M15 7.38818L9 13.3882M15 7.38818L9 1.38818' stroke='%23358C31' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-size: contain;
    background-repeat: no-repeat;
    width: 14px;
    height: 12px;
}

.vacantes__item .responsabilidades__list {
    display: none;
}

.vacantes__global-link {
    display: flex;
    align-items: center;
    gap: 8px;
    width: max-content;
    margin: 25px 0 0 auto;
}

@media (max-width: 992px) {
    .vacantes__global-link {
        margin: 35px auto 0;
        font-size: 24px;
    }
}

.vacantes__global-link::after {
    content: "";
    color: #358c31;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='14' viewBox='0 0 16 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 7H15M15 7L9 13M15 7L9 1' stroke='%23252525' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-size: contain;
    background-repeat: no-repeat;
    width: 14px;
    height: 12px;
}
.vacantes__global-link:hover {
    opacity: .7;
}
.queremos .line-stroke::before {
    top: 0;
    bottom: -50px;
    height: 24px;
}

.queremos {}

@media (max-width: 1300px) {
    .queremos .line-stroke::before {
        bottom: -25px;
    }
}

.queremos__content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 48px;
    gap: 32px;
}

@media (max-width: 1300px) {
    .queremos__content {
        margin-top: 32px;
    }
}

@media (max-width: 768px) {
    .queremos__content {
        grid-template-columns: 1fr;
    }
}

.queremos__item {
    display: flex;
    flex-direction: column;
    position: relative;
}

.queremos__item-top {
    flex: 1 0 auto;
}

.queremos__img img {
    object-fit: contain;
    border-radius: 16px;
    background: #fff;
    max-height: 280px;
}

.queremos__desc {
    font-family: "Inter", serif;
    color: #464646;
    margin-top: 16px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

@media (max-width: 1200px) {
    .queremos__desc {
        font-size: 18px;
        line-height: 26px;
    }
}

@media (max-width: 992px) {
    .queremos__desc {
        font-size: 16px;
        line-height: 24px;
    }
}

.queremos__group {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 32px;
    flex-shrink: 0;
}

@media (max-width: 1200px) {
    .queremos__group {
        margin-top: 24px;
    }
}

.queremos__date {
    font-family: "Inter", serif;
    color: #868686;
}

.queremos__link {
    font-family: "Inter", serif;
    color: #358c31;
    text-decoration: underline;
    cursor: pointer;
}

.queremos__link::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.bigTitle {
    font-size: 148px;
    font-weight: 400;
    line-height: normal;
    color: #464646;
    text-transform: uppercase;
    text-align: center;
    margin-top: 24px;
    display: flex;
    justify-content: center;
    gap: 40px;
}

@media (max-width: 1300px) {
    .bigTitle {
        width: 100%;
        font-size: clamp(24px, 10vw, 148px);
    }
}

@media (max-width: 1300px) {
    .bigTitle {
        width: 100%;
        font-size: clamp(24px, 10vw, 148px);
        margin-top: 10px;
    }
}

.bigTitle__group {
    display: flex;
}

.letter_fill_dark {
    color: #464646;
}

.bigTitle .letter_fill::before {
    height: 75%;
    top: 20px;
}

@media (max-width: 1200px) {
    .bigTitle .letter_fill::before {
        height: 100%;
        top: 0;
    }
}

.somosPageTop {}

@media (max-width: 1200px) {
    .somosPageTop .text_big {}
}

.somosPageTop__content {
    display: flex;
    margin-top: 60px;
    gap: 10px;
}

@media (max-width: 992px) {
    .somosPageTop__content {
        margin-top: 40px;
    }
}

@media (max-width: 768px) {
    .somosPageTop__content {
        flex-direction: column;
        gap: 32px;
    }
}

.somosPageTop__content .line_img_left {
    padding-right: 25px;
}

.somosPageTop__content .line_img_left img {
    object-fit: cover;
    height: 100%;
}

.somosPageTop__content .line_img_left::before {
    left: -5%;
}

@media (max-width: 768px) {
    .somosPageTop__content .line_img_left::before {
        top: -10%;
        left: -2%;
    }
}

.somosPageTop__content .line_img_left::after {
    content: "";
    width: 175px;
    height: 90%;
    background-color: #464646;
    position: absolute;
    right: 0;
    bottom: -15px;
    z-index: -1;
}

.somosPageTop__text {
    color: #595959;
    line-height: 140%;
}

.mision {
    padding-top: 80px;
}

@media (max-width: 992px) {
    .mision {
        padding-top: 60px;
    }
}

.mision__content {}

.mision__content img {
    display: block;
    margin-top: 32px;
}

@media (max-width: 1200px) {
    .mision__content img {
        margin-top: 24px;
    }
}

@media (max-width: 768px) {
    .mision__content img {
        margin-top: 16px;
    }
}

.mision__content h2 {
    font-weight: 400;
    text-transform: uppercase;
}

.mision__content .line-stroke::before {
    top: 38px;
    width: 104%;
    height: 22px;
}

@media (max-width: 1300px) {
    .mision__content .line-stroke::before {
        top: 25px;
        width: 104%;
        height: 20px;
    }
}

@media (max-width: 768px) {
    .mision__content .line-stroke::before {
        height: 15px;
    }
}

.mision__desc {
    margin-top: 32px;
    color: #595959;
}

@media (max-width: 1200px) {
    .mision__desc {
        margin-top: 24px;
    }
}

@media (max-width: 992px) {
    .mision__desc {
        font-size: 18px;
        line-height: 26px;
    }
}

@media (max-width: 768px) {
    .mision__desc {
        margin-top: 16px;
    }
}

.valores h2 {
    text-transform: uppercase;
    font-weight: 400;
}

.valores__content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 40px;
    row-gap: 32px;
    margin-top: 56px;
}

@media (max-width: 768px) {
    .valores__content {
        grid-template-columns: 1fr;
        gap: 24px;
        margin-top: 24px;
    }
}

.valores__item {
    display: flex;
    align-items: center;
    gap: 30px;
}

.valores__item:nth-child(n + 3),
.valores__item:nth-child(n + 7) {
    flex-direction: row-reverse;
}

.valores__item:nth-child(n + 5),
.valores__item:nth-child(n + 9) {
    flex-direction: row;
}

@media (max-width: 992px) {

    .valores__item:nth-child(n + 3),
    .valores__item:nth-child(n + 5),
    .valores__item:nth-child(n + 7),
    .valores__item:nth-child(n + 9),
    .valores__item {
        flex-direction: column-reverse;
        gap: 12px;
    }
}

@media (max-width: 768px) {

    .valores__item:nth-child(n + 3),
    .valores__item:nth-child(n + 5),
    .valores__item:nth-child(n + 7),
    .valores__item:nth-child(n + 9),
    .valores__item {
        flex-direction: column-reverse;
        gap: 12px;
    }
}

.valores__item-desc {
    color: #595959;
}

@media (max-width: 1350px) {
    .valores__item-desc {
        font-size: 24px;
        line-height: 32px;
    }
}

@media (max-width: 768px) {
    .valores__item-desc {
        font-size: 18px;
        line-height: 26px;
    }
}

.valores__item-title {
    display: flex;
    flex-direction: column;
    color: #595959;
    font-weight: 400;
    font-size: 56px;
    position: relative;
}

@media (max-width: 1350px) {
    .valores__item-title {
        font-size: 40px;
    }
}

@media (max-width: 768px) {
    .valores__item-title {
        font-size: 32px;
    }
}

.valores__item-title::before {
    content: "";
    position: absolute;
    width: 110%;
    background-color: #358c31;
    bottom: 0;
    left: -10px;
    height: 25px;
    z-index: -1;
    transform: skewX(-25deg);
}

@media (max-width: 1350px) {
    .valores__item-title::before {
        height: 20px;
    }
}

@media (max-width: 768px) {
    .valores__item-title::before {
        height: 16px;
    }
}

section.bigTitle {
    padding: 0;
}

.bigTitle__content {
    background-image: url("data:image/svg+xml,%3Csvg width='1297' height='107' viewBox='0 0 1297 107' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_24_593)'%3E%3Crect width='1297' height='107' fill='%23252525'/%3E%3Cpath d='M4 2.5L18 41.5' stroke='white'/%3E%3Cpath d='M630.5 106.5V60' stroke='white'/%3E%3Cpath d='M0 74V108' stroke='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_24_593'%3E%3Crect width='1297' height='107' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    max-height: 109px;
    height: 100%;
}

.bigTitle__content .bigTitle {
    text-align: center;
    font-size: 108px;
    color: #fff;
    font-weight: 400;
    font-size: clamp(24px, 10vw, 108px);
    white-space: nowrap;
    color: #fff;
}

@media (max-width: 1400px) {
    .bigTitle__content .bigTitle {
        font-size: clamp(24px, 7.3vw, 108px);
        /* max-height: 95px; */
        background-size: cover;
    }
}

.sectionTitleBig {
    font-size: 80px;
    line-height: normal;
    font-weight: 400;
    color: #464646;
    text-transform: uppercase;
}

@media (max-width: 1200px) {
    .sectionTitleBig {
        font-size: 60px;
    }
}

@media (max-width: 992px) {
    .sectionTitleBig {
        font-size: 40px;
    }
}

@media (max-width: 768px) {
    .sectionTitleBig {
        font-size: 32px;
    }
}

.proectosPageMain {}

.proectosPageMain__content {
    display: flex;
    align-items: center;
    gap: 32px;
}

@media (max-width: 768px) {
    .proectosPageMain__content {
        flex-direction: column;
    }
}

.proectosPageMain__img {
    max-width: 630px;
    padding-left: 16px;
    position: relative;
}

.proectosPageMain__img::after {
    content: "";
    width: 153px;
    height: 90%;
    background-color: #000;
    position: absolute;
    left: 0;
    bottom: -6px;
    margin-bottom: 0;
    margin-top: auto;
    z-index: -1;
}

.proectosPageMain__desc {
    color: #595959;
    line-height: 140%;
}

@media (max-width: 992px) {
    .proectosPageMain__desc {
        font-size: 18px;
    }
}

@media (max-width: 768px) {
    .proectosPageMain__desc {
        font-size: 16px;
    }
}

.proectosPageMain__content .line_img_right::before {
    left: -7%;
    right: unset;
    bottom: -10%;
    top: unset;
}

.empleosPage {
    /* display: none; */
}

.btn-back {
    margin-top: 24px;
}

.empleosInner__title {
    font-size: 48px;
    font-family: "Inter", serif;
    line-height: 140%;
    color: #252525;
    font-weight: 500;
    margin-top: 48px;
}

@media (max-width: 992px) {
    .empleosInner__title {
        font-size: 32px;
        line-height: 40px;
        margin-top: 32px;
    }
}

@media (max-width: 768px) {
    .empleosInner__title {
        font-size: 28px;
        line-height: 36px;
    }
}

.empleosInner__title {}

.empleosInner__info {
    margin-top: 48px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

@media (max-width: 992px) {
    .empleosInner__info {
        margin-top: 32px;
        gap: 16px;
    }
}

@media (max-width: 768px) {
    .empleosInner__info {
        margin-top: 32px;
        gap: 10px;
    }
}

.empleosInner__info-item {
    display: flex;
    align-items: center;
    gap: 10px;
}

.empleosInner__info-item span {
    color: #252525;
}

@media (max-width: 768px) {
    .empleosInner__info-item span {
        font-size: 16px;
    }
}

.empleosInner__info-item img {
    max-width: 220px;
    margin-left: 20px;
}

@media (max-width: 768px) {
    .empleosInner__info-item img {
        max-width: 150px;
    }
}

.responsabilidades {
    color: #252525;
    line-height: 140%;
    font-weight: 600;
    margin-top: 48px;
}

@media (max-width: 992px) {
    .responsabilidades {
        margin-top: 32px;
    }
}

.responsabilidades__list {
    list-style-type: disc;
    margin-left: 20px;
    margin-top: 24px;
}

@media (max-width: 768px) {
    .responsabilidades__list {
        margin-top: 12px;
    }
}

.responsabilidades__list li {
    color: #717171;
    font-size: 24px;
    line-height: 140%;
}

@media (max-width: 992px) {
    .responsabilidades__list li {
        font-size: 18px;
        line-height: 26px;
    }
}

@media (max-width: 768px) {
    .responsabilidades__list li {
        font-size: 16px;
        line-height: 24px;
    }
}

.btn_dark {
    background-color: #252525;
    width: 100%;
    max-width: 414px;
    margin: 90px auto;
    padding: 16px;
    color: #fff;
    font-size: 24px;
    line-height: 120%;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    border: 1px solid transparent;
}

@media (max-width: 992px) {
    .btn_dark {
        max-width: 300px;
        margin: 50px auto;
    }
}

@media (max-width: 768px) {
    .btn_dark {
        font-size: 20px;
        line-height: 30px;
        padding: 10px;
    }
}

.btn_dark:hover {
    background-color: #fff;
    color: #464646;
    border: 1px solid #464646;
}

.btn_dark:hover svg path {
    fill: #464646;
}

.empleosInnerDescription,
.empleosInnerForm {
    display: none;
}

.empleosInner__form {
    background-color: #fff;
    padding: 24px 32px;
    margin-top: 16px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    margin-bottom: 125px;
}

.empleosInner__form-title {
    line-height: 140%;
    font-weight: 500;
    color: #252525;
    position: relative;
    width: max-content;
    font-family: "Inter", serif;
}

.empleosInner__form-title::before {
    content: "";
    width: 45%;
    height: 1px;
    background-color: #8e8e8e;
    position: absolute;
    left: 0;
    bottom: -8px;
}

.empleosInner__form-desc {
    color: #7e7e7e;
    font-weight: 300;
    font-family: "Inter", serif;
    margin-top: 16px;
}

.empleosInner__form-inputs br {
    display: none;
}

.empleosInner__form-inputs p {
    margin-top: 24px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}

@media (max-width: 768px) {
    .empleosInner__form-inputs p {
        grid-template-columns: 1fr;
    }
}

.form__input {
    padding: 8px 16px;
    font-family: "Inter", serif;
    color: #000;
    border-radius: 0;
    border: 1px solid #aaaaaa;
    width: 100%;
}

.form__input.error {
    border: 1px solid red;
    background-color: #ffe6e6;
}

.form__input::placeholder {
    color: #939393;
}

[data-name="your-message"],
.form__input-textarea {
    grid-column: span 2;
    height: 145px;
}

@media (max-width: 768px) {

    [data-name="your-message"],
    .form__input-textarea {
        grid-column: span 1;
        height: 100px;
    }
}

.empleosInner__form-subtitle {
    font-family: "Inter", serif;
    margin-top: 24px;
    font-weight: 500;
    color: #464646;
}

.file-upload-wrapper {
    margin-top: 16px;
    position: relative;
    width: max-content;
}

input[type="file"] {
    position: absolute;
    opacity: 0;
    /* z-index: -1; */
    width: max-content;
    left: 0;
    top: -30px;
    max-width: min-content;
}

.custom-file-label.error {
    border: 1px solid red;
    background-color: #ffe6e6;
}

.custom-file-label {
    display: inline-block;
    padding: 6px 8px;
    color: #464646;
    cursor: pointer;
    text-align: center;
    border: 1px solid #464646;
    position: relative;
}

.custom-file-label::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 85%;
    height: 1px;
    background-color: #464646;
    bottom: 6px;
}

.custom-file-label br {
    display: none;
}

.custom-file-label:hover {
    background-color: #252525;
    color: #fff;
}

.empleosInner__form .btn_dark {
    margin-top: 24px;
}

.attached-filename {
    position: relative;
    padding-left: 30px;
    margin-top: 10px;
    font-size: 14px;
    color: #464646;
    display: none;
}

.attached-filename::before {
    content: "";
    background-image: url("data:image/svg+xml,%0A%3Csvg fill='%23464646' height='40px' width='40px' version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 512 512' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M346.927,149.639l-21.234-21.235L149.157,304.935c-21.844,21.843-21.844,57.385,0,79.23 c10.569,10.571,24.638,16.391,39.616,16.391c14.978,0,29.047-5.821,39.617-16.391l237.089-237.094 c33.599-33.602,33.599-88.272,0-121.872c-33.6-33.6-88.271-33.6-121.871,0L55.34,313.467c-45.357,45.357-45.357,119.158,0,164.516 C78.019,500.661,107.809,512,137.599,512s59.58-11.338,82.257-34.017l227.708-227.708L426.33,229.04L198.622,456.748 c-33.649,33.647-88.4,33.647-122.047,0c-33.648-33.649-33.648-88.399,0-122.047L364.841,46.435 c21.891-21.89,57.512-21.89,79.403,0c21.891,21.891,21.89,57.511,0,79.403L207.153,362.932 c-4.898,4.898-11.426,7.596-18.381,7.596s-13.484-2.698-18.38-7.596c-10.135-10.136-10.135-26.628,0-36.763L346.927,149.639z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.blogs {
    margin-top: -12px;
}

.blogs__content {}

.blogs__top {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: flex-end;
}

@media (max-width: 768px) {
    .blogs__top {
        flex-direction: column;
    }
}

.blogs__top-info {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.blogs__top-info__title {
    font-weight: 400;
    color: #383838;
}

@media (max-width: 768px) {
    .blogs__top-info__title {
        font-size: 24px;
    }
}

.blogs__top-info__desc {
    line-height: 140%;
    font-weight: 400;
    color: #5b5b5b;
}

.blogs__top-nav {
    display: flex;
    align-items: center;
    gap: 8px;
}

.blogs__top-nav__text {
    color: #838383;
    line-height: 130%;
    font-weight: 400;
    font-family: "Inter", serif;
    width: max-content;
}

.blogs__top-nav__select {
    font-family: "Inter", serif;
    background-color: #fff;
    border-radius: 8px;
    border: 1px solid #dddddd;
    position: relative;
}

.blogs__top-nav__select::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 1L6 6L1 1' stroke='%23575757' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    width: 10px;
    height: 5px;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 15px;
    margin: auto;
}

.blogs__top-nav__select select {
    padding: 12px 24px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    cursor: pointer;
    padding-right: 35px;
}

.blogs__cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 20px;
    row-gap: 48px;
    margin-top: 32px;
}

@media (max-width: 992px) {
    .blogs__cards {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .blogs__cards {
        grid-template-columns: 1fr;
    }
}

.blog__card {
    width: 100%;
}

.blog__card-img {}

.blog__card-group-date {
    display: flex;
    align-items: center;
    margin-top: 24px;
    gap: 12px;
}

@media (max-width: 768px) {
    .blog__card-group-date {
        margin-top: 12px;
    }
}

.blog__card-group {
    display: flex;
    align-items: center;
    margin-top: 16px;
    gap: 12px;
}

@media (max-width: 768px) {
    .blog__card-group {
        margin-top: 6px;
    }
}

.blog__card-date {
    color: #c0c0c0;
    font-family: "Inter", serif;
    font-weight: 400;
    line-height: 130%;
}

.blog__card-time {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #c0c0c0;
    font-family: "Inter", serif;
    font-weight: 400;
    line-height: 130%;
}

.blog__card-time::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='9' viewBox='0 0 8 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='0.5' width='8' height='8' rx='4' fill='%23C0C0C0'/%3E%3C/svg%3E%0A");
    width: 8px;
    height: 8px;
    background-size: contain;
    background-repeat: no-repeat;
}

.blog__card-title {
    color: #464646;
    font-family: "Inter", serif;
    font-weight: 500;
    line-height: 130%;
    margin-top: 16px;
}

@media (max-width: 768px) {
    .blog__card-title {
        margin-top: 10px;
    }
}

.blog__card-desc {
    color: #7c7c7c;
    margin-top: 8px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.blog__card-avatar {
    max-width: 52px;
    border-radius: 50%;
    font-family: "Inter", serif;
    font-weight: 400;
    line-height: 130%;
    margin-top: 8px;
}

.blog__card-author {
    color: #464646;
    font-family: "Inter", serif;
    font-weight: 500;
    line-height: 130%;
}

.blog {
    margin: 24px 0 72px;
}
@media(max-width: 768px) {
    .blog {
        margin: 10px 0 50px;
    }
}

.blog>.container {
    position: relative;
}

.blog .btn-back {
    position: absolute;
    top: 0;
    left: 0;
}

.blog__content {
    max-width: 630px;
    margin: auto;
    margin-top: 32px;
}
@media(max-width: 768px) {
    .blog__content {
        margin-top: 0;
    }
}

.blog__data {
    margin-top: 32px;
}
@media(max-width: 768px) {
    .blog__data {
        margin-top: 16px;
    }
}

.blog__img {
    position: relative;
}

.img {}

.blog_img_logo {
    position: absolute;
    max-width: 162px;
    left: 24px;
    bottom: 24px;
    height: auto; 
}

.blog__info {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin-top: 16px;
}
@media(max-width: 576px) {
    .blog__info {
        flex-direction: column;
        gap: 10px;
    }
}

.blog__info-group {
    display: flex;
    align-items: center;
    gap: 12px;
}

.blog__info-avatar {
    max-width: 47px;
    border-radius: 50%;
    margin-right: 4px;
}

.blog__info-author {
    color: #464646;
    font-family: "Inter", serif;
    font-weight: 500;
    line-height: 130%;
}

.blog__info-date {
    font-family: "Inter", serif;
    font-weight: 500;
    line-height: 130%;
    color: #c0c0c0;
}

.blog__info-time {
    font-family: "Inter", serif;
    font-weight: 500;
    line-height: 130%;
    color: #c0c0c0;
}

.blog__title {
    color: #464646;
    font-family: "Inter", serif; 
}
@media(max-width: 768px) {
    .blog__title {
        font-size: 24px;    
    }   
}

.blog__desc {
    margin-top: 24px;
    color: #7c7c7c;
    font-family: "Inter", serif;
    font-weight: 400;
    line-height: 130%;
}
@media(max-width: 768px) {
    .blog .blog__desc {
        margin-top: 16px;
    }
}


#blog_back {
    margin-top: 0;
}
@media(max-width: 1570px) {
    #blog_back {
        left: 40px;
    }
}

.page {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.wrapper {
    flex: 1 0 auto;
}

.footer {
    flex-shrink: 0;
}

html,
body {
    height: 100%;
}

.proectosPage__h2 {
    text-transform: uppercase;
}

.page-wrapper {
    display: flex;
    flex-direction: column;
    flex: 1 0 auto;
}

.bottom_area,
.page-wrapper+.footer {
    flex-shrink: 0;
}

.pagination {
    margin-top: 64px;
}

.pagination ul,
.pagination__list {
    width: max-content;
    margin: auto;
    display: flex;
    justify-content: center;
    gap: 8px;
}

.pagination a,
.pagination span,
.pagination__item {
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pagination .next,
.pagination .prev {
    background-color: #fff;
    display: flex;
    align-items: center;
    border-radius: 8px;
}

.pagination .next:hover,
.pagination .prev:hover {
    background-color: #E8E8E8;
}

.pagination .next::after,
.pagination .prev::after {
    content: "";
}

.pagination .prev::after {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 7L9 12L14 17' stroke='%23D0D0D0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    width: 35px;
    height: 35px;
    background-size: contain;
    background-repeat: no-repeat;

}

.pagination .next::after {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 7L9 12L14 17' stroke='%23D0D0D0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    width: 35px;
    height: 35px;
    background-size: contain;
    background-repeat: no-repeat;
    transform: rotate(180deg);

}

.pagination a.current,
.pagination span.current,
.pagination__item.active {
    background-color: #E8E8E8;
    border-radius: 8px;
    color: #575757;
}

.queremos__content.loading {
    opacity: 0.5;
    pointer-events: none;
}

.blogs__content .queremos__title {
    margin-top: 16px;
}
.blogs__content .queremos__title,
.blogs__content .queremos__desc {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    
}
.blogs__content .queremos__item-top {
    flex: unset;
}
.blogs__content .queremos__desc {
    color: #7C7C7C;
}
.blogs__content .queremos__author {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 16px;
}
.blogs__content .queremos__author img {
    max-width: 47px;
    border-radius: 50%;
}
.blogs__content .queremos__author-name {
    color: #464646;
    line-height: 130%;
    font-family: "Inter", serif; 
    font-weight: 500;
}
.blog__data h2 {
    color: #686868;
    font-family: "Inter", serif; 
    line-height: 130%;
    margin-top: 32px;
    font-size: 24px;
    text-align: left;
    font-weight: 500;
}
@media(max-width: 768px) {
    .blog__data h2 {
        font-size: 18px;
        margin-top: 24px;
    }
}

.blog__data p {
    color: #7C7C7C;
    font-family: "Inter", serif; 
    line-height: 130%;
    margin-top: 24px;
    font-size: 18px;
    text-align: left;
    font-weight: 400;
}
@media(max-width: 768px) {
    .blog__data p {
        font-size: 16px;
        margin-top: 16px;
    }
}

.blog__data ul {
    display: flex;
    flex-direction: column;
    gap: 16px;
    list-style-type: disc;
    padding-left: 20px;
    margin-top: 24px;
}
@media(max-width: 768px) {
    .blog__data ul {
        margin-top: 16px;
    }
}

.blog__data ul li {
    color: #7C7C7C;
    font-family: "Inter", serif; 
    line-height: 130%;
    font-size: 18px;
    text-align: left;
    font-weight: 400;
}
@media(max-width: 768px) {
    .blog__data ul li {
        font-size: 16px;
    }
}
.empelos__popup {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: max-content;
    max-width: 70%;
    background: #fff;
    padding: 30px;
    border-radius: 16px;
    z-index: 5;
}