@charset "UTF-8";

/* CSS Geral */

.header-wrapper {
    position: sticky;
    top: 0;
    z-index: 1000;
    transition: background-color 0.4s ease;
    height: 90px;
}

.bottom-header.is-collapsed {
    transform: translateY(-100%);

    .bottom-header-toggle {
        bottom: -20px;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }
}

.desktop-header,
.mobile-header {
    transition:
        background-color 0.4s ease,
        height 0.4s ease;
}

.desktop-nav,
.desktop-search {
    transition:
        transform 0.4s ease,
        opacity 0.4s ease;
    transform: translateY(0);
    opacity: 1;
}

.bottom-header {
    transition:
        transform 0.4s ease,
        opacity 0.4s ease,
        top 0.4s ease;
    transform: translateY(0);
    opacity: 1;
}

.desktop-logo {
    position: relative;
}

.desktop-logo img {
    display: block;
}

.desktop-logo .logo-white {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    opacity: 0;
    pointer-events: none;
}

header.header-scrolled .desktop-header,
header.header-scrolled .mobile-header,
header.header-wrapper {
    background-color: #003663 !important;
    height: 70px !important;
}

header.header-scrolled .desktop-nav-item a {
    color: #ffffff;
}

header.header-scrolled .desktop-nav-sub {
    background-color: #003663;
}

header.header-scrolled .desktop-nav-item:hover .desktop-nav-sub,
header.header-scrolled .desktop-nav-sub:hover {
    top: 70px;
}

header.header-scrolled .desktop-search {
    transform: translateY(-120%);
    opacity: 0;
    pointer-events: none;
}

header.header-scrolled+.bottom-header,
header.header-scrolled~* .bottom-header,
header.header-scrolled .bottom-header {
    top: 70px;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
span,
div,
ul,
li {
    font-family: "Gilroy", sans-serif;
}

p,
span {
    line-height: 140%;
    /* 25.2px */
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 110%;
    /* 35.2px */
    letter-spacing: -0.32px;
    font-weight: 900 !important;
}

.container-large {
    width: 100%;
    padding-left: var(--gutter-mobile) !important;
    padding-right: var(--gutter-mobile) !important;
}

@media (min-width: 992px) {
    .container-large {
        padding-left: max(var(--gutter-desktop),
                calc((100vw - var(--container-max)) / 2)) !important;
        padding-right: max(var(--gutter-desktop),
                calc((100vw - var(--container-max)) / 2)) !important;
    }
}

:root {
    --container-max: 1440px;
    --gutter-mobile: 33px;
    --gutter-desktop: 66px;
    --primary-color: #003663;
    --secondary-color: #008296;
    --gray-950: #0d0d0d;
    --gray-900: #1a1a1a;
    --gray-800: #333333;
    --gray-700: #4d4d4d;
    --gray-600: #666666;
    --gray-500: #808080;
    --gray-400: #999999;
    --gray-300: #b3b3b3;
    --gray-200: #cccccc;
    --gray-100: #e6e6e6;
    --gray-50: #f2f2f2;
    --white: #ffffff;
    --black: #000000;
    --ligher-black: #04132a;
}

body {
    margin: 0;
    padding: 0;
}

*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Header CSS */

.bottom-header {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 90px;
    background: rgba(4, 19, 42, 0.9);
    width: 100%;
    z-index: 5;
    min-height: 100px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    padding: 20px 45px;
}

.bottom-header p {
    font-size: 13px;
    color: var(--white);
    margin-right: 10px;
}

.header-wrapper {
    .bottom-header a {
        margin-top: auto;
        margin-bottom: auto;
        height: fit-content;
        text-align: center;
        padding: 10px 0px !important;
        margin-left: 5px;
        font-size: 13px !important;
    }
}

@media (min-width: 762px) {
    .header-wrapper {
        .bottom-header a {
            font-size: 18px !important;
        }
    }
}

.mobile-menu-offcanvas a {
    text-decoration: none;
    font-size: 10px;
}

.mobile-menu-offcanvas ul {
    list-style: none;
}

@media (min-width: 730px) {
    .mobile-menu-offcanvas a {
        font-size: 16px;
    }

    .mobile-menu-offcanvas h5 {
        font-size: 20px !important;
    }
}

.desktop-nav-item {
    height: 100%;
    position: relative;
}

.desktop-nav-item:hover .desktop-nav-sub,
.desktop-nav-sub:hover {
    top: 90px;
    opacity: 1;
    pointer-events: all;
}

.desktop-nav-sub {
    transition: all 0.3s ease-in-out;
    padding-left: 22px;
    padding-right: 22px;
    padding-bottom: 22px;
    pointer-events: none;
    top: -200px;
    z-index: 1;
    left: 0;
    width: fit-content;
    background-color: var(--white);
    position: absolute;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    white-space: nowrap;
    opacity: 0;

    a {
        font-size: 16px !important;
    }
}

.mobile-logo img {
    width: 90px;
}

.mobile-menu {
    max-width: 280px;
    display: flex;
    gap: 15px;
    align-items: center;
}

.desktop-header,
.mobile-header {
    width: 100%;
    background-color: var(--white);
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 90px;
}

.desktop-header {
    padding-left: 66px;
    padding-right: 66px;
}

.mobile-header {
    padding-left: 30px;
    padding-right: 30px;
}

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

.header-search {
    flex-grow: 1;
    display: flex;
    justify-content: end;
    align-items: center;
    color: var(--primary-color);

    i {
        font-size: 16px;
    }

    input {
        width: 100%;
        transform: translateX(25px);
    }
}

@media (min-width: 992px) {
    .floating-search-bar {
        left: 50%;
        top: 15%;
        transform: translateX(-50%);
        gap: 15px;
        padding: 20px 20px;
        align-items: center;
        z-index: 25;
        position: fixed;
        background: var(--white);
        box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);

        i,
        input {
            color: var(--primary-color);
        }

        input {
            font-size: 20px;
            width: 100vw;
            max-width: 450px;
        }

        input:focus {
            outline: none;
        }

        a {
            display: block;
            background-color: var(--primary-color);
            color: var(--white);
            border-radius: 5px;
            padding: 5px 10px;
            font-weight: 600;
        }
    }

    .bottom-header {
        padding: 15px 270px;
        min-height: fit-content;
    }

    .bottom-header p {
        height: fit-content;
        margin-top: auto;
        margin-bottom: auto;
        font-size: 22px;
        font-weight: 800;
        white-space: nowrap;
    }

    .header-search {
        cursor: pointer;
    }

    .header-search input {
        pointer-events: none;
        padding-left: 40px;
        padding-bottom: 5px;
        padding-top: 5px;
        max-width: 100%;
        transform: translateX(-35px);
    }

    .header-search {
        gap: 8px;
        margin-right: 30px;
    }
}

.header-search input,
.header-search input::placeholder {
    color: var(--primary-color);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    transition: all 0.3s ease-in-out;
    border-radius: 15px;
}

.header-search input:focus {
    outline: none;
    border-color: var(--primary-color);
}

.desktop-nav {
    height: 100%;
    display: flex;
    gap: 50px;
}

.desktop-nav-item {
    display: flex;
    align-items: center;
}

.desktop-nav-item a {
    display: block;
    color: var(--primary-color);
    font-size: 18px;
    font-weight: 900;
    transition: all 0.3s ease-in-out;
}

.navbar-toggler {
    background-color: transparent;
    border: none;
    height: 20px;
}

.navbar-toggler i {
    color: var(--primary-color);
    font-size: 20px;
}

.mobile-menu-offcanvas {

    .offcanvas-header,
    .offcanvas-body {
        background-color: var(--primary-color);
    }

    .offcanvas-body {
        padding-left: 50px;
        padding-right: 50px;
    }

    .offcanvas-header {
        padding: 50px;
    }

    i,
    a,
    p,
    span {
        color: var(--white);
    }
}

.mobile-menu-accordion {
    .accordion-content {
        ul {
            display: flex;
            flex-direction: column;
            gap: 18px;
        }

        a {
            font-size: 16px;
            font-weight: 300;
        }
    }

    .accordion-button {
        margin-bottom: 25px;
    }
}

.mobile-navgroup h5 {
    margin-top: 50px;
    margin-bottom: 25px;
    color: var(--white);
    font-weight: 800;
    font-size: 18px;
}

.mobile-navgroup ul {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.mobile-navgroup a {
    font-size: 16px;
    font-weight: 300;
}

/* Footer CSS */

.top-footer {
    padding-bottom: 60px;
    padding-top: 60px;
}

.footer-container {
    background-color: var(--white);
}

.footer-nav-col {
    margin-bottom: 50px;
}

.footer-nav-col ul {
    list-style: none;
    margin: 0;
    padding: 0;
    color: var(--primary-color);
}

.footer-nav-col ul a {
    color: var(--primary-color);
}

.footer-nav-col .nav-col-title {
    font-weight: 800;
    margin-bottom: 10px;
    white-space: nowrap;
}

.get-in-touch-col h6 {
    white-space: normal;
    font-size: 20px;
}

.get-in-touch-button {
    padding: 10px 0px;
    flex-grow: 1;
    text-align: center;
    margin-top: 20px;
    border-color: var(--primary-color) !important;
    color: var(--white) !important;
}

.get-in-touch-button:hover {
    color: var(--primary-color) !important;
}

.bottom-footer {
    background-color: var(--primary-color);
    padding-top: 15px;
    padding-bottom: 15px;

    p {
        color: var(--white);
        padding-right: 10px;
        font-size: 12px;
    }
}

.bottom-footer a {
    font-weight: 800;
    color: var(--white);
    font-size: 12px;
}

/* Site CSS */

.BannerSwiperOne {
    height: 410px;

    img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

.BannerSwiperOne .swiper-pagination-bullet {
    transition: all 0.3s ease-in-out;
}

.BannerSwiperOne .swiper-pagination-bullet-active {
    width: 30px !important;
    border-radius: 30px !important;
    background-color: var(--primary-color) !important;
}

.banner-slide-one {
    position: relative;
}

.banner-slide-one .content {
    width: 80%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: var(--white);
    z-index: 2;

    h1 {
        margin-bottom: 25px;
        font-size: 30px;
        text-transform: uppercase;
        font-weight: 900;
    }
}

@media (min-width: 1280px) {

    .banner-slide-one .content h1 {
        font-size: 55px;
    }
}

.banner-one-button {
    padding: 10px 60px;
    border-color: var(--white) !important;
}

@media (max-width: 768px) {
    .swiper-banner {
        padding: 0px !important;
    }
}

@media (min-width: 768px) {
    .BannerSwiperOne {
        width: 100%;
    }
}

.promo-card-container {
    margin-top: 60px;
    margin-bottom: 60px;
}

.promo-card {
    padding: 35px;
    display: flex;
    justify-content: center;
    align-items: last baseline;
    overflow: hidden;
    position: relative;
    aspect-ratio: 1/1;
}

.promo-card-content {
    text-align: center;
    margin-bottom: 50px;
    margin-top: 50px;
}

.promo-card-content h5 {
    color: var(--white);
    font-size: 24px;
    font-weight: 900;
    margin-bottom: 26px;
}

.promo-card-content a {
    display: block;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 10px;
    width: fit-content;
    padding: 10px 30px;
}

@media (min-width: 1024px) {
    .promo-card-content a {
        margin: 0 !important;
    }
}

.promo-card::after {
    content: "";
    width: 100%;
    background-color: var(--primary-color);
    height: 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
}

@media (min-width: 700px) {
    .promo-card {
        aspect-ratio: 2.6 / 1;
    }
}

@media (min-width: 1080px) {
    .promo-card {
        padding-left: 90px;
        justify-content: start;
        align-items: center;
    }

    .promo-card-content {
        text-align: left;
        margin-bottom: 0;
        max-width: 480px;
    }

    .promo-card-container {
        margin-bottom: 100px;
        margin-top: 100px;
    }

    .promo-card-content h5 {
        font-size: 48px;
        margin-bottom: 35px;
    }
}

.banner-black-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    background: linear-gradient(180deg,
            rgba(0, 0, 0, 0) 34.58%,
            rgba(0, 0, 0, 0.55) 100%);
}

.brands-swiper {
    padding-block: 10px;

    a {
        display: flex;
        justify-content: center;
    }
}

.carrosel-brands-container {
    padding-block: 10px;
    background-color: var(--primary-color);
}

.brands-swiper .swiper-wrapper {
    transition-timing-function: linear !important;
}

@media (min-width: 400px) {
    .news-letter-card .content {
        margin-top: 160px;
    }

    .market-solution-card .content {
        margin-top: 160px;
    }
}

.highlight-cards {
    margin-top: 50px;
    margin-bottom: 50px;
    overflow: hidden;
}

.highlight-cards h2 {
    font-size: 30px;
    font-weight: 800;
    color: var(--primary-color);
    text-align: start;
    margin-bottom: 40px;
}

.hightlight-slide img {
    aspect-ratio: 0.8 / 1;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.img-wrapper {
    position: relative;
    overflow: hidden;
}

.img-wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg,
            rgba(0, 0, 0, 0) 34.58%,
            rgba(0, 0, 0, 0.55) 100%);
}

.hightlight-slide {
    position: relative;
}

.hightlight-slide .content {
    padding: 24px;
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.hightlight-slide h5 {
    color: var(--white);
    font-size: 20px;
    font-weight: 900;
    margin-bottom: 5px;
}

.hightlight-slide p {
    color: var(--white);
    font-size: 16px;
    font-weight: 400;
}

.highLightSwiper {
    overflow: visible !important;
}

@media (min-width: 768px) {
    .highlight-cards h5 {
        font-size: 25px;
    }

    .hightlight-slide p {
        font-size: 20px;
    }
}

@media (min-width: 1200px) {
    .highlight-cards {
        margin-top: 86px !important;
    }

    .highlight-cards h2 {
        font-size: 48px;
        font-weight: 900;
    }

    .hightlight-slide::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 20px;
        background: var(--primary-color);
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
    }

    .hightlight-slide .content {
        margin-bottom: 15px;
    }
}

