/* screen - homepage */


/* container dos logos */
.logos-container {
    position: absolute;
    right: 3%;
    top: 35%;
    display: flex;
    flex-direction: column;
    gap: 18px;
    align-items: center;
    z-index: 4;
}

    /* imagens */
    .logos-container img {
        max-width: 110px;
        width: 100%;
        height: auto;
    }

/* tablets */
@media (max-width: 1024px) {
    .logos-container {
        right: 2%;
        top: 40%;
    }

        .logos-container img {
            max-width: 90px;
        }
}

/* mobile */
@media (max-width: 768px) {
    .logos-container {
        position: relative;
        top: auto;
        right: auto;
        margin: 20px auto;
        flex-direction: row;
        justify-content: center;
    }

        .logos-container img {
            max-width: 70px;
        }
}


.cookie-box {
    position: fixed;
    bottom: 30px;
    left: 30px;
    max-width: 20vw;
    background: #ffffff;
    padding: 1vw 1.5vw;
    border-radius: 0px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    z-index: 9999;
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

    /* estado visível */
    .cookie-box.show {
        opacity: 1;
        transform: translateY(0);
    }

    .cookie-box.hide {
        opacity: 0;
        transform: translateY(30px);
    }

    .cookie-box p {
        margin: 1.5vw 1.5vw;
        text-align: center;
        color: #555;
    }

    .cookie-box a {
        color: #333;
        text-decoration: underline;
    }

.cookie-actions {
    display: flex;
    gap: 12px;
}

.btn {
    flex: 1;
    border: none;
    padding: 10px 0;
    border-radius: 4px;
    font-weight: bold;
    cursor: pointer;
    font-size: 13px;
}

    .btn.reject {
        background: var(--golden-dream);
        color: #333;
    }

    .btn.accept {
        background: var(--golden-dream);
        color: #000;
    }

    .btn:hover {
        opacity: 0.9;
    }

/* Mobile */
@media (max-width: 768px) {
    .cookie-box {
        left: 50%;
        transform: translateX(-50%) translateY(30px);
        width: calc(100% - 40px);
        bottom: 20px;
       z-index:1;
    }

        .cookie-box.show {
            transform: translateX(0%) translateY(0);
            width: 85%;
            left: 5%;
            max-width: 100vw;
        }
}




.homepage {
    /*background-color: var(--white);
    background-color: #c3c3c366;*/
    background-color: var(--cultured-pearl);
    cursor: pointer;
    height: 311vw;
    /*min-width: 100.0vw;*/
    overflow: hidden;
    position: relative;
    width: 100%;
}

    .homepage .render_01-1 {
        height: 55.87vw;
        left: 0vw;
        position: absolute;
        top: 0;
        width: 100vw;
        z-index: 4;
    }

    .homepage .background {
        /*background-color: var(--cultured-pearl);
        background-color: #c3c3c366;*/
        background-color: var(--cultured-pearl);
        box-shadow: inset 0.0vw 0.28vw 2.14vw #00000030;
        height: 176vw;
        left: 0;
        position: absolute;
        top: 75.5vw;
        width: 100.07vw;
    }

    .homepage .rectangle-99 {
        background-color: var(--white);
        height: 57.32vw;
        left: 0;
        position: absolute;
        top: 120vw;
        width: 55.66vw;
    }

    .homepage .group-3603 {
        height: 2.18%;
        left: 18.63%;
        position: absolute;
        top: 42.20%;
        transform: rotate(-180.00deg);
        width: 18.96%;
    }

    .homepage .line-22 {
        height: 0;
        left: 0;
        object-fit: cover;
        position: absolute;
        top: 100.00%;
        transform: rotate(180.00deg);
        width: 100.00%;
    }

    .homepage .gama-completa {
        align-items: center;
        border: 0.07vw solid;
        border-color: var(--black);
        border-radius: 0.07vw;
        display: flex;
        height: 4.37vw;
        justify-content: center;
        left: 19.01vw;
        position: absolute;
        top: 159.97vw;
        width: 15.2vw;
        cursor: pointer;
    }

    .homepage .view-full-range {
        align-items: center;
        display: flex;
        height: 1.87vw;
        justify-content: center;
        letter-spacing: 0.04vw;
        line-height: 1.44vw;
        margin-left: -0.07vw;
        text-align: center;
        width: 16.52vw;
    }

    .homepage .rectangle-100 {
        background-color: var(--white);
        box-shadow: 0.0vw 0.28vw 1.82vw #00000008;
        height: 29.98vw;
        left: 0;
        position: absolute;
        top: 244vw;
        width: 100.07vw;
    }

    .homepage .people-say-porta-6-s {
        left: 19.01vw;
        letter-spacing: 0.04vw;
        line-height: 0.9vw;
        position: absolute;
        top: 169.76vw;
        width: 25.12vw;
    }

    .homepage .group-3595 {
        display: flex;
        height: 11.03vw;
        left: 80.43vw;
        position: absolute;
        top: 172vw;
        transform: rotate(180deg);
        width: 0.07vw;
    }

    .homepage .line-15 {
        height: 11.07vw;
        object-fit: cover;
        transform: rotate(-180deg);
        width: 0.07vw;
    }

    .homepage .rectangle-88 {
        background-color: var(--golden-dream);
        box-shadow: 0.0vw 0.28vw 1.82vw #0000002b;
        height: 57.25vw;
        left: 0;
        position: absolute;
        top: 189.46vw;
        width: 100.0vw;
    }

    .homepage .this-is-how-our-journey-took-place {
        left: 66.07vw;
        letter-spacing: 0.04vw;
        line-height: 0.9vw;
        position: absolute;
        top: 225.55vw;
        width: 25.12vw;
    }

    .homepage .line-60 {
        height: 5.83vw;
        left: 81.4vw;
        object-fit: cover;
        position: absolute;
        top: 237.65vw;
        width: 0.07vw;
    }

    .homepage .line-61 {
        height: 1px;
        left: 56.49vw;
        object-fit: cover;
        position: absolute;
        top: 243.46vw;
        width: 24.98vw;
    }

    .homepage .the {
        color: var(--black);
        font-family: var(--font-family-montserrat);
        font-size: 17.14vw;
        font-weight: 600;
        left: 41.36vw;
        letter-spacing: 0.69vw;
        line-height: 16.97vw;
        position: absolute;
        top: 190.99vw;
        white-space: nowrap;
        width: 76.13vw;
    }

    .homepage .group-3609 {
        align-items: flex-end;
        background-color: var(--golden-dream);
        bottom: 28.5vw;
        display: flex;
        height: 5.07vw;
        justify-content: center;
        left: calc(50.00% - 2.5vw);
        position: absolute;
        transform: rotate(180.00deg);
        width: 5.07vw;
    }

    .homepage .back-to-top {
        background-color: var(--golden-dream);
        height: 1.8vw;
        margin-bottom: 1.67vw;
        margin-left: 0.07vw;
        position: relative;
        transform: rotate(-270.00deg);
        width: 0.97vw;
    }

    .homepage .rectangle-25 {
        background-color: var(--black);
        border-radius: 2.57vw;
        height: 7.60%;
        left: -12.68%;
        position: absolute;
        top: 24.79%;
        transform: rotate(43.45deg);
        width: 127.86%;
    }

    .homepage .rectangle-26 {
        background-color: var(--black);
        border-radius: 2.57vw;
        height: 7.27%;
        left: -12.82%;
        position: absolute;
        top: 69.26%;
        transform: rotate(-43.45deg);
        width: 127.86%;
    }

    .homepage .about-us {
        border: 0.07vw solid;
        border-color: var(--black);
        height: 3.61vw;
        left: 65.93vw;
        position: absolute;
        top: 230.41vw;
        width: 9.85vw;
    }

    .homepage .about-us-1 {
        height: 25.00%;
        left: 18.31%;
        letter-spacing: 0.04vw;
        line-height: 0.9vw;
        position: absolute;
        text-align: center;
        top: 36.54%;
        white-space: nowrap;
        width: 64.08%;
    }

    .homepage .porta-6 {
        left: 65.79vw;
        letter-spacing: 0.12vw;
        line-height: 2.96vw;
        position: absolute;
        top: 221.32vw;
        white-space: nowrap;
        width: 17.63vw;
    }

    .homepage .beginning {
        color: var(--black);
        font-family: var(--font-family-montserrat);
        font-size: 4.65vw;
        font-weight: 700;
        left: 63.64vw;
        letter-spacing: 0.19vw;
        line-height: 4.6vw;
        position: absolute;
        top: 207.58vw;
        white-space: nowrap;
        width: 31.51vw;
    }

    .homepage .group-3635 {
        align-items: center;
        display: flex;
        flex-direction: column;
        height: 21.03vw;
        left: calc(50.00% - 27.55vw);
        position: absolute;
        top: 253vw;
        width: 55.38vw;
    }

    .homepage .follow-the-world-porta-6 {
        height: 2.98vw;
        letter-spacing: 0.09vw;
        line-height: 3.66vw;
        margin-left: -0.28vw;
        text-align: center;
        white-space: nowrap;
        width: 55.1vw;
        text-transform: uppercase;
    }

    .homepage .subscribe-newsletter {
        height: 3.68vw;
        letter-spacing: 0.06vw;
        line-height: 2.55vw;
        margin-left: -0.28vw;
        margin-top: 0.11vw;
        text-align: center;
        width: 31.51vw;
        text-transform: uppercase;
    }

    .homepage form {
        display: flex;
        flex-direction: column;
        align-items: center; /* centra horizontalmente */
        justify-content: center; /* centra verticalmente */
        width:50%;
        gap: 16px; /* espaço entre input e botão */
    }
    .homepage .group-3633 {
        /* height: 3.47vw;
        margin-left: -0.21vw;
        margin-top: 2.91vw;
        position: relative;
        width: 48.79vw;*/
        margin-top: 2vw;
        width: 100%;
        /*display: flex;*/
        justify-content: center;
    }

    .homepage .enter-your-email {
        color: #63636363;
        font-family: var(--font-family-montserrat);
        font-size: var(--font-size-xxl);
        font-weight: 400;
        left: calc(50.00% - 8.61vw);
        letter-spacing: 0.05vw;
        line-height: 1.89vw;
        position: absolute;
        text-align: center;
        top: 0;
        width: 16.86vw;
    }
.escreva-seu-email {
  /*  color: rgba(99, 99, 99, 0.39);
    font-family: Montserrat;
    font-size: 17px;
    font-weight: 400;
    line-height: 27.2px;
    text-align: center;
    letter-spacing: 0.68px;
    z-index: 3;
    padding-top: 3rem;
    text-transform: uppercase;*/
}

    .escreva-seu-email input {
        border: none;
        text-align: center;
        border-bottom: thin black solid;
        width: 100%;
    }

.btn-subscrever {
    width: 125px;
    height: 45px;
    margin: 0 auto;
    color: #000000;
    font-family: Montserrat;
    font-size: 13px;
    font-weight: 600;
    line-height: 17px;
    letter-spacing: 0.52px;
    background-color: #fff;
    text-transform: uppercase;
}


    .homepage .line-59 {
        height: 0.07vw;
        left: 0;
        object-fit: cover;
        position: absolute;
        top: 2.29vw;
        width: 48.65vw;
    }

.homepage .enviar-pequeno {
    border: 0.14vw solid;
    border-color: var(--black);
    border-radius: 0;
    height: 3.3vw;
    margin-left: -0vw;
    margin-top: 2.89vw;
    position: relative;
    width: 9.61vw;
    background-color: transparent;
    display: flex;
    justify-content: center;
    cursor: pointer;
}

    .homepage .enviar-pequeno:hover {
        border-color: var(--black);
        color: var(--golden-dream);
        background-color: var(--black);
    }

        .homepage .enviar-pequeno:hover > div {
            border-color: var(--black);
            color: var(--white);
            background-color: var(--black);
        }

.homepage .enviar {
    height: 48.84%;
    left: 13.71%;
    letter-spacing: 0.04vw;
    line-height: 1.2vw;
    position: absolute;
    text-align: center;
    top: 30.58%;
    white-space: nowrap;
    width: 72.58%;
}

.homepage .porta-7 {
    height: 5.34vw;
    left: 19.01vw;
    position: absolute;
    top: 166.07vw;
    width: 27.2vw;
}

    .homepage .porta-6-1 {
        color: var(--black);
        font-family: var(--font-family-montserrat);
        font-size: 1.73vw;
        font-weight: 600;
        height: 100%;
        left: 0;
        letter-spacing: 0.07vw;
        line-height: 1.72vw;
        position: absolute;
        top: 29.87%;
        width: 100%;
    }

    .homepage .p6-lisboa-agosto-mak {
        height: 56.2vw;
        left: 0;
        position: absolute;
        top: 55.75vw;
        width: 100vw;
    }



.homepage .wines_home {
    background-color: var(--golden-dream);
    height: 57.32vw;
    left: 46.91vw;
    position: absolute;
    top: 120vw;
    width: 53.02vw;
}

.homepage .group-3607 {
    border: 0.07vw solid;
    border-color: var(--black);
    height: 8.84%;
    left: 68.98%;
    position: absolute;
    top: 40.07%;
    transform: rotate(180.00deg);
    width: 9.55%;
    z-index: 1;
}

    .homepage .back-to-top-1 {
        height: 26.03%;
        left: 43.15%;
        position: relative;
        top: 37.67%;
        transform: rotate(-270.00deg);
        width: 13.70%;
    }

    .homepage .rectangle-25-1 {
        background-color: var(--black);
        height: 7.58%;
        left: -13.39%;
        top: 24.80%;
        transform: rotate(44.11deg);
        width: 129.27%;
    }

    .homepage .rectangle-26-1 {
        background-color: var(--black);
        height: 7.25%;
        left: -13.52%;
        top: 69.27%;
        transform: rotate(-44.11deg);
        width: 129.27%;
    }

    .homepage .group-3608 {
        background-color: var(--black);
        height: 8.84%;
        left: 68.98%;
        position: absolute;
        top: 53.63%;
        transform: rotate(-180.00deg);
        width: 9.55%;
        border: 0.07vw solid;
        z-index:1;
    }

    .homepage .back-to-top-2 {
        /*background-color: var(--black);*/
        height: 26.03%;
        left: 43.15%;
        position: relative;
        top: 37.67%;
        transform: rotate(270.00deg);
        width: 13.70%;
    }

    .homepage .rectangle-25-2 {
        background-color: var(--golden-dream);
        height: 7.58%;
        left: -13.39%;
        top: 24.80%;
        transform: rotate(44.11deg);
        width: 129.27%;
    }

    .homepage .rectangle-26-2 {
        background-color: var(--golden-dream);
        height: 7.25%;
        left: -13.52%;
        top: 69.27%;
        transform: rotate(-44.11deg);
        width: 129.27%;
    }

    .homepage .text-1 {
        color: var(--black);
        font-family: var(--font-family-adam_cg_pro-regular);
        font-size: var(--font-size-m);
        font-weight: 400;
        height: 2.30%;
        left: 72.51%;
        letter-spacing: 0.04vw;
        line-height: 0.9vw;
        position: absolute;
        top: 50.85%;
        width: 4.32%;
    }


.homepage .see-wine {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 3.87%;
    justify-content: left;
    left: 70%;
    letter-spacing: 0.04vw;
    line-height: 1.44vw;
    position: absolute;
    text-decoration: underline;
    top: 79.90%;
    width: 20%;
    z-index: 4;
}

.homepage .red-wine {
    align-items: center;
    display: flex;
    height: 4.48%;
    justify-content: left;
    left: 70%;
    letter-spacing: 0.05vw;
    line-height: 1.89vw;
    position: absolute;
    top: 76.51%;
    width: 20%;
}

.homepage .porta6-vt2020_-alta-resolucao-1 {
    /*height: 60.17vw;
        object-fit: cover;
        position: absolute;
        right: 20.54vw;
        top: -1.39vw;
        width: auto;*/
    height: 57.2vw;
    object-fit: cover;
    position: absolute;
    right: 9.54vw;
    top: 0vw;
    width: auto;
    z-index:0;
}

    .homepage .a-serious-wine-for {
        color: var(--black);
        cursor: pointer;
        font-family: var(--font-family-montserrat);
        font-size: 4.16vw;
        font-weight: 600;
        height: 9.93%;
        left: -80.09%;
        letter-spacing: 0.17vw;
        line-height: 4.12vw;
        position: absolute;
        top: 33.29%;
        width: 100%;
    }

.homepage .fun-loving-people {
    color: var(--black);
    cursor: pointer;
    font-family: var(--font-family-montserrat);
    font-size: 4.16vw;
    font-weight: 600;
    height: 9.93%;
    left: -75.01%;
    letter-spacing: 0.17vw;
    line-height: 4.12vw;
    position: absolute;
    top: 43.22%;
    width: 100%;
}


    .homepage .line-63 {
        height: 0.07vw;
        left: -0.14vw;
        object-fit: cover;
        position: absolute;
        top: 323.73vw;
        width: 100.0vw;
    }

.homepage .rodap-ingls {
    height: 19.36vw;
    left: 7.63vw;
    position: absolute;
    top: 286vw;
    width: 84.52vw;
    border-top: 1px solid black;
}

    .homepage .group-3765 {
        height: 19.36vw;
        left: 0;
        position: absolute;
        top: 0;
        width: 84.52vw;
    }

    .homepage .rodap {
        bottom: 0;
        height: 19.36vw;
        left: calc(50.00% - 42.26vw);
        position: absolute;
        width: 84.8vw;
    }

    .homepage .group-21 {
        bottom: 5.83vw;
        height: 2.98vw;
        left: calc(50.00% + 35.25vw);
        position: absolute;
        width: 6.87vw;
    }

    .homepage .x104498_facebook_icon-1 {
        bottom: 0;
        cursor: pointer;
        height: 2.98vw;
        left: calc(50.00% - 3.47vw);
        object-fit: cover;
        position: absolute;
        width: 2.85vw;
    }

    .homepage .x1161953_instagram_icon-1 {
        bottom: 0;
        cursor: pointer;
        height: 2.91vw;
        left: calc(50.00% + 0.56vw);
        object-fit: cover;
        position: absolute;
        width: 2.91vw;
    }

    .homepage .line-7 {
        bottom: 9.72vw;
        height: 0.07vw;
        left: calc(50.00% + 31.16vw);
        object-fit: cover;
        position: absolute;
        width: 10.96vw;
    }

    .homepage .frame-43 {
        align-items: flex-start;
        bottom: 0;
        display: flex;
        flex-direction: column;
        gap: 0.62vw;
        left: calc(50.00% - 41.5vw);
        position: absolute;
        width: 43.1vw;
    }

    .homepage .privacy-policy {
        cursor: pointer;
        height: 1.87vw;
        letter-spacing: 0;
        line-height: 1.06vw;
        margin-top: -0.07vw;
        position: relative;
        text-decoration: underline;
        width: 9.54vw;
    }

    .homepage .link {
        height: 1.87vw;
        letter-spacing: 0;
        line-height: 1.06vw;
        margin-top: -0.07vw;
        text-decoration: underline;
        width: 12.14vw;
    }

    .homepage .dispute-resolution {
        cursor: pointer;
        height: 1.87vw;
        letter-spacing: 0;
        line-height: 1.06vw;
        margin-top: -0.07vw;
        position: relative;
        text-decoration: underline;
        width: 11.1vw;
    }

    .homepage .subscribe-newsletter-1 {
        bottom: 11.1vw;
        cursor: pointer;
        left: calc(50.00% + 19.85vw);
        letter-spacing: 0.05vw;
        line-height: 2.11vw;
        position: absolute;
        text-align: right;
        white-space: nowrap;
        width: 21.93vw;
    }

    .homepage .frame-81 {
        align-items: flex-start;
        bottom: 3.96vw;
        display: flex;
        flex-direction: column;
        gap: 0.62vw;
        height: 13.19vw;
        left: calc(50.00% - 41.5vw);
        position: absolute;
        width: 11.8vw;
    }

    .homepage .who-is {
        cursor: pointer;
        letter-spacing: 0.06vw;
        line-height: 1.73vw;
        margin-top: -0.07vw;
        position: relative;
        white-space: nowrap;
        width: fit-content;
    }

    .homepage .link-1 {
        letter-spacing: 0.06vw;
        line-height: 1.73vw;
        white-space: nowrap;
        width: fit-content;
    }

    .homepage .porta-6-art-gallery {
        height: 2.08vw;
        margin-bottom: -0.69vw;
        position: relative;
        width: 11.31vw;
    }

    .homepage .keep-up-with-our-new {
        bottom: 14.5vw;
        left: calc(50.00% + 20.26vw);
        letter-spacing: 0.04vw;
        line-height: 1.44vw;
        position: absolute;
        text-align: right;
        width: 21.79vw;
    }

    .homepage .line-5 {
        bottom: 19.29vw;
        height: 0.07vw;
        left: calc(50.00% - 42.4vw);
        object-fit: cover;
        position: absolute;
        width: 84.52vw;
    }

    .homepage .eef-1 {
        height: 2.98vw;
        left: 7.56vw;
        position: absolute;
        top: 1.25vw;
        width: 7.56vw;
    }

    .homepage .all-rights-reserved {
        bottom: 3.61vw;
        left: calc(50.00% - 41.36vw);
        letter-spacing: 0;
        line-height: 1.26vw;
        position: absolute;
        white-space: nowrap;
        width: 9.16vw;
    }


#linha-button-rodape {
    display: flex;
    height: 0.1px;
    /* left: calc(50.00% - 21.1vw); */
    position: absolute;
    top: 306vw;
    width: 85vw;
    border: 0.1px solid rgb(0 0 0 / 25%);
}
.homepage .rodap-1 {
    display: flex;
    height: 2.29vw;
    left: calc(50.00% - 21.1vw);
    position: absolute;
    top: 307vw;
    width: 42.05vw;
}

    .homepage .group-3639 {
        flex: 1;
        margin-left: 28.38%;
        margin-right: 28.55%;
        position: relative;
        width: 18.11vw;
    }

    .homepage .image-23 {
        height: 100%;
        left: 0;
        top: 0;
        width: 28.74%;
    }

    .homepage .image-24 {
        height: 96.97%;
        left: 50.19%;
        top: 3.03%;
        width: 49.81%;
    }

    .homepage .project-description {
        display: flex;
        height: 2.15vw;
        left: 50.52vw;
        position: absolute;
        top: 320.33vw;
        width: 16.24vw;
    }

    .homepage .project-description-1 {
        cursor: pointer;
        flex: 1;
        letter-spacing: 0;
        line-height: 1.06vw;
        text-decoration: underline;
        width: 11.1vw;
    }

    .homepage .frame-3911 {
        height: 10.27vw;
        left: 94.03vw;
        position: absolute;
        top: 28.87vw;
        width: 5.55vw;
    }

    .homepage .pepac-comunicao-2 {
        cursor: pointer;
        height: 34.46%;
        left: calc(50.00% - 3.82vw);
        position: absolute;
        top: 27.70%;
        width: 5.69vw;
    }

    .homepage .frame-3910 {
        cursor: pointer;
        height: 5.48vw;
        left: calc(50.00% - 3.33vw);
        position: absolute;
        top: 6.38vw;
        width: 4.72vw;
    }

    .homepage .pepac-comunicao-3 {
        height: 94.23%;
        left: 0;
        position: absolute;
        top: 0;
        width: 93.48%;
    }

    .homepage .pepac-comunicao-4 {
        height: 15.38%;
        left: 15.22%;
        position: absolute;
        top: 71.15%;
        width: 69.57%;
    }

    .homepage .pepac-comunicao-5 {
        height: 17.31%;
        left: 2.17%;
        position: absolute;
        top: 82.69%;
        width: 97.83%;
    }

    .homepage .frame-3909 {
        background-image: url(../img/frame-3909@2x.png);
        background-position: 50% 50%;
        background-size: cover;
        cursor: pointer;
        height: 4.44vw;
        left: calc(50.00% - 3.12vw);
        position: absolute;
        top: -2.5vw;
        width: 4.16vw;
    }

