:root {
    --roxo: #4D2342;
    --verde: #90D4C7;
    --bege: #F7EBDF;
    --texto: #3E3432;
    --offwhite: #F4F2E9;
    --text-green: #57AD9D;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
}

::-webkit-scrollbar {
    width: 0.6rem;
    scroll-behavior: smooth;
  }

  /* Track */
  ::-webkit-scrollbar-track {
    background: var(--offwhite);
  }

  /* Handle */
  ::-webkit-scrollbar-thumb {
    box-shadow: #e9e6e6;
    border-radius: 5px;
    background: var(--roxo);
    scrollbar-width: 0.5rem;
  }

body {
    font-family: 'Poppins', sans-serif;
    background: var(--bege);
    color: var(--texto);
    max-width: 1920px;
    height: 100%;
    margin: 0 auto;
}

.cta-linkFooter {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 40px;
    right: 40px;
    background-color: #25d366;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    font-size: 30px;
    line-height: 60px;
    box-shadow: 2px 2px 3px #999;
    z-index: 1000;
    text-decoration: none;
}


.header {
    width: 100%;
    height: 180px;
    background-color: var(--roxo);
    display: flex;
    justify-content: center;
    align-items: center;
}


.logo {
    margin: 72px 0;

    width: 254px;
    height: 92px;
}

/* HERO */

.hero {
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: center;
    overflow: hidden;
    height: 1269px;
    background: var(--bege);
}

.hero-bg-line {
    position: absolute;
    width: 2249px;
    max-width: 2249px;
    height: 1115px;
    left: 50%;
    transform: translateX(-50%);
    object-fit: cover;
    object-position: center;
    z-index: 0;
}

.hero-bg-eye {
    position: absolute;
    right: 120px;
    top: 240px;
    width: 760.29px;
    height: 719.99px;
    z-index: 2;
}

.hero__container {
    position: relative;
    z-index: 2;
    max-width: 690px;
    padding: 0 50px;
    margin: 200px 0 50px 0;
}

.hero__title {
    font-weight: 600;
    font-size: clamp(36px, 4vw, 70px);
    line-height: 1.15;

}

.hero__subtitle {
    margin-top: 20px;
    font-weight: 500;
    font-size: clamp(50px, 2vw, 40px);
    color: var(--text-green);
    text-align: left;
    width: 638px;
    height: 118px;
}

/* SECTION */

.sobre {
    background: var(--roxo);
    height: 1558px; /* altura do Figma */
    position: relative;
    overflow: hidden;
}

/* CONTAINER CENTRAL */

.container-sobre {
    max-width: 100%;
    height: 100%;

    display: flex;
    flex-direction: column;
    align-items: flex-end;

    position: relative;
    z-index: 2;
}
/* IMAGEM */

.sobre-bg-line-vinho {
    position: absolute;
    left: -1017px; 
    top: -470px;
    

    
    overflow: hidden;
}

.sobre-bg-line-vinho img {
    height: auto; /* mantém proporção real */
    display: block;
    height: 1900px; /* altura do Figma */
    width: 1680px; /* escala proporcional */
}
.sobre-content-1 {
    max-width: 850px;
    height: fit-content;
    position: relative;
    z-index: 3;
    margin-left: 0;
    padding-left: 0px;
    margin-bottom: 60px;
}

.sobre-content-2 {
    max-width: 100%;
    height: fit-content;
    position: relative;
    z-index: 3;
    margin-left: 0;
    padding-left: 0px;
    margin-bottom: 60px;
}

/* TÍTULO */

.green-ball{
    display: flex;
    margin: 15px;
    align-items: center;
    width: 26px;
    height: 26px;
}

.section-title-sobre .star {
width: 50px;
height: 52px;
flex-shrink: 0;
}

.section-title-sobre .green-ball {
width: 26px;
height: 26px;
flex-shrink: 0;
}


.section-title-sobre-1 {
font-weight: 600;
font-style: SemiBold;
font-size: 46px;
line-height: 120%;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;
margin:auto 150px 60px  -100px;
color: var(--offwhite); 
width: 900px;
height: 90px;
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
}


.section-text-sobre-1 {
font-family: Poppins;
font-weight: 400;
font-style: Regular;
font-size: 32px;
line-height: 120%;
letter-spacing: 0%;
text-align: start;
display: block;
margin: 20px 0 20px 0;
color: var(--offwhite);
padding: 0 0 0 35px;
}

.section-title-sobre-2 {
font-family: Poppins;
font-weight: 300;
font-style: Light;
font-size: 38px;
line-height: 120%;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;

margin: 10px 40px 50px 10px;

color: var(--text-green);
Width: 755px;
Height: 86px;
}


.section-text-sobre-2 {
font-family: Poppins;
font-weight: 400;
font-style: Regular;
font-size: 32px;
line-height: 120%;
letter-spacing: 0%;
text-align: start;
display: block;
margin: 20px 0 20px 0;
color: var(--offwhite);
padding: 0 0 0 35px;
}

.p-icon-ball {
width: 14px;
height: 14px;
opacity: 1;
float: left;
margin: 10px 30px 0px -10px;
flex-shrink: 0;
}

.p-icon-star {
width: 50px;
height: 52px;
opacity: 1;
float: left;
margin: -5px 15px 0 0;
flex-shrink: 0;
}


/* BOTÃO */

.btn-hero {
    margin: 140px 140px 140px 0px;
    display: inline-flex;
    align-items: center;
    background: var(--roxo);
    color: var(--offwhite);
    border-radius: 60px;
    font-weight: 600;
    font-size: 35px;
    text-decoration: none;
    transition: 0.3s ease;

    width: 497px;
    height: 90px;
}

.btn-hero:hover {
    filter: brightness(1.15);
}

.btn-hero__icon {
    width: 100px;
    height: 100px;
    background: var(--verde);
    border-radius: 50%;
    margin-right: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero-cta-icon {
    width: 150px;
    height: 150px;
}

.btn-sobre-whatsapp {
    position: absolute;
    margin: 120px 0 0 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--text-green);
    color: var(--offwhite);
    border-radius: 199px;
    font-weight: 600;
    font-size: 28px;
    text-decoration: none;
    transition: 0.3s ease;
    width: 562px;
    height: 86px;
    border: none;
    cursor: pointer;
}

.btn-sobre-whatsapp:hover {
    filter: brightness(1.1);
}

.btn-sobre-whatsapp-service:hover {
    filter: brightness(1.1);
}

/* MODO TRABALHO */

.modoTrabalho {
    width: 100%;
    height: 1380px;
    background: var(--offwhite);
    position: relative;
    overflow: hidden;
    margin: 0;
}

.modo-trabalho-title {
    font-weight: 600;
    font-style: SemiBold;
    font-size: 46px;
    line-height: 120%;
    letter-spacing: 0%;
    text-align: center;
    color: var(--texto);
    width: 950px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 80px;
    margin: 30px 70px 60px 70px;
    position: relative;
    z-index: 2;
}

.modo-trabalho-title .star {
    width: 50px;
    height: 52px;
    flex-shrink: 0;
}

.modo-trabalho-title .green-ball {
    width: 26px;
    height: 26px;
    flex-shrink: 0;
}

.modo-trabalho-content {
    position: relative;
    z-index: 2;
    max-width: 780px;
    margin-left: 150px;
}

.modo-trabalho-subtitle {
    font-family: Poppins;
    font-weight: 300;
    font-style: Regular;
    font-size: 32px;
    line-height: 150%;
    letter-spacing: 0%;
    text-align: justify;
    color: var(--texto);
    width: 780px;
    height: 709px;
}

.modo-trabalho-img {
    position: absolute;
    top: 50%;
    right: 50px;
    transform: translateY(-40%);
    width: min(30vw, 640px);
    max-width: calc(100vw - 100px);
    height: 740px;
    border-radius: 10px;
    display: block;
    z-index: 1;
}

.modo-trabalho-star {
    position: absolute;
    top: 50%;
    right: 50px;
    transform: translateY(-50%);
    width: 585px;
    height: 585px;
    opacity: 1;
    z-index: 1;
}

/* SEÇÕES */

section {
    padding: 120px 155px;
}

.container {
    max-width: 1200px;
}

.section-title {
    font-size: 40px;
    font-weight: 600;
}

.section-text {
    margin-top: 20px;
    font-weight: 300;
}

/* CTA */

.cta {
    background: var(--roxo);
    color: var(--offwhite);
    text-align: center;
}

/* PRO FIND */

.pro-find {
    width: 100%;
    height: 1488px;
    background: var(--bege);
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin: 0 0 150px 0;
}

