@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700;800&display=swap');

:root {
    --font-title: clamp(2.5rem, 4vw + 1rem, 4.2307rem); /* max ~55px */
    --font-title-2: clamp(2.5rem, 4vw + 1rem, 3.4615rem);
    --font-subtitle: clamp(1.8rem, 4vw + 1rem, 3.0769rem); /* max ~40px */
    --font-highlight: clamp(1.5rem, 1.8vw + 0.5rem, 2.70rem); /* max ~35px */
    --font-base: clamp(1.25rem, 1.5vw + 0.5rem, 2.307rem); /* max ~30px */
    --font-footer: clamp(1rem, 1.5vw + 0.5rem, 1.923rem); /* max ~25px */
    --font-menu: clamp(1rem, 0.75vw + 0.5rem, 1.53rem);


    --color-text: #3B3E41;
    --color-text-light: #FFF;
    --color-accent: #FF8F1C;
    --color-accent-2: #FFB548;
    --color-accent-blue: #91C4ED;
    --color-accent-blue-dark: #004B84;
    --color-accent-orange-light: #FFECD9;
    --color-accent-green: #034638;
    --color-accent-green-light: #9ACBBB;

    --font-family: 'Montserrat';

    --spacing-block: 70px;
    --spacing-paragraph: 2.75rem;

    --font-weight-regular: 400;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;

    /*--max-width: 1728px;*/
    --max-width: auto;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    background-size: cover
}

html, body {
    font-size: 13px;
    font-family: var(--font-family), 'sans-serif';
    color: var(--color-text);
    background: white;
    line-height: 1.6;
}

body {
    max-width: var(--max-width);
    margin: auto;
}

header {
    display: flex;
    align-items: center;
    padding: 0 20px;
    background-repeat: no-repeat;
    background-position: center center;
    margin-top: -128px;
}

nav {
    width: 100%;
    height: 128px;
    margin: 0 1.65rem;
    line-height: normal;
    border-radius: 25px;
    box-shadow: 2px 2px 8px rgba(59, 62, 65, 0.25);
    background-color: var(--color-text-light);
    position: relative;
    top: 30px;
    padding: 0 var(--spacing-block);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

nav > img {
    width: clamp(120px, 15%, 251px);
}

nav ul {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    color: var(--color-text);
    list-style: none;
    width: 82%;
}

nav ul li {
    font-size: var(--font-menu);
    color: var(--color-text);
    min-width: 100px;
    max-width: 175px;
    margin-right: 20px;
}

nav ul li a {
    text-decoration: none;
    color: inherit;
}

nav ul li:not(#anunciantes, #agencias, #veiculos).active,
nav ul li#servicos.submenu-active {
    color: var(--color-accent);
    font-weight: bold;
}

nav ul li#anunciantes.active,
nav ul li#agencias.active,
nav ul li#veiculos.active {
    background-color: var(--color-accent);
    color: var(--color-text-light);
}

nav ul.submenu li.active a {
    color: var(--color-accent);
    font-weight: bold;
}

nav ul li#somos {
    max-width: 50px;
}

nav ul li#fazemos {
    max-width: 70px;
}

nav ul li#servicos {
    min-width: 110px;
    cursor: pointer;
}

nav ul li#anunciantes {
    min-width: 170px;
    background-color: var(--color-accent-green);
    color: var(--color-text-light);
    padding: 10px;
    border-radius: 10px;
}

nav ul li#agencias {
    width: 140px !important;
    background-color: var(--color-accent-green);
    color: var(--color-text-light);
    padding: 10px;
    border-radius: 10px;
}

nav ul li#veiculos {
    min-width: 230px;
    background-color: var(--color-accent-green);
    color: var(--color-text-light);
    padding: 10px;
    border-radius: 10px;
}

/* Submenu escondido por padrão */
nav ul li .submenu {
    opacity: 0; /* Invisível por padrão */
    transform: translateY(10px); /* Levemente abaixo */
    visibility: hidden;
    position: absolute;
    background-color: #F3EEEE;
    list-style: none;
    padding: 10px 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    margin: 0;
    z-index: 10;
    transition: opacity 0.3s ease, transform 0.3s ease;
    border-radius: 0 0 10px 10px;
    width: 12rem;
}

/* Estilo dos itens do submenu */
nav ul li .submenu li {
    font-size: 1rem;
    padding: 9px 0;
    white-space: nowrap;
    border-bottom: 1px solid #CCC;
    margin: 0;
}

nav ul li .submenu li:last-child {
    border-bottom: none;
}

nav ul li .submenu li a {
    text-decoration: none;
    color: #333;
}