.homepage .component-153 {
    height: 35.95vw;
    left: 6.63vw;
    position: absolute;
    top: 204.59vw;
    width: 57.47vw;
}

.homepage .p1020887-1 {
    height: 99.95%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.homepage .group-3607-1 {
    height: 16.86%;
    left: 106%;
    position: absolute;
    top: 87.77%;
    transform: rotate(90.00deg);
    width: 4.24%;
}

.homepage .rectangle-77 {
    height: 50%;
    left: 0;
    position: absolute;
    top: -1vw;
    width: 100.00%;
}
#img-slide-seta-esq, #img-slide-seta-dir {
    width: 130%;
}

.homepage .rectangle-78 {
    height: 50%;
    left: 0;
    position: absolute;
    top: 50%;
    width: 100.00%;
}

.homepage #btn-slide-l .back-to-top-3 {
    /*border: 0.07vw solid;
        border-color: var(--black);
        height: 16.81%;
        left: 39.50%;
        position: absolute;
        top: 10.77%;
        transform: rotate(-90.00deg);
        width: 17.90%;*/

    height: 100%;
    left: 0%;
    position: relative;
    top: 0;
    transform: rotate(-90.00deg);
    width: 100%;
}

.homepage .rectangle-25-3 {
    /*background-color: var(--golden-dream);
        height: 7.51%;
        left: -16.46%;
        top: 24.84%;
        transform: rotate(46.73deg);
        width: 135.41%;
*/
    background-color: var(--black);
    height: 1%;
    left: 35%;
    top: 40%;
    transform: rotate(45deg);
    width: 30%;
}