.find-pro-title {
    font-family: Poppins;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 46px;
    line-height: 120%;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    color: var(--texto);
    width: 1400px;
    height: 86px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 130px;
    margin: 80px 0 100px 0;
    position: relative;
    z-index: 2;
}

.find-pro-title .star {
    width: 50px;
    height: auto;
    aspect-ratio: 50 / 52;
    flex-shrink: 0;
}

.find-pro-title .green-ball {
    width: 26px;
    height: auto;
    aspect-ratio: 1 / 1;
    flex-shrink: 0;
}

.find-pro-text {
    font-family: Poppins;
    font-weight: 300;
    font-style: Light;
    font-size: 35px;
    line-height: 120%;
    letter-spacing: 0%;
    text-align: center;
    margin: 30px 0 50px 0;
    width: 1170px;
    height: 141px;
}


.card-wrapper {
    position: relative;
    width: min(92vw, 988px);
    margin: 20px auto 36px auto;
}

.card-find {
    background: #FFFFFF;
    color: var(--texto);
    padding: 34px 42px 34px 92px;
    width: 100%;
    height: fit-content;

    margin-bottom: 0;
}

.card-star-icon {
    position: absolute;
    left: -58px;
    top: 50%;
    transform: translateY(-50%);
    width: 120px;
    height: auto;
    aspect-ratio: 50 / 52;
    z-index: 2;
}

.card-find h3 {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: clamp(24px, 1.8vw, 34px);
    line-height: 120%;
    letter-spacing: 0;
    vertical-align: middle;

    color: var(--text-green);

    width: auto;
    height: auto;
    margin: 0 0 14px 0;
}

.card-find p {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: clamp(17px, 1.1vw, 24px);
    line-height: 120%;
    letter-spacing: 0;
    color: var(--texto);
    width: auto;
    height: auto;
    margin: 0;
}

/* SERVIÇOS */

.servicos {
    width: 100%;
    height: 1600px;
    background: #382D32;
    margin: 0 auto;
}

.servicos-title {
    font-family: 'Poppins', sans-serif;
    color: var(--offwhite);
    font-size: 46px;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: 0;
    text-align: center;
    vertical-align: middle;
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin: 0 20px 32px 20px;
}

.servicos-title .star {
    width: 50px;
    height: auto;
    aspect-ratio: 50 / 52;
    flex-shrink: 0;
}

.servicos-title .green-ball {
    width: 26px;
    height: auto;
    aspect-ratio: 1 / 1;
    flex-shrink: 0;
}

.servicos-subtitle {
    margin: 20px auto 0;
    color: var(--offwhite);
    font-size: 28px;
    font-weight: 400;
    text-align: center;
}

.servicos-grid {
    margin-top: 80px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}

.servico-card {
    background: var(--preto);
    border-radius: 20px;
    padding: 40px;
}

.print-service,
.bag-service {
    width: 364px;
    height: 432px;
    display: block;
    margin: 30px 0 100px 150px;
}

.servico-card h3 {
    color: var(--offwhite);
    font-family: Poppins;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 43px;
    margin-top: 50px;
    line-height: 120%;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;

}

.servico-card p {
    margin-top: 16px;
    color: var(--offwhite);
    font-family: Poppins;
    font-weight: 300;
    font-style: Light;
    font-size: 32px;
    line-height: 120%;
    letter-spacing: 0%;
    text-align: center;

}

.btn-sobre-whatsapp-service {
    position: absolute;
    margin: 90px 0 30px 500px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--text-green);
    color: var(--offwhite);
    border-radius: 199px;
    font-weight: 600;
    font-size: 28px;
    text-decoration: none;
    transition: 0.3s ease;
    width: 562px;
    height: 86px;
    border: none;
    cursor: pointer;
}

/* FOOTER */

.footer {
    width: 100%;
    height: 842px;
    text-align: center;
    background: var(--offwhite);
    color: var(--texto);
    padding: 150px;
}

.footer-title {
    width: 1417px;
    height: 41px;
    font-family: Poppins;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 34px;
    line-height: 120%;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    margin: auto auto 80px 110px;
}

.footer-link {
    display: inline-flex;
    align-items: center;
    gap: 20px;
    text-decoration: none;
    color: var(--texto);
    font-size: 24px;
    font-weight: 500;
    align-items: center;
    width: fit-content;
    height: fit-content;

    font-family: Poppins;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 26px;
    line-height: 120%;
    letter-spacing: 0%;
    vertical-align: middle;

    margin: 0 80px 40px 80px;
}

.footer-link-icon {
    width: 60px;
    height: 60px;
    object-fit: contain;
}


.footer-text {
    font-family: Poppins;
    font-weight: 300;
    font-style: Light;
    font-size: 25px;
    line-height: 120%;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;

    margin: 150px auto 0 auto;
    width: 1326px;
    height: 60px;
}

/* ANIMAÇÃO */

.fade-up {
    opacity: 0;
    transform: translateY(40px);
    transition: all 0.8s ease;
}

.fade-up.active {
    opacity: 1;
    transform: translateY(0);
}

/* RESPONSIVO */

@media (max-width: 1919px) {
    .sobre-bg-line-vinho {
        display: none;
    }
}

