/* #### Generated By: http://font.download #### */

@font-face {
    font-family: 'Sansation Light';
    font-style: normal;
    font-weight: normal;
    src: local('Sansation Light'), url('../fonts/Sansation-Light.woff') format('woff');
}


@font-face {
    font-family: 'Sansation Light Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Sansation Light Italic'), url('../fonts/Sansation-LightItalic.woff') format('woff');
}

/* Estilos globais */
body {
    font-family: "Poppins", sans-serif;
    margin-top: 128px;
}

header {
    position: fixed;
    background: #fff;
    width: 100%;
    z-index: 9999;
    top: 0;
    left: 0;
}

/* Estilos do navbar */
.navbar-brand img {
    height: 70px;
}

/* Estilos do banner */
.banner-section {
    background: url('../img/banner-bg.png');
    background-size: cover;
    background-position: center center;
    min-height: 500px;
    padding-top: 3rem;
    padding-bottom: 3rem;
}

/* Estilos para o contêiner de vídeo */
.video-container {
    background-color: #7AE743;
    border-radius: 7.25px;
    padding: 40px;
}

/* Estilos para a imagem/vídeo */
.video-image {
    object-fit: cover;
    border-radius: 12px;
}

/* Estilos para o box do promotor */
.promotor-box {
    background-color: rgb(70 37 78);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    padding: 1.5rem;
    border-radius: 8px;
    margin-top: 3rem;
    position: fixed;
    z-index: 1;
    display: flex;
    align-items: center;
    bottom: 15px;
    right: 15px;
    z-index: 9999;
}

.promotor-box-group {
    display: flex;
    gap: 10px;
}

.promotor-box .text-white {
    margin: 0 10px 0 0;
    font-size: 16px;
    font-weight: 300;
    flex: 1 1 0;
}

/* Botões arredondados */
.btn-rounded {
    border-radius: 50px;
}