.homepage .rectangle-26-3 {
    /*background-color: var(--golden-dream);
        height: 7.19%;
        left: -16.59%;
        top: 69.30%;
        transform: rotate(-46.73deg);
        width: 135.41%;
*/
    background-color: var(--black);
    height: 1%;
    left: 35%;
    top: 62%;
    transform: rotate(-45deg);
    width: 30%;
}

.homepage #btn-slide-r .back-to-top-4 {
    /*height: 16.81%;
        left: 40.12%;
        position: absolute;
        top: 71.87%;
        transform: rotate(90.00deg);
        width: 17.90%;*/
    /*border: 0.01vw solid;
    border-color: var(--black);
    height: 50%;
    left: 40%;
    position: absolute;
    top: 30%;
    transform: rotate(90.00deg);
    width: 20%;*/
    height: 100%;
    left: 0%;
    position: relative;
    top: 0;
    transform: rotate(-90.00deg);
    width: 100%;
}


.homepage .rectangle-25-4 {
    /* background-color: var(--black);
        height: 7.51%;
        left: -16.46%;
        top: 24.84%;
        transform: rotate(46.73deg);
        width: 135.41%;*/
    background-color: var(--golden-dream);
    height: 1%;
    left: 40%;
    top: 36%;
    transform: rotate(45deg);
    width: 30%;
}