@media (max-width: 1080px) {
    section {
        padding: 70px 28px;
    }

    .header {
        height: 140px;
    }

    .logo {
        margin: 40px 0;
        width: 210px;
        height: 76px;
    }

    .hero {
        height: auto;
        min-height: 100vh;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        text-align: center;
        padding: 70px 28px 50px;
    }

    .hero-bg-eye {
        position: absolute;
        top: 140px;
        left: 50%;
        right: auto;
        transform: translateX(-50%);
        width: min(66vw, 760px);
        height: auto;
        z-index: 3;
    }

    .hero__container {
        position: relative;
        z-index: 4;
        max-width: 100%;
        padding: 0 18px;
        margin: min(56vw, 520px) auto 0;
        text-align: center;
    }

    .hero__title {
        font-size: clamp(44px, 5vw, 58px);
        line-height: 1.2;
        text-align: center;
        width: min(80%, 660px);
        margin: 305px auto 46px;
    }

    .hero__subtitle {
        font-size: clamp(30px, 3.5vw, 42px);
        text-align: center;
        width: 550px;
        height: auto;
        margin: 0 auto 32px;
        font-weight: 600;
        padding: 0 45px;
    }

    .btn-hero {
        margin: 30px auto 0 20px;
        display: inline-flex;
        align-items: center;
        text-align: center;
        justify-content: flex-start;
        gap: 22px;
        font-size: 24px;
        width: 380px;
        max-width: 90%;
        height: 68px;
        padding: 0 24px 0 10px;
        text-align: center;
    }

    a.btn-hero {
        text-align: center;
    }

    .btn-hero__icon {
        width: 68px;
        height: 68px;
        margin-left: 0;
        margin-right: 0;
        flex-shrink: 0;
    }

    .hero-cta-icon {
        width: 96px;
        height: 96px;
        margin-right: 15px;
    }

    .sobre {
        height: auto;
    }

    .container-sobre {
        align-items: center;
    }

    .sobre-bg-line-vinho {
        display: none;
    }

    .sobre-content-1{
        max-width: 100%;
        margin: 0 auto 40px;
        padding: 0;
        text-align: center;
    }
    .sobre-content-2 {
        max-width: 100%;
        margin: 0 auto 40px 5px;
        padding: 0;
        text-align: center;
    }

    .section-title-sobre-1 {
        font-size: 34px;
        margin: 0 auto 34px;
        width: min(92%, 920px);
        height: auto;
        gap: 34px;
    }

    .section-title-sobre-1 .star,
    .modo-trabalho-title .star,
    .find-pro-title .star,
    .servicos-title .star {
        width: min(4.2vw, 50px);
        height: auto;
        aspect-ratio: 50 / 52;
    }

    .green-ball,
    .modo-trabalho-title .green-ball,
    .find-pro-title .green-ball,
    .servicos-title .green-ball {
        width: min(2vw, 26px);
        height: auto;
        aspect-ratio: 1 / 1;
        margin: 0 8px;
       
    }

    .section-title-sobre-1 {
        font-size: 30px;
        margin: 16px 0 68px 30px;
        width: 620px;
        height: auto;
        padding: 0 5px;
        gap: 20px;
    }

    .section-text-sobre-1 {
        font-size: 20px;
        text-align: start;
        margin: 12px 0 32px 110px;
        width: 460px;
        padding: 0;
    }

    .section-title-sobre-2 {
        font-size: 26px;
        margin: 16px 0 68px 250px;
        width: min(90%, 560px);
        height: auto;
    }

    .section-text-sobre-2 {
        font-size: 20px;
        text-align: start;
        margin: 12px 0 35px 255px;
        display: block;
        padding: 0;
        width: min(84%, 860px);
        max-width: 100%;
    }

    .p-icon-ball {
        width: 12px;
        height: 12px;
        float: left;
        margin: 10px 10px 0 90px;
    }

    .p-icon-star {
        width: 32px;
        height: 32px;
        float: left;
        margin: -4px 12px 0 0;
    }

    .btn-sobre-whatsapp {
        position: relative;
        margin: 100px 0px 0 230px;
        width: min(92%, 520px);
        height: 64px;
        font-size: 22px;
    }

    .modoTrabalho {
        height: auto;
        padding: 70px 28px;
    }

    .modo-trabalho-title {
        font-size: 36px;
        margin: 0 auto 34px;
        width: min(92%, 920px);
        height: auto;
        gap: 80px;
    }

    .modo-trabalho-content {
        width: min(88%, 860px);
        height: auto;
        margin: 0 auto;
    }

    .modo-trabalho-subtitle {
        font-size: 22px;
        width: min(100%, 550px);
        height: auto;
        text-align: justify;
        margin: 0 auto;
    }

    .modo-trabalho-img {
        position: relative;
        top: auto;
        right: auto;
        transform: none;
        display: block;
        margin: 0 auto 32px;
        width: min(95%, 420px);
        max-width: 100%;
        height: auto;
    }

    .modo-trabalho-star {
        display: none;
    }

    .pro-find {
        height: auto;
        margin: 0 0 60px 0;
        padding: 20px 28px 35px 28px;
    }

    .find-pro-title {
        font-size: 34px;
        margin: 0 auto 20px;
        width: min(92%, 720px);
        height: auto;
        gap: 100px;
    }

    .find-pro-text {
        font-size: 24px;
        width: min(88%, 550px);
        height: auto;
        margin: 35px auto 34px;
        padding: 0 10px;
    }

    .card-wrapper {
        position: relative;
        width: min(88%, 860px);
        margin: 18px auto 24px;
    }

    .card-find {
        width: 100%;
        min-height: 170px;
        height: auto;
        padding: 30px 24px 26px 92px;
        margin: 0;
        overflow: hidden;
    }

    .card-star-icon {
        position: absolute;
        transform: translateY(-50%);
        width: 108px;
        height: 110px;
        margin-left: 0;
        left: -55px;
    }

    .card-find h3 {
        font-size: 28px;
        margin: 0 0 10px 0;
        width: auto;
    }

    .card-find p {
        font-size: 20px;
        margin: 0;
        height: auto;
    }

    .servicos {
        height: auto;
        padding: 70px 28px;
    }

    .servicos-title {
        font-size: 36px;
        width: min(92%, 920px);
        height: auto;
        margin: 0 auto 30px;
        gap: 100px;
    }

    .servicos-subtitle {
        font-size: 24px;
        margin: 16px auto 36px;
        width: 580px;
        padding: 0;
        text-align: center;
        padding: 25px;
    }

    .servicos-grid {
        grid-template-columns: 1fr;
        margin-top: 10px;
        gap: 30px;
    }

    .servico-card {
        padding: 28px;
    }

    .print-service,
    .bag-service {
        width: 200px;
        height: 245px;
        margin: 10px auto;
    }

    .servico-card h3 {
        font-size: 30px;
        margin: 20px auto;
        text-align: center;
    }

    .servico-card p {
        font-size: 22px;
        margin: 12px auto 24px;
        width: 460px;
        height: fit-content;
        text-align: center;
        padding: 25px;
    }

    .servico-card p br {
        display: none;
    }

    .btn-sobre-whatsapp-service {
        position: relative;
        margin: 30px auto;
        width: min(92%, 420px);
        height: 58px;
        font-size: 20px;
    }

    .footer {
        height: auto;
        padding: 70px 28px;
    }

    .footer-title {
        width: min(92%, 920px);
        height: auto;
        font-size: 30px;
        margin: 0 auto 40px;
    }

    .footer-links {
        flex-direction: column;
        gap: 20px;
        width: 100%;
    }

    .footer-link {
        font-size: 20px;
        margin: 10px 0;
        width: 100%;
        justify-content: center;
    }

    .footer-link-icon {
        width: 46px;
        height: 46px;
    }

    .footer-link-text {
        font-size: 24px;
    }

    .footer-text {
        font-size: 18px;
        width: 90%;
        height: auto;
        margin: 30px auto 0;
        text-align: center;
    }

    .hero-bg-eye {
        z-index: 3;
    }

    .sobre-content-1 img,
    .sobre-content-2 img {
        max-width: 100%;
        height: auto;
    }

    .como__grid {
        grid-template-columns: 1fr 1fr;
    }
}

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