nav ul li.has-submenu {
    position: relative;
}

/* Estado visível do submenu */
nav ul li.has-submenu.open .submenu {
    display: block;
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
    pointer-events: auto;
}

/* Estilo da seta ao lado de "Serviços" */
.has-submenu .arrow {
    display: inline-block;
    margin-left: 5px;
    font-size: 0.75em;
    transition: transform 0.3s ease;
}

/* Rotacionar a seta quando o submenu estiver aberto */
.has-submenu.open .arrow {
    transform: rotate(180deg);
}

#menu-toggle {
    display: none;
    font-size: 2rem;
    background: none;
    border: none;
    color: #3B3E41; /* ou outra cor do design system */
    cursor: pointer;
}

#hero {
    display: flex;
    align-items: center;
    color: #FFFFFF;
    font-size: var(--font-title);
    line-height: normal;
    font-weight: var(--font-weight-semibold);
    width: 50%;
    min-height: 200px;
    padding-left: var(--spacing-block);
    margin-top: 128px;
}

.content-row {
    width: 100%;
    padding: var(--spacing-block);
    padding-bottom: 0;
}

.content-row-col {
    height: auto;
}

.content-row-text {
    font-size: var(--font-base);
}

.content-row-img {
    max-width: 790px;
}

/*#SEC-HOME-BEGIN*/

#home__page_content {
    background-image: url("/static/img/webp/home__bg-main.4ba968282911.webp");
    background-repeat: no-repeat;
    background-position: bottom;
}

#home__page_content .content-row-col {
    width: 50%;
}


.home__content-row-img-01,
.home__content-row-img-02,
.home__content-row-img-03 {
    border-radius: 125px;
    max-width: 100%;
    height: auto;
}

.home__content-row-text-01 {
    max-width: 53rem;
}

.home__content-row-text-02 {
    max-width: 51.15rem;
}

.home__content-row-text-03 {
    max-width: 56rem;
}

#home__page_break {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#home__page_break .home__page_break-action {
    line-height: 1.35;
    font-size: var(--font-highlight);
    color: var(--color-text-light);
    text-align: center;
    background-color: var(--color-accent);
    max-width: 105rem;
    padding: 4rem;
    border-radius: 40px;
    margin-top: -8rem;
    margin-bottom: 10rem;
}

#sobre__page_content {
    background-image: url("/static/img/webp/somos__bg-main.b9870943177b.webp");
    height: 2035px;
    background-repeat: no-repeat;
    background-position: right;
}

#sobre__page_content > div:first-child {
    margin-bottom: 2rem;
}

.sobre__content-row-text-01 {
    max-width: 64.07rem;
    margin-bottom: 5rem;
}

.sobre__content-row-img-01 {
    max-width: 100%;
    height: auto;
}

.portfolio {
    background-color: var(--color-accent-orange-light);
    padding-bottom: var(--spacing-block);
    text-align: center;
    height: 38.23rem;
}

p.clientes__title {
    font-size: var(--font-title);
    width: 45.5rem;
    line-height: normal;
}

.socios {
    color: var(--color-text-light);
    height: 46rem;
    width: 63rem;
    border-radius: 40px;
    padding: 20px;
}

.socios__title {
    margin-bottom: 20px;
}

.socio {
    text-align: center;
}


.sobre__action {
    justify-content: end;
    text-align: center;
    width: 71.5rem;
    padding: var(--spacing-block);
    background-color: var(--color-accent);
    color: var(--color-text-light);
    border-radius: 40px;
    margin-top: -13rem;
    margin-right: 5rem;
}

#fazemos__page_content {
    background-image: url("/static/img/webp/fazemos__bg-main.54c7ad90a60c.webp");
    height: 1664px;
}

.fazemos-acoes-01,
.fazemos-acoes-02 {
    max-width: 56.5rem;
}

.fazemos-acoes-03 {
    max-width: 49.15rem;
}

.fazemos-acoes-01,
.fazemos-acoes-03 {
    margin-right: auto;
}

.fazemos-acoes-01-img img,
.fazemos-acoes-02-img img,
.fazemos-acoes-03-img img {
    border-radius: 20px;
    max-width: 100%;
    height: auto;
}

.fazemos-action {
    width: 80%;
    background-color: var(--color-accent);
    color: var(--color-text-light);
    border-radius: 100px;
    padding: 2rem;
    text-align: center;
}

#servicos__page_content.servicos01 {
    background-image: url("/static/img/webp/servicos01__bg-main.7d1a5e4cca6a.webp");
    min-height: 1549px;
}

#servicos__page_content.servicos01 {
    min-height: 1549px;
}