.homepage .rectangle-26-4 {
    /*background-color: var(--black);
        height: 7.19%;
        left: -16.59%;
        top: 69.30%;
        transform: rotate(-46.73deg);
        width: 135.41%;*/

    background-color: var(--golden-dream);
    height: 1%;
    left: 40%;
    top: 58%;
    transform: rotate(-45deg);
    width: 30%;
}

    .homepage .rectangle-25-5 {
        border-radius: 2.57vw;
        position: absolute;
    }

    .homepage .rectangle-26-5 {
        border-radius: 2.57vw;
        position: absolute;
    }


    /*********************************** MOBILE  **************************************/


/* --- Mobile Adaptation (Section) --- */
@media (max-width: 768px) {

    #sec2-rect-principal {
        height: 509.48px;
        position: absolute;
        top: 1176.53px;
        /*background-color: blueviolet;*/
        width: 100%;
        margin: 0 auto;
    }
    #sec2-rect-top {
        height: 290px;
        width: 90%;
        top: 1176.53px;
        background-color: transparent;
        margin: 0 auto;
    }
    #retangulo-top-garrafa {
        width: 63.76px;
        height: 24.17px;
        top: 16.24px;
        left: 72.52px;
        border-width: 0.7px;
        opacity: 1;
        background-color: transparent;
        border-top: 0.7px solid #000000;
        border-left: 0.7px solid #000000;
        position: absolute;
    }
    #Titulo1, #Titulo2 {
        position: static;
        top: 37.5px;
        left: 20px;
        font-family: var(--font-family-montserrat);
        font-weight: 600;
        font-size: 27px;
        /*leading-trim: NONE;*/
        line-height: 133%;
        letter-spacing: 4%;
        text-transform: uppercase;
    }
    #Titulo1 {
        text-align: left;
        padding-left: 1rem;
    }
    #Titulo2 {
        text-align: right;
        padding-right: 1rem;
    }
    #rect-centro {
        /*background-color: aquamarine;*/
        min-height: 300px;
        display: flex;
    }
    #div-img-wine {
        width: 55%;
        height: 300px;
    }
        #div-img-wine .porta6-vt2020_-alta-resolucao-1 {
            height: 300px;
        }

    #div-img-dir {
        /*background-color: brown;*/
        width: 45%;
        height: 300px;
        margin-left: auto;
    }
    #div-btns-wine{
        height: 80px;
    }
    #div-wine-btn-all {
        height: 120px;
    }
    #div-wine-links {
        height: 50px;
        width: 100%;
       /* background-color: coral;*/
    }
    #btn-wine-upz {
        border: 0.07vw solid;
        border-color: var(--black);
        height: 8.84%;
        left: 68.98%;
        position: absolute;
        top: 40.07%;
        transform: rotate(180.00deg);
        width: 9.55%;
        z-index: 1;
        background-color:red;
    }


    /* Container Principal */
    #div-img-dir {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        font-family: var(--font-family-montserrat);
    }

    /* 1. Secção dos Botões e Contador (Topo) */
    #div-btns-wine {
        display: flex;
        flex-direction: column;
        align-items: center;
        /* gap: 10px; */
        margin-bottom: 20px;
        margin: 30px 0 0px 0;
    }

    /* Estilo comum para os quadrados dos botões */
    #btn-wine-up, #btn-wine-down {
        width: 25px;
        height: 25px;
        /*border: 1px solid black;*/
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }

    

    #numwine {
        font-size: 10px;
        margin: 5px 0;
        font-weight: 400;
    }

    /* 2. Secção de Texto do Vinho (Meio) */
    #div-wine-links {
        display: flex;
        flex-direction: column; /* Inverte para "RED WINE" ficar em cima */
        margin-bottom: 0px;
    }

    #textwine {
        color: var(--black);
        font-family: var(--font-family-montserrat);
        font-weight: 600;
        font-size: var(--font-size-m);
        letter-spacing: 1px;
        text-transform: uppercase;
        margin: 5px 0;
    }
    .montserrat-normal-black-13px {
        color: var(--black);
        font-family: var(--font-family-montserrat);
        font-size: var(--font-size-s);
        font-style: normal;
        font-weight: 400;
    }

    #linkwine {
        text-decoration: underline;
        color: black;
    }

    /* 3. Botão Amarelo (Fundo) */
    #div-wine-btn-all {
        width: 100%;
        padding: 40px 0 0px 0;
        display: flex;
        justify-content: center;
    }

    .gama-completa {
        border: 1px solid black;
        padding: 2px 5px;
        max-width: 100px;
    }

    .view-full-range {
        font-weight: 600;
        font-size: 13px;
        letter-spacing: 1px;
    }

    #div-wine-btn-all a {
        text-decoration: none;
        color: black;
    }


    #div-texto .porta-6-1 {
        color: var(--black);
        font-family: var(--font-family-montserrat);
        font-size: 3.73vw;
        font-weight: 600;
        height: 100%;
        left: 2rem;
        letter-spacing: 0.07vw;
        line-height: 3.72vw;
        position: relative;
        /* top: 30.87%; */
        width: 100%;
    }
    #div-texto .people-say-porta-6-s {
        letter-spacing: 0.04vw;
        line-height: 1w;
        position: relative;
        left: 2rem;
        width: 88%;
    }
}