@media (max-width: 768px) {
    /* GERAL */
    section {
        padding: 60px 20px;
    }

    /* HEADER */
    .header {
        height: 120px;
    }

    .logo {
        margin: 30px 0;
        width: 180px;
        height: 65px;
    }

    /* HERO */
    .hero {
        height: auto;
        min-height: 100vh;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        text-align: center;
        padding: 60px 20px 40px;
    }

    .hero-bg-line {
        position: absolute;
        width: 2249px;
        max-width: 2249px;
        height: 1115px;
        left: 50%;
        transform: translateX(-50%);
        object-fit: cover;
        object-position: center;
        z-index: 0;
    }

    .hero-bg-eye {
        position: absolute;
        top: 110px;
        left: 50%;
        transform: translateX(-50%);
        width: min(78vw, 767px);
        height: auto;
        z-index: 3;
    }

    .hero__container {
        position: relative;
        z-index: 4;
        max-width: 100%;
        padding: 0 15px;
        margin: min(74vw, 560px) auto 0;
        text-align: center;
    }

    .hero__title {
        font-size: clamp(42px, 6vw, 30px);
        line-height: 1.3;
        text-align: center;
        margin: 15vw auto 3vw 14vw;
        width: 70%;
    }

    .hero__subtitle {
        font-size: clamp(34px, 4vw, 20px);
        text-align: center;
        width: 70%;
        height: auto;
        margin: 0 auto 7vw auto;
        font-weight: 600;
    }

    .btn-hero {
        margin: 16px auto;
        display: inline-flex;
        align-items: center;
        justify-content: flex-start;
        gap: 35px;
        font-size: 18px;
        width: 290px;
        max-width: 380px;
        height: 48px;
        padding: 0 18px 0 8px;
        text-align: center;
        ;
    }

    .btn-hero__icon {
        width: 48px;
        height: 48px;
        margin-left: 0;
        margin-right: 0;
        flex-shrink: 0;

    }

    .hero-cta-icon {
        width: 70px;
        height: 70px;
        margin-right: 10px;
    }

    /* SOBRE */
    .sobre {
        height: auto;
       
    }

    .container-sobre {
        align-items: center;
    }

    .sobre-bg-line-vinho {
        display: none;
    }

    .sobre-content-1{
        max-width: 100%;
        margin: 0 auto auto 75px;
        padding: 0;
        text-align: center;
    }

    .sobre-content-2 {
        max-width: 100%;
        margin: auto;
        padding: 0;
        text-align: center;
    }

    .section-title-sobre-1 {
        font-size: 22px;
        margin: 0 0 38px 25px;
        width: 80%;
        height: auto;
        gap: 40px;
        font-family: 'Poppins', sans-serif;
        font-weight: 600;
        line-height: 120%;
        letter-spacing: 0;
        text-align: center;
        vertical-align: middle;
    }

    .section-title-sobre-1 .star {
        width: min(5vw, 50px);
        height: auto;
        aspect-ratio: 50 / 52;
    }

    .section-title-sobre-1 .green-ball {
        width: min(2.6vw, 26px);
        height: auto;
        aspect-ratio: 1 / 1;
        margin: 0 2px;
    }

    .section-text-sobre-1 {
        font-size: 16px;
        text-align: start;
        margin: 12px auto 13px 75px;
        display: block;
        font-family: Poppins;
        font-weight: 400;
        font-style: Regular;
        line-height: 120%;
        letter-spacing: 0%;
        width: 88%;
        padding: 0 10px;
    }

    .section-title-sobre-2 {
        font-size: 20px;
        margin: 50px auto 45px;
        width: min(90%, 350px);
        height: auto;
        font-family: 'Poppins', sans-serif;
        font-weight: 300;
        line-height: 120%;
        letter-spacing: 0;
        text-align: center;
        vertical-align: middle;
    }

    .section-text-sobre-2 {
        font-size: 16px;
        text-align: start;
        margin: 12px auto 25px;
        display: block;
        padding: 0 10px;
        width: 88%;
    }

    .p-icon-ball{
        width: 7px;
        height: 7px;
        float: left;
        margin: 4px 0px 0 65px;
    }


     .p-icon-star {
        width: 14px;
        height: 14px;
        float: left;
        margin: 3px 10px 0 0;
    }
    .btn-sobre-whatsapp {
        position: relative;
        margin: 50px auto 0;
        width: 100%;
        max-width: 300px;
        height: 50px;
        font-size: 18px;
        
        font-family: Poppins;
        font-weight: 600;
        font-style: SemiBold;
       
    }

    /* MODO TRABALHO */
    .modoTrabalho {
        height: auto;
        padding: 60px 40px;
    }

    .modo-trabalho-title {
        font-size: 32px;
        margin: 0 auto 28px auto;
        width: 100%;
        height: fit-content;
        gap: 100px;
        font-family: 'Poppins', sans-serif;
        font-weight: 600;
        line-height: 120%;
        letter-spacing: 0;
        text-align: center;
        vertical-align: middle;
    }

    .modo-trabalho-title .star {
        width: min(5vw, 50px);
        height: auto;
        aspect-ratio: 50 / 52;
    }

    .modo-trabalho-title .green-ball {
        width: min(2.6vw, 26px);
        height: auto;
        aspect-ratio: 1 / 1;
        margin: 0 2px;
    }

    .modo-trabalho-content {
        width: min(100%, 570px);
        height: auto;
        margin: 0 auto;
    }

    .modo-trabalho-subtitle {
        font-size: 16px;
        width: 100%;
        max-width: 370px;
        margin: 0 auto;
        height: auto;
        text-align: justify;
        font-family: Poppins;
        font-weight: 400;
        font-style: Regular;
        line-height: 120%;
        letter-spacing: 0%;
    }

    .modo-trabalho-img {
        width: min(92%, 420px);
        margin: 0 auto 24px;
        
    }

    .modo-trabalho-star {
        position: relative;
        top: auto;
        right: auto;
        transform: none;
        width: 200px;
        height: 200px;
        margin: 40px auto 0;
        opacity: 0.3;
        display: none;
    }

    /* PRO FIND */
    .pro-find {
        height: 850px;
        margin: 0 0 60px 0;
    }

    .find-pro-title {
        font-size: 26px;
        margin: 0 auto 28px auto;
        width: 650px;
        height: auto;
        gap: 95px;
        font-family: 'Poppins', sans-serif;
        font-weight: 600;
        line-height: 120%;
        letter-spacing: 0;
        text-align: center;
        vertical-align: middle;
    }

    .find-pro-title .star {
        width: min(5vw, 50px);
        height: auto;
        aspect-ratio: 50 / 52;
     
    }

    .find-pro-title .green-ball {
        width: min(2.6vw, 26px);
        height: auto;
        aspect-ratio: 1 / 1;
        margin:0 2px;
    }

    .find-pro-text {
        font-size: 20px;
        width: min(90%, 470px);
        height: auto;
        margin: 20px auto 40px;
        padding: 0 10px;

        font-family: Poppins;
        font-weight: 300;
        font-style: Light;
        line-height: 120%;
        letter-spacing: 0%;
        text-align: center;
        align-content: center;

    }

    .card-wrapper {
        position: relative;
        width: min(92vw, 400px);
        margin: 16px auto 24px;
    }

    .card-find {
        width: 100%;
        max-width: 400px;
        min-height: 150px;
        height: auto;
        padding: 22px 10px 22px 35px;
        margin: 0 auto;
        overflow: hidden;
    }

    .card-star-icon {
        position: absolute;
        transform: translateY(-50%);
        width: 100px;
        height: 102px;
        margin-left: 5px;
    }

    .card-find h3 {
        font-size: 20px;
        margin: 0 0 10px 0;
        width: auto;
    }

    .card-find p {
        font-size: 16px;
        margin: 0;
        height: auto;
    }

    /* SERVIÇOS */
    .servicos {
        height: auto;
        padding: 60px 20px;
    }

    .servicos-title {
        font-size: 30px;
        width: 96%;
        height: auto;
        margin: 25px auto 45px auto;
        gap: 90px;
        font-family: 'Poppins', sans-serif;
        font-weight: 600;
        line-height: 120%;
        letter-spacing: 0;
        text-align: center;
        vertical-align: middle;
        
    }

    .servicos-title .star {
        width: min(5vw, 50px);
        height: auto;
        aspect-ratio: 50 / 52;
    }

    .servicos-title .green-ball {
        width: min(2.6vw, 26px);
        height: auto;
        aspect-ratio: 1 / 1;
        margin: 0 2px;
    }

    .servicos-subtitle {
        font-size: 22px;
        margin: 15px auto 30px;
        font-family: Poppins;
        font-weight: 300;
        font-style: Light;
        padding: 0 15px;
        line-height: 120%;
        letter-spacing: 0%;
        text-align: center;
        width: 90%;
    }

    .servicos-grid {
        grid-template-columns: 1fr;
        margin-top: 10px;
        gap: 30px;
    }

    .servico-card {
        padding: 25px;
    }

    .print-service,
    .bag-service {
        width: 180px;
        height: 220px;
        margin: 10px auto 10px;
    }

    .servico-card h3 {
        font-size: 26px;
        margin: 20px auto;
    }

    .servico-card p {
        font-size: 18px;
        margin: 25px auto;

        font-family: Poppins;
        font-weight: 300;
        font-style: Light;
        line-height: 120%;
        letter-spacing: 0%;
        text-align: center;

        width: 92%;
        max-width: 350px;
        height: fit-content;

    }

    .btn-sobre-whatsapp-service {
        position: relative;
        margin: 30px auto;
        width: 100%;
        max-width: 300px;
        height: 45px;
        font-size: 16px;
        font-family: Poppins;
        font-weight: 600;
        font-style: SemiBold;
    }

    /* FOOTER */
    .footer {
        height: auto;
        padding: 60px 20px;
    }

    .footer-title {
        width: 90%;
        height: auto;
        font-size: 18px;
        margin: 0 auto 40px;
    }

    .footer-links {
        flex-direction: column;
        gap: 20px;
        width: 100%;
        font-family: Poppins;
        font-weight: 600;
        font-style: SemiBold;
        font-size: 36px;
        line-height: 120%;
        letter-spacing: 0%;
        vertical-align: middle;

    }

    .footer-link {
        font-size: 14px;
        margin: 10px 0;
        width: 100%;
        justify-content: center;
    }

    .footer-link-icon {
        width: 40px;
        height: 40px;
    }

    .footer-text {
        font-size: 12px;
        width: 90%;
        height: auto;
        margin: 30px auto 0 auto;
        font-family: Poppins;
        font-weight: 300;
        font-style: Light;
        line-height: 120%;
        letter-spacing: 0%;
        text-align: center;
        vertical-align: middle;


    }

    .footer-link-text{
        font-size: 18px;
        font-family: Poppins;
        font-weight: 600;
        font-style: SemiBold;
        line-height: 120%;
        letter-spacing: 0%;
        text-align: center;
        vertical-align: middle;
    }
}