#servicos__page_content.servicos02 {
    background-image: url("/static/img/webp/servicos02__bg-main.1078d516e8b5.webp");
    min-height: 1041px;
}

#servicos__page_content > div:first-child {
    margin-bottom: 4.5rem;
}

.servicos01-content {
    max-width: 54.85rem;
}

.servicos02-content {
    max-width: 59.46rem;
}

.servicos01-content-img img {
    border-radius: 20px;
    max-width: 100%;
    height: auto;
}

.servicos01-content-title {
    width: 100%;
    text-align: center;
}

.servicos01-content-items p {
    background-color: var(--color-accent-2);
    width: 89rem;
    padding: 2rem;
    border-radius: 100px;
    margin-bottom: 2.5rem;
    text-align: center;
}

#servicos__page_break {
    margin-top: 4rem;
}

#servicos__page_content {
    background-repeat: no-repeat;
    background-position: right;
}

.servicos-page_break-action {
    color: var(--color-text-light);
    background-color: var(--color-accent);
    width: 47rem;
    padding: 4rem;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    margin-right: 7rem;
    margin-top: -20rem;
}

.servicos02-page_break-action {
    color: var(--color-text-light);
    background-color: var(--color-accent);
    width: 47rem;
    padding: 4rem;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    margin-left: 8rem;
    margin-top: -20rem;
}

#servicos03__page_content {
    background-image: url("/static/img/webp/servicos03__bg-main.069725948b5f.webp");
    min-height: 1041px;
}

.servicos03-content-01 {
    max-width: 51.076rem;
}

.servicos03-content-02 {
    max-width: 47.846rem;
}

.servicos03-content-03 {
    max-width: 54.538rem;
}

.servicos03-content-img img {
    border-radius: 125px;
    max-width: 100%;
    height: auto;
}

.servicos03-content-action > div {
    width: 85%;
    background-color: var(--color-accent);
    color: var(--color-text-light);
    border-radius: 100px;
    padding: 1rem;
    text-align: center;
}


.servicos03-content-action {
    width: 100%;
    padding-bottom: var(--spacing-block);
}

.servicos03-content-action p {
    width: 75%;
}

#anunciantes__page_content {
    background-image: url("/static/img/webp/anunciantes__bg-main-01.915d48acb71e.webp");
    min-height: 1774px;
}

#anunciantes__page_content > div:first-child {
    margin-bottom: 5.75rem;
}

.anunciantes-content-01 {
    max-width: 53rem;
}

.anunciantes-content-01-img img {
    border-radius: 20px;
    max-width: 100%;
    height: auto;
}

.anunciantes-content-title {
    width: 70%;
    margin-right: 2rem;
    margin-bottom: 2rem;
    text-align: center;
    line-height: normal;
}

.anunciantes-content-02-items p {
    width: 70%;
    background-color: var(--color-accent);
    color: var(--color-text-light);
    border-radius: 100px;
    padding: 1rem;
    text-align: center;
    margin-bottom: 2rem;
    margin-right: 2rem;
}

.anunciantes-content-action p {
    width: 75%;
    text-align: center;
}

#agencias__page_content {
    background-image: url("/static/img/webp/agencias__bg-main-01.cd1dc327ed4d.webp");
    min-height: 1554px;
}


#agencias__page_content > div:first-child {
    margin-bottom: 5.75rem;
}

.agencias-content-01 {
    max-width: 50.85rem;
}

.agencias-content-01-img img {
    border-radius: 20px;
    max-width: 100%;
    height: auto;
}

.agencias-content-title {
    width: 70%;
    margin-right: 2rem;
    margin-bottom: 2rem;
    text-align: center;
    line-height: normal;
}

.agencias-content-02-items p {
    width: 70%;
    background-color: var(--color-accent);
    color: var(--color-text-light);
    border-radius: 100px;
    padding: 1rem;
    text-align: center;
    margin-bottom: 2rem;
    margin-right: 2rem;
}

.agencias-content-action p {
    width: 70%;
    text-align: center;
}

#veiculos__page_content {
    background-image: url("/static/img/webp/veiculos__bg-main-01.858c9997eb7a.webp");
    min-height: 1720px;
}

#veiculos__page_content > div:first-child {
    margin-bottom: 5.75rem;
}

.veiculos-content-01 {
    max-width: 54rem;
}

.veiculos-content-action p {
    width: 70%;
    text-align: center;
}

.veiculos-content-01-img img {
    border-radius: 20px;
    max-width: 100%;
    height: auto;
}

.veiculos-content-title {
    width: 70%;
    margin-right: 2rem;
    margin-bottom: 2rem;
    text-align: center;
    line-height: normal;
}

