/* Body */
body {
    background: var(--color-tercery);
}

.oferta {
    display: block;
    width: 100%;
    margin-block: 2vw;
}

.oferta__title {
    color: var(--color-secundary);
    font-family: var(--font-family-bold);
    font-size: 2vw;
    font-weight: 600;
    text-align: center;
    display: block;
    width: 80%;
    margin-inline: auto;
    position: relative;
    padding-block: 0 1vw;
}

.oferta__title:after {
    content: '';
    width: 60%;
    height: 1px;
    background: var(--color-secundary);
    position: absolute;
    left: 0;
    right: 0;
    margin-inline: auto;
    bottom: 0;
}

.oferta__title:before {
    content: '';
    width: 30%;
    height: 4px;
    background: var(--color-primary);
    position: absolute;
    left: 0;
    right: 0;
    margin-inline: auto;
    bottom: -3.5px;
}

.oferta__container {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-block: .5vw 0;
}

.oferta__content {
    display: block;
    width: 15vw;
    height: 15vw;
    border-radius: 2vw;
    overflow: hidden;
    margin-block: 1vw;
    position: relative;
}

.oferta__content:nth-of-type(1) {
    width: 60vw;
    margin-inline: 0 2vw;
}

.oferta__img {
    width: 100%;
    object-fit: contain;
}

.oferta__discont {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: rgba(0,0,0,.6);
}

.oferta__subtitle {
    color: var(--color-white);
    font-family: var(--font-family-light);
    font-size: 1.1vw;
    margin-inline: 10% 0;
    max-width: 35vw;
}

.oferta__monto {
    color: var(--color-white);
    font-family: var(--font-family-bold);
    font-size: 3vw;
    margin-inline: 10% 0;
}

.oferta__text {
    color: var(--color-white);
    font-family: var(--font-family-light);
    font-size: .9vw;
    font-weight: 800;
    margin-inline: 10% 0;
    max-width: 35vw;
}

.oferta__btn {
    color: var(--color-white);
    font-family: var(--font-family-bold);
    font-size: 1.1vw;
    text-decoration: none;
    outline: none;
    padding: .2vw 1vw;
    display: block;
    width: max-content;
    background: var(--color-primary);
    border: 1px solid var(--color-white);
    margin-block: 1vw 0;
    transition: .3s all linear;
    margin-inline: 10% 0;
}

.oferta__btn:hover {
    transform: scale(1.2);
}