@media (max-width: 480px) {
    /* AJUSTES PARA TELAS MUITO PEQUENAS */

    header{
        align-items: center;
    }

    body{
        width: 100%;
        height: 100%;
    }
    .logo {
        width: 140px;
        height: 50px;
        justify-content: center;
        align-items: center;
    }

    .hero {
        padding: 48px 15px 24px;
        overflow: hidden;
    }

    .hero-bg-line {
        width: 2245px;
        height: auto;
        position: absolute;
    }

    .hero-bg-eye {
        top: 70px;
        width: min(86vw, 430px);
        height: auto;
    }

    .hero__title {
        font-size: clamp(22px, 5vw, 24px);
        margin: 5vw 0 7vw 10vw;
        width: 75%;
    }

    .hero__subtitle {
        font-size: clamp(20px, 3vw, 16px);
        margin: 0 0 7vw 8vw;
        font-family: Poppins;
        font-weight: 600;
        font-style: SemiBold;
        line-height: 120%;
        letter-spacing: 0%;
        text-align: center;
        width: 85%;

    }


    .hero__container {
        margin-top: min(92vw, 430px);
    }

    .btn-hero {
        font-size: 18px;
        height: 52px;
        width: min(86vw, 300px);
        font-family: Poppins;
        font-weight: 600;
        font-style: SemiBold;
        line-height: 120%;
        letter-spacing: 0%;
        text-align: center;
        align-items: center;
    }

    .sobre {
        width: 100%;
        height: 800px;
        padding: 0 0 35px 0;

    }

    .section-title-sobre-1{
        font-size: 18px;
        margin: 65px auto 45px -20px;
        width: 90%;
        height: auto;
        gap: 5px;
        font-family: 'Poppins', sans-serif;
        font-weight: 600;
        line-height: 120%;
        letter-spacing: 0;
        text-align: center;
        vertical-align: middle;
    
    }

    .section-text-sobre-1 {
        font-size: 13px;
        margin: 10px auto 12px 15px;
        width: 88%;
        padding: 0 10px;
    }

    .section-title-sobre-2 {
        font-size: 18px;
        margin: 45px auto;
        width: 90%;
    }

    .section-text-sobre-2 {
        font-size: 13px;
        margin: 25px 35px;
        width: 88%;
        padding: 0 10px;
    }

    .p-icon-ball {
        width: 6px;
        height: 6px;
        margin: 4px 8px 0 10px;
    }

    .p-icon-star {
        width: 12px;
        height: 12px;
        margin: 1px 10px 0 35px;
    }

    .btn-sobre-whatsapp {
        width: min(88vw, 280px);
        height: 48px;
        font-size: 15px;
        margin: 52px auto 0;
    }

    .modoTrabalho {
        width: 100%;
        padding: 40px 15px;
        height: auto;
    }
    .modo-trabalho-title{
        font-size: 22px;
        margin: 0 auto 20px;
        width: 90%;
        height: auto;
        gap: 20px;
        font-family: 'Poppins', sans-serif;
        font-weight: 600;
        line-height: 120%;
        letter-spacing: 0;
        text-align: center;
        vertical-align: middle;
    }
    .find-pro-title{
        font-size: 22px;
        margin: 0 auto 20px auto;
        width: 90%;
        height: auto;
        gap: 10px;
        font-family: 'Poppins', sans-serif;
        font-weight: 600;
        line-height: 120%;
        letter-spacing: 0;
        text-align: center;
        vertical-align: middle;
    }
    .servicos-title {
        font-size: 22px;
        margin: 0 auto 20px auto;
        width: 95%;
        height: auto;
        gap: 10px;
        font-family: 'Poppins', sans-serif;
        font-weight: 600;
        line-height: 120%;
        letter-spacing: 0;
        text-align: center;
        vertical-align: middle;
    }

    .section-title-sobre-1 .star,
    .modo-trabalho-title .star,
    .find-pro-title .star,
    .servicos-title .star {
        width: min(5vw, 50px);
        height: auto;
        aspect-ratio: 50 / 52;
    }

    .section-title-sobre-1 .green-ball,
    .modo-trabalho-title .green-ball,
    .find-pro-title .green-ball,
    .servicos-title .green-ball {
        width: min(2.6vw, 26px);
        height: auto;
        aspect-ratio: 1 / 1;
        margin: 0 2px;
    }

    .section-text-sobre-1,
    .section-text-sobre-2,
    .modo-trabalho-subtitle,
    .find-pro-text,
    .card-find h3,
    .card-find p,
    .servico-card h3,
    .servico-card p,
    .footer-text {
        font-size: 14px;
    }

.btn-sobre-whatsapp{
    width: min(86vw, 300px);
    height: 50px;
    font-size: 16px;
    font-family: Poppins;
    font-weight: 600;
    font-style: SemiBold;
    margin: 35px auto 0;
}

    .card-wrapper {
        width: min(90vw, 390px);
        margin: 14px auto 18px;
    }

    .card-find {
        padding: 16px 14px 16px 58px;
        margin: 0 auto;
    }

    .card-star-icon {
        left: -43px;
        width: 76px;
        height: 78px;
    }

    .card-find h3 {
        font-size: 20px;
        margin: 0 0 8px 0;
    }

    .card-find p {
        font-size: 16px;
        line-height: 125%;
        margin: 0;
    }

    .footer-title {
        font-size: 16px;
    }

    .footer-link {
        font-size: 13px;
    }
}

@media (max-width: 430px) {
    /* iPhone 12/13/14 Pro Max - Tela comum no Brasil */
    
    .header {
        height: 100px;
    }

    .logo {
        width: 130px;
        height: 47px;
    }

    .hero {
        padding: 40px 12px 20px;
    }

    .hero-bg-eye {
        top: 65px;
        width: min(88vw, 380px);
    }

    .hero__title {
        font-size: clamp(20px, 5.2vw, 26px);
        margin: 5vw 0 6vw 8vw;
        width: 82%;
    }

    .hero__subtitle {
        font-size: clamp(22px, 4vw, 18px);
        margin: auto;
        width: 100%;
    }

    .hero__container {
        margin-top: min(90vw, 400px);
    }

    .btn-hero {
        font-size: 17px;
        height: 50px;
        width: min(88vw, 280px);
        gap: 30px;
        margin: 65px auto;
    }


    .sobre {
        width: 100%;
        height: 700px;
        padding: 0 0 45px 0;
    }


    .section-title-sobre-1 {
        font-size: 18px;
        margin: 35px 30px 45px -35px;
        width: 100%;
        gap: 8px;
    }

    .section-text-sobre-1 {
        font-size: 13px;
        margin: 10px auto 12px 15px;
        width: 88%;
        padding: 0 10px;
    }

    .section-title-sobre-2 {
        font-size: 18px;
        margin: 45px auto;
        width: 90%;
    }

    .section-text-sobre-2 {
        font-size: 13px;
        margin: 10px 35px;
        width: 88%;
        padding: 0 10px;
    }

    .p-icon-ball {
        width: 6px;
        height: 6px;
        margin: 4px 8px 0 10px;
    }

    .p-icon-star {
        width: 12px;
        height: 12px;
        margin: 1px 10px 0 35px;
    }

    .btn-sobre-whatsapp {
        width: min(88vw, 280px);
        height: 48px;
        font-size: 15px;
        margin: 52px auto 0;
    }

    .modoTrabalho {
        padding: 35px 8px;
        height: 1150px;
    }

    .modo-trabalho-title {
        font-size: 20px;
        margin: 0 20px 25px auto;
        gap: 35px;
    }

    .modo-trabalho-content {
        width: 90%;
        margin: 60px auto 0;
    }

    .modo-trabalho-subtitle {
        font-size: 16px;
        width: 90%;
        margin: 0 auto;
    }

    .pro-find {
        padding: 50px 12px;
    }

    .find-pro-title {
        font-size: 20px;
        margin: 0 auto 18px auto;
        width: 92%;
        gap: 8px;
    }

    .find-pro-text {
        font-size: 13px;
        width: 90%;
        padding: 0 8px;
    }

    .card-wrapper {
        width: min(92vw, 350px);
        margin: 12px auto 16px;
        height: 200px;
    }

    .card-find {
        padding: 25px 12px 14px 54px;
        margin: 0 auto;
    }

    .card-star-icon {
        left: -40px;
        width: 72px;
        height: 74px;
    }

    .card-find h3 {
        font-size: 17px;
        margin: 0 0 7px 0;
    }

    .card-find p {
        font-size: 13px;
        line-height: 130%;
    }

    .servicos {
        padding: 50px 12px;
    }

    .servicos-title {
        font-size: 20px;
        gap: 8px;
    }

    .servicos-subtitle {
        font-size: 20px;
        margin: 12px auto 25px;
        width: 90%;
        padding: 0 15px;
    }

    .servicos-grid {
        gap: 25px;
    }

    .servico-card {
        padding: 22px;
    }

    .print-service,
    .bag-service {
        width: 170px;
        height: 210px;
    }

    .servico-card h3 {
        font-size: 24px;
        margin: 18px auto;
    }

    .servico-card p {
        font-size: 17px;
        margin: 22px auto;
        width: 90%;
        max-width: 330px;
    }

    .btn-sobre-whatsapp-service {
        width: min(88vw, 280px);
        height: 44px;
        font-size: 15px;
    }

    .footer {
        padding: 50px 12px;
    }

    .footer-title {
        font-size: 15px;
        margin: 0 auto 35px;
    }

    .footer-link {
        font-size: 12px;
    }

    .footer-link-icon {
        width: 38px;
        height: 38px;
    }

    .footer-link-text {
        font-size: 17px;
    }

    .footer-text {
        font-size: 11px;
        margin: 25px auto 0 auto;
    }
}