.veiculos-content-02-items p {
    width: 70%;
    background-color: var(--color-accent);
    color: var(--color-text-light);
    border-radius: 100px;
    padding: 1rem;
    text-align: center;
    margin-bottom: 2rem;
    margin-right: 2rem;
}

#contato__page_content > div {
    display: flex;
}

.contato-form-instructions {
    padding: var(--spacing-block);
    font-size: var(--font-base);
    width: 100%;
    flex-grow: 1;
}

.contato-form-instructions p {
    width: 38.5rem;
}

.contato-form-fields {
    padding: 5rem 5rem 12rem 5rem;
    width: 100%;
    flex-grow: 1;
}

.contato-form-fields form input,
.contato-form-fields form button {
    font-family: var(--font-family), sans-serif;
    font-size: var(--font-base);
    height: 80px;
    border: 0;
    border-radius: 30px;
    padding: 25px;
    margin-bottom: 1.5rem;
    transition: box-shadow 0.2s ease-in-out;
}

.contato-form-fields form textarea {
    font-family: var(--font-family), sans-serif;
    font-size: var(--font-base);
    height: 250px;
    border: 0;
    border-radius: 30px;
    padding: 25px;
    margin-bottom: 3rem;
    transition: box-shadow 0.2s ease-in-out;
}

.contato-form-fields form input:focus,
.contato-form-fields form textarea:focus {
    outline: none;
    box-shadow: 0 0 0 2px #00b4d8;
}

.contato-form-fields form button {
    font-family: var(--font-family), sans-serif;
    background-color: var(--color-accent-blue);
    color: var(--color-text);
    font-weight: bold;
    /*margin-f: 3.5rem;*/
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.15s ease-in-out;
}

.contato-form-fields form button:hover {
    background-color: #89b8dd;
}

.contato__page_break-img {
    display: flex;
    justify-content: end;
    margin-top: -8.35rem;
}

main p {
    line-height: 37px;
}

footer {
    height: 226px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    background-color: var(--color-text);
    color: var(--color-text-light);
    font-size: var(--font-footer);
    padding: 0 70px 0 70px;
}

footer > div > img {
    max-width: 100%;
    height: auto;
}

footer img.icone_rodape {
    margin-right: 0.55rem;
}

.mobile-break {
    display: none;
}

/*Portfolio Carousel*/


.single-logo-carousel-container {
    text-align: center;
    padding: 40px 20px;
}

.single-logo-carousel {
    position: relative;
    width: 50%;
    max-width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

.logo-track {
    display: flex;
    transition: transform 0.5s ease-in-out;
}

.logo-track img {
    width: 100%;
    max-height: 150px;
    object-fit: contain;
    flex-shrink: 0;
    padding: 10px;
    transition: filter 0.3s;
}

.logo-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    font-size: 24px;
    padding: 10px;
    cursor: pointer;
    z-index: 10;
}

.logo-btn.prev {
    left: 10px;
}

.logo-btn.next {
    right: 10px;
}

/*Utilitarios - Inicio*/

.d-flex {
    display: flex;
}

.d-flex-column {
    flex-direction: column;
}

.align-items-start {
    align-items: start;
}

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

.align-items-end {
    align-items: end;
}

.justify-content-start {
    justify-content: start;
}

.justify-content-center {
    justify-content: center;
}

.justify-content-end {
    justify-content: end;
}

.justify-content-space-between {
    justify-content: space-between;
}

.justify-content-space-around {
    justify-content: space-around;
}

.justify-content-space-evenly {
    justify-content: space-evenly;
}

.w-40 {
    width: 40%;
}

.w-50 {
    width: 50%;
}

.w-60 {
    width: 60%;
}

.w-100 {
    width: 100%;
}

.h-100 {
    height: 100%;
}

.font-title {
    font-size: var(--font-title);
}

.font-subtitle {
    font-size: var(--font-subtitle);
}

.font-base {
    font-size: var(--font-base);
}

.font-hightlight {
    font-size: var(--font-highlight);
}