.btn-header-promoter {
    border: 1px solid #A74DCA;
    color: #A74DCA;
    border-radius: 8px;
    border-radius: 8px;
    padding: 14px 28px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-header-promoter i {
    font-size: 20px;
    margin-right: 10px;
}

.btn-header-promoter:hover,
.btn-header-promoter:focus,
.btn-header-promoter:active {
    background-color: #A74DCA !important;
    color: #fff !important;
    border-color: #A74DCA !important;
}

.btn-header-contact {
    background-color: #128925;
    color: #fff;
    border-radius: 8px;
    border-radius: 8px;
    padding: 14px 28px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-header-contact i {
    font-size: 20px;
    margin-right: 10px;
}


.btn-header-contact:hover,
.btn-header-contact:focus,
.btn-header-contact:active {
    background-color: #fff !important;
    color: #128925 !important;
    border-color: #128925 !important;
}

/* Seção de Estatísticas */
.stats-section {
    padding: 80px 0;
    position: relative;
}

.stats-content .subtitle {
    color: #A74DCA;
    font-size: 14px;
    font-weight: 600;
    display: block;
    margin-bottom: 10px;
    letter-spacing: 0.5px;
}

.stats-content .title {
    font-size: 32px;
    font-weight: 700;
    color: #333;
    margin-bottom: 20px;
    line-height: 1.2;
}

.stats-content .description {
    font-size: 15px;
    line-height: 1.6;
    color: #555;
    margin-bottom: 30px;
}

.social-links {
    margin-top: 30px;
    display: flex;
    align-items: center;
}

.social-links span {
    margin-right: 15px;
    font-weight: 500;
}

.social-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    margin-right: 10px;
    color: #A74DCA;
    text-decoration: none;
    transition: all 0.3s ease;
    border: 1px solid #A74DCA;
    border-radius: 4px;
    font-size: 21px;
}

.social-icon:hover {
    transform: translateY(-3px);
    opacity: 0.9;
}

/* Cards de Estatísticas */
.stats-cards {
    height: 100%;
}

.stats-card {
    background-color: #fff;
    border-radius: 15px;
    padding: 65px 25px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease;
}

.stats-card:hover {
    transform: translateY(-5px);
}

.stats-number {
    font-size: 64px;
    font-weight: 700;
    margin-bottom: 10px;
    line-height: 1;
}

.stats-text {
    font-size: 19px;
    line-height: 1.4;
    font-family: Sansation Light;
    padding: 0 35px;
    margin-top: 15px;
}

.card-pink {
    background-color: #D62258;
    color: #fff;
}

.card-green {
    background-color: #7AE743;
    color: #333;
}

.card-orange {
    background-color: #FCB143;
    color: #333;
}

.card-purple {
    background-color: #8834FE;
    color: #fff;
}

/* Seção de Atendimento Nacional */
.nacional-section {
    position: relative;
    overflow: hidden;
}

.nacional-content {
    background-color: #743470;
    color: white;
    min-height: 550px;
    display: flex;
    align-items: center;
    padding: 0;
    position: relative;
    z-index: 1;
}

.content-inner {
    padding: 40px 300px 40px 12px;
    max-width: 819px;
    margin-left: auto;
}

.nacional-title {
    font-size: 48px;
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: 25px;
}

.text-green {
    color: #09D92A;
}

.text-orange {
    color: #fbb144;
}

.arrow-event {
    content: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='48' d='M268 112l144 144-144 144M392 256H100'/%3E%3C/svg%3E");
    width: 20px;
    height: 20px;
    background-color: #743470;
    display: inline-flex;
    border-radius: 50%;
    padding: 3px;
    margin-right: 3px;
    position: relative;
    top: 4px;
}

.event-text {
    margin-bottom: 0;
}

.nacional-description {
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 30px;
    opacity: 0.9;
}

.btn-whatsapp {
    background-color: #128925;
    color: white;
    border: none;
    padding: 15px 25px;
    border-radius: 8px;
    font-weight: 400;
    display: inline-flex;
    align-items: center;
    transition: all 0.3s ease;
    font-family: "Inter", sans-serif;
    font-size: 16px;
}

.btn-whatsapp i {
    font-size: 20px;
    margin-right: 10px;
}

.btn-whatsapp:hover {
    background-color: #fff;
    color: #128925;
}

/* Coluna direita com mapa e features */
.col-map-features {
    background-color: #fff;
    min-height: 550px;
    position: relative;
    display: flex;
    align-items: center;
}

.map-container {
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    left: -280px;
    z-index: 1;
}

.map-container img {
    max-height: 85%;
}

.logo-winn-map {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100px;
    height: 100px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.logo-winn-map img {
    max-width: 60px;
}

.map-features {
    position: absolute;
    bottom: 30px;
    left: 150px;
    max-width: 330px;
    padding-right: 30px;
    z-index: 2;
}

.feature-item {
    display: flex;
    align-items: center;
    padding: 10px;
    border-radius: 30px;
}

.feature-icon {
    width: 35px;
    height: 35px;
    background-color: #743470;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    flex-shrink: 0;
}

.feature-icon i {
    color: white;
    font-size: 14px;
}

.feature-text {
    font-weight: 600;
    font-size: 15px;
    color: #333;
    line-height: 1.3;
}

/* Seção Como a Winn vai te ajudar */
.ajudar-section {
    position: relative;
    background: #743470 url('../img/www.png');
    background-size: contain;
    background-position: left center;
    background-repeat: repeat-y;
    padding: 60px 0;
    color: white;
    overflow: hidden;
}

.ajudar-title {
    font-size: 48px;
    font-weight: 700;
    line-height: 1.1;
    color: white;
    margin-bottom: 25px;
}

.social-links-ajudar {
    display: flex;
    align-items: center;
}

.social-links-ajudar span {
    margin-right: 15px;
    font-weight: 500;
    color: white;
}

.social-icon-ajudar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 4px;
    margin-right: 10px;
    color: #7F3F98;
    text-decoration: none;
    transition: all 0.3s ease;
    background: #fff;
    font-size: 21px;
}

.social-icon-ajudar:hover {
    transform: translateY(-3px);
    opacity: 0.9;
}

/* Cards de serviços */
.servico-card {
    position: relative;
    border-radius: 15px;
    padding: 30px;
    min-height: 380px;
    display: flex;
    flex-direction: column;
    color: white;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
    overflow: hidden;
}

.servico-card:hover {
    transform: translateY(-10px);
}

.title-service {
    display: flex;
    align-items: center;
    margin-bottom: 20px;

}

.card-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: white;
    margin-right: 10px;
}