@media (max-width: 414px) {
    /* iPhone 11, 11 Pro Max e similares */
    
    .header {
        height: 100px;
    }

    .logo {
        width: 130px;
        height: 47px;
    }

    .hero {
        padding: 40px 12px 20px;
    }

    .hero-bg-eye {
        top: 65px;
        width: min(88vw, 380px);
    }

    .hero__title {
        font-size: clamp(20px, 5.2vw, 26px);
        margin: 5vw 0 6vw 8vw;
        width: 82%;
    }

    .hero__subtitle {
        font-size: clamp(22px, 4vw, 18px);
        margin: auto;
        width: 100%;
    }

    .hero__container {
        margin-top: min(90vw, 400px);
    }

    .btn-hero {
        font-size: 17px;
        height: 50px;
        width: min(88vw, 280px);
        gap: 30px;
        margin: 65px auto;
    }

    .sobre {
        width: 100%;
        height: 850px;
        padding: 0 0 45px 0;
    }

    .container-sobre {
        align-items: center;
        padding: 0;
       
    }

    .sobre-content-1 {
        max-width: 100%;
        margin: 45px 15px 5px 5px;
        padding: 0;
        text-align: center;
    }

    .section-title-sobre-1 {
        font-size: 17px;
        margin: 25px 20px 32px auto;
        width: 87%;
        gap: 8px;
    }

    .section-text-sobre-1 {
        font-size: 13px;
        margin: 20px auto 12px 65px;
        width: 88%;
        padding: 0 10px;
    }

    .section-title-sobre-2 {
        font-size: 18px;
        margin: 35px auto 40px 50px;
        width: 75%;
    }

    .section-text-sobre-2 {
        font-size: 13px;
        margin: 10px auto 25px 25px;
        width: 88%;
        padding: 0 10px;
    }

    .p-icon-ball {
        width: 6px;
        height: 6px;
        margin: 4px 8px 0 55px;
    }

    .p-icon-star {
        width: 12px;
        height: 12px;
    }

    .btn-sobre-whatsapp {
        width: min(88vw, 280px);
        height: 48px;
        font-size: 15px;
        margin: 72px auto 0;
    }

    .modoTrabalho {
        padding: 35px 8px;
        height: 1150px;
    }

    .modo-trabalho-title {
        font-size: 20px;
        margin: 0 20px 25px auto;
        gap: 35px;
    }

    .modo-trabalho-content {
        width: 90%;
        margin: 60px auto 0;
    }

    .modo-trabalho-subtitle {
        font-size: 16px;
        width: 90%;
        margin: 0 auto;
    }

    .pro-find {
        padding: 50px 12px;
    }

    .find-pro-title {
        font-size: 20px;
        margin: 0 auto 18px auto;
        width: 92%;
        gap: 8px;
    }

    .find-pro-text {
        font-size: 13px;
        width: 90%;
        padding: 0 8px;
    }

    .card-wrapper {
        width: min(92vw, 350px);
        margin: 12px auto 16px;
        height: 200px;
    }

    .card-find {
        padding: 25px 12px 14px 54px;
        margin: 0 auto;
    }

    .card-star-icon {
        left: -40px;
        width: 72px;
        height: 74px;
    }

    .card-find h3 {
        font-size: 17px;
        margin: 0 0 7px 0;
    }

    .card-find p {
        font-size: 13px;
        line-height: 130%;
    }

    .servicos {
        padding: 50px 12px;
    }

    .servicos-title {
        font-size: 20px;
        gap: 8px;
    }

    .servicos-subtitle {
        font-size: 20px;
        margin: 12px auto 25px;
        width: 90%;
        padding: 0 15px;
    }

    .servicos-grid {
        gap: 25px;
    }

    .servico-card {
        padding: 22px;
    }

    .print-service,
    .bag-service {
        width: 170px;
        height: 210px;
    }

    .servico-card h3 {
        font-size: 24px;
        margin: 18px auto;
    }

    .servico-card p {
        font-size: 17px;
        margin: 22px auto;
        width: 90%;
        max-width: 330px;
    }

    .btn-sobre-whatsapp-service {
        width: min(88vw, 280px);
        height: 44px;
        font-size: 15px;
    }

    .footer {
        padding: 50px 12px;
    }

    .footer-title {
        font-size: 15px;
        margin: 0 auto 35px;
    }

    .footer-link {
        font-size: 12px;
    }

    .footer-link-icon {
        width: 38px;
        height: 38px;
    }

    .footer-link-text {
        font-size: 17px;
    }

    .footer-text {
        font-size: 11px;
        margin: 25px auto 0 auto;
    }
}

@media (max-width: 393px) {
    /* iPhone 12, 13, 14 - Comum no Brasil */
    
    .header {
        height: 85px;
    }

    .logo {
        width: 122px;
        height: 44px;
    }

    .hero {
        padding: 36px 10px 18px;
        overflow: hidden;
    }

    .hero-bg-eye {
        top: 61px;
        width: min(89vw, 350px);
    }

    .hero__title {
        font-size: clamp(18px, 5.4vw, 24px);
        margin: 7vw 0 5.3vw 8.5vw;
        width: 82%;
    }

    .hero__subtitle {
        font-size: clamp(20px, 4.4vw, 17px);
        margin: 5vw 0 7.3vw 4.5vw;
        width: 90%;
    }

    .hero__container {
        margin-top: min(93.5vw, 370px);
        padding: 0 10px;
    }

    .btn-hero {
        font-size: 16px;
        height: 48px;
        width: min(89vw, 265px);
        gap: 26px;
        padding: 0 16px 0 7px;
        margin: 62px auto;
    }

    .btn-hero__icon {
        width: 44px;
        height: 44px;
    }

    .sobre {
        padding: 30px 12px;
        height: 750px;
    }

    .container-sobre {
        align-items: center;
    }

    .sobre-content-1{
        width: 100%;
        max-width: 85%;
        margin: 0 auto 24px;
        padding: 25px 0 0;
        transform: translateX(-50px);
    }
    .sobre-content-2 {
        width: 100%;
        max-width: 85%;
        margin: 0 auto 24px;
        padding: 0;
        transform: none;
        text-align: center;
    }

    .sobre-content-1 {
        display: block;
    }

    /*.sobre-content-1 .p-icon-ball {
        float: left;
        margin: 4px 15px 0 70px;
    }*/

    .sobre-content-1 .section-text-sobre-1 {
        width: 100%;
    }

    .section-title-sobre-1 {
        font-size: 16px;
        margin: 5px auto 35px 40px;
        width: 110%;
        gap: 15px;
    }

    .section-text-sobre-1 {
        font-size: 12px;
        margin: 0 0 10px 70px;
        width: 100%;
        padding: 0 0 0 25px;
        text-align: left;
    }

    .section-title-sobre-2 {
        font-size: 16px;
        margin: 25px 0 45px 25px;
        width: 85%;
        text-align: center;
    }

    .section-text-sobre-2 {
        position: relative;
        display: block;
        font-size: 12px;
        margin: 0 0 18px 5px;
        width: 100%;
        padding: 0 0 0 40px;
        text-align: left;
    }

    .p-icon-ball {
        width: 5px;
        height: 5px;
        margin: 4px 15px 0 75px;
    }

    .p-icon-star {
        width: 12px;
        height: 12px;
        position: absolute;
        left: 18px;
        top: 1px;
        float: none;
        margin: 0;
    }

    .btn-sobre-whatsapp {
        width: min(89vw, 262px);
        height: 46px;
        font-size: 14px;
        margin: 45px auto;
    }

    .modoTrabalho {
        padding: 13px 7px;
        height: 1000px
    }

    .modo-trabalho-title {
        font-size: 19px;
        margin: 13px auto 25px;
        gap: 29px;
        width: 95%;
        
    }

    .modo-trabalho-content {
        width: 92%;
        margin: 50px auto 0;
    }

    .modo-trabalho-subtitle {
        font-size: 14px;
        width: 92%;
    }

    .pro-find {
        padding: 23px 10px;
        height: 750px;
    }

    .find-pro-title {
        font-size: 18px;
        margin: 15px auto 20px auto;
        width: 86%;
        gap: 6px;
    }

    .find-pro-text {
        font-size: 14px;
        width: 72%;
        padding: 0 6px;
    }

    .card-wrapper {
        width: min(93vw, 295px);
        margin: 0 auto -15px 30px;
        height: 173px;
    }

    .card-find {
        padding: 12px 10px 8px 48px;
        margin: 25px auto;
        height: 123px;
        min-height: 103px;
    }

    .card-star-icon {
        
        width: 69px;
        height: 71px;
        margin: 0 0 0 5px;
    }

    .card-find h3 {
        font-size: 16px;
        margin: 0 0 6px 0;
    }

    .card-find p {
        font-size: 12px;
        line-height: 134%;
    }

    .servicos {
        padding: 45px 10px;
    }

    .servicos-title {
        font-size: 24px;
        gap: 26px;
    }

    .servicos-subtitle {
        font-size: 14px;
        margin: 10px auto 22px;
        width: 85%;
        padding: 0 12px;
    }

    .servico-card h3 {
        font-size: 23px;
        margin: 16px auto;
    }

    .servico-card p {
        font-size: 16px;
        margin: 20px auto;
        width: 98%;
        max-width: 311px;
    }

    .btn-sobre-whatsapp-service {
        width: min(89vw, 262px);
        height: 42px;
        font-size: 14px;
    }

    .footer {
        padding: 45px 10px;
    }

    .footer-title {
        font-size: 14px;
        margin: 0 auto 32px;
    }

    .footer-link {
        font-size: 11px;
    }

    .footer-text {
        font-size: 10px;
        margin: 22px auto 0 auto;
        width: 92%;
    }
}