@media (min-width: 1280px) and (max-width: 1365px) {
    #header-home {
        height: 590px;
    }

    #header-sobre,
    #header-fazemos,
    #header-anunciantes,
    #header-agencias,
    #header-veiculos,
    #header-verba-publicitaria,
    #header-eventos,
    #header-cooperadas,
    #header-contato {
        height: 422px;
    }

    #home__page_content {
        height: 815px;
    }

    #sobre__page_content {
        height: 1875px;
    }

    #fazemos__page_content {
        height: 1365px;
    }

    .fazemos-acoes-01, .fazemos-acoes-02 {
        max-width: 47%;
    }

    .fazemos-acoes-02 p {
        padding: 2rem;
    }

    .fazemos-acoes-03 {
        max-width: 45%;
    }

    .fazemos-action {
        width: 100%;
    }

    #servicos__page_content.servicos01 {
        min-height: 1445px;
        background-position: left;
    }

    #servicos__page_content.servicos02 {
        min-height: 870px;
        background-position: left;
    }

    #servicos__page_content > div:first-child {
        margin-bottom: 0;
    }

    .servicos__content-row {
        padding: 70px 70px 0 70px;
    }

    .servicos01-content-title {
        display: flex;
        justify-content: center;
        width: 100%;
    }

    .servicos01-content-title br {
        display: none;
    }

    .servicos01-content-title p {
        width: 80%;
    }

    .servicos01-content,
    .servicos02-content {
        max-width: 47%;
    }

    #servicos03__page_content {
        min-height: 1011px;
        background-position: center;
    }

    .servicos03-content-01 {
        max-width: 47%;
        padding: 0 2rem;
    }

    .servicos03-content-02,
    .servicos03-content-03 {
        max-width: 47%;
    }

    .servicos03-content-02 p {
        padding: 2rem;
    }

    .servicos03-content-action > div {
        width: 100%;
    }

    #servicos03__page_content > div.content-row:nth-child(2) {
        padding-top: var(--spacing-block) !important;
    }

    .servicos03-content-img {
        width: 50%;
    }

}

@media (min-width: 1366px) and (max-width: 1439px) {
    #header-home {
        height: 635px;
    }

    #header-sobre,
    #header-fazemos,
    #header-anunciantes,
    #header-agencias,
    #header-veiculos,
    #header-verba-publicitaria,
    #header-eventos,
    #header-cooperadas,
    #header-contato {
        height: 450px;
    }

    #home__page_content {
        height: 850px;
    }

    #sobre__page_content {
        height: 1820px;
    }

    #fazemos__page_content {
        height: 1395px;
    }

    .fazemos-acoes-01, .fazemos-acoes-02 {
        max-width: 47%;
    }

    .fazemos-acoes-02 p {
        padding: 2rem;
    }

    .fazemos-acoes-03 {
        max-width: 45%;
    }

    .fazemos-action {
        width: 100%;
    }

    #servicos__page_content.servicos01 {
        min-height: 1445px;
        background-position: bottom;
    }

    #servicos__page_content.servicos02 {
        min-height: 890px;
        background-position: left;
    }

    #servicos__page_content > div:first-child {
        margin-bottom: 0;
    }

    .servicos__content-row {
        padding: 70px 70px 0 70px;
    }

    .servicos01-content-title {
        display: flex;
        justify-content: center;
        width: 100%;
    }

    .servicos01-content-title br {
        display: none;
    }

    .servicos01-content-title p {
        width: 80%;
    }

    .servicos01-content,
    .servicos02-content {
        max-width: 47%;
    }

    #servicos03__page_content {
        min-height: 1011px;
        background-position: center;
    }

    .servicos03-content-01 {
        max-width: 47%;
        padding: 0 2rem;
    }

    .servicos03-content-02,
    .servicos03-content-03 {
        max-width: 47%;
    }

    .servicos03-content-02 p {
        padding: 2rem;
    }

    .servicos03-content-action > div {
        width: 100%;
    }

    #servicos03__page_content > div.content-row:nth-child(2) {
        padding-top: var(--spacing-block) !important;
    }

    .servicos03-content-img {
        width: 50%;
    }

}