.servico-title {
    font-size: 28px;
    font-weight: 900;
    line-height: 1.2;
    margin-bottom: 0;
}

.servico-text {
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 25px;
    flex-grow: 1;
}

.btn-ajuda-saiba-mais {
    align-self: flex-start;
    color: white;
    font-weight: 600;
    text-decoration: none;
    padding-bottom: 5px;
    border-bottom: 2px solid white;
    transition: all 0.3s ease;
}

.btn-ajuda-saiba-mais:hover {
    opacity: 0.8;
    transform: translateX(5px);
}

.card-pink-servico {
    background-color: #D62258;
}

.card-green-servico {
    background-color: #09D92A;
    color: #333;
}

.card-green-servico .card-dot,
.card-orange-servico .card-dot {
    background-color: #333;
}

.card-green-servico .btn-saiba-mais,
.card-orange-servico .btn-saiba-mais {
    color: #333;
    border-bottom-color: #333;
}

.card-orange-servico {
    background-color: #FBB144;
    color: #333;
}

.card-purple-servico {
    background-color: #8833FE;
}


.card-green-servico .servico-title,
.card-green-servico .btn-ajuda-saiba-mais,
.card-orange-servico .servico-title,
.card-orange-servico .btn-ajuda-saiba-mais {
    color: #733470;
}

.card-green-servico .btn-ajuda-saiba-mais,
.card-orange-servico .btn-ajuda-saiba-mais {
    border-bottom-color: #733470;
}

.card-green-servico .card-dot,
.card-orange-servico .card-dot {
    background-color: #733470;
}

/* Responsividade para mobile */
@media (max-width: 1200px) {
    .content-inner {
        padding: 40px 40px 40px 80px;
    }

    .map-features {
        padding-right: 0;
        position: relative;
        bottom: unset;
        left: unset;
        max-width: unset;
    }

    .map-container img {
        display: none;
    }

    .servico-title {
        font-size: 18px;
    }
}

@media (max-width: 992px) {

    .nacional-content,
    .col-map-features {
        min-height: auto;
        padding: 40px 0;
    }

    .content-inner {
        padding: 20px;
        margin: 0 auto;
        text-align: center;
        max-width: 100%;
    }

    .nacional-title {
        font-size: 38px;
    }

    .map-container {
        display: none;
    }

    .map-features {
        position: static;
        transform: none;
        max-width: 100%;
        margin: 30px auto;
        padding: 0 20px;
    }

    .feature-item {
        justify-content: flex-start;
        margin-left: auto;
        margin-right: auto;
        max-width: 450px;
    }

    .logo-winn-map {
        width: 80px;
        height: 80px;
    }

    .logo-winn-map img {
        max-width: 50px;
    }

    .text-white {
        margin: 0 0 30px;
    }

    .social-links {
        margin: 0 0 30px;
    }
}



@media (max-width: 768px) {
    .ajudar-title {
        font-size: 38px;
        text-align: center;
    }

    .servico-card {
        min-height: auto;
        margin-bottom: 20px;
    }
}

/* Seção Missão, Visão e Valores */
.mvv-section {
    background-color: #F4EFF8;
    padding: 70px 0;
    position: relative;
}

.mvv-card {
    background-color: #743470;
    border-radius: 12px;
    padding: 35px 30px;
    color: white;
    display: flex;
    flex-direction: column;
    transition: all 0.3s ease;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}