@media (max-width: 390px) {
    /* iPhone 12, 13, 14 - Comum no Brasil */
    
    .header {
        height: 85px;
    }

    .logo {
        width: 122px;
        height: 44px;
    }

    .hero {
        padding: 36px 10px 18px;
        overflow: hidden;
    }

    .hero-bg-eye {
        top: 61px;
        width: min(89vw, 350px);
    }

    .hero__title {
        font-size: clamp(18px, 5.4vw, 24px);
        margin: 8vw 0 5.3vw 8.5vw;
        width: 82%;
    }

    .hero__subtitle {
        font-size: clamp(20px, 4.4vw, 17px);
        margin: 7vw 0 5.3vw 6.5vw;
        width: 90%;
    }

    .hero__container {
        margin-top: min(93.5vw, 370px);
        padding: 0 10px;
    }

    .btn-hero {
        font-size: 16px;
        height: 48px;
        width: min(89vw, 265px);
        gap: 26px;
        padding: 0 16px 0 7px;
        margin: 62px 0 0 25px;
    }

    .btn-hero__icon {
        width: 44px;
        height: 44px;
    }

    .sobre {
        padding: 30px 12px;
        height: 750px;
    }

    .container-sobre {
        align-items: center;
    }

    .sobre-content-1{
        width: 100%;
        max-width: 85%;
        margin: 0 auto 24px;
        padding: 25px 0 0;
        transform: translateX(-50px);
    }
    .sobre-content-2 {
        width: 100%;
        max-width: 85%;
        margin: 0 auto 24px;
        padding: 0;
        transform: none;
        text-align: center;
    }

    .sobre-content-1 {
        display: block;
    }

    /*.sobre-content-1 .p-icon-ball {
        float: left;
        margin: 4px 15px 0 70px;
    }*/

    .sobre-content-1 .section-text-sobre-1 {
        width: 100%;
    }
    .section-title-sobre-1 {
        font-size: 15px;
        margin: 5px auto 35px 50px;
        width: 100%;
        gap: 10px;
    }

    .section-text-sobre-1 {
        font-size: 12px;
        margin: 15px 0 10px 65px;
        width: 100%;
        padding: 0 0 0 25px;
        text-align: left;
    }

    .section-title-sobre-2 {
        font-size: 16px;
        margin: 25px 0 45px 5px;
        width: 100%;
        text-align: center;
    }

    .section-text-sobre-2 {
        position: relative;
        display: block;
        font-size: 12px;
        margin: 0 0 18px 5px;
        width: 100%;
        padding: 0 0 0 40px;
        text-align: left;
    }

    .p-icon-ball {
        width: 5px;
        height: 5px;
        margin: 6px 15px 0 65px;
    }

    .p-icon-star {
        width: 12px;
        height: 12px;
        position: absolute;
        left: 18px;
        top: 1px;
        float: none;
        margin: 0;
    }

    .btn-sobre-whatsapp {
        width: min(89vw, 262px);
        height: 46px;
        font-size: 14px;
        margin: 35px auto;
    }

    .modoTrabalho {
        padding: 13px 7px 55px 7px;
        height: 1000px;
    }

    .modo-trabalho-title {
        font-size: 19px;
        margin: 43px auto 25px 5px;
        gap: 29px;
        width: 95%;
        
    }

    .modo-trabalho-img{
        margin: auto;
    }

    .modo-trabalho-content {
        width: 92%;
        margin: 50px auto 0;
    }

    .modo-trabalho-subtitle {
        font-size: 14px;
        width: 92%;
        margin-bottom: 65px;
    }

    .pro-find {
        padding: 13px 10px;
        height: 750px;
    }

    .find-pro-title {
        font-size: 18px;
        margin: 15px auto 20px;
        width: 86%;
        gap: 6px;
    }

    .find-pro-text {
        font-size: 14px;
        width: 72%;
        padding: 0 6px;
        margin: 25px auto 25px 55px;
    }

    .card-wrapper {
        width: min(93vw, 295px);
        margin: 15px auto -35px 35px;
        height: 173px;
    }

    .card-find {
        padding: 12px 10px 8px 48px;
        margin: 25px auto;
        height: 123px;
        min-height: 103px;
    }

    .card-star-icon {
        
        width: 69px;
        height: 71px;
        margin: 0 0 0 5px;
    }

    .card-find h3 {
        font-size: 16px;
        margin: 0 0 6px 0;
    }

    .card-find p {
        font-size: 12px;
        line-height: 134%;
    }

    .servicos {
        padding: 45px 10px;
    }

    .servicos-title {
        font-size: 24px;
        gap: 26px;
    }

    .servicos-subtitle {
        font-size: 14px;
        margin: 10px auto 22px;
        width: 85%;
        padding: 0 12px;
    }

    .servico-card h3 {
        font-size: 23px;
        margin: 16px auto;
    }

    .servico-card p {
        font-size: 16px;
        margin: 20px auto;
        width: 98%;
        max-width: 311px;
    }

    .btn-sobre-whatsapp-service {
        width: min(89vw, 262px);
        height: 42px;
        font-size: 14px;
    }

    .footer {
        padding: 45px 10px;
    }

    .footer-title {
        font-size: 14px;
        margin: 0 auto 32px;
    }

    .footer-link {
        font-size: 11px;
    }

    .footer-text {
        font-size: 10px;
        margin: 22px auto 0 auto;
        width: 92%;
    }
}