@media (min-width: 1440px) and (max-width: 1727px) {
    #header-home {
        height: 670px;
    }

    #header-sobre,
    #header-fazemos,
    #header-anunciantes,
    #header-agencias,
    #header-veiculos,
    #header-verba-publicitaria,
    #header-eventos,
    #header-cooperadas,
    #header-contato {
        height: 475px;
    }

    #home__page_content {
        height: 885px;
    }

    #sobre__page_content {
        height: 1785px;
    }

    .sobre__action {
        margin-top: -15rem;
    }

    #sobre__page_content {
        height: 1820px;
    }

    #fazemos__page_content {
        min-height: 1450px;
    }

    .fazemos-acoes-01, .fazemos-acoes-02 {
        max-width: 47%;
    }

    .fazemos-acoes-02 p {
        padding: 2rem;
    }

    .fazemos-acoes-03 {
        max-width: 45%;
    }

    .fazemos-action {
        width: 100%;
    }

    #servicos__page_content.servicos01 {
        min-height: 1515px;
        background-position: bottom;
    }

    #servicos__page_content.servicos02 {
        min-height: 920px;
        background-position: left;
    }

    #servicos__page_content > div:first-child {
        margin-bottom: 0;
    }

    .servicos__content-row {
        padding: 70px 70px 0 70px;
    }

    .servicos01-content-title {
        display: flex;
        justify-content: center;
        width: 100%;
    }

    .servicos01-content-title br {
        display: none;
    }

    .servicos01-content-title p {
        width: 80%;
    }

    .servicos01-content,
    .servicos02-content {
        max-width: 47%;
    }

    #servicos03__page_content {
        min-height: 1011px;
        background-position: center;
    }

    .servicos03-content-01 {
        max-width: 47%;
        padding: 0 2rem;
    }

    .servicos03-content-02,
    .servicos03-content-03 {
        max-width: 47%;
    }

    .servicos03-content-action > div {
        width: 100%;
    }

    .servicos03-content-02 p {
        padding: 2rem;
    }

    #servicos03__page_content > div.content-row:nth-child(2) {
        padding-top: var(--spacing-block) !important;
    }

    .servicos03-content-img {
        width: 50%;
    }

}

@media (min-width: 1728px) {
    #header-home {
        height: 803px;
    }

    #header-sobre,
    #header-fazemos,
    #header-anunciantes,
    #header-agencias,
    #header-veiculos,
    #header-verba-publicitaria,
    #header-eventos,
    #header-cooperadas,
    #header-contato {
        height: 570px;
    }

    #header-contato #hero {
        font-size: var(--font-title-2);
    }

    #home__page_content {
        height: 1030px;
    }

    #veiculos__page_content .veiculos__content-row,
    #anunciantes__page_content .anunciantes__content-row {
        padding-top: 95px;
    }

    #fazemos__page_content {
        background-position: bottom;
    }

    #agencias__page_content,
    #veiculos__page_content {
        background-position: center;
    }
}


@media (max-width: 1727px) {
    :root {
        --font-base: 1.70rem;
    }

    #home__page_content {
        line-height: 1.25;
    }

    .home__page_break-action {
        width: 90%;
        padding: 2rem !important;
        margin-bottom: 3rem !important;
    }

    main p {
        /*font-size: 1.70rem;*/
        line-height: 1.25;
    }

    .home__content-row-text-01 {
        max-width: 35rem;
    }

    .home__content-row-text-02 {
        max-width: 39rem;
    }

    .home__content-row-text-03 {
        max-width: 40rem;
    }


    header {
        background-size: cover !important;
        /*background-size: contain !important;*/
        background-position: initial !important; /* ou 'unset' */
    }

    #header-contato #hero {
        font-size: 32px;
    }

    #hero:not(#header-contato #hero) {
        font-size: 40px;
    }

    #home__page-break > div.content-row:first-child {
        background-size: cover !important;
    }

    nav {
        padding: 0 20px;
        justify-content: space-evenly;
    }

    nav > img {
        width: clamp(120px, 10%, 251px);
    }

    nav > ul {
        width: 85%;
    }

    nav > ul > li {
        min-width: 0;
        margin-right: 0;
    }

    nav > ul > li#servicos {
        min-width: 0;
    }

    nav > ul > li#anunciantes {
        max-width: 150px;;
    }

    nav > ul > li#agencias {
        max-width: 125px;
    }

    nav > ul > li#veiculos {
        max-width: 195px;
        min-width: 0;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    nav > ul > li#fazemos {
        max-width: 60px;;
    }

    nav > ul > li#anunciantes {
        min-width: 120px;;
        max-width: 130px;;
    }

    nav > ul > li#agencias {
        max-width: 105px;
    }

    nav > ul > li#veiculos {
        max-width: 165px;
        min-width: 0;
    }

    footer {
        align-content: center;
    }

    #header-home {
        height: 475px;
    }

    #header-sobre,
    #header-fazemos,
    #header-agencias,
    #header-verba-publicitaria,
    #header-eventos,
    #header-cooperadas,
    #header-veiculos {
        height: 340px;
    }

    #hero:not(#header-contato #hero) {
        font-size: 30px;
    }

    #header-contato #hero {
        font-size: 22px;
    }

    #sobre__page_content {
        height: 1900px;
    }

    #fazemos__page_content {
        height: 1295px;
        background-position: bottom
    }

    #fazemos__page_content .font-base {
        font-size: 1.55rem;
    }

    #servicos__page_content.servicos01 {
        min-height: 1445px;
        background-position: inherit;
    }

    .fazemos-acoes-01,
    .fazemos-acoes-02,
    .fazemos-acoes-03 {
        width: 50%;
    }

    .fazemos-acoes-02 {
        padding: 20px;
    }

    #servicos__page_content .servicos01-content-items p {
        width: 100%;
    }

    #servicos__page_content.servicos02 .servicos01-content-items p {
        width: 90% !important;
    }

    #servicos__page_content.servicos02 {
        min-height: 865px;
    }

    #servicos03__page_content {
        min-height: 860px;
    }

    .servicos03-content-01,
    .servicos03-content-02,
    .servicos03-content-03 {
        max-width: 50%;
    }

    .contato-form-instructions p {
        width: 100%;
    }
}