.mvv-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.mvv-title {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 10px;
    text-align: center;
}

.mvv-divider {
    width: 60px;
    height: 3px;
    background-color: white;
    margin: 0 auto 25px;
}

.mvv-text {
    font-size: 15px;
    line-height: 1.6;
    text-align: center;
}

@media (max-width: 768px) {
    .mvv-card {
        margin-bottom: 25px;
        min-height: auto;
    }
}

/* Seção de Galeria de Imagens */
.galeria-section {
    background-color: #f9f9f9;
    padding-top: 5px;
    padding-bottom: 5px;
    position: relative;
}

.gallery-container {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: 5px;
    grid-template-rows: repeat(6, 80px);
    max-height: 500px;
}

.gallery-item {
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.gallery-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.gallery-item:hover .gallery-img {
    transform: scale(1.05);
}

/* Definindo tamanhos específicos para cada imagem baseado no layout desejado */
.item-1 {
    grid-area: 1 / 1 / 4 / 3;
}

.item-2 {
    grid-area: 4 / 1 / 7 / 3;
}

.item-3 {
    grid-area: 1 / 3 / 4 / 6;
}

.item-4 {
    grid-area: 4 / 3 / 7 / 6;
}

.item-5 {
    grid-area: 1 / 6 / 4 / 7;
}

.item-6 {
    grid-area: 4 / 6 / 5 / 7;
}

.item-7 {
    grid-area: 5 / 6 / 7 / 7;
}

.item-8 {
    grid-area: 1 / 7 / 3 / 10;
}

.item-9 {
    grid-area: 3 / 7 / 5 / 10;
}

.item-10 {
    grid-area: 5 / 7 / 7 / 10;
}

.item-11 {
    grid-area: 1 / 10 / 5 / 12;
}

.item-12 {
    grid-area: 5 / 10 / 7 / 12;
}

.item-13 {
    grid-area: 1 / 12 / 3 / 13;
}

.item-14 {
    grid-area: 3 / 12 / 5 / 13;
}

.item-15 {
    grid-area: 5 / 12 / 7 / 13;
}

.galeria-section .container-fluid {
    display: flex;
    gap: 10px;
    height: 100%;
    flex-wrap: nowrap;
}

.bars {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    height: 500px;
}

.bars .bar {
    width: 6px;
    height: 100%;
    background-color: #09D92A;
}

.card-green .stats-number,
.card-orange .stats-number {
    color: #733470;
}

/* Responsividade para a galeria */
@media (max-width: 992px) {
    .gallery-container {
        grid-template-columns: repeat(6, 1fr);
        grid-template-rows: auto;
        max-height: none;
        height: auto;
    }

    .bars {
        display: none;
    }


    .item-1,
    .item-2,
    .item-3,
    .item-4,
    .item-5,
    .item-6,
    .item-7,
    .item-8,
    .item-9,
    .item-10,
    .item-11,
    .item-12,
    .item-13,
    .item-14,
    .item-15 {
        grid-area: auto;
        height: 200px;
    }

    .item-1 {
        grid-column: span 3;
        grid-row: span 1;
    }

    .item-2 {
        grid-column: span 3;
        grid-row: span 1;
    }

    .item-3,
    .item-11 {
        grid-column: span 2;
        grid-row: span 1;
    }

    .item-4,
    .item-10 {
        grid-column: span 4;
        grid-row: span 1;
    }

    .item-5,
    .item-13,
    .item-14 {
        grid-column: span 3;
        grid-row: span 1;
    }

    .item-6 {
        grid-column: span 3;
        grid-row: span 1;
    }

    .item-7,
    .item-9 {
        grid-column: span 3;
        grid-row: span 1;
    }

    .item-8 {
        grid-column: span 6;
        grid-row: span 1;
    }

    .item-12 {
        grid-column: span 3;
        grid-row: span 1;
    }

    .item-15 {
        grid-column: span 2;
        grid-row: span 1;
    }
}

@media (max-width: 576px) {

    .gallery-container {
        display: flex;
        flex-wrap: wrap;
        min-height: unset;
        max-height: unset;
    }

    .item-1,
    .item-2,
    .item-3,
    .item-4,
    .item-5,
    .item-6,
    .item-7,
    .item-8,
    .item-9,
    .item-10,
    .item-11,
    .item-12,
    .item-13,
    .item-14 {
        width: 50%;
        flex: 1 1 50%;
    }

    .item-15 {
        display: none;
    }

    .bars {
        display: none;
    }

}

/* Seção de Clientes/Parceiros */
.clientes-section {
    background-color: #ffffff;
    padding: 80px 0;
    position: relative;
}

.clientes-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.3;
    color: #333;
    margin-bottom: 50px;
}