@media (max-width: 375px) {
    /* iPhone X, XS, 11 Pro, 12 Mini e similares */
    
    .header {
        height: 75px;
    }

    .logo {
        width: 120px;
        height: 43px;
    }

    .hero {
        padding: 35px 10px 18px;
        overflow: hidden;
    }

    .hero-bg-eye {
        top: 60px;
        width: min(90vw, 340px);
    }

    .hero__title {
        font-size: clamp(18px, 5.5vw, 24px);
        margin: 6vw 0 5vw 8vw;
        width: 84%;
    }

    .hero__subtitle {
        font-size: clamp(20px, 4.5vw, 14px);
        margin: 8vw 0 5vw auto;
        width: 100%;
    }

    .hero__container {
        margin-top: min(94vw, 360px);
        padding: 0 10px;
    }

    .btn-hero {
        font-size: 16px;
        height: 48px;
        width: min(90vw, 260px);
        gap: 25px;
        padding: 0 16px 0 6px;
        margin: 55px auto;
    }

    .btn-hero__icon {
        width: 44px;
        height: 44px;
    }

    .hero-cta-icon {
        width: 65px;
        height: 65px;
    }

    .sobre {
        padding: 25px 0;
    }

    .sobre-content-1{
        max-width: 100%;
        margin: 0;
        padding: 0;
        text-align: center;
    }

  

    .section-title-sobre-1 {
        font-size: 16px;
        margin: 35px 0 25px 75px;
        width: 85%;
        gap: 3px;
    }

    .section-text-sobre-1 {
        font-size: 12px;
        margin: 15px 0 10px 25px;
        width: 85%;
        padding: 0 0 0 98px;
    }

    .section-title-sobre-2 {
        font-size: 14px;
        margin: 40px auto 35px;
        width: 75%;
    }

    .section-text-sobre-2 {
        font-size: 12px;
        margin: 8px auto 15px 40px;
        width: 100%;
        padding: 0 8px;
    }

    .p-icon-ball {
        width: 5px;
        height: 5px;
        margin: 4px 0 0 110px;
    }

    .p-icon-star {
        width: 11px;
        height: 11px;
        margin: 1px 8px 0 -25px;
    }

    .btn-sobre-whatsapp {
        width: min(90vw, 260px);
        height: 46px;
        font-size: 14px;
        margin: 90px auto 20px 35px;
    }

    .modoTrabalho {
        padding: 32px 6px;
    }

    .modo-trabalho-title {
        font-size: 19px;
        margin: 15px 18px 16px auto;
        gap: 30px;
    }

    .modo-trabalho-content {
        width: 92%;
        margin: 35px auto 0;
    }

    .modo-trabalho-subtitle {
        font-size: 14px;
        width: 92%;
    }

    .pro-find {
        padding: 15px 10px;
    }

    .find-pro-title {
        font-size: 18px;
        margin: 25px auto 16px auto;
        width: 80%;
        gap: 6px;
    }

    .find-pro-text {
        font-size: 14px;
        width: 65%;
        padding: 0 5px;
        margin: auto;
    }

    .card-wrapper {
        width: 100%;
        margin: 10px 0 8px 15px;
        height: 150px;
       
    }

    .card-find {
        
        margin: 15px 0 15px 15px;
        height: 120px;
        min-height: 80px;
        padding: 20px 10px 5px 25px ;
        width: 95%;
        
    }

    .card-star-icon {
        left: -25px;
        width: 72px;
        height: 70px;
    }

    .card-find h3 {
        font-size: 16px;
        margin: 0 0 6px 0;
    }

    .card-find p {
        font-size: 12px;
        line-height: 135%;
    }

    .servicos {
        padding: 45px 10px;
    }

    .servicos-title {
        font-size: 19px;
        gap: 45px;
    }

    .servicos-subtitle {
        font-size: 14px;
        margin: 55px auto 22px;
        width: 92%;
        padding: 0 12px;
    }

    .servicos-grid {
        gap: 22px;
    }

    .servico-card {
        padding: 20px;
    }

    .print-service,
    .bag-service {
        width: 160px;
        height: 200px;
    }

    .servico-card h3 {
        font-size: 23px;
        margin: 10px auto;
    }

    .servico-card p {
        font-size: 16px;
        margin: 20px auto;
        width: 95%;
        max-width: 310px;
    }

    .btn-sobre-whatsapp-service {
        width: min(90vw, 260px);
        height: 42px;
        font-size: 14px;
    }

    .footer {
        padding: 45px 10px;
    }

    .footer-title {
        font-size: 14px;
        margin: 0 auto 32px;
    }

    .footer-link {
        font-size: 11px;
        margin: 8px 0;
    }

    .footer-link-icon {
        width: 36px;
        height: 36px;
    }

    .footer-link-text {
        font-size: 16px;
    }

    .footer-text {
        font-size: 10px;
        margin: 22px auto 0 auto;
        width: 92%;
    }
}

@media (max-width: 360px) {
    /* Android popular (Galaxy A/J series) - Muito comum no Brasil */
    
    .header {
        height: 70px;
    }

    .logo {
        width: 115px;
        height: 42px;
    }

    .hero {
        padding: 32px 8px 16px;
        overflow: hidden;
        height: 150px;
    }

    .hero-bg-eye {
        top: 55px;
        width: min(92vw, 330px);
    }

    .hero__title {
        font-size: clamp(17px, 5.7vw, 23px);
        margin: 8.5vw 0 4.8vw 7.5vw;
        width: 85%;
    }

    .hero__subtitle {
        font-size: clamp(19px, 4.7vw, 16px);
        margin: 6vw 0 4.8vw 3vw;
        width: 95%;
    }

    .hero__container {
        margin-top: min(95vw, 350px);
        padding: 0 8px;
    }

    .btn-hero {
        font-size: 15px;
        height: 46px;
        width: min(92vw, 250px);
        gap: 22px;
        padding: 0 14px 0 5px;
        margin: 60px auto;
    }

    .btn-hero__icon {
        width: 42px;
        height: 42px;
    }

    .hero-cta-icon {
        width: 62px;
        height: 62px;
    }

    .sobre {
        padding: 30px 0;
        height: auto;
    }

    .container-sobre {
        width: 100%;
        align-items: center;
    }

    .sobre-content-1{
        width: 100%;
        max-width: 88%;
        margin: 0 auto 24px;
        transform: none;
    }
    .sobre-content-2 {
        width: 100%;
        max-width: 88%;
        margin: 0 auto 24px;
        transform: none;
        text-align: center;
    }

    .section-title-sobre-1 {
        font-size: 16px;
        margin: 12px 0 30px 0;
        width: 100%;
        max-width: 100%;
        gap: 0;
        align-self: center;
        position: relative;
        justify-content: center;
        text-align: center;
        padding: 0 26px;
      
       
    }

    .section-title-sobre-1 .star {
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
    }

    .section-title-sobre-1 .green-ball {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        margin: 0;
    }

    .section-text-sobre-1 {
        font-size: 11px;
        margin: 7px 0 12px 30px;
        width: 100%;
        max-width: 85%;
        padding: 0px 0 0 25px;
        text-align: start;
    }

    .section-title-sobre-2 {
        font-size: 15px;
        margin: 28px auto 33px;
        width: 80%;
        text-align: center;
    }

    .section-text-sobre-2 {
        font-size: 11px;
        margin: 0 auto 20px 25px;
        width: 100%;
        padding: 0 12px 0 28px;
        text-align: left;
    }

    .p-icon-ball {
        width: 4px;
        height: 4px;
        margin: 4px 6px 0 35px;
        padding: 0;
    }

    .p-icon-star {
        width: 10px;
        height: 10px;
        position: absolute;
        left: 10px;
        top: 1px;
        float: none;
        margin: 0;
    }

    .btn-sobre-whatsapp {
        width: min(92vw, 250px);
        height: 44px;
        font-size: 13px;
        margin: 45px auto 18px;
    }

     .modoTrabalho {
        padding: 30px 5px;
        height: 1050px;
    }

    .modo-trabalho-img {
        margin: auto;
        width: 95%;
        height: auto;
    }


    .modo-trabalho-title {
        font-size: 18px;
        margin: 12px auto 15px;
        gap: 26px;
        width: 98%;
    }

    .modo-trabalho-content {
        width: 85%;
        margin: 42px auto 0;
    }

    .modo-trabalho-subtitle {
        font-size: 14px;
        width: 94%;
    }

    .pro-find {
        padding: 18px 8px;
        height: 650px;
    }

    .find-pro-title {
        font-size: 18px;
        margin: 20px auto 25px auto;
        width: 84%;
        gap: 5px;
    }

    .find-pro-text {
        font-size: 14px;
        width: 68%;
        padding: 0 5px;
        margin: 10px 0 25px 0;
    }

    .card-wrapper {
        width: min(95vw, 280px);
        margin: 15px 5px 0 25px;
        height: 105px;
        width: 95%;
        padding: 15px 10px 0 5px;
    }

    .card-find {
        margin: 0 auto;
        padding: 8px 0 8px 25px;
        height: 105px;
        min-height: 105px;
    }

    .card-star-icon {
        top: 50px;
        left: -25px;
        width: 65px;
        height: 67px;
        margin-top: 15px;
    }

    .card-find h3 {
        font-size: 15px;
        margin: 0 0 5px 0;
    }

    .card-find p {
        font-size: 11px;
        line-height: 138%;
    }

    .servicos {
        padding: 42px 8px;
    }

    .servicos-title {
        font-size: 24px;
        gap: 15px;
    }

    .servicos-subtitle {
        font-size: 14px;
        margin: 9px auto 20px;
        width: 90%;
        padding: 0 10px;
    }

    .servicos-grid {
        gap: 20px;
    }

    .servico-card {
        padding: 18px;
    }

    .print-service,
    .bag-service {
        width: 155px;
        height: 195px;
    }

    .servico-card h3 {
        font-size: 22px;
        margin: 15px auto;
    }

    .servico-card p {
        font-size: 15px;
        margin: 18px auto;
        width: 94%;
        max-width: 305px;
    }

    .btn-sobre-whatsapp-service {
        width: min(92vw, 250px);
        height: 40px;
        font-size: 13px;
    }

    .footer {
        padding: 42px 8px;
    }

    .footer-title {
        font-size: 13px;
        margin: 0 auto 30px;
    }

    .footer-link {
        font-size: 10px;
        margin: 7px 0;
    }

    .footer-link-icon {
        width: 34px;
        height: 34px;
    }

    .footer-link-text {
        font-size: 15px;
    }

    .footer-text {
        font-size: 9px;
        margin: 20px auto 0 auto;
        width: 94%;
    }
}