@media (max-width: 768px) {
    :root {
        --font-base: 1.35rem;
    }

    #home__page_content,
    #sobre__page_content,
    #fazemos__page_content,
    #servicos__page_content.servicos01,
    #servicos__page_content.servicos02,
    #servicos03__page_content,
    #anunciantes__page_content,
    #agencias__page_content,
    #veiculos__page_content {
        background-image: none;
    }

    #sobre__page_content div.content-row:first-child {
        background-image: url("/static/img/webp/somos__bg-mobile-top.b07403aad610.webp");
        background-size: contain;
        background-repeat: no-repeat;
        padding-top: 40px;
    }

    #sobre__page_content div.content-row:last-child {
        background-image: url("/static/img/webp/somos__bg-mobile-bottom.be86f8fbabb3.webp");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: left bottom;
        padding-bottom: 60px;
    }

    #fazemos__page_content div.content-row:first-child {
        background-image: url("/static/img/webp/fazemos__bg-mobile-top.7213629b4872.webp");
        background-size: contain;
        background-repeat: no-repeat;
    }

    #fazemos__page_content div.content-row:last-child {
        background-image: url("/static/img/webp/fazemos__bg-mobile-bottom.dac420d7601a.webp");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: left;
    }


    #anunciantes__page_content div.content-row:first-child {
        background-image: url("/static/img/webp/anunciantes__bg-mobile-top.8cdae6691fdf.webp");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top;
        padding-top: 40px;
    }

    #anunciantes__page_content div.content-row:last-child {
        background-image: url("/static/img/webp/anunciantes__bg-mobile-bottom.28c836ad5b25.webp");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top;
        padding-top: 40px;
    }


    #agencias__page_content div.content-row:first-child {
        background-image: url("/static/img/webp/agencias__bg-mobile-top.a32ebf5c5f43.webp");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top;
    }

    #agencias__page_content div.content-row:last-child {
        background-image: url("/static/img/webp/agencias__bg-mobile-bottom.b644d0dd3455.webp");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top left;
    }

    #veiculos__page_content div.content-row:first-child {
        background-image: url("/static/img/webp/veiculos__bg-mobile-top.a32ebf5c5f43.webp");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top;
    }

    #veiculos__page_content div.content-row:last-child {
        background-image: url("/static/img/webp/veiculos__bg-mobile-bottom.b644d0dd3455.webp");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top left;
    }

    #contato__page_content div > div.content-row-col:first-child {
        background-image: url("/static/img/webp/contato__bg-mobile-top.e5aa0a4ff9d8.webp");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top;
    }

    #servicos__page_content.servicos01 div.content-row:first-child {
        background-image: url("/static/img/webp/servicos01__bg-mobile-top.bf6b12534650.webp");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top;
        padding-top: 40px;
    }

    #servicos__page_content.servicos01 div.content-row:last-child {
        background-image: url("/static/img/webp/servicos01__bg-mobile-bottom.b35e1d4204f8.webp");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: bottom;
    }

    #servicos__page_content.servicos02 div.content-row:first-child {
        background-image: url("/static/img/webp/servicos02__bg-mobile-top.a398464e6fb0.webp");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top;
        padding-top: 40px;
    }

    #servicos__page_content.servicos02 .servicos__content-row {
        background-image: url("/static/img/webp/servicos02__bg-mobile-bottom.d14b378ee9db.webp");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: bottom;
    }

    #servicos03__page_content div.content-row:first-child {
        background-image: url("/static/img/webp/servicos03__bg-mobile-top.d600295428b7.webp");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top;
        padding-top: 40px;
    }

    #servicos03__page_content div.content-row:last-child {
        background-image: url("/static/img/webp/servicos03__bg-mobile-bottom.bc140ee42716.webp");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: bottom;
    }

    .content-row {
        flex-direction: column;
        padding: 0 40px;
    }

    .content-row:nth-child(odd) {
        padding-top: 20px;
        padding-bottom: 20px;
        flex-flow: column-reverse;
    }

    .content-row:last-child {
        padding-bottom: 20px;
    }

    .content-row > div {
        margin-bottom: 10px;
    }

    .content-row-col p {
        margin-bottom: 15px !important;
    }

    #menu-toggle {
        display: block;
        z-index: 1001;
    }

    nav {
        height: 85px;
    }

    nav#menu {
        padding: 0 30px;
        justify-content: space-between;
    }

    nav#menu ul {
        overflow: hidden;
        max-height: 0;
        flex-direction: column;
        background-color: white;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        z-index: 1000;
        padding: 0; /* começa sem padding para não afetar altura */
        box-shadow: 2px 2px 8px rgba(59, 62, 65, 0.25);
    }

    nav#menu ul.open {
        padding: 1rem;
        margin-top: 1rem;
        border-radius: 15px;
        max-height: 500px; /* valor suficiente para exibir o menu todo */
    }

    nav#menu > ul > li {
        margin: 0.25rem 0;
        width: 100% !important;
        max-width: none;
        padding: 1rem;
    }

    nav ul li.has-submenu.open .submenu {
        display: contents;
    }

    nav ul li.has-submenu.open .submenu li {
        max-width: 100%;
    }

    nav ul li.has-submenu.open .submenu li:first-child {
        margin-top: 0.75rem;
    }

    nav ul li.has-submenu.open .submenu li br {
        display: none;
    }

    #hero {
        display: flex;
        align-items: center;
        padding: 0 20px;
        font-size: 25px !important;
        width: 100%;
    }

    #home__page_content .content-row-col {
        width: 100%;
    }

    #sobre__page_content {
        height: auto;
        /*min-height: auto !important;*/
        background-position: bottom;
    }

    #sobre__page_content > .content-row:first-child {
        flex-flow: column;
        margin-bottom: 0;
    }

    #sobre__page_content > .content-row div {
        width: 100%;
    }

    .sobre__content-row-text-01 {
        margin-bottom: 0;
    }

    p.clientes__title {
        width: 100%;
    }

    .portfolio > div > div {
        flex-direction: column;
    }

    .socios {
        height: 100%;
    }

    .socios > div {
        display: flex;
        flex-direction: column;
    }

    .socio > img {
        width: 50%;
    }

    .sobre__action {
        border-radius: 25px;
        padding: 20px;
        margin-top: 0;
        margin-right: 0;
    }

    #anunciantes__page_content > div:first-child,
    #agencias__page_content > div:first-child,
    #veiculos__page_content > div:first-child,
    #servicos__page_content > div:first-child {
        margin-bottom: 0;
    }

    #anunciantes__page_content > div:nth-child(2),
    #agencias__page_content > div:nth-child(2),
    #veiculos__page_content > div:nth-child(2) {
        align-content: center;
        background-position: right;
    }

    #anunciantes__page_content .content-row,
    #agencias__page_content .content-row,
    #veiculos__page_content .content-row {
        padding: 20px 40px;
    }

    .anunciantes-content-02-items > div,
    .agencias-content-02-items > div,
    .veiculos-content-02-items > div,
    .anunciantes-content-02-items > p,
    .agencias-content-02-items > p,
    .veiculos-content-02-items > p {
        width: 100%;
        margin-right: 0;
    }

    .anunciantes-content-02-items > p,
    .agencias-content-02-items > p,
    .veiculos-content-02-items > p,
    .servicos01-content-items > p {
        border-radius: 25px;
    }

    .servicos01-content-items > p {
        width: 100%;
    }

    #servicos__page_break {
        margin-top: 0;
    }

    .servicos__content-row {
        padding: 20px 40px;
    }

    .servicos-page_break-action,
    .servicos02-page_break-action {
        margin-left: auto;
        margin-right: auto;
        margin-top: -165px;
        width: 75%;
        padding: 2rem;
    }

    .servicos03-content-action > div {
        width: 100%;
        border-radius: 25px;
    }

    .servicos03-content-action {
        padding-bottom: 20px;
    }

    .servicos__page_break-img {
        background-position: right;
    }

    .fazemos-action {
        width: 100%;
        border-radius: 25px;
    }

    .fazemos-acoes-01-img,
    .fazemos-acoes-02-img,
    .fazemos-acoes-03-img {
        width: 100%;
    }

    #contato__page_content > div {
        flex-direction: column;
    }

    .contato-form-instructions p {
        width: 100%;
    }

    .contato-form-fields {
        padding: 2rem 2rem 2rem 2rem;
    }

    .contato__page_break-img {
        display: none;
    }

    footer {
        padding: 40px;
    }

    .mobile-break {
        display: flex;
    }
}