/****************************************************************************************************************************************/
@media only screen and (max-width: 430px) {
    .iphone {
        background-color: #ffffff;
        overflow: hidden;
        width: 100%;
        /*min-width: 393px;*/
        height: 2700px;
        /*min-height: 100vh;*/
        position: relative;
    }

        .iphone a {
            text-decoration: none
        }

        .iphone .PORTA-SHORTVIDEO {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 880px;
        }

        .iphone .BURGUER {
            display: flex;
            flex-direction: column;
            width: 46px;
            align-items: flex-start;
            gap: 10px;
            padding: 55px 0px 0px;
            position: absolute;
            top: 0;
            left: 320px;
        }

        .iphone .burguer {
            position: relative;
            width: 33px;
            height: 21px;
        }

        .iphone .line {
            position: absolute;
            width: 100%;
            height: 123.81%;
            top: -23.81%;
            left: 0;
        }

        .iphone .img {
            position: absolute;
            width: 68.92%;
            height: 75.16%;
            top: 24.84%;
            left: 31.08%;
        }

        .iphone .line-2 {
            position: absolute;
            width: 83.05%;
            height: 23.81%;
            top: 76.19%;
            left: 16.95%;
        }

        .iphone .group {
            position: absolute;
            width: 8.63%;
            height: 0;
            top: 30.29%;
            left: 45.69%;
        }

        .iphone .rectangle {
            position: absolute;
            width: 100%;
            height: 100.00%;
            top: 0;
            left: 0;
            background-color: #f3cf30;
            transform: rotate(-180deg);
        }

        .iphone .back-to-top {
            position: absolute;
            width: 24.23%;
            height: 43.52%;
            top: 28.24%;
            left: 37.89%;
            transform: rotate(90deg);
        }

        .iphone .div {
            width: 126.02%;
            height: 7.63%;
            top: 24.78%;
            left: -11.76%;
            transform: rotate(42.56deg);
            position: absolute;
            background-color: #000000;
            border-radius: 37px;
        }

        .iphone .rectangle-2 {
            width: 126.02%;
            height: 7.29%;
            top: 69.25%;
            left: -11.89%;
            transform: rotate(-42.56deg);
            position: absolute;
            background-color: #000000;
            border-radius: 37px;
        }

        .iphone .artboard {
            position: absolute;
            top: 99px;
            left: 147px;
            width: 233px;
            height: 105px;
        }

        .iphone .p {
            position: absolute;
            top: 893px;
            left: calc(50.00% - 241px);
            width: 483px;
            height: 255px;
        }

        .iphone .rectangle-3 {
            position: absolute;
            top: 1713px;
            left: 1px;
            width: 100%;
            height: 408px;
            background-color: #f3cf30;
            box-shadow: 0px 4px 26.2px #0000002b;
        }

        .iphone .behind {
            position: absolute;
            top: 1739px;
            left: 36px;
            width: 474px;
            font-family: "Montserrat-SemiBold", Helvetica;
            font-weight: 600;
            color: #000000;
            font-size: 3rem;
            letter-spacing: 3px;
            line-height: 74.3px;
        }

        .iphone .the-door {
            position: absolute;
            top: 1937px;
            left: 46px;
            width: 176px;
            font-family: "Montserrat-Bold", Helvetica;
            font-weight: 700;
            color: #000000;
            font-size: 19px;
            letter-spacing: 0.76px;
            line-height: 18.8px;
        }

        .iphone .sas {
            position: absolute;
            top: 1797px;
            left: 84px;
            width: 75%;
            height: 160px;
        }

        .iphone .p-2 {
            position: absolute;
            width: 104.54%;
            height: 105.43%;
            top: -10%;
            left: -10%;
            object-fit: cover;
        }

        .iphone .rectangle-4 {
            width: 7.61%;
            height: 14.37%;
            top: 10%;
            left: 88.44%;
            /* transform: rotate(-180deg);*/
            position: absolute;
            /*  border: 1px solid;
        border-color: #000000;*/
        }

        .iphone .back-to-top-2 {
            position: absolute;
            /* width: 9%; */
            /* height: 5%; */
            top: 7rem;
            right: 0;
            transform: rotate(-90deg);
        }

        .iphone .rectangle-5, .iphone .rectangle-25-1 {
            position: absolute;
            width: 132.60%;
            height: 7.54%;
            top: 24.82%;
            left: -15.05%;
            background-color: #000000;
            border-radius: 37px;
            transform: rotate(45.57deg);
        }

        .iphone .rectangle-6, .iphone .rectangle-26-1 {
            position: absolute;
            width: 132.60%;
            height: 7.21%;
            top: 69.29%;
            left: -15.19%;
            background-color: #000000;
            border-radius: 37px;
            transform: rotate(-45.57deg);
        }

        .iphone .group-2 {
            position: absolute;
            width: 7.55%;
            height: 13.88%;
            top: 68.99%;
            left: 88.50%;
            transform: rotate(-90deg);
        }

        .iphone .rectangle-7 {
            width: 100.00%;
            height: 100.00%;
            top: 0;
            left: 0;
            transform: rotate(270deg);
            position: absolute;
            border: 1px solid;
            border-color: #000000;
        }

        .iphone .back-to-top-3 {
            position: absolute;
            /* width: 13.70%; */
            /* height: 2rem; */
            top: 4rem;
            right: 0;
        }

        .iphone .rectangle-8, .iphone .rectangle-25-2 {
            width: 129.27%;
            height: 7.58%;
            top: 24.80%;
            left: -13.39%;
            transform: rotate(44.11deg);
            position: absolute;
            background-color: #000000;
            border-radius: 37px;
        }

        .iphone .rectangle-9, .iphone .rectangle-26-2 {
            width: 129.27%;
            height: 7.25%;
            top: 69.27%;
            left: -13.52%;
            transform: rotate(-44.11deg);
            position: absolute;
            background-color: #000000;
            border-radius: 37px;
        }

        .iphone .text-wrapper {
            position: absolute;
            top: 2020px;
            left: 47px;
            width: 253px;
            font-family: "Montserrat-Regular", Helvetica;
            font-weight: 400;
            color: #000000;
            font-size: 11px;
            letter-spacing: 0.44px;
            line-height: 10.9px;
        }

        .iphone .ABOUT-US {
            position: absolute;
            top: 2057px;
            left: 47px;
            width: 79px;
            height: 24px;
            border: 0.7px solid;
            border-color: #000000;
        }

        .iphone .text-wrapper-2 {
            position: absolute;
            width: 64.08%;
            height: 25.00%;
            top: 36.54%;
            left: 18.31%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-family: "Montserrat-SemiBold", Helvetica;
            font-weight: 600;
            color: #000000;
            font-size: 10px;
            text-align: center;
            letter-spacing: 0.4px;
            line-height: 9.9px;
            white-space: nowrap;
        }

        .iphone .porta {
            position: absolute;
            top: 2004px;
            left: 46px;
            width: 172px;
            font-family: "Montserrat-SemiBold", Helvetica;
            font-weight: 600;
            color: #000000;
            font-size: 11px;
            letter-spacing: 0.44px;
            line-height: 10.9px;
        }

        .iphone .group-3 {
            position: absolute;
            top: 2085px;
            left: 282px;
            width: 48px;
            height: 9px;
        }

        .iphone .line-3 {
            position: absolute;
            top: 9px;
            left: 0;
            width: 48px;
            height: 0.5px;
            background-color: #000;
        }

        .iphone .line-4 {
            position: absolute;
            top: 1px;
            left: 47px;
            width: 1px;
            height: 9px;
            background-color: #000000;
        }

        /*.iphone .group-4 {
        position: absolute;
        width: 280px;
        height: 13px;
        top: 2593px;
        left: 57px;
        display: flex;
        gap: 13.9px;
    }*/

        /*.iphone .group-5 {
        width: 100.21px;
        display: flex;
        gap: 17px;
        height: 107.69%;
        left: 23.73% 66.4375px;
        position: absolute;
        top: 17.87%;*/
        /* transform: rotate(-90.00deg); */
        /*width: 52.53%;
    }*/

        .iphone .image {
            width: 30.61px;
            height: 13.42px;
            object-fit: cover;
            position: relative;
        }

        .iphone .image-2 {
            width: 52.61px;
            height: 13.02px;
            object-fit: cover;
        }

        .iphone .group-wrapper {
            margin-top: 0.4px;
            width: 165.68px;
            display: flex;
        }

        /*.iphone .group-6 {
        height: 107.69%;
        left: 23.73%;
        position: absolute;
        top: -25.56%;*/
        /* transform: rotate(90.00deg); */
        /*width: 52.53%;
        width: 165.68px;
        height: 12.78px;
        display: flex;
        gap: 6.5px;
    }*/

        .iphone .image-3 {
            width: 53.98px;
            height: 12.33px;
            object-fit: cover;
        }

        .iphone .image-4 {
            width: 105.18px;
            height: 12.78px;
        }

        .iphone .line-5 {
            position: absolute;
            top: 2586px;
            left: 0;
            width: 393px;
            height: 1px;
        }

        .iphone .group-7 {
            position: absolute;
            left: calc(50.00% + 194px);
            bottom: 330px;
            width: 23px;
            height: 10px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: flex-end;
            gap: -9.3px;
        }

        .iphone .element-facebook-icon {
            margin-left: -20px;
            height: 9.55px;
            width: 2.92px;
            object-fit: cover;
        }

        .iphone .element-instagram {
            margin-left: 10889.2px;
            height: 9.33px;
            width: 9.71px;
            object-fit: cover;
        }

        .iphone .line-6 {
            position: absolute;
            left: calc(50.00% - 62px);
            bottom: 0;
            width: 126px;
            height: 1px;
        }

        .iphone .text-wrapper-3 {
            position: absolute;
            left: calc(50.00% - 79px);
            top: 2350px;
            width: 160px;
            font-family: "Montserrat-SemiBold", Helvetica;
            font-weight: 600;
            color: #000000;
            font-size: 10px;
            text-align: center;
            letter-spacing: 0.4px;
            line-height: 16px;
            z-index: 2;
        }

        .iphone .keep-up-with-our {
            position: absolute;
         /*   left: calc(50.00% - 92px);*/
            top: 2370px;
            width: 100%;
            font-family: "Montserrat-Regular", Helvetica;
            font-weight: 400;
            color: #000000;
            font-size: 10px;
            text-align: center;
            letter-spacing: 0.4px;
            line-height: 16px;
        }

        .iphone .text-wrapper-4 {
            position: absolute;
            left: calc(50.00% - 62px);
            top: 2545px;
            width: 124px;
            font-family: "Montserrat-SemiBold", Helvetica;
            font-weight: 600;
            color: #000000;
            font-size: 7px;
            text-align: center;
            letter-spacing: 0;
            line-height: 9.7px;
            white-space: nowrap;
        }

        .iphone .line-7 {
            position: absolute;
            left: calc(50.00% - 172px);
            bottom: 0;
            width: 340px;
            height: 1px;
        }

        .iphone .frame {
            display: flex;
            width: 289px;
            align-items: center;
            gap: 11px;
            position: absolute;
            top: 2573px;
            left: calc(50.00% - 144px);
        }

        .iphone .text-wrapper-5 {
            position: relative;
            width: 50.3px;
            height: 27px;
            margin-top: -1px;
            font-family: "Montserrat-Regular", Helvetica;
            font-weight: 400;
            color: #bcbcbc;
            font-size: 7px;
            letter-spacing: 0;
            line-height: 9.7px;
            text-decoration: underline;
        }

        .iphone .text-wrapper-6 {
            position: relative;
            width: 79.33px;
            height: 27px;
            margin-top: -1px;
            font-family: "Montserrat-Regular", Helvetica;
            font-weight: 400;
            color: #bcbcbc;
            font-size: 7px;
            letter-spacing: 0;
            line-height: 9.7px;
            text-decoration: underline;
        }

        .iphone .text-wrapper-7 {
            position: relative;
            width: 69.12px;
            height: 27px;
            margin-top: -1px;
            font-family: "Montserrat-Regular", Helvetica;
            font-weight: 400;
            color: #bcbcbc;
            font-size: 7px;
            letter-spacing: 0;
            line-height: 9.7px;
            text-decoration: underline;
        }

        .iphone .text-wrapper-8 {
            position: relative;
            width: 65.44px;
            height: 27px;
            margin-top: -1px;
            margin-right: -8.19px;
            font-family: "Montserrat-Regular", Helvetica;
            font-weight: 400;
            color: #bcbcbc;
            font-size: 7px;
            letter-spacing: 0;
            line-height: 9.7px;
            text-decoration: underline;
        }

        .iphone .scrollToTop {
            position: absolute;
            left: calc(50.00% - 13px);
            top: 2300px;
            width: 20px;
            height: 20px;
            display: flex;
            align-items: flex-end;
            justify-content: center;
            background-color: #f3cf30;
            transform: rotate(180deg);
            z-index:10;
        }

        .iphone .back-to-top-4 {
            /*margin-bottom: 6.7px;
        width: 3.9px;
        height: 7.25px;
        margin-left: 0.3px;
        position: relative;
        background-color: #f3cf30;*/
            transform: rotate(90deg);
        }

        .iphone .rectangle-10 {
            width: 127.86%;
            height: 7.60%;
            top: 24.79%;
            left: -12.68%;
            transform: rotate(43.45deg);
            position: absolute;
            background-color: #000000;
            border-radius: 37px;
        }

        .iphone .rectangle-11 {
            width: 127.86%;
            height: 7.27%;
            top: 69.26%;
            left: -12.82%;
            transform: rotate(-43.45deg);
            position: absolute;
            background-color: #000000;
            border-radius: 37px;
        }

        .iphone .rectangle-12 {
            position: absolute;
            top: 2133px;
            left: 2px;
            width: 100%;
            height: 136px;
            background-color: #ffffff;
            box-shadow: 0px 4px 26.2px #00000008;
        }

        .iphone .group-8 {
            position: absolute;
            top: 2152px;
            left: calc(50.00% - 113px);
            width: 225px;
            height: 101px;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .iphone .text-wrapper-9 {
            margin-left: -4px;
            height: 11.99px;
            width: 221.32px;
            font-family: "Montserrat-SemiBold", Helvetica;
            font-weight: 600;
            color: #000000;
            font-size: 13px;
            text-align: center;
            letter-spacing: 0.52px;
            line-height: 20.8px;
            white-space: nowrap;
        }

        .iphone .text-wrapper-10 {
            margin-left: -4px;
            height: 14.77px;
            width: 151.04px;
            margin-top: 5.5px;
            font-family: "Montserrat-Regular", Helvetica;
            font-weight: 400;
            color: #000000;
            font-size: 11px;
            text-align: center;
            letter-spacing: 0.44px;
            line-height: 17.6px;
            white-space: nowrap;
        }

        .iphone .group-9 {
            margin-left: -2.3px;
            height: 13.94px;
            width: 197.4px;
            position: relative;
            margin-top: 13.4px;
        }

        .iphone .enter-your-email {
            position: absolute;
            top: 0;
            left: calc(50.00% - 75px);
            width: 150px;
            font-family: "Montserrat-Regular", Helvetica;
            font-weight: 400;
            color: #63636363;
            font-size: 9px;
            text-align: center;
            letter-spacing: 0.36px;
            line-height: 14.4px;
            white-space: nowrap;
        }

        .iphone .line-8 {
            position: absolute;
            top: 12px;
            left: 0;
            width: 195px;
            height: 1px;
        }

        .iphone form {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            width: 50%;
            gap: 16px;
        }

        /*.iphone .enviar-pequeno {
    margin-left: -4px;
    height: 16px;
    width: 93px;
    position: relative;*/
        /* margin-top: 25.5px;
    border-radius: 3px;*/
        /*border: 0.7px solid;
    border-color: #000000;
}*/

        /*.iphone .enviar-pequeno {
    border: 0.14vw solid;
    border-color: var(--black);
    border-radius: 0;
    height: 3.3vw;*/
        /*margin-left: -0vw;
    margin-top: 2.89vw;*/
        /*position: relative;
    width: 9.61vw;
    background-color: transparent;
    display: flex;
    justify-content: center;
    cursor: pointer;
}*/




        .iphone .CAT-MENU-wrapper {
            display: flex;
            flex-direction: column;
            width: 59px;
            align-items: flex-start;
            gap: 10px;
            padding: 44px 10px 10px;
            position: absolute;
            top: 866px;
            left: 9px;
        }

        .iphone .CAT-MENU {
            position: relative;
            width: 51px;
            height: 50px;
            margin-right: -12px;
            /*background-image: url(./img/porta6-12-3.png);*/
            background-size: 100% 100%;
        }

        .iphone .component {
            position: absolute;
            top: 1177px;
            left: calc(50.00% - 161px);
            width: 322px;
            height: 509px;
        }

        .iphone .rectangle-13 {
            position: absolute;
            width: 100%;
            height: 56.85%;
            top: 0;
            left: 0;
            border: none;
            background-color: #ffffff;
            box-shadow: 0px 4px 18.2px #00000030;
        }

        .iphone .group-10 {
            position: absolute;
            width: 19.77%;
            height: 4.75%;
            top: 3.19%;
            left: 22.49%;
            transform: rotate(-180deg);
        }

        .iphone .line-9 {
            position: absolute;
            width: 100.00%;
            height: 1px;
            top: 100%;
            background-color: #000;
            left: 1px;
            transform: rotate(180deg);
        }

        .iphone .line-10 {
            position: absolute;
            width: 1px;
            height: 20px;
            top: 4px;
            left: 100.00%;
            background-color: #000;
            transform: rotate(180deg);
        }

        .iphone .rectangle-14 {
            position: absolute;
            width: 100%;
            height: 43.15%;
            top: 56.85%;
            left: 0;
            background-color: #f3cf30;
            box-shadow: 0px 4px 18.2px #00000030;
        }

        .iphone .laugh-a-lot {
            position: absolute;
            width: 100%;
            height: 6.39%;
            top: 15.33%;
            right: 0%;
            font-family: "Montserrat-SemiBold", Helvetica;
            font-weight: 600;
            color: #000000;
            font-size: 1.65rem;
            letter-spacing: 1.08px;
            line-height: 35.9px;
            white-space: nowrap;
            text-align: right;
        }

        .iphone .wine-a-little {
            position: absolute;
            width: 79.82%;
            height: 6.39%;
            top: 9.94%;
            left: 0;
            font-family: "Montserrat-SemiBold", Helvetica;
            font-weight: 600;
            color: #000000;
            font-size: 1.65rem;
            text-align: left;
            letter-spacing: 1.08px;
            line-height: 35.9px;
            white-space: nowrap;
        }

        .iphone .text-wrapper-11 {
            position: absolute;
            width: 68.53%;
            height: 12.17%;
            top: 85.19%;
            left: 16.58%;
            font-family: "Montserrat-Regular", Helvetica;
            font-weight: 400;
            color: #000000;
            font-size: 9px;
            letter-spacing: 0.36px;
            line-height: 8.9px;


            color: #000;
            font-feature-settings: 'liga' off, 'clig' off;
            font-family: Montserrat;
            font-size: 9px;
            font-style: normal;
            font-weight: 400;
            line-height: 99%; /* 8.91px */
            letter-spacing: 0.36px;
        }

        .iphone .porta-wrapper {
            position: absolute;
            width: 50%;
            height: 3.93%;
            top: 80.08%;
            left: 16.58%;
        }

        .iphone .porta-2 {
            position: absolute;
            width: 124.68%;
            height: 100.00%;
            top: 29.87%;
            left: 0;
            font-family: "Montserrat-SemiBold", Helvetica;
            font-weight: 600;
            color: #000000;
            font-size: 11px;
            letter-spacing: 0.44px;
            line-height: 10.9px;
        }

        .iphone .group-11 {
            position: absolute;
            width: 28.17%;
            height: 5.76%;
            top: 64.86%;
            left: 56.14%;
        }

        .iphone .rectangle-15 {
            position: absolute;
            width: 90.45%;
            height: 100%;
            top: 0;
            left: 2.96%;
            border: 0.5px solid;
            border-color: #000000;
        }

        .iphone .view-full-range {
            position: absolute;
            width: 97.80%;
            height: 68.95%;
            top: 14.95%;
            left: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            font-family: "Montserrat-SemiBold", Helvetica;
            font-weight: 600;
            color: #000000;
            font-size: 10px;
            text-align: center;
            letter-spacing: 0.4px;
            line-height: 9.9px;
        }

        .iphone .portavt {
            position: absolute;
            width: 75%;
            height: 74.76%;
            top: 12%;
            left: -5%;
        }

        .iphone .group-12 {
            position: absolute;
            width: 7.44%;
            height: 13.12%;
            top: 28.83%;
            left: 66.05%;
        }

        .iphone .rectangle-16 {
            width: 100%;
            height: 35.92%;
            top: 64.08%;
            left: 0;
            transform: rotate(-180deg);
            position: absolute;
            border: 1px solid;
            border-color: #000000;
        }

        .iphone .group-13 {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
        }

        .iphone .back-to-top-5 {
            position: absolute;
            width: 11.62%;
            height: 10.75%;
            top: 100%;
            left: 10%;
            transform: rotate(-90deg);
        }

        .iphone .text-wrapper-12 {
            position: absolute;
            width: 100%;
            height: 20.75%;
            top: 50%;
            left: 20%;
            font-family: "Montserrat-Regular", Helvetica;
            font-weight: 400;
            color: #000000;
            font-size: 9px;
            letter-spacing: 2px;
            line-height: 5.9px;
            white-space: nowrap;
            margin: 0;
        }

        .iphone .div-wrapper {
            position: absolute;
            width: 100%;
            height: 40%;
            top: 0;
            left: 0;
            /*border: 1px solid;
        border-color: #000000;
        transform: rotate(0deg);*/
        }

        .iphone .back-to-top-6 {
            position: relative;
            width: 13.70%;
            height: 26.03%;
            top: 37.67%;
            left: 43.15%;
            transform: rotate(-270deg);
        }

        .iphone .see-wine {
            position: absolute;
            width: 23.99%;
            height: 2.94%;
            top: 49.95%;
            left: 57.78%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-family: "Montserrat-Regular", Helvetica;
            font-weight: 400;
            color: #000000;
            font-size: 9px;
            text-align: center;
            letter-spacing: 0.36px;
            line-height: 14.4px;
            text-decoration: underline;
            white-space: nowrap;
        }

        .iphone .red-wine {
            position: absolute;
            width: 35.75%;
            height: 3.34%;
            top: 47.08%;
            left: 51.90%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-family: "Montserrat-SemiBold", Helvetica;
            font-weight: 600;
            color: #000000;
            font-size: 9px;
            text-align: center;
            letter-spacing: 0.36px;
            line-height: 14.4px;
            white-space: nowrap;
        }

        .iphone .menu-rodape-phone {
            position: absolute;
            top: 2431px;
            left: calc(50.00% - 54px);
            width: 106px;
            height: 97px;
            display: flex;
            z-index: 2;
        }

        .iphone .frame-2 {
            display: flex;
            flex: 1;
            width: 106px;
            position: relative;
            flex-direction: column;
            align-items: center;
            gap: 6px;
        }

        .iphone .group-14 {
            position: relative;
            width: 101.73px;
            height: 17.34px;
        }

        .iphone .who-is {
            position: absolute;
            top: 3px;
            left: 0;
            font-family: "Monda-SemiBold", Helvetica;
            font-weight: 600;
            color: #000000;
            font-size: 12px;
            letter-spacing: 0.48px;
            line-height: 13.6px;
            white-space: nowrap;
        }

        .iphone .eef {
            position: absolute;
            top: 0;
            left: 56px;
            width: 44px;
            height: 17px;
        }

        .iphone .text-wrapper-13 {
            position: relative;
            align-self: stretch;
            font-family: "Afacad-Regular", Helvetica;
            font-weight: 400;
            color: #000000;
            font-size: 12px;
            text-align: center;
            letter-spacing: 0.48px;
            line-height: 13.6px;
        }

        .iphone .text-wrapper-14 {
            position: relative;
            align-self: stretch;
            font-family: "Moul-Regular", Helvetica;
            font-weight: 400;
            color: #000000;
            font-size: 12px;
            text-align: center;
            letter-spacing: 0.48px;
            line-height: 13.6px;
        }

        .iphone .text-wrapper-15 {
            position: relative;
            align-self: stretch;
            font-family: "Oleo Script-Regular", Helvetica;
            font-weight: 400;
            color: #000000;
            font-size: 12px;
            text-align: center;
            letter-spacing: 0.48px;
            line-height: 13.6px;
        }

        .iphone .text-wrapper-16 {
            position: relative;
            align-self: stretch;
            font-family: "Enriqueta-Regular", Helvetica;
            font-weight: 400;
            color: #000000;
            font-size: 12px;
            text-align: center;
            letter-spacing: 0.48px;
            line-height: 13.6px;
        }

        .iphone #email {
            border: none;
            text-align: center;
            border-bottom: thin black solid;
            width: 100%;
        }

        .iphone .enviar-pequeno {
            border: 1px solid #000;
            /* border-color: var(--black); */
            border-radius: 3px;
            height: 7vw;
            /* margin-left: -0vw; */
            /* margin-top: 6vw; */
            position: relative;
            width: 25vw;
            background-color: transparent;
            /* display: flex; */
            justify-content: center;
            cursor: pointer !important;
        }

            .iphone .enviar-pequeno:hover {
                border-color: var(--black);
                color: var(--golden-dream);
                background-color: var(--black);
            }

                .iphone .enviar-pequeno:hover > div {
                    border-color: var(--black);
                    color: var(--white);
                    background-color: var(--black);
                }

        .iphone .group-4 {
            justify-content: center;
        }

        .iphone .group-4 {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: space-between;
            gap: 10px;
            padding: 20px 40px;
            width: 100%;
            /* max-width: 1200px; */
            margin: 0 auto;
            position: absolute;
            height: 13px;
            top: 2575px;
            /* left: -24%;*/
        }

        .iphone .group-5,
        .iphone .group-6 {
            transform: rotate(0.00deg);
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .iphone .group-4 img {
            display: block;
            /*height: auto;
        max-height: 60px; 
        width: auto;
        object-fit: contain;*/
        }

        .iphone .group-3607 {
            /* border: 0.07vw solid; */
            /* border-color: var(--black); */
            /* height: 8.84%;*/
            /*left: 68.98%;*/
            /*position: absolute;
        top: 15%;*/
            /* transform: rotate(180.00deg); */
            /*width: 80%;*/
           /* z-index: 1;*/
        }

    .iphone .rectangle-25 {
        background-color: var(--black);
        border-radius: 2.57vw;
        height: 7.60%;
        left: -12.68%;
        position: absolute;
        top: 24.79%;
        transform: rotate(43.45deg);
        width: 127.86%;
    }
    .iphone .rectangle-26 {
        background-color: var(--black);
        border-radius: 2.57vw;
        height: 7.27%;
        left: -12.82%;
        position: absolute;
        top: 69.26%;
        transform: rotate(-43.45deg);
        width: 127.86%;
    }
        .iphone #img-slide-seta-esq, .iphone #img-slide-seta-dir {
            width: 2rem;
        }
        .iphone .enviar-pequeno:hover {
            border-color: var(--black);
            color: var(--golden-dream);
            background-color: var(--black);
        }
}