.we-live-together-container {
    .content {
        display: flex;
        flex-direction: column;
    }

    h3 {
        color: var(--primary-color);
        font-size: 32px;
        font-weight: 900;
        margin-bottom: 15px;
    }

    p {
        color: var(--primary-color);
        font-size: 18px;
        font-weight: 400;
        margin-bottom: 35px;
    }

    a {
        width: fit-content;
    }
}

.we-live-together-button {
    padding: 10px 50px;
}

@media (min-width: 992px) {
    .we-live-together-container {
        .content {
            gap: 20px;
        }
    }

    .we-live-together-container h3 {
        font-size: 48px;
    }

    .we-live-together-container p {
        font-size: 24px;
    }
}

.scroll-galery-images {
    margin-top: 25px;
}

.scroll-galery-images img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 133/78;
}

.scroll-galery-topics li {
    color: var(--primary-color);
    opacity: 0.5;
    font-size: 40px;
    font-weight: 900;
    margin-bottom: -8px;
    cursor: pointer;
}

.scroll-galery-topics li.active {
    opacity: 1;
}

@media (min-width: 730px) {
    .scroll-galery-topics {
        display: flex;
        align-items: center;
    }

    .scroll-galery-images {
        margin-top: 0;
    }
}

@media (min-width: 1024px) {
    .scroll-galery-topics li {
        font-size: 55px;
        margin-left: 15px;
    }

    .scroll-galery-container {
        margin-bottom: 95px;
    }
}

@media (min-width: 1200px) {
    .scroll-galery-topics li {
        font-size: 60px;
        margin-left: 38px;
    }

    .scroll-galery-container {
        margin-bottom: 95px;
    }
}

.rbs-news-container {
    margin-top: 60px;
    margin-bottom: 60px;
}

.rbs-news-container h3 {
    color: var(--primary-color);
    font-size: 32px;
    font-weight: 800;
    margin-bottom: 10px;
    margin-bottom: 35px;
}

.rbs-news-card {
    padding-left: 15px;
    padding-right: 15px;
    aspect-ratio: 1/1;
    display: flex;
}

.rbs-news-card .content {
    margin-top: auto;
    color: var(--white);
    font-weight: 400;
}

.news-see-more-button {
    margin-top: 20px;
    padding: 10px 50px;
    width: fit-content;
}

@media (min-width: 992px) {
    .rbs-news-container {
        margin-bottom: 300px;
    }

    .rbs-news-card {
        aspect-ratio: 16/9 !important;
        height: 100%;
    }

    .rbs-news-card .content {
        width: 100%;
        margin-bottom: 5px !important;
        transition: all 0.3s ease-in-out;
        overflow: hidden;
    }

    .rbs-news-card .rbs-news-card-button {
        display: block;
        width: fit-content;
        margin: 10px auto 0;
        transform: translateY(100%);
        opacity: 0;
    }

    .rbs-news-card:hover .rbs-news-card-button {
        transform: translateY(0);
        opacity: 1;
    }

    .rbs-news-card.large-card p {
        max-width: 60%;
    }

    .news-see-more-button {
        margin-top: 40px;
        padding: 10px 100px;
    }

    .rbs-news-container h3 {
        font-size: 48px;
    }
}

.news-letter-card {
    margin-bottom: 80px;
    aspect-ratio: 1/1;
    display: flex;
}

.news-letter-card .content {
    margin: auto;
    margin-top: 100px;
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
}

.news-letter-card p {
    color: var(--white);
    font-size: 28px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 30px;
}

.news-letter-button {
    padding: 10px;
}

@media (min-width: 992px) {
    .news-letter-container {
        margin-bottom: 120px;
    }

    .news-letter-card {
        align-items: center;
        aspect-ratio: 16/6;
    }

    .news-letter-card .content {
        padding-left: 85px;
        align-items: start;
        margin: 0;
    }

    .news-letter-card p {
        line-height: 52px;
        font-size: 48px;
    }
}

@media (max-width: 320px) {
    .news-letter-card .content {
        margin: auto;

        p {
            font-size: 22px;
        }

        a {
            font-size: 16px;
        }
    }

    .market-solution-card .content {
        margin: auto;

        p {
            font-size: 22px;
        }

        a {
            font-size: 16px;
        }
    }

    .scroll-galery-topics li {
        white-space: nowrap;
        font-size: 32px;
    }
}

@media (min-width: 360px) {
    .scroll-galery-topics li {
        white-space: nowrap;
    }
}

.text-box-container {
    width: 100%;
    padding-left: var(--gutter-mobile) !important;
    padding-right: var(--gutter-mobile) !important;
    margin-bottom: 80px;

    .content {
        display: flex;
        flex-direction: column;
    }

    h3 {
        color: var(--primary-color);
        font-size: 32px;
        font-weight: 800;
    }

    p {
        color: var(--primary-color);
        font-size: 18px;
        font-weight: 400;
        margin: 0;
    }

    a {
        width: fit-content;
    }
}

@media (min-width: 768px) {
    .text-box-container h3 {
        font-size: 38px;
    }

    .text-box-container p {
        font-size: 24px;
    }
}

@media (min-width: 992px) {
    .text-box-container {
        padding-left: max(var(--gutter-desktop),
                calc((100vw - var(--container-max)) / 2)) !important;
        padding-right: max(var(--gutter-desktop),
                calc((100vw - var(--container-max)) / 2)) !important;

        .content {
            flex-direction: row;
        }
    }

    .text-box-container h3 {
        font-size: 56px;
    }

    .text-box-container p {
        font-size: 24px;
    }
}

.inst-first-text {
    margin-top: 75px;

    p {
        margin-bottom: 20px;
    }
}

@media (min-width: 992px) {
    .inst-first-text {
        padding-right: 230px;
        margin-bottom: 120px;
    }

    .inst-first-text p {
        margin-bottom: 0px;
    }

    .inst-first-text h3 {
        margin-bottom: 30px;
    }
}

.video-container h2 {
    color: var(--primary-color);
    font-size: 40px;
    font-weight: 800;
    margin-bottom: 30px;
    padding: 0px 33px;
}

.video-wrapper {
    position: relative;
    overflow: hidden;
}

.video-wrapper iframe {
    aspect-ratio: 16/10;
}

.video-curtain {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
}

.video-curtain img {
    width: 150px;
    opacity: 0.8;
}

.video-curtain i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 40px;
    color: var(--white);
}

@media (min-width: 768px) {
    .video-container h2 {
        padding: 0px 66px;
    }

    .video-wrapper iframe {
        max-height: 85vh;
        aspect-ratio: 16/9;
    }

    .video-curtain i {
        font-size: 60px;
    }
}