.text-purple {
    color: #A74DCA;
}

.logo-card {
    background-color: #ffffff;
    border: 1px solid #f0f0f0;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    transition: all 0.3s ease;
}

.logo-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.logo-img {
    max-width: 100%;
    max-height: 70px;
    object-fit: contain;
}

.portfolio-text {
    font-size: 24px;
    font-weight: 400;
    color: #333;
    margin-bottom: 0;
}

.social-links-clientes {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.social-links-clientes span {
    margin-right: 15px;
    font-weight: 500;
    color: #555;
}

.social-icon-clientes {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 4px;
    margin-left: 10px;
    color: #7F3F98;
    text-decoration: none;
    transition: all 0.3s ease;
    font-size: 21px;
    border: 1px solid #7F3F98;
}


.social-icon-clientes:hover {
    transform: translateY(-3px);
    opacity: 0.9;
}

@media (max-width: 992px) {
    .clientes-title {
        font-size: 28px;
    }

    .social-links-clientes {
        justify-content: center;
        margin-top: 30px;
    }
}

@media (max-width: 768px) {
    .clientes-title {
        font-size: 24px;
    }

    .logo-card {
        height: 90px;
    }

    .portfolio-text {
        font-size: 18px;
        text-align: center;
        margin-bottom: 20px;
    }
}

/* Seção de Projetos */
.projetos-section {
    position: relative;
    overflow: hidden;
    padding: 0;
    margin-bottom: 0;
}

.projetos-container {
    display: grid;
    grid-template-columns: repeat(30, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    max-height: 500px;
}

.projeto-item {
    overflow: hidden;
    position: relative;
}

.projeto-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.projeto-item:hover .projeto-img {
    transform: scale(1.05);
}

.projeto-item:nth-child(1) {
    grid-area: 1 / 1 / 2 / 7;
}

.projeto-item:nth-child(2) {
    grid-area: 1 / 7 / 2 / 13;
}

.projeto-item:nth-child(3) {
    grid-area: 1 / 13 / 2 / 19;
}

.projeto-item:nth-child(4) {
    grid-area: 1 / 19 / 2 / 25;
}

.projeto-item:nth-child(5) {
    grid-area: 1 / 25 / 2 / 31;
}

.projeto-item:nth-child(6) {
    grid-area: 2 / 1 / 3 / 4;
}

.projeto-item:nth-child(7) {
    grid-area: 2 / 4 / 3 / 10;
}

.projeto-item:nth-child(8) {
    grid-area: 2 / 10 / 3 / 16;
}

.projeto-item:nth-child(9) {
    grid-area: 2 / 16 / 3 / 22;
}

.projeto-item:nth-child(10) {
    grid-area: 2 / 22 / 3 / 28;
}

.projeto-item:nth-child(11) {
    grid-area: 2 / 28 / 3 / 31;
}


/* Responsividade para a seção de projetos */
@media (max-width: 992px) {
    .projetos-container {
        display: flex;
        flex-wrap: wrap;
        min-height: unset;
        max-height: unset;
    }

    .projeto-item:nth-child(1),
    .projeto-item:nth-child(2),
    .projeto-item:nth-child(3),
    .projeto-item:nth-child(4),
    .projeto-item:nth-child(5),
    .projeto-item:nth-child(6),
    .projeto-item:nth-child(7),
    .projeto-item:nth-child(8),
    .projeto-item:nth-child(9),
    .projeto-item:nth-child(10) {
        width: 50%;
        flex: 1 1 50%;
    }

    .projeto-item:nth-child(11) {
        display: none;
    }

}

/* Seção de Contato e Formulário */
.contato-section {
    position: relative;
    background: #733470 url(../img/www-form.png);
    background-size: contain;
    background-position: right center;
    padding: 80px 0 0;
    color: #fff;
    background-repeat: repeat-y;
}

.contato-title {
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 25px;
    line-height: 1.2;
}

.contato-description {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 30px;
    opacity: 0.9;
}

.logo-circular {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.logo-circular img {
    max-width: 180px;
}

.form-container {
    background-color: #fff;
    border-radius: 10px;
    padding: 50px 70px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

input.form-control {
    height: 50px;
    border-radius: 8px;
    border: 1px solid #E0E0E0;
    font-size: 15px;
    padding: 10px 15px;
}

textarea.form-control {
    height: 70px;
    border-radius: 8px;
    border: 1px solid #E0E0E0;
    font-size: 15px;
    padding: 10px 15px;
    margin-bottom: 20px;
}

.form-control:focus {
    box-shadow: 0 0 0 0.25rem rgba(106, 44, 107, 0.25);
    border-color: #743470;
}

.btn-contato {
    height: 42px;
    background-color: #7F3F98;
    color: #fff;
    border-radius: 50px;
    padding: 10px 42px;
    font-weight: 600;
    border: none;
    transition: all 0.3s ease;
    font-family: "Inter", sans-serif;
    font-size: 14px;
}

.btn-contato:hover {
    background-color: #A74DCA;
    color: #fff;
}

.contato-info {
    padding-left: 0;
}

.info-item {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.info-item i {
    margin-right: 10px;
    color: #000;
    font-size: 21px;
}

.info-item span {
    font-size: 16px;
    font-weight: 500;
    color: #333;
}

/* Footer */
.footer-area {
    margin-top: 80px;
    padding-top: 60px;
}

.footer-logo img {
    max-width: 150px;
    margin-bottom: 20px;
}

.social-footer {
    display: flex;
    align-items: center;
}

.social-footer span {
    font-size: 15px;
    margin-right: 15px;
    opacity: 0.8;
}

.social-icons {
    display: flex;
}

.social-icon-footer {
    width: 56px;
    height: 56px;
    border-radius: 4px;
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    margin-right: 10px;
    transition: all 0.3s ease;
    border: 1px solid #fff;
    font-size: 21px;
    text-decoration: none;
}

.social-icon-footer:hover {
    background-color: #fff;
    color: #743470;
}

.footer-menu {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.footer-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
}

.footer-menu ul li {
    margin-left: 30px;
}

.footer-menu ul li a {
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    transition: all 0.3s ease;
}

.footer-menu ul li a:hover {
    color: #1AE522;
}

.copyright-row {
    margin-top: 15px;
    padding: 40px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.copyright {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
    text-align: center;
    margin-bottom: 0;
}

.btn-saiba-mais {
    padding: 11px 24px;
    border: 1px solid #fff;
    font-weight: 400;
}

.promotor-box .btn-promotor {
    border-radius: 6px;
    font-size: 12px;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    padding: 9px 18px;
}

.video-container {
    position: relative;
}

.video-container button {
    background: transparent;
    border: none;
    outline: none;
    position: absolute;
    width: 53px;
    height: 61px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.video-container button img {
    width: 53px;
    height: 61px;
}

@media (max-width: 1700px) {
    .ajudar-section {
        background: #743470;
    }

    .contato-section {
        background: #733470
    }
}

@media (max-width: 1200px) {
    .navbar-brand img {
        height: 55px;
    }

    .nav-link {
        font-size: 14px;
    }

    .btn-header-contact {
        padding: 10px 20px;
        font-size: 14px;
    }

    .btn-header-promoter {
        padding: 10px 20px;
        margin-right: 15px !important;
        font-size: 14px;
    }

    .btn-header-promoter i,
    .btn-header-contact i {
        margin-right: 5px;
        font-size: 18px;
    }
}

@media (max-width: 992px) {
    .contato-title {
        font-size: 36px;
    }

    .logo-circular {
        display: none;
    }

    .contato-info {
        padding-left: 0;
        margin-top: 20px;
    }

    .footer-menu {
        justify-content: center;
        margin-top: 30px;
    }

    .footer-menu ul li {
        margin-left: 15px;
        margin-right: 15px;
    }

    .contato-section {
        background: #733470;
    }

    .ajudar-section {
        background: #733470;
    }

    .form-container {
        padding: 12px;
    }

    .promotor-box {
        flex-direction: column;
        gap: 15px;
        right: 0;
        bottom: 0;
    }

    .promotor-box .btn-promotor {
        width: 100%;
        margin: 0;
    }
}

@media (max-width: 768px) {
    .contato-section {
        padding: 60px 0 0;
    }

    .contato-title {
        font-size: 30px;
        text-align: center;
    }

    .contato-description {
        text-align: center;
    }

    .footer-menu ul {
        flex-wrap: wrap;
        justify-content: center;
    }

    .footer-menu ul li {
        margin: 10px 15px;
    }

    .social-footer {
        align-items: center;
        margin-bottom: 30px;
    }

    header .d-flex {
        flex-direction: column;
        gap: 15px;
    }

    header .d-flex a {
        width: 100%;
        margin: 0;
    }

    .btn-contato {
        width: 100%;
        margin-bottom: 15px;
    }
}

/* Banner Promoções */
.banner-promocoes {
    position: relative;
    overflow: hidden;
}

.promocoes-bg-image {
    position: relative;
    background-color: #743470;
    padding: 0;
    height: calc(100vh - 128px);
    overflow: hidden;
}

.promocoes-bg-image::before {
    content: '';
    position: absolute;
    right: -200px;
    top: 50%;
    transform: translateY(-50%);
    width: 400px;
    height: 400px;
    background-color: #D62258;
    border-radius: 50%;
    z-index: 1;
}

.promocoes-bg-image img {
    position: relative;
    z-index: 2;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: right;
}

.promocoes-content {
    padding: 80px 30px 80px 80px;
}

.promocoes-title {
    font-size: 80px;
    font-weight: 800;
    line-height: 0.9;
    color: #743470;
    margin-bottom: 20px;
}

.bars-events .bar {
    background-color: #d22654;
}

.trade-events .bar {
    background-color: #d22654;
}

.text-pink {
    color: #D62258;
}

.promocoes-subtitle {
    font-size: 28px;
    font-weight: 700;
    line-height: 1.2;
    color: #743470;
    margin-bottom: 20px;
}

.promocoes-description {
    font-size: 16px;
    line-height: 1.6;
    color: #333;
    margin-bottom: 30px;
}

@media (max-width: 1200px) {
    .promocoes-content {
        padding: 60px 30px 60px 60px;
    }

    .promocoes-bg-image::before {
        right: -250px;
    }
}

@media (max-width: 992px) {
    .promocoes-bg-image {
        height: auto;
        min-height: 400px;
    }

    .promocoes-bg-image::before {
        right: -300px;
        width: 350px;
        height: 350px;
    }

    .promocoes-content {
        padding: 40px 20px;
        text-align: center;
    }

    .promocoes-title {
        font-size: 50px;
    }

    .promocoes-subtitle {
        font-size: 22px;
    }
}

@media (max-width: 768px) {
    .promocoes-bg-image {
        min-height: 350px;
    }

    .promocoes-bg-image::before {
        width: 250px;
        height: 250px;
        right: -150px;
    }

    .promocoes-title {
        font-size: 40px;
    }

    .promocoes-subtitle {
        font-size: 20px;
    }

    .promocoes-description {
        font-size: 14px;
    }
}