.mobbex { background: #5502c4; }
.mp { background: #02b0ec; }

.cv__form {
    display: flex;
    width: max-content;
    flex-direction: column;
    margin-inline: auto;
}

.cv__content {
    display: flex;
    align-items: center;
}

.cv__item {
    display: flex;
    flex-direction: column;
    width: 25vw;
    margin: .5vw .8vw;
    position: relative;
}

.cv__label {
    font-family: var(--font-family-light);
    font-size: 1.1vw;
}

.cv__input {
    font-family: var(--font-family-bold);
    font-size: 1.1vw;
    padding: .1vw 1vw;
    border: 1px solid var(--color-secundary);
    outline: none;
    width: calc(100% - 2vw);
}

.cv__input-file {
    color: var(--color-secundary);
    font-family: var(--font-family-light);
    font-size: 1.2vw;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-inline: 3vw;
    width: 19vw;
    height: 10vw;
    margin-inline: auto;
    margin-block: 0 2vw;
    border: 1px solid var(--color-secundary);
    background: var(--color-white);
    position: relative;
    cursor: pointer;
}

.cv__options {
    display: none;
    flex-direction: column;
    width: 100%;
    height: auto;
    max-height: 12vw;
    position: absolute;
    top: calc(100% + .5vw);
    left: 0;
    background: var(--color-white);
    z-index: 890;
    overflow: auto;
    border-block: 1px solid var(--color-secundary);
}

.cv__options-item {
    display: flex;
    align-items: center;
    padding-block: .2vw;
    border-bottom: 1px solid var(--color-secundary);
    border-inline: 1px solid var(--color-secundary);
    cursor: pointer;
}

.cv__options-item:nth-last-of-type(1) {
    border-bottom: none;
}

.cv__options-check {
    display: flex;
    width: 1vw;
    height: 1vw;
    border: 1px solid var(--color-secundary);
    outline: none;
    margin-inline: 1vw .5vw;
}

.cv__options-label {
    font-size: 1.1vw;
}

.cv__adv {
    display: none;
    color: var(--color-secundary);
    font-size: 1.1vw;
    text-align: center;
    max-width: 51.6vw;
    margin-inline: .8vw;
    margin-block: 0 .5vw;
}

.cv__btn {
    color: var(--color-white);
    font-size: 1.1vw;
    display: flex;
    justify-content: center;
    padding-block: .3vw;
    width: 51.6vw;
    margin-inline: .8vw;
    height: auto;
    border: 1px solid var(--color-secundary);
    background: var(--color-primary);
    cursor: pointer;
    transition: .3s all ease;
    margin-block: 0 2vw;
}

.cv__btn:hover {
    transform: scale(1.03);
}

/* Thing */
.thing {
    width: 100%;
    display: block;
    padding: 2vw 0;
    background: var(--color-secundary);
}

.thing__text {
    color: var(--color-white);
    font-family: var(--font-family-light);
    font-size: 1.1vw;
    line-height: 1.5;
    text-align: center;
    width: 80%;
    margin-inline: auto;
}

.oferta__subtitle {
    color: var(--color-secundary);
    font-family: var(--font-family-light);
    font-size: 1.6vw;
    line-height: 1.5;
    text-align: center;
    width: 100%;
    margin-inline: auto;
    margin-block: 1.5vw 1vw;
}

.oferta__datas {
    display: flex;
    flex-direction: column;
    align-items: start;
    width: 40vw;
    margin-inline: auto;
    border: 1px solid var(--color-secundary);
    padding: 1vw;
    position: relative;
    border-top-right-radius: 1vw;
    border-bottom-right-radius: 1vw;
    margin-block: 0 2vw;
}

.oferta__datas:after {
    content: "";
    width: 2vw;
    height: 70%;
    border-top-right-radius: 1vw;
    border-bottom-right-radius: 1vw;
    position: absolute;
    right: -2vw;
    top: 0px;
    bottom: 0px;
    display: block;
    background: var(--color-primary);
    margin-block: auto;
}

.oferta__data {
    color: var(--color-secundary);
    display: flex;
    align-items: center;
    padding: .2vw 1.5vw;
    border-radius: 2vw;
    width: max-content;
    cursor: pointer;
    margin-block: .6vw;
    margin-inline: 3vw 0;
    transition: .3s all ease;
}

.oferta__data:hover {
    transform: scale(1.05);
}

.oferta__data-icon {
    width: 1.8vw;
    height: auto;
}

.oferta__data-label {
    font-family: var(--font-family-light);
    font-size: 1.5vw;
    margin-inline: 2vw 0;
    text-decoration: underline;
}

@media screen and (max-width: 600px) {
    /* Main */
    .main { flex-direction: column; height: auto; }
    .main__menu { height: auto; width: 95%; margin-block: 3vw; border-top-right-radius: 4vw; border-bottom-right-radius: 4vw; }
    .menu__container { width: 100%; display: flex; flex-wrap: wrap; border-top-right-radius: 4vw; border-bottom-right-radius: 4vw; }
    .menu__container::after { width: 3vw; right: -3vw; border-top-right-radius: 2vw; border-bottom-right-radius: 2vw; }
    .menu__section { font-size: 3.5vw; }
    .menu__content:nth-of-type(1) { width: 100%; }
    .menu__content:nth-of-type(2) { width: 50%; height: 40vw;}
    .menu__content:nth-of-type(3) { width: 50%; height: 40vw;}
    .menu__content:nth-of-type(4) { width: 100%; height: max-content; padding-block: 1vw; }
    .menu__content:nth-of-type(5) { padding-block: 1vw; }
    .menu__section { border-top-right-radius: 4vw; }
    .menu__filters { width: 100%; margin-block: 3vw; }
    .menu__ico { width: 5vw; margin-inline: 5vw 2.5vw; }
    .menu__filter { font-size: 2.5vw; }
    .menu__title { font-size: 2.4vw; text-align: start; margin-inline: 5vw 0; }
    .menu__items { margin-inline: 5vw 0; width: calc(100% - 5vw); }
    .menu__options { margin-block: .5vw; }
    .menu__check { width: 2vw; height: 2vw; }
    .menu__lbl { font-size: 1.7vw; margin-inline: 1vw 0; }
    .menu__link { width: 2vw; }
    .menu__limitext { height: 2vw; font-size: 1.7vw; padding: .5vw 2vw; border-bottom-left-radius: 1vw; border-top-left-radius: 1vw; }
    .menu__limit { height: 2vw; font-size: 1.7vw; padding: .5vw 2vw; width: 8vw; border-bottom-right-radius: 1vw; border-top-right-radius: 1vw; }
    .menu__space { font-size: 1.7vw; margin-inline: 2vw; }
    .menu__slider { margin-block: 3vw; width: 70vw; }
    .menu__price { width: 70vw; }
    /* Offerta */
    .oferta { margin-block: 8vw; }
    .oferta__title { font-size: 4.5vw; }
    .oferta__title:before { height: 2px; bottom: -1.5px; }
    .oferta__container { margin-block: 3vw 0; flex-direction: column; align-items: start; }
    .oferta__content { width: 30vw; height: 30vw; margin-inline: 10vw 0; border-radius: 4vw;}
    .oferta__content:nth-of-type(1) { width: 80vw; margin-inline: 10vw 0; margin-block: 0 3vw; }
    .oferta__subtitle { font-size: 2vw; }
    .oferta__monto { font-size: 5vw; }
    .oferta__text { font-size: 1.7vw; max-width: 60vw; }
    .oferta__btn { font-size: 2vw; padding: .5vw 2vw; margin-block: 2vw 0; }
    /* Products */
    .products__title { font-size: 5vw; }
    .products__title:before { height: 2px; bottom: -1.5px; }
    .main__container { width: 80%; margin-inline: auto; padding-block: 0 2vw; }
    .main__products { width: max-content; }
    .products { width: max-content; }
    .products__content { width: 71vw; margin-block: 2vw; margin-inline: 3vw; border-radius: 4vw; }
    .products__details { padding: 2.5vw; border-bottom-left-radius: 4vw; border-bottom-right-radius: 4vw; }
    .products__name { font-size: 3vw; margin-block: 0 4vw; }
    .products__price { font-size: 2.5vw; }
    .products__card { width: 7vw; border-top-left-radius: 2vw;}
    .products__card:after { width: 90%; height: 90%; border-bottom-right-radius: 4vw; border-top-left-radius: 2vw; }
    .products__more { writing-mode: vertical-lr; white-space: nowrap; height: min-content; margin-block: 3vw 0; font-size: 3vw; padding: 3vw .7vw; border-bottom-right-radius: 2vw; border-top-left-radius: 2vw; }
    /* Thing */
    .thing__text { font-size: 2.5vw; }

    .oferta__datas { width: 65vw; border-top-right-radius: 4vw; border-bottom-right-radius: 4vw; padding: 3vw; }
    .oferta__subtitle { font-size: 4vw; font-family: var(--font-family-bold); margin-block: 4vw 1vw; }
    .oferta__data { margin-block: 1.5vw; }
    .oferta__data-label { font-size: 4vw; margin-inline: 3vw 0; }
    .oferta__data-icon { width: 4vw; }
    .oferta__datas:after { width: 4vw; right: -4vw; border-top-right-radius: 2vw; border-bottom-right-radius: 2vw; }

    .cv__content { flex-direction: column; }
    .cv__item { width: 70vw; margin-block: 1vw; }
    .cv__input { font-size: 3vw; padding: .5vw 2vw; width: calc(100% - 4vw); }
    .cv__label { font-size: 3vw; }
    .cv__input-file { width: calc(100% - 8vw); padding: 1vw 4vw; font-size: 3vw; height: 20vw; }
    .cv__btn { font-size: 3.1vw; padding-block: .5vw; width: 70vw; }
    .cv__adv { font-size: 3vw; max-width: 70vw; }
    .cv__options { max-height: 40vw; }
    .cv__options-check { width: 2.8vw; height: 2.8vw; margin-inline: 5vw 2vw; }
    .cv__options-label { font-size: 2.8vw; margin-inline: 0 2vw; }
    .cv__options-item { padding-block: .5vw; }
}