.about-inst-cards-container .about-inst-card {
    aspect-ratio: 1.2/1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.about-inst-cards-container .about-inst-card p,
.about-inst-cards-container .about-inst-card h6 {
    color: var(--white);
    font-weight: 800;
    font-size: 34px;
}

@media (min-width: 992px) {
    .about-inst-cards-container {
        gap: 15px;
    }

    .about-inst-cards-container {
        margin-top: 100px;
    }

    .about-inst-cards-container .about-inst-card {
        margin-bottom: 0px;
    }
}

.inst-scroll-galery {
    margin-bottom: 66px;
    position: relative;
}

.inst-scroll-galery img {
    position: absolute;
    bottom: 0;
    right: 10px;
    width: 190.827px;
    height: 131px;
}

.inst-scroll-galery h3 {
    font-size: 32px;
    font-weight: 800;
    color: var(--primary-color);
    margin-top: 60px;
    margin-bottom: 10px;
}

@media (min-width: 768px) {
    .inst-scroll-galery {
        margin-top: 100px;
    }

    .inst-scroll-galery h3 {
        font-size: 48px;
        margin-bottom: 35px;
    }
}

@media (min-width: 1025px) {
    .inst-scroll-galery img {
        transition: all 0.3s ease-in-out;
        position: relative;
        width: 100%;
        height: unset;
        aspect-ratio: 1.5 / 1;
    }
}

.brand-manual-container,
.download-commercial-table {
    margin-top: 80px;
}

.brand-manual-container h3,
.download-commercial-table h3 {
    margin-bottom: 15px;
}

.download-manual-button,
.download-commercial-table-button {
    margin-top: 20px;
    padding: 10px 50px;
}

.campaign-container,
.rbs-news-container,
.search-container {
    margin-bottom: 65px;
}

.campaign-container h3,
.search-container h3 {
    font-size: 32px;
    font-weight: 800;
    color: var(--primary-color);
    margin-top: 10px;
}

.search-related-pages ol {
    list-style: auto;
    margin-left: 16.8px;
}

@media (min-width: 768px) {

    .campaign-container h3,
    .search-container h3 {
        font-size: 40px;
        margin-bottom: 34px;
    }
}

.campaign-card,
.search-result-card {
    aspect-ratio: 16/9;
}

@media (min-width: 1080px) {

    .campaign-card,
    .search-result-card {
        overflow: hidden;
    }

    .campaign-card .campaign-card-button,
    .search-result-card .search-result-btn {
        opacity: 0;
        transform: translateY(80px);
        transition: transform 0.35s ease, opacity 0.35s ease;
    }

    .campaign-card:hover .campaign-card-button,
    .search-result-card:hover .search-result-btn {
        opacity: 1;
        transform: translateY(0);
    }
}

.hide-scroll-bar::after {
    background-color: transparent !important;
}

.rbs-news-card {
    aspect-ratio: 1/1;
}

.campaign-card,
.rbs-news-card,
.search-result-card {
    padding: 20px;
    width: 100%;
    margin-bottom: 25px;
    display: flex;
    justify-content: center;
}

.campaign-card .content,
.rbs-news-card .content,
.search-result-card .content {
    margin-top: auto;
    margin-bottom: 20px;
    text-align: center;

    a {
        margin: auto;
        width: fit-content;
        display: block;
    }
}

@media (min-width: 730px) {
    .rbs-news-card .content {
        margin-bottom: 0px;
    }

    .campaign-card,
    .search-result-card {
        aspect-ratio: 1/1;

        .content {
            margin-bottom: 20px;
        }
    }
}

.campaign-card p,
.rbs-news-card p,
.search-result-card p {
    text-align: center;
    margin-bottom: 20px;
    color: var(--white);
    font-weight: 800;
    font-size: 18px;
}

.campaign-card-button,
.rbs-news-card-button,
.search-result-btn {
    padding: 10px 40px;
}

.campaign-see-more-button {
    padding: 15px 65px;
}

@media (min-width: 992px) {

    .campaign-card,
    .search-result-card {
        aspect-ratio: unset;
        height: 350px;
        margin-bottom: 0px;
    }

    .campaign-see-more-button {
        margin-top: 60px;
    }

    .rbs-news-card {
        aspect-ratio: 1.3 / 1;
    }
}

.custom-pagination,
.search-pagination {
    display: flex;
    justify-content: center;
}

.custom-pagination nav div:first-child,
.search-pagination nav div:first-child {
    display: none;
}

.custom-pagination nav div:last-child,
.search-pagination nav div:last-child {
    display: flex !important;
    justify-content: center !important;

    span:first-child {
        gap: 20px;
    }
}

.custom-pagination a,
.custom-pagination span,
.search-pagination a,
.search-pagination span {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border: none;
    box-shadow: none;
    font-size: 24px;
}

.custom-pagination [aria-current="page"] span,
.search-pagination [aria-current="page"] span {
    color: var(--primary-color);
    font-weight: 600;
}

.custom-pagination a:hover,
.search-pagination a:hover {
    color: var(--gray-300);
}

.campaign-search-input,
.studies-search-input,
.search-input {
    width: 100%;
    border: 2px solid var(--primary-color);
    padding: 12px 20px;
    color: var(--primary-color);
    margin-top: 100px;
    margin-bottom: 30px;
}

.campaign-search-input::placeholder,
.studies-search-input::placeholder,
.search-input::placeholder {
    color: var(--primary-color);
    transition: all 0.2s ease-in-out;
}

.campaign-search-input:focus,
.studies-search-input:focus,
.search-input:focus {
    outline: none;
}

.campaign-search-input:focus::placeholder,
.studies-search-input:focus::placeholder,
.search-input:focus::placeholder {
    transform: translateY(-200%);
}

.related-pages-container {
    margin-top: 90px;
}

.related-page-card {
    aspect-ratio: 1/1;
    color: var(--white);
    display: flex;
    justify-content: start;
    transition: all 0.3s ease-in-out;
}

.related-page-card .content {
    margin-top: auto;
    margin-bottom: 24px;
    padding-left: 25px;
    padding-right: 25px;

    h5 {
        font-weight: 800;
        font-size: 24px;
    }

    p {
        font-size: 14px;
        font-weight: 400;
        margin-top: 15px;
    }
}

@media (max-width: 992px) {
    .related-page-card .content p {
        line-clamp: 7;
        -webkit-line-clamp: 7;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
}

@media (min-width: 992px) {
    .related-page-card {
        aspect-ratio: 1.3/1;

        .content p {
            max-height: unset;
            overflow: unset;
        }
    }

    .campaign-search-input,
    .search-input {
        width: 33%;
        margin-left: auto;
    }

    .custom-pagination a,
    .custom-pagination span,
    .search-pagination a,
    .search-pagination span {
        font-size: 20px;
    }
}

.brands-category-filter {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.brands-category-swiper-wrapper {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 55%;
    min-width: 0;
}

.brands-category-swiper {
    flex: 1;
    min-width: 0;
}

.brands-cat-btn {
    display: block;
    width: 100%;
    padding: 8px 12px;
    font-size: 14px;
    white-space: nowrap;
    text-align: center;
}


@media (max-width: 767px) {
    .brands-category-filter {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .brands-category-swiper-wrapper {
        width: 100%;
    }
}

.bussiness-first-text {
    margin-top: 75px;
    margin-bottom: 101px;
}

.bussiness-first-text h5 {
    margin-bottom: 25px;
    color: var(--ligher-black);
    font-weight: 800;
    font-size: 24px;
}

.bussiness-first-text p {
    color: var(--ligher-black);
    font-weight: 400;
    font-size: 18px;
}

@media (min-width: 1080px) {
    .bussiness-first-text {
        padding-right: 140px;
    }

    .bussiness-first-text h5 {
        font-size: 48px;
    }

    .bussiness-first-text p {
        color: var(--ligher-black);
        font-weight: 400;
        font-size: 32px;
    }
}

@media (min-width: 1800px) {
    .bussiness-first-text {
        padding-right: 200px;
    }
}

.bussiness-second-text {
    margin-top: 65px;
}

.bussiness-second-text h5 {
    margin-bottom: 45px;
    color: var(--ligher-black);
    font-weight: 800;
    font-size: 32px;
}

.bussiness-second-text p {
    color: var(--ligher-black);
    font-weight: 400;
    font-size: 18px;
}

@media (min-width: 1080px) {
    .bussiness-second-text {
        padding-right: 140px;
    }

    .bussiness-second-text h5 {
        font-size: 48px;
    }

    .bussiness-second-text p {
        font-size: 32px;
    }
}

@media (min-width: 1800px) {
    .bussiness-second-text {
        padding-right: 200px;
    }
}

.bussiness-testimony-container {
    margin-top: 66px;
}

.bussiness-testimony-image img {
    width: 100%;
    aspect-ratio: 2/1;
    object-fit: cover;
}

.bussiness-testimony-content {
    display: flex;
    flex-direction: column;
}

.bussiness-testimony-content p {
    font-size: 20px;
    color: var(--primary-color);
    font-weight: 800;
}

.bussiness-testimony-content i {
    margin-left: auto;
    margin-right: auto;
    font-size: 50px;
    color: var(--primary-color);
    margin-bottom: 25px;
    margin-top: 40px;
}

.bussiness-testimony-content small {
    margin-top: 32px;
    color: var(--primary-color);
}

.bussiness-testimony-content small p {
    font-size: 20px;
    color: var(--primary-color);
    font-weight: 800;
}

.bussiness-testimony-content small span {
    font-size: 18px;
    color: var(--primary-color);
    font-weight: 400;
}

@media (min-width: 1080px) {
    .bussiness-testimony-container {
        margin-top: 113px;
        padding-left: 270px;
        padding-right: 270px;
    }

    .bussiness-testimony-image,
    .bussiness-testimony-content {
        padding-inline: 250px;
    }

    .bussiness-testimony-content p {
        font-size: 32px;
    }

    .bussiness-testimony-content small p {
        font-size: 24px;
    }

    .bussiness-testimony-content small span {
        font-size: 18px;
    }
}

.bussiness-partners-container {
    overflow: hidden;
    margin-top: 58px;
    margin-bottom: 39px;
}

.bussiness-partners-text h3 {
    font-size: 32px;
    color: var(--black);
    font-weight: 800;
}

.partnersSwiper2,
.partnersSwiper1 {
    margin-top: 20px;
}

.partnersSwiper2 img,
.partnersSwiper1 img {
    width: 100%;
}

.partnersSwiper1 .swiper-wrapper,
.partnersSwiper2 .swiper-wrapper {
    transition-timing-function: linear !important;
}

.see-our-partners-button {
    margin-top: 35px;
    padding: 10px 24px;
}

@media (min-width: 1080px) {
    .bussiness-partners-container {
        margin-top: 135px;
    }

    .bussiness-partners-text h3 {
        font-size: 64px;
        color: rgba(4, 19, 42, 0.75);
    }

    .see-our-partners-button {
        margin-top: 80px;
    }
}

.oportunitiesSwiper,
.highlightsSwiper {
    padding-left: 30px;
    padding-right: 30px;
}

.see-our-oportunities-container,
.highlights-swiper-container {
    margin-bottom: 55px;
}

.see-our-oportunities-container h3,
.highlights-swiper-container h3 {
    font-size: 32px;
    color: var(--black);
    font-weight: 800;
    margin-bottom: 22px;
}

.oportunity-swiper-card,
.highlight-swiper-card {
    aspect-ratio: 16/9;
    display: flex;
    flex-direction: column;
    justify-content: end;
    padding: 20px 30px;
}

.oportunity-swiper-card .content,
.highlight-swiper-card .content {
    color: var(--white);
}

.oportunity-swiper-card .content h5,
.highlight-swiper-card .content h5 {
    font-size: 20px;
    font-weight: 800;
}

.oportunity-swiper-card .content p,
.highlight-swiper-card .content p {
    font-size: 16px;
    font-weight: 400;
    line-height: 110%;
    margin-top: 10px;
}

@media (min-width: 1080px) {

    .see-our-oportunities-container,
    .highlights-swiper-container {
        margin-top: 85px;
    }

    .oportunitiesSwiper,
    .highlightsSwiper {
        padding-left: 66px;
        padding-right: 66px;
    }

    .see-our-oportunities-container h3,
    .highlights-swiper-container h3 {
        font-size: 48px;
        font-weight: 800;
    }
}

.access-opportunities-button {
    margin-top: 35px;
    padding: 10px 24px;
}

.access-more-content-button {
    padding: 10px 24px;
}

.data-analisis-container {
    color: var(--black);
}

.data-analisis-container p {
    font-weight: 800;
    font-size: 24px;
    margin-bottom: 35px;
}

.data-analisis-container h3 {
    font-weight: 800;
    font-size: 32px;
    margin-bottom: 25px;
}

.data-analisis-image {
    margin-top: 60px;
}

.data-analisis-image {
    aspect-ratio: 1/1;
    width: 100%;
}

@media (min-width: 1080px) {
    .data-analisis-container {
        margin-top: 160px;
    }

    .data-analisis-text {
        padding-right: 50px;
    }

    .data-analisis-text h3 {
        font-size: 48px;
    }

    .data-analisis-text p {
        font-size: 24px;
        color: var(--primary-color);
    }
}

.commercial-plans-container h3,
.success-stories-container h3 {
    color: var(--black);
    font-size: 32px;
    font-weight: 800;
}

.commercial-plans-first-text {
    margin-top: 60px;
    margin-bottom: 60px;
}

.commercial-plans-first-text h3 {
    color: var(--ligher-black);
    font-size: 32px;
    font-weight: 950;
}

@media (min-width: 1080px) {
    .commercial-plans-first-text {
        margin-top: 80px;
        margin-bottom: 102px;
        padding-right: 420px;
    }

    .commercial-plans-first-text h3 {
        font-size: 48px;
        padding-right: 150px;
    }
}

.commercial-plan-card {
    aspect-ratio: 16/9;
    display: flex;
    flex-direction: column;
    justify-content: end;
    padding: 20px 30px;

    .content {
        color: var(--white);
    }

    .content h5 {
        font-size: 20px;
        font-weight: 800;
    }
}

.search-bar-container {
    display: flex;
    align-items: center;
}

.search-bar-input {
    width: 100%;
    padding: 12px 24px;
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
}

.search-bar-input::placeholder {
    transition: all 0.2s ease-in-out;
    color: var(--primary-color);
    font-weight: 700;
}

.search-bar-input:focus::placeholder {
    transform: translateY(-200%);
}

.search-bar-input:focus {
    outline: none;
    border-color: var(--primary-color);
}

.category-select {
    width: 100%;
    padding: 12px 40px 12px 24px;
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
    font-weight: 700;
    background-color: transparent;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23004391' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 16px center;
    cursor: pointer;
}

.category-select:focus {
    outline: none;
    border-color: var(--primary-color);
}

.category-select option {
    color: initial;
    font-weight: 400;
    background-color: white;
}

.category-multiselect {
    position: relative;
    flex-shrink: 0;
}

.category-select-btn {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 16px 14px 24px;
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
    font-weight: 700;
    background-color: transparent;
    cursor: pointer;
    white-space: nowrap;
    font-size: 14px;
    transition: background-color 0.2s;
}

.category-select-btn:hover {
    background-color: color-mix(in srgb, var(--primary-color) 5%, transparent);
}

.category-select-btn svg {
    flex-shrink: 0;
    transition: transform 0.2s;
}

.category-multiselect.is-open .category-select-btn svg {
    transform: rotate(180deg);
}

.category-select-dropdown {
    position: absolute;
    top: calc(100% + 2px);
    left: 0;
    background: white;
    border: 1px solid var(--primary-color);
    z-index: 50;
    min-width: 100%;
    max-height: 240px;
    overflow-y: auto;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.category-select-option {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 16px;
    cursor: pointer;
    color: var(--primary-color);
    font-size: 14px;
    font-weight: 500;
    transition: background-color 0.15s;
}

.category-select-option:hover {
    background-color: color-mix(in srgb, var(--primary-color) 8%, transparent);
}

.category-select-option input[type="checkbox"] {
    accent-color: var(--primary-color);
    width: 15px;
    height: 15px;
    flex-shrink: 0;
    cursor: pointer;
}

.category-select-option.is-selected {
    font-weight: 700;
    background-color: color-mix(in srgb, var(--primary-color) 8%, transparent);
}

.talk-with-us-footer {
    display: flex;
    justify-content: end;
}

.filter-accordion-container .accordion-footer {
    display: flex;
    justify-content: end;
    padding-bottom: 10px;
}

.apply-filters-button {
    font-weight: 800;
    color: var(--primary-color);
}

.filter-class-button {
    font-weight: 800;
    margin-bottom: 15px;
    border-radius: 15px;
    padding: 10px;
    transition: all 0.3s ease-in-out;
    width: 100%;
    text-align: start;
}

.filter-class-button.active {
    color: var(--white);
    background-color: var(--primary-color);
}

.see-more-plans-button,
.see-more-insights-button,
.see-more-market-studies-button {
    padding: 10px 100px;
    height: 46px;
    display: block;
}

.download-commercial-table h3,
.download-commercial-table p {
    color: var(--black);
}

.ad-with-us-promo-v2 .promo-card::after {
    background: var(--fgasgs,
            linear-gradient(0deg, #04132a 0%, #04132a 100%)) !important;
}

.market-insights-card,
.success-stories-card,
.market-studies-card {
    aspect-ratio: 1/1;
}

.market-studies-card .content {
    transition: all 0.3s ease-in-out;
    transform: translateY(200%);
}

.market-studies-card:hover .content {
    transform: translateY(0);
}

.success-stories-card .content,
.market-studies-card .content {
    margin-bottom: 40px;
}

.market-insights-card .content {
    margin-bottom: 15px;
    padding-right: 50px;
}

.insight-category-badge {
    position: absolute !important;
    top: 5%;
    left: 5%;
    background: var(--primary-color);
    color: var(--white);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.5px;
    padding: 4px 10px;
    line-height: 1.4;
    pointer-events: none;
    width: fit-content;
}

.market-insights-container h2,
.market-studies-container h2,
.success-stories-container h2 {
    color: var(--primary-color);
    font-size: 32px;
    font-weight: 800;
    margin-bottom: 50px;
    margin-top: 50px;
}

.see-about-market-insight,
.see-about-history-button,
.see-about-market-study-button {
    height: fit-content;
    padding: 5px 15px;
    margin-top: auto;
    border-radius: 15px;
}

.see-about-market-insight i,
.see-about-history-button i,
.see-about-market-study-button i {
    color: var(--primary-color);
}

.market-insights-card p,
.success-stories-card p,
.market-studies-card p {
    color: var(--white);
    font-weight: 800;
    font-size: 18px;
    flex-grow: 1;
}

.market-insights-card h4 {
    font-size: 24px;
    font-weight: 800;
    color: var(--white);
    margin-bottom: 15px;
}

@media (min-width: 1080px) {

    .market-insights-container h2,
    .market-studies-container h2,
    .success-stories-container h2 {
        font-size: 48px;
    }
}

.success-stories-container .filter-button {
    padding: 5px 30px;
    font-size: 15px;
    border-width: 1px;
}

@media (min-width: 1080px) {
    .success-stories-container .filter-button {
        padding: 10px 50px;
        font-size: 18px;
        border-radius: 15px;
        border: 1.756px solid var(--fgasgs, #04132a);
    }
}

.social-first-text {
    margin-top: 75px;
}

.social-first-text h2 {
    color: var(--primary-color);
    font-size: 32px;
    font-style: normal;
    font-weight: 800;
}

.social-first-text p {
    margin-top: 45px;
    color: var(--primary-color);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
}

.rbs-social-responsability-container {
    margin-top: 75px;
    position: relative;
}

.rbs-social-responsability-text {
    position: relative;
}

.rbs-social-responsability-text::after {
    content: "";
    position: absolute;
    top: -3px;
    left: -20px;
    width: 3px;
    height: 101%;
    background-color: var(--primary-color);
}

.rbs-social-responsability-text .custom-scroll-bar {
    position: absolute;
    top: 0px;
    left: -22px;
    width: 7px;
    height: 200px;
    background-color: var(--primary-color);
    transition: background-color 0.3s ease-in-out;
    z-index: 3;
    cursor: pointer;
    user-select: none;
}

.rbs-social-responsability-text .custom-scroll-bar.active {
    background-color: var(--gray-300);
}

.rbs-social-responsability-container .rbs-social-responsability-image {
    aspect-ratio: 1/1;
}

.rbs-social-responsability-container .rbs-social-responsability-text {
    display: flex;
    flex-direction: column;
}

.rbs-social-responsability-container .rbs-social-responsability-text h4 {
    color: var(--primary-color);
    font-weight: 800;
    font-size: 24px;
    margin-bottom: 36px;
}

.rbs-social-responsability-container .rbs-social-responsability-text p {
    color: var(--primary-color);
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 28px;
}

.rbs-social-responsability-container .text-wrapper {
    margin-top: 40px;
    max-height: 400px;
    overflow-y: auto;
    -ms-overflow-style: none;
    /* IE e Edge antigo */
    scrollbar-width: none;
    /* Firefox */
    position: relative;
    margin-bottom: 30px;
}

@media (min-width: 1080px) {
    .rbs-social-responsability-container .text-wrapper {
        padding-left: 40px;
    }
}

.rbs-social-responsability-container .text-wrapper::-webkit-scrollbar {
    display: none;
    /* Chrome, Opera e Safari */
}

.rbs-social-text-button {
    padding: 10px 40px;
    text-align: center;
    width: fit-content;
}

.access-e-book-promo .promo-card {
    padding: 13px !important;
}

@media (min-width: 1080px) {
    .access-e-book-promo .promo-card {
        padding: 90px !important;
    }
}

.access-e-book-promo p {
    color: var(--white);
}

.access-e-book-promo h5 {
    font-size: 20px;
}

.access-e-book-promo .promo-card-content {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.access-e-book-promo .promo-card {
    align-items: center;
}

@media (min-width: 1080px) {
    .rbs-social-responsability-container .rbs-social-responsability-image {
        aspect-ratio: 1.15 /1;
    }

    .rbs-social-responsability-container {
        margin-bottom: 80px;
    }

    .rbs-social-responsability-container {
        align-items: center;
    }

    .rbs-social-responsability-container .text-wrapper {
        max-height: 500px;
        overflow-y: scroll;
        padding-left: 22px;
        margin-left: 50px;
        /* força scrollbar existir */

        direction: rtl;

        -ms-overflow-style: scrollbar;
        /* IE / Edge antigo */
        scrollbar-width: thin;
        /* Firefox */
        scrollbar-color: transparent transparent;
        /* Firefox invisível */
    }

    .rbs-social-responsability-container .text-wrapper * {
        direction: ltr;
    }

    /* Chrome / Edge / Safari */
    .rbs-social-responsability-container .text-wrapper::-webkit-scrollbar {
        width: 10px;
        /* mantém espaço */
    }

    .rbs-social-responsability-container .text-wrapper::-webkit-scrollbar-track {
        background: transparent;
    }

    .rbs-social-responsability-container .text-wrapper::-webkit-scrollbar-thumb {
        background-color: transparent;
    }

    .access-e-book-promo .promo-card-content p {
        font-size: 24px;
        color: var(--white);
        margin-bottom: 40px;
        font-weight: 800;
    }

    .social-first-text {
        padding-right: 400px;
    }

    .social-first-text h2 {
        font-size: 48px;
    }

    .social-first-text p {
        font-size: 24px;
    }
}

.site-map-first-text {
    margin-top: 110px;
    margin-bottom: 70px;
}

.site-map-first-text h2 {
    color: var(--primary-color);
    font-weight: 800;
    font-size: 32px;
    margin-bottom: 21px;
}

.site-map-first-text p {
    color: var(--primary-color);
    font-weight: 400;
    font-size: 18px;
}

.site-map-container {
    margin-bottom: 300px;
}

.site-map-container h4 {
    color: var(--primary-color);
    font-size: 32px;
    font-weight: 800;
    margin-bottom: 20px;
    margin-top: 20px;
}

.site-map-container ul {
    list-style: disc;
}

.site-map-container li {
    margin-left: 30px;
    color: var(--primary-color);
    font-weight: 400;
    font-size: 18px;
}

@media (min-width: 992px) {
    .site-map-first-text h2 {
        font-size: 48px;
    }

    .site-map-first-text p {
        font-size: 24px;
    }

    .site-map-first-text {
        padding-right: 400px;
    }

    .site-map-container li {
        margin-left: 0px;
    }

    .site-map-container ul {
        list-style: none;
    }

    .site-map-container {
        display: flex;
        flex-direction: column;
        gap: 100px;
    }
}

.brands-first-text {
    font-size: 32px;
    color: var(--primary-color);
    font-weight: 800;
    margin-top: 60px;
}

.brands-list-container {
    margin-top: 70px;
}

.brands-list-container h3 {
    color: var(--primary-color);
    font-size: 32px;
    font-weight: 800;
}

.brand-card {
    display: flex;
    height: 430px;

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

.see-brand-button {
    padding: 12px 40px;
    width: fit-content;
}

.brand-card {
    background: var(--primary-color);
    box-shadow: 0 15.708px 34.906px 0 rgba(112, 144, 176, 0.12);
    padding: 60px 30px;
}

.brand-card .brand-card-text p {
    color: var(--white) !important;
    line-clamp: 6;
    -webkit-line-clamp: 6;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.brand-card .see-brand-button {
    background-color: var(--white);
    color: var(--primary-color);
    border-color: var(--white);
    margin-top: auto;
}

.brand-card .see-brand-button:hover {
    background-color: transparent;
    color: var(--white);
}

.brand-card-logo {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
    max-height: 200px;
}

.brand-card-text {
    text-align: center;
    align-items: center;
    display: flex;
    gap: 20px;
    flex-grow: 1;
    flex-direction: column;
}

@media (min-width: 992px) {
    .brands-first-text {
        font-size: 48px;
        font-weight: 300;
        padding-right: 350px;
    }

    .brand-card {
        display: flex;
        height: 550px;
        flex-direction: column;
    }

    .brand-card .content p {
        font-size: 18px;
        font-weight: 800;
        color: var(--primary-color);
        line-clamp: 7;
        -webkit-line-clamp: 7;
    }
}

.history-first-text {
    margin-top: 80px;
}

.history-first-text h2 {
    font-size: 32px;
    color: var(--primary-color);
    font-weight: 800;
    line-height: 110%;
    /* 35.2px */
    letter-spacing: -0.32px;
    margin-bottom: 64px;
}

.history-first-text h3 {
    font-size: 32px;
    color: var(--primary-color);
    font-weight: 800;
    margin-bottom: 20px;
}

.history-first-text p {
    font-size: 18px;
    color: var(--primary-color);
    font-weight: 800;
}

.nelson-quote-container .image-container {
    width: 100%;
    aspect-ratio: 1.15 / 1;
}

.nelson-quote-container .content {
    margin-top: 100px;
    text-align: center;
    color: var(--primary-color);
    gap: 40px;
}

.nelson-quote-container .content i {
    font-size: 50px;
}

.nelson-quote-container .content p {
    font-size: 18px;
    font-weight: 800;
}

.nelson-quote-container .content small p {
    font-size: 14px;
    font-weight: 800;
}

.nelson-quote-container .content small span {
    font-size: 12px;
    font-weight: 400;
}

.nelson-quote-container {
    margin-bottom: 140px;
    margin-top: 90px;
}

@media (min-width: 992px) {
    .nelson-quote-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0px 300px;
    }

    .nelson-quote-container .image-container {
        width: 50%;
    }

    .nelson-quote-container .content {
        width: 50%;
    }

    .nelson-quote-container .content p {
        font-size: 32px;
    }

    .nelson-quote-container .content small p {
        font-size: 24px;
    }

    .nelson-quote-container .content small span {
        font-size: 18px;
    }
}

.rbs-history-video-container {
    color: var(--primary-color);
    font-size: 32px;
    font-weight: 800;
}

.rbs-history-video-container h3 {
    color: var(--primary-color);
    font-size: 32px;
    font-weight: 800;
    margin-bottom: 30px;
}

.rbs-history-video-container iframe,
.media-solutions-video-container iframe,
.contents-component-4 iframe,
.contents-component-4 video,
.media-solutions-video-container video,
.rbs-history-video-container video {
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: cover;
    position: relative;
}

.rbs-history-video-container img,
.media-solutions-video-container img,
.contents-component-4 img {
    cursor: pointer;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 101%;
    left: 0;
    aspect-ratio: 1/1;
}

.rbs-history-video-container .black-overlay,
.media-solutions-video-container .black-overlay,
.contents-component-4 .black-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: 1;
    background: linear-gradient(180deg,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 0.55) 100%);
}

.rbs-history-video-container svg,
.media-solutions-video-container svg,
.contents-component-4 svg {
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 5;
    transform: translate(-50%, -50%);
}

@media (min-width: 1080px) {

    .rbs-history-video-container iframe,
    .rbs-history-video-container img,
    .media-solutions-video-container video,
    .media-solutions-video-container img,
    .contents-component-4 iframe,
    .contents-component-4 img {
        aspect-ratio: 2.3 /1;
    }

    .rbs-history-video-container h3 {
        font-size: 48px;
        padding-right: 350px;
    }
}

.rbs-history-time-line {
    margin-top: 140px;
}

.rbs-history-time-line h3 {
    color: var(--secondary-color);
    font-size: 32px;
    font-weight: 800;
    margin-bottom: 32px;
}

.story-line-swiper .swiper-slide,
.story-line-swiper .swiper-wrapper {
    height: fit-content;
}

.story-line-swiper .swiper-slide img {
    width: 100%;
    aspect-ratio: 1/1;
}

.time-line-img-wrapper {
    position: relative;
    overflow: hidden;
}

.time-line-overlay-text {
    position: absolute;
    inset: 0;
    margin: 0;
    display: flex;
    align-items: baseline;
    justify-content: start;
    padding: 20px;
    text-align: start;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    opacity: 1;
    transition: all 0.3s ease-in-out;
    height: fit-content;
    margin-top: auto;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
}

@media (min-width: 992px) {
    .time-line-overlay-text {
        transform: translateY(100px);
    }

    .time-line-img-wrapper:hover .time-line-overlay-text {
        opacity: 1;
        transform: translateY(0);
    }
}



.story-line-swiper .swiper-slide .content {
    transition: all 2s ease-in-out;
    text-align: center;
    position: relative;
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;

    h5 {
        font-weight: 800;
        color: var(--primary-color);
        font-size: 24px;
    }

    p {
        color: var(--primary-color);
        font-weight: 800;
        font-size: 18px;
    }

    .time-y-row {
        position: absolute;
        left: 50%;
        bottom: 100%;
        transform: translateX(-50%);
        width: 2px;
        height: 43px;
        max-height: 0px;
        transition: all 1.4s ease-in-out;
        background-color: var(--primary-color);
    }
}

.time-line-box .time-x-row {
    position: absolute;
    top: 50%;
    left: 0%;
    transition: all 2s ease-in-out;
    width: 105%;
    max-width: 100%;
    background-color: var(--primary-color);
    height: 2px;
}

.time-line-box .time-dot-box {
    position: absolute;
    left: 0%;
    top: 35.5%;
    aspect-ratio: 1/1;
    height: 10px;
    max-width: 0px;
    max-height: 0px;
    border-radius: 50%;
    background-color: var(--primary-color);
}

.story-line-swiper .swiper-slide .time-line-box {
    position: relative;
    display: flex;
    width: 100%;
    height: 30px;

    .time-x-row {
        max-width: 0%;
    }
}

.story-line-swiper .swiper-slide-active .time-line-box,
.story-line-swiper .swiper-slide-prev .time-line-box {
    .time-x-row {
        max-width: 112% !important;
    }

    .time-dot-box {
        max-height: 10px;
        max-width: 10px;
    }
}

.story-line-swiper .swiper-slide-next .time-line-box {
    .time-dot-box {
        animation: forwards time-dot-grow 2s ease-in-out;
    }
}

.story-line-swiper .swiper-slide-active .content,
.story-line-swiper .swiper-slide-prev .content {
    .time-y-row {
        max-height: 100% !important;
    }

    .time-dot-box {
        max-width: 10px;
        max-height: 10px;
    }
}

@keyframes time-dot-grow {

    0%,
    90% {
        max-width: 0px;
        max-height: 0px;
    }

    100% {
        max-width: 10px;
        max-height: 10px;
    }
}

@media (min-width: 1080px) {
    .rbs-history-time-line h3 {
        font-size: 48px;
        color: var(--primary-color);
    }

    .story-line-swiper .swiper-slide .content {
        text-align: start;
    }
}

.shareholders-council-container,
.advice-management-container,
.editorial-council-container {
    margin-top: 77px;
}

.shareholders-council-container h2,
.advice-management-container h2,
.editorial-council-container h2 {
    margin-bottom: 41px;
    color: var(--primary-color);
    font-size: 32px;
    font-weight: 800;
}

.shareholders-council-container .governance-accordion-item,
.advice-management-container .governance-accordion-item,
.editorial-council-container .governance-accordion-item {
    color: var(--primary-color);
    border-bottom: 1px solid var(--primary-color);
    padding-bottom: 10px;
    padding-top: 10px;
}

.shareholders-council-container .governance-accordion-item.has-description,
.advice-management-container .governance-accordion-item.has-description,
.editorial-council-container .governance-accordion-item.has-description {
    cursor: pointer;
}

.shareholders-council-container .governance-accordion-header,
.advice-management-container .governance-accordion-header,
.editorial-council-container .governance-accordion-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.shareholders-council-container .governance-accordion-header span,
.advice-management-container .governance-accordion-header span,
.editorial-council-container .governance-accordion-header span {
    font-size: 24px;
    font-weight: 400;
}

.shareholders-council-container .governance-accordion-arrow,
.advice-management-container .governance-accordion-arrow,
.editorial-council-container .governance-accordion-arrow {
    font-size: 12px;
    transition: transform 0.3s ease;
    flex-shrink: 0;
}

.shareholders-council-container .governance-accordion-item.is-open .governance-accordion-arrow,
.advice-management-container .governance-accordion-item.is-open .governance-accordion-arrow,
.editorial-council-container .governance-accordion-item.is-open .governance-accordion-arrow {
    transform: rotate(180deg);
}

.shareholders-council-container .governance-accordion-body,
.advice-management-container .governance-accordion-body,
.editorial-council-container .governance-accordion-body {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.3s ease;
    padding-top: 0;
    overflow: hidden;
}

.shareholders-council-container .governance-accordion-body>p,
.advice-management-container .governance-accordion-body>p,
.editorial-council-container .governance-accordion-body>p {
    min-height: 0;
}

.shareholders-council-container .governance-accordion-item.is-open .governance-accordion-body,
.advice-management-container .governance-accordion-item.is-open .governance-accordion-body,
.editorial-council-container .governance-accordion-item.is-open .governance-accordion-body {
    grid-template-rows: 1fr;
    padding-top: 8px;
}

.shareholders-council-container .governance-accordion-body p,
.advice-management-container .governance-accordion-body p,
.editorial-council-container .governance-accordion-body p {
    font-size: 15px;
    font-weight: 400;
    opacity: 0.8;
    border-bottom: none;
    padding-top: 0;
}

@media (max-width: 998px) {
    .executive-committe-card {
        flex-direction: column;
    }

    .publisher-image {
        padding-inline: 0px !important;
    }

    .executive-committee-container .executive-committe-content-container {
        margin-top: 0px !important;
    }

    .executive-committee-container .executive-committe-image,
    .executive-committee-container .executive-committe-image img {
        width: 100% !important;
    }
}

@media (min-width: 1080px) {

    .shareholders-council-container .governance-accordion-header span,
    .advice-management-container .governance-accordion-header span,
    .editorial-council-container .governance-accordion-header span {
        font-weight: 800;
    }

    .shareholders-council-container,
    .advice-management-container,
    .editorial-council-container {
        margin-top: 100px;
    }
}

.advice-management-container {
    margin-top: 72px;
}

.publisher-higtlight-container {
    margin-top: 105px;
}

.publisher-higtlight-container h2 {
    color: var(--primary-color);
    font-size: 38px;
    font-weight: 800;
    margin-bottom: 50px;
}

.publisher-image {
    padding-inline: 20rem;
}

.publisher-image img {
    aspect-ratio: 4/3;
    object-fit: cover;
    margin-bottom: 50px;
}

@media (min-width: 1080px) {
    .publisher-higtlight-container .publisher-content {
        padding-left: 25px;
        padding-right: 25px;
    }
}


.publisher-higtlight-container .publisher-content p {
    color: var(--primary-color);
    font-weight: 800;
    font-size: 17px;
}

.publisher-higtlight-container .publisher-content small {
    display: block;
    margin-bottom: 40px;
}

.publisher-higtlight-container .publisher-content small p {
    font-size: 20px;
}

.publisher-higtlight-container .publisher-content span {
    font-size: 14px;
    color: var(--primary-color);
    font-weight: 400;
}

.executive-committee-container {
    margin-bottom: 100px;
    margin-top: 65px;
}

.executive-committee-container h2 {
    color: var(--primary-color);
    font-size: 32px;
    font-weight: 800;
    margin-bottom: 50px;
}

.executive-committee-container .executive-committe-image {
    flex-shrink: 0;
    width: 350px;
}

.executive-committee-container .executive-committe-image img {
    object-fit: cover;
    aspect-ratio: 7/9;
    max-width: unset;
}

.executive-committee-container .executive-committe-content-container {
    margin-top: 41px;
    padding: 75px 40px;
    flex-grow: 1;
    background-color: var(--gray-100);
}

.executive-committee-container .executive-committe-content {
    color: var(--ligher-black);
}

.executive-committee-container .executive-committe-content h5 {
    font-size: 26px;
    font-weight: 800;
}

.executive-committee-container .executive-committe-content small {
    font-size: 18px;
    font-weight: 400;
    display: block;
    margin-bottom: 36px;
}

.executive-committee-container .executive-committe-content p {
    font-size: 16px;
    font-weight: 500;
}

@media (min-width: 1080px) {

    .executive-committee-container .executive-committe-content-container {
        margin-left: 20px;
        display: flex;
        align-items: start;
    }

    .editorial-council-container h2,
    .advice-management-container h2,
    .shareholders-council-container h2 {
        font-weight: 400;
        font-size: 38px;
    }

    .publisher-image {
        margin-top: 60px;
    }

    .publisher-higtlight-container .publisher-content p {
        font-size: 20px;
        text-align: center;
    }

    .publisher-higtlight-container .publisher-content small p {
        font-size: 24px;
        text-align: center;
    }

    .publisher-higtlight-container .publisher-content small {
        text-align: center;
    }

    .publisher-higtlight-container .publisher-content small span {
        font-size: 18px;
        text-align: center;
    }
}

.accordance-text-container h2 {
    font-size: 32px;
    font-weight: 800;
    color: var(--primary-color);
    margin-top: 80px;
    margin-bottom: 32px;
}

.accordance-text-container p {
    font-size: 18px;
    font-weight: 400;
    color: var(--primary-color);
}

.see-reports-container {
    margin-top: 150px;
    margin-bottom: 70px;
}

.see-report-button {
    padding: 5px 50px;
}

.report-card {
    padding-top: 25px;
    padding-bottom: 25px;
}

.report-card p {
    font-size: 24px;
    font-weight: 800;
    color: var(--primary-color);
    margin-bottom: 20px;
}

.report-card a {
    display: block;
    width: fit-content;
}

.report-card {
    border-bottom: 2px solid var(--primary-color);
}

@media (min-width: 1080px) {
    .accordance-text-container h2 {
        font-size: 48px;
        font-weight: 300;
    }

    .report-card {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .report-card p {
        max-width: 450px;
        font-size: 36px;
        line-height: 110%;
        /* 44px */
        letter-spacing: 0.4px;
        margin-bottom: 0px;
    }
}

.the-rs-text-container {
    margin-bottom: 70px;
}

.the-rs-text-container h2 {
    font-size: 32px;
    color: var(--primary-color);
    font-weight: 800;
    margin-bottom: 33px;
    margin-top: 80px;
}

.the-rs-text-container p {
    font-size: 18px;
    color: var(--primary-color);
    font-weight: 400;
}

@media (min-width: 1080px) {
    .the-rs-text-container h2 {
        font-size: 48px;
        font-weight: 400;
    }

    .the-rs-text-container p {
        font-size: 24px;
        font-weight: 800;
    }
}

.map-wrapper {
    position: absolute;
    height: 800px;
    padding-top: 50px;
    padding-bottom: 50px;
    overflow: hidden;
}

.map-region-content {
    transition: max-width 0.5s ease-in-out;
    overflow: hidden;
    max-width: 0;
    margin-top: 140px;
    color: var(--white);

    h4 {
        font-weight: 300;
        font-size: 32px;
    }

    h5 {
        font-size: 24px;
        font-weight: 800;
        color: var(--secondary-color);
        margin-top: 16px;
        margin-bottom: 20px;
    }

    p {
        color: var(--white);
        font-weight: 600;
    }

    .content-wrapper {
        width: 100vw;
        padding-right: 80px;
    }
}

#mapa svg {
    overflow: visible;
}

#mapa-pins {
    position: absolute;
    width: 70%;
    top: 5rem;
    height: 70%;
    left: 32rem;
    overflow: hidden;
    pointer-events: none;
    z-index: 2;
}

.map-pin-icon {
    position: absolute;
    pointer-events: none;
    z-index: 10;
    font-size: 28px;
    color: var(--white);
    transform: translate(-50%, -150px);
    opacity: 0;
    transition:
        transform 0.45s cubic-bezier(0.34, 1.56, 0.64, 1),
        opacity 0.2s ease;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.4));
}

.map-pin-icon.active {
    transform: translate(-50%, -100%);
    opacity: 1;
}

#mapa path {
    transition: all 0.25s ease;
    cursor: pointer;
}

#mapa path.map-path-selected {
    transform: scale(1.1) translate(-20px, -10px);
    fill-opacity: 1 !important;
    opacity: 1 !important;
    fill: var(--primary-color);
}

@media (min-width: 1080px) {
    .content-wrapper {
        max-width: 35vw;
    }

    #mapa {
        position: absolute;
        width: 70%;
        top: 5rem;
        height: 70%;
        left: 32rem;

        svg {
            width: 100%;
            height: 100%;
        }
    }

    .map-region-content {
        h4 {
            font-size: 48px;
        }

        h5 {
            font-size: 32px;
        }

        p {
            font-size: 20px;
        }
    }

    .map-wrapper {
        padding-left: 90px;
        padding-right: 90px;
    }
}

.map-region-content.active {
    max-width: 100%;
}

.who-is-the-gaucho-container {
    margin-top: 130px;
    margin-bottom: 140px;
    flex-direction: column;
    gap: 32px;
}

.who-is-the-gaucho-container h3 {
    color: var(--secondary-color);
    font-weight: 800;
    font-size: 32px;
}

.who-is-the-gaucho-container p {
    color: var(--primary-color);
    font-weight: 400;
    font-size: 18px;
}

@media (min-width: 1080px) {
    .who-is-the-gaucho-container h3 {
        font-size: 48px;
        color: var(--primary-color);
    }

    .who-is-the-gaucho-container p {
        font-size: 24px;
        color: var(--primary-color);
    }
}

.gaucho-slide {
    aspect-ratio: 0.8 / 1;
}

.gaucho-type-swiper .swiper-slide {
    position: relative;
}

.gaucho-type-container h3 {
    color: var(--secondary-color);
    font-size: 32px;
    font-weight: 800;
    margin-bottom: 30px;
}

.gaucho-type-swiper .content {
    position: absolute;
    bottom: 4%;
    left: 4%;
    max-width: 50%;

    p {
        margin-top: 16px;
        line-height: 120%;
        color: var(--white);
    }

    h5 {
        font-weight: 800;
        font-size: 24px;
        color: var(--white);
    }
}

.gaucho-type-indicator {
    display: flex;
    overflow: hidden;
    margin-top: 25px;
    font-weight: 800;
    color: var(--primary-color);
}

.gaucho-type-indicator hr {
    flex-grow: 1;
    margin-bottom: auto;
    margin-top: auto;
    border: 1px solid var(--primary-color);
}

.gaucho-type-indicator span {
    font-size: 20px;
}

.gaucho-type-indicator span:first-child {
    line-height: 150%;
}

.gaucho-type-indicator div {
    margin: 0 15px;
    position: relative;
    top: 0;
    transition: all 0.3s ease-in-out;
}

@media (min-width: 1080px) {
    .gaucho-type-indicator {
        position: relative;
        left: 50%;
        transform: translateX(-50%);

        span:first-child {
            margin-right: 10px;
        }

        span:last-child {
            margin-left: 10px;
        }
    }

    .gaucho-type-indicator hr {
        border: 2px solid var(--primary-color);
    }

    .gaucho-type-indicator div {
        font-size: 48px;
    }

    .gaucho-type-indicator span {
        font-size: 48px;
    }

    .gaucho-type-container h3 {
        font-size: 48px;
        color: var(--primary-color);
    }
}

.contact-accordion-container *,
.contact-accordion-container i {
    color: var(--primary-color) !important;
}

.contact-accordion-container i {
    height: fit-content;
    margin-top: auto;
    margin-bottom: auto;
    font-size: 13px !important;
    margin-left: auto;
    width: fit-content;
}

.contact-accordion-container {
    border-bottom: 2px solid var(--primary-color);
    margin-bottom: 24px;

    span {
        padding-right: 50%;
    }
}

.contact-accordion-container .accordion-content {
    padding-bottom: 30px;
}

.contact-accordion-container.accordion-open i {
    transform: rotate(135deg) !important;
}

.contact-channels-container h2 {
    margin-bottom: 80px;
    margin-top: 80px;
    color: var(--secondary-color);
    font-size: 32px;
    font-weight: 800;
}

.contact-accordion-container .accordion-content {

    a,
    p,
    span,
    strong {
        font-size: 18px;
    }
}

.contact-box {
    padding-left: 85px;
    padding-right: 85px;
    text-align: center;
    display: flex;
    flex-direction: column;
}

.contact-box p,
strong {
    color: var(--primary-color);
    font-size: 14px;
}

.contact-box strong {
    font-weight: 700;
}

.contact-box h5 {
    color: var(--primary-color);
    font-size: 24px;
    font-weight: 800;
    margin-top: 24px;
    margin-bottom: 24px;
}

.contact-box i {
    margin: auto;
    font-size: 50px;
    width: 90px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--white);
    background-color: var(--primary-color);
}

.press-contact-container {
    margin-top: 100px;
    margin-bottom: 200px;
}

.press-contact-container h2 {
    color: var(--primary-color);
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 33px;
}

.press-contact-container .press-contact-image img {
    width: 100%;
    margin-bottom: 30px;
    aspect-ratio: 2/1;
}

.press-contact-container .press-contact-image {
    margin-bottom: 40px;
}

.press-contact-content {
    background-color: var(--primary-color);
    padding: 20px 40px;
    color: var(--white);
}

.press-contact-content h5 {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 12px;
}

.press-contact-content p {
    font-size: 14px;
    margin-bottom: 20px;
}

.press-contact-content strong {
    display: block;
    color: var(--white);
}

.press-contact-content a {
    text-decoration: underline;
}

@media (min-width: 1080px) {
    .contact-accordion-container i {
        font-size: 25px !important;
    }

    .contact-accordion-container span {
        font-size: 40px;
    }

    .contact-channels-container h2 {
        font-size: 48px;
        font-weight: 300;
        color: var(--primary-color);
        padding-right: 45%;
    }

    .contact-accordion-container .accordion-content {
        font-size: 28px;
    }

    .contact-box {
        padding-left: 0;
        padding-right: 0;
    }

    .contact-box h5 {
        font-size: 32px;
    }

    .contact-box p,
    strong {
        font-size: 18px;
    }

    .contact-information-container {
        margin-top: 100px !important;
    }

    .press-contact-container h2 {
        font-size: 48px;
    }

    .press-contact-image,
    .press-contact-content {
        margin: 0px 23%;
    }

    .press-contact-cards .press-contact-image,
    .press-contact-cards .press-contact-content {
        margin: 0;
    }

    .press-contact-cards .press-contact-image {
        margin-top: 0 !important;
    }

    .press-contact-content h5 {
        font-size: 48px;
    }

    .press-contact-content {
        padding: 160px 80px;
    }

    .press-contact-container {
        margin-top: 120px;
    }

    .press-contact-content p {
        font-size: 32px;
    }

    .press-contact-content strong {
        font-size: 32px;
    }

    .press-contact-image {
        margin-top: 80px;
    }
}

.media-solutions-video-container {
    margin-top: 70px;
}

.media-solutions-video-container h2,
.media-solutions-text h2 {
    color: var(--primary-color);
    font-weight: 800;
    font-size: 32px;
    margin-bottom: 10px;
}

.media-solutions-video-container p,
.media-solutions-text p {
    color: var(--primary-color);
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 30px;
}

.media-solutions-text {
    margin-top: 40px;
}

.media-solution-card {
    margin-bottom: 15px;
    aspect-ratio: 1/1;
}

.media-solution-card::after {
    display: none;
}

.media-solutions-cards-container h3 {
    font-size: 32px;
    margin-top: 40px;
    color: var(--primary-color);
    font-weight: 300;
}

.media-solutions-cards-container p {
    font-size: 18px;
    color: var(--primary-color);
    font-weight: 400;
    margin-top: 20px;
    margin-bottom: 30px;
}

@media (min-width: 1080px) {

    .media-solutions-video-container h2,
    .media-solutions-text h2,
    .media-solutions-cards-container h3 {
        font-size: 48px;
        color: var(--ligher-black);
    }

    .media-solutions-video-container p,
    .media-solutions-text p,
    .media-solutions-cards-container p {
        font-size: 24px;
    }
}

.finacial-information-container {
    margin-top: 60px;
    margin-bottom: 100px;
}

.finacial-information-container h2 {
    color: var(--primary-color);
    font-weight: 800;
    font-size: 34px;
    margin-bottom: 36px;
}

.select-report {
    background-color: var(--primary-color);
    padding: 50px 30px;
}

.select-report span {
    color: var(--white);
    font-size: 28px;
    font-weight: 800;
}

.select-report select {
    appearance: none;
    border: 2px solid var(--white);
    padding: 10px 20px;
    color: var(--white);

    option {
        color: var(--black);
    }
}

.select-report select:focus {
    outline: none;
}

.select-report i {
    position: absolute;
    top: 71%;
    left: 94%;
    color: var(--white);
    transition: all 0.3s ease-in-out;
}

.advertise-form-container {
    margin-top: 47px;
    margin-bottom: 110px;
}

.advertise-form-progress {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.advertise-form-progress-bar {
    background-color: var(--gray-100);
    height: 10px;
    flex-grow: 1;
}

.advertise-form-progress-bar.active {
    background-color: var(--black);
}

.advertise-form-step {
    display: grid;
    flex-direction: column;
    align-items: center;
    margin-top: 50px;
    margin-bottom: 50px;

    button {
        cursor: pointer;
    }
}

.advertise-form-step h3 {
    color: #04132a;
    font-size: 24px;
    font-style: normal;
    font-weight: 900;
    line-height: 120%;
    margin-bottom: 40px;
}

.profile-options {
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    gap: 40px;
    margin-bottom: 40px;
}

.profile-option {
    display: flex;
    align-content: center;
    flex-direction: row;
    text-align: start;
}

.profile-option span {
    width: 100%;
    color: var(--ligher-black);
    font-weight: 800;
    font-size: 24px;
}

.select-dot {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 20px;
    border-radius: 50%;
    aspect-ratio: 1/1;
    border: 2px solid var(--secondary-color);
    margin-top: auto;
    margin-bottom: auto;
    margin-right: 15px;

    div {
        transition: all 0.3s ease-in-out;
        background-color: transparent;
        border-radius: 50%;
        aspect-ratio: 1/1;
        height: 12px;
    }
}

.profile-option.active .select-dot div {
    background-color: var(--secondary-color);
}

.client-moment-button,
.company-moment-button {
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    border: 2px solid var(--ligher-black);
    border-radius: 15px;
    padding: 15px 20px;
    color: var(--ligher-black);
}

.client-moment-button p,
.company-moment-button p {
    font-size: 16px;
    margin-right: 10px;
    font-weight: 800;
    line-height: 110%;
    /* 17.6px */
    letter-spacing: 0.16px;
    text-align: start;
}

.client-moment-button.active,
.company-moment-button.active {
    background-color: var(--ligher-black);
    color: var(--white);
}

.form-actions-buttons {
    display: flex;
    justify-content: center;
    gap: 15px;
}

.step-forward,
.step-back,
.send-form-button {
    transition: all 0.3s ease-in-out;
    border: 2px solid var(--ligher-black);
    padding: 5px 40px;
    color: var(--ligher-black);
    border-radius: 15px !important;
    font-weight: 800;
}

.step-forward:hover,
.step-back:hover,
.send-form-button:hover {
    background: var(--ligher-black) !important;
    color: var(--white) !important;
}

.company-bio-textarea {
    width: 100%;
    border: 2px solid var(--ligher-black);
    padding: 15px 20px;
    color: var(--ligher-black);
    font-weight: 800;
    margin-bottom: 25px;
}

.region-card,
.select-all-regions {
    position: relative;
    height: 100px;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    color: var(--ligher-black);
    border: 2px solid var(--ligher-black);
    font-weight: 800;
    padding: 10px 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.region-card span {
    transition: all 0.3s ease-in-out;
    z-index: 10;
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 10px;
    background-color: var(--black);
    color: var(--white);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.region-card p,
.select-all-regions p {
    margin: 0;
    text-align: center;
}

.region-card.active,
.select-all-regions.active {
    background-color: var(--ligher-black) !important;
    color: var(--white) !important;

    span {
        background-color: var(--white);
        color: var(--ligher-black);
    }
}

.budget-range-input {
    width: 100%;
    position: relative;
    z-index: 4;
    opacity: 0;
}

.fake-input {
    width: 100%;
}

.fake-input span {
    transition: all 0.3s ease-in-out;
    z-index: 3;
    top: 20px;
    transform: translateX(-90%) translateY(1px);
    position: relative;
    left: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    background-color: var(--primary-color);
    border-radius: 50%;
}

.fake-input span div {
    width: max-content;
    max-width: 170px;
    transition: all 0.3s ease-in-out;
    position: absolute;
    background-color: var(--primary-color);
    bottom: 150%;
    border-radius: 8px;
    left: 50%;
    transform: translateX(-50%);
    color: var(--white);
    font-weight: 400;
    padding: 5px 10px;
}

.fake-input span div::after {
    transition: all 0.3s ease-in-out;
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid var(--primary-color);
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
}

.fake-input dot {
    display: block;
    width: 50%;
    height: 50%;
    background-color: var(--white);
    border-radius: 50%;
}

.fake-input hr {
    width: 100%;
    top: 20px;
    position: relative;
    z-index: 2;
    transform: translateY(-10px);
    border: 1px solid var(--primary-color);
    background-color: transparent;
}

.final-form-input {
    border: 2px solid var(--primary-color);
    padding: 14px;
    color: var(--primary-color);
    font-weight: 800;
}

.final-form-input::placeholder {
    color: var(--primary-color);
    font-weight: 800;
}

.advertise-accordion {
    border: 2px solid var(--primary-color);
    padding: 14px;
    font-weight: 800;
    margin-bottom: 25px;
    margin-bottom: 0px !important;
}

.advertise-accordion.accordion-open .accordion-body {
    padding-top: 10px !important;
}

.advertise-accordion span,
.advertise-accordion i {
    color: var(--primary-color) !important;
}

.advertise-accordion .accordion-body {
    padding-top: 10px;
    color: var(--primary-color);
    margin: 0;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0;
}

.advertise-accordion button {
    width: 100%;
    text-align: start;
}

.advertise-accordion i {
    display: flex;
    align-items: center;
    justify-content: center;
}

.select-segment-button,
.select-state-button {
    margin-bottom: 10px;
}

.advertise-privacy {
    color: var(--primary-color);
    font-weight: 400;
    margin-bottom: 25px;
}

.fake-input.at-final-value span div {
    max-width: 145px;
    left: -144% !important;
}

.fake-input.at-final-value span div::after {
    left: 76.5% !important;
}

.fake-input.at-starter-value span div {
    max-width: 80px;
    left: 165% !important;
}

.fake-input.at-starter-value span div::after {
    left: 20% !important;
}

.region-modal {
    text-align: center;
}

.region-modal div:first-child {
    padding: 50px 40px;
}

.region-modal h5 {
    font-size: 18px;
}

.region-modal p {
    margin-top: 20px;
    font-size: 16px;
}

.region-modal button {
    margin-top: 15px;
    padding: 10px 45px;
    border-color: var(--ligher-black);
    color: var(--ligher-black);
}

.region-modal button:hover {
    background-color: var(--ligher-black);
}

.advertise-form-title {
    color: var(--ligher-black);
    font-weight: 800;
    font-size: 32px;
    margin-bottom: 30px;
}

.advertise-paragraph {
    font-size: 18px;
    font-weight: 400;
    color: var(--ligher-black);
    margin-bottom: 30px;
}

@media (min-width: 1080px) {
    .advertise-form-title {
        font-size: 48px;
        color: var(--primary-color);
    }

    .advertise-paragraph {
        font-size: 24px;
        color: var(--primary-color);
    }

    .advertise-form-progress {
        padding: 0px 250px;
    }

    .advertise-form-progress-bar {
        height: 20px;
    }

    .advertise-form-step .content {
        width: 100%;
    }

    .advertise-form-step h3 {
        font-size: 48px;
    }

    .profile-option span {
        font-size: 32px;
    }

    .company-bio-textarea {
        max-width: 800px;
        margin-bottom: 50px !important;
        margin: auto;
        font-size: 24px;
    }

    .region-card h6,
    .select-all-regions h6 {
        font-size: 32px;
    }

    .select-all-regions {
        padding: 30px;
    }

    .region-card {
        height: 170px;
    }

    .region-card span {
        font-size: 18px;
        width: 26px;
        height: 26px;
    }

    .client-moment-button,
    .company-moment-button {
        height: 100%;
    }

    .client-moment-button p,
    .company-moment-button p {
        font-size: 27px;
        padding-right: 30px;
        font-weight: 600;
    }

    .fake-input span div {
        max-width: 320px;
    }

    .fake-input p {
        font-size: 32px;
    }

    .fake-input.at-starter-value span div {
        max-width: 150px;
        left: 275% !important;
    }

    .fake-input.at-final-value span div {
        max-width: 280px;
        left: -400% !important;
    }

    .fake-input.at-final-value span div::after {
        left: 82% !important;
    }
}

.banner-button {
    display: block;
    padding: 10px 45px;
    margin-top: 10px;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}

.scroll-galery-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 10px 30px;
    white-space: nowrap;
}

.scroll-galery-label {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 30px 20px 15px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent);
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    border-radius: 0;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.scroll-galery-images:hover .scroll-galery-label {
    opacity: 1;
}

.about-inst-card {
    position: relative;

    p {
        transition: all 0.3s ease-in-out;
    }
}

.about-inst-card .content p {
    font-size: 24px;
    text-align: center;
    transition: all 0.3s ease-in-out;
}

.about-inst-card h6 {
    transition: all 0.3s ease-in-out;
}

.about-inst-card .content {
    width: 100%;
    opacity: 0;
    position: absolute;
    top: 70%;
    left: 0px;
    transition: all 0.3s ease-in-out;
    padding-left: 20px;
    padding-right: 20px;
}

.about-inst-card:hover,
.about-inst-card.active {
    .content {
        max-height: 66%;
        overflow-y: auto;
        opacity: 1;
        top: 54%;
    }

    .content {
        transform: translateY(-50%);
    }

    h6 {
        transform: translateY(-7.7rem);
    }
}

@media (min-width: 1080px) {
    .about-inst-card .content {
        padding-left: 40px;
        padding-right: 40px;
    }
}

@media (max-width: 764px) {
    .rs-map-image-container {
        padding: 0 !important;
    }

    #mapa {
        position: relative;
        margin-inline: 30px;

        svg {
            width: 100%;
        }
    }

    .map-wrapper {
        padding-top: 50px;
    }

    .map-region-content {
        padding-top: 60px;
        margin-left: 30px;
        margin-right: 30px;
    }
}

.contents-component-banner {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 550px;
    margin-bottom: 80px;
    color: var(--white);
    font-size: 38px;
    font-weight: 800;
}

.contents-component-1 {
    margin-bottom: 90px;
}

.contents-component-1 h2 {
    font-weight: 800;
    font-size: 28px;
    color: var(--primary-color);
    margin-bottom: 5px;
}

.contents-component-1 p {
    font-weight: 400;
    margin-bottom: 20px;
    font-size: 16px;
    color: var(--primary-color);
}

@media (min-width: 768px) {
    .contents-component-1 {
        margin-bottom: 120px;
    }

    .contents-component-1 h2 {
        font-size: 28px;
    }

    .contents-component-1 p {
        font-size: 20px;
    }
}

/* @media (min-width: 992px) {
    .contents-component-1 {
        width: 70%;
    }
} */

.contents-component-2 {
    margin-bottom: 90px;
}

.contents-component-2-text h3 {
    color: var(--ligher-black);
    font-weight: 800;
    font-size: 28px;
}

.contents-component-2-text p {
    color: var(--primary-color);
    margin-top: 5px;
    margin-bottom: 50px;
    font-size: 16px;
}

.contents-component-2-image img {
    width: 100%;
}

@media (min-width: 768px) {
    .contents-component-2 {
        margin-bottom: 120px;
    }

    .contents-component-2 h3 {
        font-size: 28px;
    }

    .contents-component-2 p {
        font-size: 20px;
        margin-bottom: 0px;
    }
}

.contents-component-3 {
    overflow: hidden !important;
}

.Component3Swiper {
    overflow: visible !important;
}

.Component3Swiper .swiper-slide {
    max-height: 225px;
    height: 100vh;
    border-radius: 15px;
    display: flex;

    .content {
        margin-top: auto;
        margin-bottom: 15px;
        margin-left: 20px;
        color: var(--white);

        h6 {
            font-weight: 700;
            font-size: 20px;
        }

        small {
            font-size: 18px;
            font-weight: 400;
        }
    }
}

.contents-component-3 h4 {
    color: var(--primary-color);
    font-weight: 900;
    margin-bottom: 30px;
    font-size: 28px;
}

@media (min-width: 768px) {
    .contents-component-3 {
        margin-bottom: 120px;
    }

    .contents-component-3 h3 {
        font-size: 28px;
    }

    .contents-component-3 p {
        font-size: 20px;
        margin-bottom: 0px;
    }

    .Component3Swiper .swiper-slide {
        max-height: 400px;
    }
}

.contents-component-4 {
    margin-bottom: 90px;
}

@media (min-width: 768px) {
    .contents-component-4 {
        margin-bottom: 120px;
    }
}

.contact-input {
    display: flex;
    padding: 15px 25px;
    width: 100%;
    align-items: center;
    border: 3.827px solid #003663;
}

.contact-form h2 {
    font-size: 32px;
    text-align: center;
    color: var(--primary-color);
    margin-bottom: 60px;
    font-weight: 200;
}

.contact-form-container {
    margin-top: 150px;
}

.submit-contact-button {
    padding: 10px 150px;
    width: fit-content;
    margin: auto;
}

@media (max-width: 762px) {
    .promo-card-container a {
        padding: 10px 20px !important;
        font-size: 13px;
    }
}

@media (min-width: 1080px) {
    .contact-form {
        padding-left: 300px;
        padding-right: 300px;

        h2 {
            font-size: 48px;
        }
    }

    .contact-form-container {
        margin-top: 250px;
    }
}

/* Floating Search Bar */

.floating-search-bar {
    transition: transform 0.4s ease;
}

.floating-search-bar--hidden {
    transform: translateX(-50%) translateY(-350%);
}

/* Newsletter Modal */

.newsletter-modal-overlay {
    position: absolute;
    inset: 0;
    background: rgba(4, 19, 42, 0.75);
    backdrop-filter: blur(4px);
}

.newsletter-modal-container {
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
}

.newsletter-modal-dialog {
    width: 100%;
    max-width: 480px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0, 54, 99, 0.3);
}

.newsletter-modal-header {
    background: var(--primary-color);
    padding: 24px 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.newsletter-modal-header-text .newsletter-modal-eyebrow {
    color: var(--white);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin-bottom: 4px;
    opacity: 0.75;
}

.newsletter-modal-header-text h2 {
    color: var(--white);
    font-size: 22px;
    font-weight: 700;
    line-height: 110%;
    letter-spacing: -0.32px;
    margin: 0;
}

.newsletter-modal-close {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    font-size: 16px;
    text-decoration: none;
    transition: all 0.3s ease;
    flex-shrink: 0;
}

.newsletter-modal-close:hover {
    border-color: var(--white);
    background: rgba(255, 255, 255, 0.15);
    color: var(--white);
}

.newsletter-modal-body {
    background: var(--white);
    padding: 28px;
}

.newsletter-modal-body p {
    color: var(--gray-600);
    font-size: 15px;
    margin-bottom: 24px;
    line-height: 140%;
}

.newsletter-modal-input {
    width: 100%;
    padding: 12px 16px;
    border: 1.5px solid var(--gray-200);
    font-size: 16px;
    color: var(--gray-800);
    font-family: "Gilroy", sans-serif;
    outline: none;
    transition: border-color 0.3s ease;
    margin-bottom: 14px;
}

.newsletter-modal-input:last-child {
    margin-bottom: 0;
}

.newsletter-modal-input:focus {
    border-color: var(--primary-color);
}

.newsletter-modal-footer {
    background: var(--gray-50);
    padding: 20px 28px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    border-top: 1px solid var(--gray-100);
}

.newsletter-modal-cancel {
    color: var(--gray-600);
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    padding: 10px 16px;
    transition: color 0.3s ease;
}

.newsletter-modal-cancel:hover {
    color: var(--gray-800);
}

.search-container {
    margin-top: 130px;
}

.search-container h1,
.search-related-pages h2 {
    color: #003663;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    /* 35.2px */
    letter-spacing: -0.64px;
    margin-bottom: 20px;
}

.legal-ads-text-container h1 {
    font-size: 32px;
    color: var(--ligher-black);
    margin-bottom: 20px;
}

.legal-ads-text-container p {
    font-size: 18px;
    color: var(--primary-color);
}

.advantages-container {
    margin-top: 40px;
    position: relative;
    padding: 86px 90px;
    background: #04132a;

    img {
        top: -11rem;
        height: 100%;
        width: 100%;
        left: 0rem;
        position: absolute;
        object-fit: cover;
        z-index: -1;
    }
}

.advantage-card {
    display: flex;
    flex-direction: column;
    align-items: center;

    i {
        color: var(--white);
        font-size: 33px;
        margin-bottom: 15px;
    }

    p {
        text-align: center;
        color: #008396;
        font-size: 24px;
        line-height: 110%;
        font-weight: 700;
        margin-bottom: 15px;
    }

    small {
        font-size: 14px;
        color: var(--white);
        text-align: center;
    }
}

.post-is-simple {
    h2 {
        text-align: center;
        font-size: 24px;
        color: var(--ligher-black);
        margin-bottom: 20px;
    }
}

.post-steps span {
    font-size: 12px;
    text-align: end;
    width: 100%;
    display: block;
    padding-bottom: 20px;
    color: var(--primary-color);
    font-weight: 400;
}

.post-steps p {
    font-size: 12px;
    padding-bottom: 20px;
    color: var(--primary-color);
    text-align: start;
    font-weight: 600;
}

.post-steps .grid {
    padding-top: 20px;
    padding-bottom: 20px;
}

.specs-and-opportunities {
    margin-top: 60px;
}

.specs-and-opportunities p {
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 20px;
}

.legal-ads-form-container p {
    margin-bottom: 20px;
    font-size: 20px;
    color: var(--ligher-black);
    line-height: 110%;
}

.legal-ads-form-container input,
.legal-ads-form-container select {
    width: 100%;
    margin-bottom: 18px;
    padding: 14px;
}

.legal-ads-form-container select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.legal-ads-form-container form {
    display: flex;
    flex-direction: column;

    button {
        padding: 5px 70px;
    }
}

.legal-ads-form-container .advertise-privacy {
    color: var(--primary-color);
    line-height: 110%;
    font-size: 14px;

    a {
        text-decoration: underline;
    }
}

.legal-ads-form-container i {
    top: 26%;
    left: 90%;
    transition: all 0.3s ease-in-out;
    position: absolute;
}

.select-state-container.active i {
    transform: rotate(180deg);
}

.legal-ads-form-container {
    margin-bottom: 110px;
}

.blue-bar {
    height: 100%;
    width: 1px;
    background-color: var(--primary-color);
}

@media (min-width: 762px) {
    .post-steps span {
        font-size: 16px;
    }

    .post-steps p {
        font-size: 15px;
    }

    .specs-and-opportunities {
        padding: 0px 100px;
    }

    .legal-ads-form-container i {
        left: 95%;
    }
}

@media (min-width: 1280px) {

    .legal-ads-text-container p,
    .legal-ads-text-container h1 {
        padding-right: 400px;
    }

    .post-steps {
        padding: 0px 300px;

        .grid {
            padding: 0px 100px;
        }
    }

    .legal-ads-form-container p {
        padding-right: 450px;
        font-size: 32px;
    }

    .legal-ads-form-container form {
        padding: 80px 130px;
        background-color: var(--ligher-black);
        border-radius: 15px;

        input,
        select {
            border-color: var(--white);
            color: var(--white);
        }

        option {
            color: var(--black);
        }

        input::placeholder {
            color: var(--white);
        }

        button {
            background-color: var(--white);
            color: var(--black);
            margin-left: 200px;
            margin-right: 200px;
        }
    }

    .advertise-privacy {
        color: var(--white) !important;
    }

    .advantages-container {
        padding-bottom: 200px;
        padding-top: 200px;
    }

    .advantage-card {
        padding: 0px 10px;
    }
}

.advertise-form-rd-station {
    padding-inline: 100px;
}

.media-swiper-container {
    margin-block: 110px;
}

.media-swiper-container h2 {
    font-size: 48px;
    font-weight: 800;
    line-height: 110%;
    /* 52.8px */
    margin-bottom: 40px;
}

.governance-highlights-container {
    margin-top: 110px;
    margin-bottom: 110px;
}

.governance-highlight-card h5 {
    font-size: 32px;
    text-align: center;
    margin-top: 15px;
    color: var(--primary-color);
    font-weight: 500;
}

.governance-highlight-card small {
    text-align: center;
    display: block;
    margin-top: 5px;
    font-size: 18px;
    color: var(--primary-color);
    width: 100%;
}

.governance-highlight-card p {
    text-align: start;
    margin-top: 15px;
    font-size: 16px;
    color: var(--gray-500);
}

.governance-highlight-image {
    display: flex;
}

.governance-highlight-card img {
    height: 450px;
    width: 350px;
    margin: auto;
}

.governance-highlight-content {
    max-width: 350px;
    margin: auto;
}

@media (max-width: 1080px) {
    .governance-highlight-card.middle-card {
        padding-block: 20px;
        border-top: 2px solid var(--primary-color);
        border-bottom: 2px solid var(--primary-color);
    }
}

@media (min-width: 1080px) {
    .governance-highlight-card.middle-card {
        border-left: 2px solid var(--primary-color);
        border-right: 2px solid var(--primary-color);
    }

    .governance-highlight-card {
        padding-inline: 15px;
    }
}

.insight-share-section {
    margin-top: 48px;
    margin-bottom: 48px;
}

.insight-share-divider {
    border: none;
    border-top: 2px solid #d1d5db;
    margin-bottom: 24px;
}

.insight-share-bar {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 16px;
}

.insight-share-label {
    font-size: 14px;
    font-weight: 600;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    white-space: nowrap;
}

.insight-share-icons {
    display: flex;
    gap: 12px;
}

.insight-share-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #e5e7eb;
    color: #374151;
    font-size: 16px;
    transition:
        background 0.2s,
        color 0.2s;
    text-decoration: none;
}

.insight-share-icon:hover {
    background: var(--primary-color);
    color: var(--white);
}

.insight-related-section {
    margin-top: 64px;
    margin-bottom: 16px;
}

.insight-related-title {
    font-size: 24px;
    font-weight: 800;
    color: var(--primary-color);
    margin-bottom: 24px;
}

.insightRelatedSwiper .market-insights-card {
    height: 280px;
    aspect-ratio: unset;
}

.insightRelatedSwiper .swiper-pagination {
    position: relative;
    margin-top: 20px;
}

.sitemap-tooltip {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 260px;
    background: var(--white);
    color: var(--gray-500);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    padding: 8px 14px;
    pointer-events: none;
    z-index: 9999;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
    opacity: 0;
    transform: scale(0.75);
    transform-origin: top left;
    transition:
        opacity 0.18s ease,
        transform 0.18s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.sitemap-tooltip.active {
    opacity: 1;
    transform: scale(1);
}

.sitemap-tooltip.leaving {
    opacity: 0;
    transform: scale(0.75);
    transition:
        opacity 0.18s ease,
        transform 0.18s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.brand-view-intro {
    padding-top: 60px;
    padding-bottom: 80px;
}

.brand-view-intro-title {
    color: var(--primary-color);
    font-size: 40px;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 50px;
}

.brand-view-intro-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 40px;

    a {
        padding: 15px 26px;
        display: block;
        margin-top: 20px;
        width: fit-content;
    }
}

.brand-view-intro-text {
    font-size: 16px;
    color: var(--primary-color);
}

@media (min-width: 1024px) {
    .brand-view-intro {
        padding-bottom: 80px;
    }

    .brand-view-intro-title {
        font-size: 48px;
        padding-right: 30rem;
    }

    .brand-view-intro-grid {
        grid-template-columns: 1fr 1fr;
    }

    .brand-view-intro-text {
        font-size: 20px;
    }
}

.brand-view-gallery-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.contents-component-4 h4 {
    color: var(--primary-color);
    font-weight: 900;
    margin-bottom: 30px;
    font-size: 28px;
}

.brand-view-bar {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding-top: 40px;
    padding-bottom: 60px;
}

@media (min-width: 1080px) {
    .brand-view-bar {
        flex-direction: row;
    }
}

.brand-view-bar-logo img {
    max-height: 48px;
    width: auto;
    object-fit: contain;
}

.brand-view-bar-url {
    font-weight: 700;
    font-size: 28px;
    color: var(--primary-color);
    text-decoration: none;
}

.brand-view-bar-socials {
    display: flex;
    align-items: center;
    gap: 20px;
}

.brand-view-bar-socials a {
    color: var(--primary-color);
    font-size: 20px;
    text-decoration: none;
}

.brand-view-related {
    padding-top: 40px;
    padding-bottom: 80px;
    overflow: hidden;
}

.brand-view-related-title {
    font-size: 40px;
    font-weight: 700;
    color: var(--primary-color);
    margin-bottom: 60px;
}

.brandViewRelatedSwiper {
    overflow: visible !important;
}

@media (min-width: 1080px) {
    .brand-view-related-title {
        font-size: 48px;
    }
}

/* Modais mobile da mandala */
.mandala-modal {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.6);
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
}

.mandala-modal.is-open {
    display: flex;
}

@media (min-width: 1080px) {
    .mandala-modal {
        display: none !important;
    }
}

.mandala-modal-inner {
    position: relative;
    padding: 2.5rem 2rem 2rem;
    width: 100%;
    max-width: 340px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.6rem;
    text-align: center;
}

.mandala-modal-inner.primary {
    background-color: #151e2e;
    border: 2px solid #0f6291;
}

.mandala-modal-inner.secondary {
    background-color: #151e2e;
    border: 2px solid #ccddf2;
}

.mandala-modal-inner.tertiary {
    background-color: #0FBEDE;
    border: 2px solid #BDF7FF;
}

.mandala-modal-close {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    background: none;
    border: none;
    cursor: pointer;
    font-size: 1.2rem;
    line-height: 1;
    color: #fff;
    padding: 0.25rem;
}

.mandala-modal-icon {
    font-size: 2rem;
    margin-bottom: 0.25rem;
}

.mandala-modal-inner.primary .mandala-modal-icon,
.mandala-modal-inner.primary h4 {
    color: #0f6291;
}

.mandala-modal-inner.secondary .mandala-modal-icon,
.mandala-modal-inner.secondary h4 {
    color: #ccddf2;
}

.mandala-modal-inner.tertiary .mandala-modal-icon,
.mandala-modal-inner.tertiary h4 {
    color: #BDF7FF;
}

.mandala-modal-inner h4 {
    font-size: 1.1rem;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 0.25rem;
}

.mandala-modal-inner p {
    font-size: 0.8rem;
    text-transform: uppercase;
    color: #ccddf2;
    line-height: 1.3;
}

.mandala-modal-inner.tertiary p {
    color: #fff;
}

.mandala-modal-logos {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    margin-top: 0.5rem;
    width: 100%;
}

.mandala-modal-logos img {
    width: auto;
    max-width: 160px;
    object-fit: contain;
    filter: brightness(0) invert(1);
}

.mandala-modal-btn {
    display: inline-block;
    margin-top: 0.75rem;
    padding: 0.5rem 1.5rem;
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    background-color: #0f6291;
    color: #fff;
    letter-spacing: 0.05em;
}

/* Mandala no mobile */
.mandala-logo-box,
.mandala-text,
.mandala-center-text {
    display: none;
}

.mandala-container .mandala-bg {
    width: 100%;
}

.mandala-container .mandala-wrapper {
    position: relative;
}

.mandala-icon i {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    font-size: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-width: 3px;
}

.mandala-icon {
    position: absolute;
    transform: translateY(-100%);
    display: flex;
    flex-direction: column;
    align-items: center;

    small {
        color: #ccddf2;
        font-weight: 700;
    }

    i {
        transition: all 0.3s ease-in-out;
    }
}

a.mandala-icon {
    cursor: pointer;
}

.digital-icon {
    top: 18%;
    left: 5%;
}

.jornal-icon {
    top: 18%;
    right: 5%;
}

.tv-icon {
    top: 10%;
    left: 29%;
}

.radio-icon {
    top: 10%;
    right: 29%;
}

.streaming-icon {
    left: 8%;
    top: 57%;
}

.influencers-icon {
    left: 12%;
    top: 35%;
}

.brands-icon {
    right: 14%;
    top: 39%;

    small {
        text-align: center;
    }
}

.events-icon {
    right: 8%;
    top: 57%;
}

.projects-icon {
    top: 88.5%;
    left: 9%;

    small {
        text-align: center;
    }
}

.search-icon {
    top: 80%;
    left: 50%;
    transform: translate(-50%, -80px);
}

.performance-icon {
    top: 85%;
    right: 9%;
}

.mandala-icon.primary i {
    background-color: #151e2e;
    color: #0f6291;
    border-style: solid;
    border-color: #0f6291;
}

.mandala-icon.secondary i {
    background-color: #151e2e;
    color: #ccddf2;
    border-style: solid;
    border-color: #ccddf2;
}

.mandala-icon.tertiary i {
    background-color: #0FBEDE;
    color: #BDF7FF;
    border-style: solid;
    border-color: #BDF7FF;
}

.mandala-icon.primary i:hover {
    background-color: #0f6291;
    color: #151e2e;
    border-style: solid;
    border-color: #0f6291;
}

.mandala-icon.secondary i:hover {
    background-color: #ccddf2;
    color: #151e2e;
    border-style: solid;
    border-color: #ccddf2;
}

.mandala-icon.tertiary i:hover {
    background-color: #BDF7FF;
    color: #0FBEDE;
    border-style: solid;
    border-color: #BDF7FF;
}

.mandala-icon.tertiary small {
    color: #BDF7FF;
}

.mandala-center-text {
    display: flex;
    position: absolute;
    top: 51.5%;
    left: 51%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 9;
    pointer-events: none;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.mandala-center-text p:first-child {
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #fff;
    margin-bottom: 9rem;
}

.mandala-center-text h4 {
    font-size: 14px;
    font-weight: 900;
    text-transform: uppercase;
    color: var(--black);
    line-height: 1.2;
    font-weight: 700;
}

.mandala-center-text p:last-child {
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #fff;
    margin-top: 9rem;
}

/* Mandala no desk */
@media (min-width: 1080px) {

    .mandala-center-text {
        top: 49.5%;
        left: 50.1%;
    }

    .mandala-center-text p:first-child {
        margin-bottom: 4rem;
    }


    .mandala-center-text p:last-child {
        margin-top: 4rem;
    }

    .mandala-container .mandala-wrapper {
        padding-inline: 15%;
    }

    .mandala-logo-box {
        display: block;
        position: absolute;
        transform: translateY(-100%);
        transition: transform 0.3s ease;
    }

    .mandala-gzh {
        left: 25.18%;
        top: 31%;
        width: 91.42px;
        height: 33.196px;
    }

    .mandala-g1 {
        top: 24%;
        left: 27.4%;

        width: 42.296px;
        height: 43.325px;
    }

    .mandala-atl {
        top: 26%;
        left: 33.4%;
        width: 62.165px;
        height: 32.759px;
    }

    .mandala-rbs {
        left: 35.18%;
        top: 20%;
    }

    .mandala-gaucha {
        width: 136.487px;
        height: 21.671px;
        left: 44.18%;
        top: 18%;
    }

    .mandala-planeta {
        width: 101.903px;
        height: 63.103px;
        left: 56.18%;
        top: 18%;
    }

    .mandala-92 {
        left: 59.5%;
        top: 24%;
        width: 42.466px;
        height: 32.419px;
    }

    .mandala-102 {
        width: 37.602px;
        height: 41.498px;
        left: 65.5%;
        top: 18.5%;
    }

    .mandala-zero-hora {
        left: 64.5%;
        top: 25%;
        width: 155.004px;
        height: 19.127px;
    }

    .mandala-diario {
        left: 67.7%;
        top: 30%;
        width: 54.599px;
        height: 22.685px;
    }

    .mandala-pio {
        width: 81.387px;
        height: 15.678px;
        left: 72.7%;
        top: 29.8%;
    }

    .mandala-destemp {
        left: 74.7%;
        top: 35.8%;
        width: 51.027px;
        height: 31.682px;
    }

    .mandala-donna {
        left: 68.7%;
        top: 34.8%;

        width: 59.932px;
        height: 20.847px;
    }

    .mandala-icon i {
        width: 60px;
        height: 60px;
        font-size: 25px;
    }

    .digital-icon {
        top: 38%;
        left: 34.7%;
    }

    .jornal-icon {
        top: 38%;
        right: 34.7%;
    }

    .tv-icon {
        top: 31%;
        left: 42%;
    }

    .radio-icon {
        top: 31%;
        right: 42%;
    }

    .streaming-icon {
        left: 34%;
        top: 56%;
    }

    .influencers-icon {
        left: 39%;
        top: 46%;
    }

    .brands-icon {
        right: 39%;
        top: 47.9%;

        small {
            text-align: center;
        }
    }

    .events-icon {
        right: 34%;
        top: 56%;

    }

    .projects-icon {
        top: 70%;
        left: 39%;

        small {
            text-align: center;
        }
    }

    .search-icon {
        top: 73%;
        left: 50%;
        transform: translate(-50%, -80px);

    }

    .performance-icon {
        top: 68.5%;
        right: 39%;
    }

    .mandala-icon.primary i {
        background-color: #151e2e;
        color: #0f6291;
        border-style: solid;
        border-color: #0f6291;
    }

    .mandala-icon.secondary i {
        background-color: #151e2e;
        color: #ccddf2;
        border-style: solid;
        border-color: #ccddf2;
    }

    .mandala-icon.tertiary i {
        background-color: #0FBEDE;
        color: #BDF7FF;
        border-style: solid;
        border-color: #BDF7FF;
    }

    .mandala-icon.primary i:hover {
        background-color: #0f6291;

        color: #151e2e;
        border-style: solid;
        border-color: #0f6291;
    }

    .mandala-icon.secondary i:hover {
        background-color: #ccddf2;
        color: #151e2e;
        border-style: solid;
        border-color: #ccddf2;
    }

    .mandala-icon.tertiary i:hover {
        background-color: #BDF7FF;
        color: #0FBEDE;
        border-style: solid;
        border-color: #BDF7FF;
    }

    .mandala-icon.tertiary small {
        color: #BDF7FF;
    }

    .mandala-text {
        display: block;
        position: absolute;
        text-transform: uppercase;
        font-size: 10px;
        transition: transform 0.3s ease;

        h6 {
            font-weight: 700;
        }

        h6,
        p {
            color: #585857;
            line-height: 1;
        }
    }

    .influencers-text {
        top: 38%;
        left: 20%;
        text-align: end;
    }

    .streaming-text {
        top: 48.5%;
        left: 18%;
        text-align: end;
    }

    .projects-text {
        top: 72%;
        left: 27.5%;
        text-align: end;
    }

    .search-text {
        top: 87%;
        left: 50%;
        transform: translate(-50%, -80px);
        text-align: center;
    }

    .performance-text {
        top: 72%;
        right: 27.5%;
    }

    .events-text {
        top: 48.5%;
        right: 19%;
        text-align: start;
    }

    .brands-text {
        top: 38%;
        right: 21%;
        text-align: start;
    }
}

@media (min-width: 1080px) and (max-width: 1370px) {
    .events-text {
        right: 17.5%;
    }

    .brands-text {
        right: 20%;
    }

    .influencers-text {
        left: 19%;
    }

    .streaming-text {
        left: 17%;
    }
}

.newsletter-modal-button {
    padding-inline: 15px;
}

/* Work With Us */

/* --- Intro --- */

.work-with-us-intro {
    padding-top: 80px;
    padding-bottom: 100px;
}

.work-with-us-intro-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
}

.work-with-us-intro-left {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.work-with-us-intro-left h2 {
    color: var(--primary-color);
    font-size: 36px;
    font-weight: 800;
    margin-bottom: 24px;
}

.work-with-us-intro-left p {
    color: var(--primary-color);
    font-size: 20px;
    line-height: 1.6;
    margin-bottom: 32px;
}

.work-with-us-intro-left a {
    padding-inline: 30px;
    font-size: 14px;
    width: fit-content;
}

.work-with-us-intro-right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
}

.work-with-us-intro-right p {
    color: var(--primary-color);
    font-size: 18px;
    line-height: 1.75;
    font-weight: 400;
}

/* --- Bento Grid --- */

/* --- Competencies --- */

.work-with-us-competencies {
    padding-bottom: 80px;
}

.work-with-us-competencies-header {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    margin-bottom: 56px;
}

.work-with-us-competencies-title {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.work-with-us-competencies-title h2 {
    color: var(--primary-color);
    font-size: 48px;
    font-weight: 800;
}

.work-with-us-competencies-description {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 16px;
}

.work-with-us-competencies-description p {
    color: var(--primary-color);
    font-size: 20px;
    line-height: 1.75;
    font-weight: 400;
}

.work-with-us-competency-card {
    height: 100%;
    width: 100%;
    background-color: var(--primary-color);
    padding: 48px 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    justify-content: center;
    aspect-ratio: 1 / 1;
    gap: 16px;

    i {
        color: var(--white);
        font-size: 36px;
    }
}

.work-with-us-competency-card h3 {
    color: var(--white);
    font-size: 24px;
    font-weight: 700;
}

.work-with-us-competency-card p {
    color: var(--white);
    font-size: 18px;
    line-height: 1.75;
}

.work-with-comp-2 {
    p {
        font-size: 20px;
        padding-left: 40px;
        margin-bottom: 15px;
    }

    h3 {
        font-size: 36px;
        margin-bottom: 20px;
        margin-top: 20px;
        padding-left: 40px;
    }

    img {
        aspect-ratio: 1.05/1;
        object-fit: cover;
    }
}


@media (max-width: 1030px) {

    .work-with-us-intro-grid,
    .work-with-us-competencies-header {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .work-with-us-bento-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .work-with-us-bento-item,
    .work-with-us-bento-item--wide {
        grid-column: span 1;
    }

    .work-with-us-competencies-title h2 {
        font-size: 36px;
    }

    .work-with-comp-2 {
        p {
            font-size: 18px;
            padding-left: 0px;
        }

        h3 {
            font-size: 36px;
            margin-bottom: 20px;
            margin-top: 20px;
            padding-left: 0px;
        }
    }
}

/* Card banner solo (imagem única após o vídeo) */
.related-page-card--banner {
    aspect-ratio: 1/1;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.75) 100%), var(--bg-mobile);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: lightgray;
}

@media (min-width: 1280px) {
    .related-page-card--banner {
        aspect-ratio: 1920/600;
        background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.75) 100%), var(--bg-desktop);
    }
}

.bottom-header-toggle {
    position: absolute;
    bottom: -10px;
    left: 95%;
    z-index: 50;
    background: rgba(4, 19, 42, 0.9);
    border: 1px solid #e0e0e0;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    padding: 0;
    transition: all 0.3s ease-in-out;
}

.bottom-header-toggle i {
    font-size: 11px;
    color: var(--white);
    transition: transform 0.3s;
}

.bottom-header.is-collapsed .bottom-header-toggle i {
    transform: rotate(180deg);
}

.legal-ads-brand-logo {
    max-width: 165px;
    aspect-ratio: 2/1;
    margin-block: 5px;

    img {
        width: 100%;
    }
}