/*  
Theme Name: Ventex Ventiladores
Description: Tema desenvolvido por <strong>Ventex Ventiladores</strong>, a cópia total ou parcial deste tema é totalmente proibida.
Author: Mustache
Author URI: https://mustache.com.br
*/
*{box-sizing: border-box; font-family: 'Sora', sans-serif; } body { padding: 0; margin: 0; } html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset, figure { margin: 0; padding: 0; } img, fieldset { border: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } @media screen { img { width: auto; } } a, a:hover { text-decoration: none; outline: none; } p { margin: 10px 0; padding: 0; } ul, ol, li { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6 { line-height: 1.4em; margin: 20px 0 .4em; } h1 { font-size: 2rem; } h2 { font-size: 1.8rem; } h3 { font-size: 1.6rem; } h4 { font-size: 1.4rem; } h5 { font-size: 1.2rem; } h6 { font-size: 1rem; } html { scroll-behavior: smooth; } button, button:focus { cursor: pointer; outline: none; border: 0 } section { scroll-margin-top: 70px; }
:root{
    --azulventex: #0b43a0;
    --azulsecundario: #113d85;
    --bglightgrey: #e1e1e1; 
}
.grecaptcha-badge {
    display: none !important;
}

/*WPP Float*/
.wppfloat {
    background: #25D366;
    width: 60px;
    height: 60px;
    line-height: 60px;
    color: #fff;
    font-size: 25px;
    text-align: center;
    border-radius: 50%;
    position: fixed;
    z-index: 1000;
    right: 30px;
    bottom: 30px;
    transition: .3s;
    &:hover{
        color: #fff;
        background: #21c55d;
    }
}

/*Menu*/
#menu {
    width: 100%;
    padding: 10px 10%;
    position: sticky;
    top: 0;
    right: 0;
    background: #fff;
    left: 0;
    z-index: 999;
    & .navbar {
        padding: 0;
        & .navbar-brand {
            display: flex;
            align-items: center;
            flex-direction: row;
			margin-right: 0;
            & img {
                max-height: 50px;
                width: auto;
                margin-bottom: 0px;
                margin-right: 0px;
            }
            & .headline {
                width: 180px;
                display: block;
                white-space: normal;
                font-size: 1rem;
                line-height: 1.2;
                color: #000;
            }
        }
    }

    & .navbar-expand-xl {
        & .navbar-collapse {
            margin: 0px auto;

            & .navbar-nav {
                margin: 0 0 0 auto;

                & .dropdown-menu {
                    position: absolute;
                    background: #ddf1ff;
                    font-size: .8rem;
                    margin: -12px 10px 0;
                    width: calc(100% - 20px);
                    border-radius: 15px;
                    border: 0;

                    &:before {
                        content: '';
                        top: -20px;
                        position: absolute;
                        left: 30px;
                        width: 0;
                        height: 0;
                        border-right: 10px solid transparent;
                        border-top: 10px solid transparent;
                        border-left: 10px solid transparent;
                        border-bottom: 10px solid #ddf1ff;
                    }

                    a {
                        padding: 5px 15px;
                        font-weight: 400;
                    }
                }
                & .nav-item {
                    margin: 5px 0px;
                    padding: 10px 0px;

                    & .nav-link {
                        color: #000;
                        font-size: 1rem;
                        font-weight: 400;
                        transition: .3s;
                        padding: 10px 10px;
                        border-radius: 10px;
                        margin: 0 5px;
                        &:hover {
                            color: var(--azulventex);
                        }
                    }
                    & .login{
                        background: var(--bglightgrey);
                        color: var(--azulsecundario);
                        padding: 10px 20px;
                        font-weight: 600;
                        transition: .3s;
                        &:hover{
                            background: var(--azulventex);
                            color: #fff;
                        }
                        & i{
                            margin-right: 5px;
                        }
                    }
                    & .contato{
                        background: var(--azulventex);
                        color: #fff;
                        padding: 10px 30px;
                        text-transform: uppercase;
                        font-weight: 600;
                        transition: .3s;
                        &:hover{
                            background: var(--azulsecundario);
                            color: #fff;
                        }
                    }                    
                    
                    &:hover {
                        & .dropdown-menu {
                            display: block;
                        }
                    }
                    & .dropdown-item{
                        font-size: 1rem;
                        color: #0F486C;
                        transition: .3s;
                        &:hover{
                            background: transparent;
                            color: var(--azulventex);
                        }
                    }

                    & .dropdown-toggle {
                        &:after {
                            font-weight: 900;
                            font-family: "Font Awesome 6 Free";
                            content: "\f078";
                            color: #001141;
                            display: inline-block;
                            font-size: 11px;
                            width: 15px;
                            height: 15px;
                            margin-left: .355em;
                            vertical-align: 0.055em;
                            border-top: 0em solid;
                            border-right: 0em solid transparent;
                            border-bottom: 0;
                            border-left: 0em solid transparent;
                        }
                    }
                    & .dropdown-toggle.login::after{
                        color: var(--azulventex)!important;
                        font-size: 15px;
                    }
                }

            }
        }
    }
    & .navbar-toggler-icon{
        vertical-align: unset;
    }
}

/*Slide*/
.slide, .slick-hero, .slide-item {
    width: 100%;
    .slide-item img {
        width: 100%;
        height: auto;
        display: block;
        z-index: 9;
    }
    .slick-prev, .slick-next {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 10;
        background: transparent;
        border: none;
        color: #ffffff;
        font-size: 45px;
        cursor: pointer;
        transition: 0.3s;
        opacity: 1;
    }
    .slick-prev { left: 40px; }
    .slick-next { right: 40px; }
    .slick-prev:hover, .slick-next:hover, .slick-next:focus, .slick-prev:focus {
        color: var(--azulventex);
        opacity: 1;
    }
    .slick-prev:before, .slick-next:before {
        content: '' !important;
    }
}

/*Destaques*/
.destaques {
  padding: 80px 10%;
  & h2.head{
    color: var(--azulventex);
    text-align: center;
    font-size: 2.5rem;
    margin: 0 auto 60px;
    line-height: 1;
    font-weight: 600;
  }
  .lista-destaques{
  display: flex;
  gap: 16px;
  align-items: stretch;
  width: 100%;
  min-height: 700px;
  }
  .destaques__item {
    position: relative;
    flex: 1 1 0;
    min-width: 200px;
    border-radius: 15px;
    overflow: hidden;
    background: #111;
    transition: flex 520ms cubic-bezier(0.05, 0.61, 0.41, 0.95), border-radius 520ms ease;
  }
  .destaques__item.is-active {
    flex: 8 1 0;
    border-radius: 15px;
    min-width: 420px;
    
  }
  .destaques__hit {
    position: absolute;
    inset: 0;
    z-index: 6;
    text-decoration: none;
  }
  .destaques__item.is-active .destaques__hit {
    pointer-events: none;
    }
  .destaques__media {
    position: absolute;
    inset: 0;
    z-index: 1;
    overflow: hidden;
    background-image: var(--bg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: var(--bg-pos, 50% 50%);
    will-change: transform;
    backface-visibility: hidden;
  }
  .destaques__item:not(.is-active) .destaques__media {
    filter: blur(0px);
    transform: translateZ(0);

  }
  .destaques__item.is-active .destaques__media {
    filter: none;
  }
  .destaques__overlay {
    position: absolute;
    inset: 0;
    z-index: 2;
    background: linear-gradient(25deg, #000000d4 15%, rgb(0 0 0 / 0%) 75%);
    opacity: 0.9;
    transition: opacity 240ms ease;
  }
  .destaques__item:not(.is-active) .destaques__overlay {
    opacity: 1;
    background: linear-gradient( 17deg, #FFFFFF 14%, rgb(255 255 255 / 0%) 41%);
  }
  .destaques__closed {
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 16px;
    z-index: 3;
    display: flex;
    gap: 10px;
    align-items: flex-end;
    justify-content: space-between;
    color: #363636;
  }
  .destaques__closedMeta {
    min-width: 0;
  }
  .destaques__closedCat {
    display: inline-block;
    font-size: 10px;
    letter-spacing: 0.06em;
    opacity: 0.85;
    text-transform: uppercase;
    margin-bottom: 0px;
  }
  .destaques__closedTitle {
    margin: 0;
    font-size: 1rem;
    line-height: 1.1;
    font-weight: 400;
    max-width: 22ch;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  .destaques__plus {
    width: 30px;
    height: 30px;
    border-radius: 999px;
    display: grid;
    place-items: center;
    background: rgb(131 131 131 / 18%);
    font-size: 20px;
    line-height: 1;
    flex: 0 0 auto;
  }
  .destaques__open {
    position: absolute;
    left: 50px;
    right: 50px;
    bottom: 50px;
    z-index: 8;
    color: #fff;
    max-width: 640px;
    pointer-events: none;
  }
  .destaques__kicker {
    margin: 0 0 10px 0;
    font-size: 13px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    opacity: 0.75;
  }
  .destaques__badge {
    display: inline-block;
    background: var(--azulventex);
    padding: 10px 15px;
    border-radius: 10px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    margin-bottom: 20px;
  }
  .destaques__title {
    margin: 0 0 10px 0;
    font-size: 2.5rem;
    line-height: 1.1;
    font-weight: 500;
    color: #fff;
  }
  .destaques__desc {
    margin: 0 0 30px 0;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.5;
    max-width: 52ch;
    opacity: 0.9;
  }
  .destaques__actions {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    pointer-events: auto;
  }
  .destaques__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 16px;
    border-radius: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    font-size: 13px;
    text-decoration: none;
  }
  .destaques__btnPrimary {
    background: var(--azulventex);
    color: #fff;
    transition: .3s;
    &:hover{
      background: var(--azulsecundario);
      color: #fff;
    }
  }
  .destaques__btnGhost {
    background: rgba(255,255,255,0.12);
    color: #fff;
    border: 1px solid rgba(255,255,255,0.35);
    transition: .3s;
    &:hover{
      background: var(--bglightgrey);
      color: var(--azulsecundario);
    }
  }
  .destaques__item:not(.is-active) .destaques__open {
    opacity: 0;
    transform: translateY(8px);
    transition: opacity 0ms ease, transform 0ms ease;
  }
  .destaques__item.is-active .destaques__open {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 280ms ease 140ms, transform 280ms ease 140ms;
  }
  .destaques__item.is-active .destaques__closed {
    opacity: 0;
    transform: translateY(8px);
    transition: opacity 180ms ease, transform 180ms ease;
  }
  .destaques__item:not(.is-active) .destaques__closed {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 180ms ease 120ms, transform 180ms ease 120ms;
  }

  .botao {
        display: block;
        width: max-content;
        max-width: 100%;
        /* min-height: 60px; */
        padding: 15px 30px;
        border-radius: 10px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.02em;
        font-size: 16px;
        text-decoration: none;
        background: transparent;
        color: #333;
        border: 1px solid #5f5f5f;
        transition: .3s;
        margin: 80px auto 0;
    &:hover{
      background: var(--azulventex);
      border-color: var(--azulsecundario);
      color: #fff;
    }
  }

}

/*Diferenciais*/
.diferenciais{
    background: var(--azulventex);
    padding: 90px 15%;
    color: #fff;
    .intro{
        padding: 0 10%;
        h2{
            text-align: center;
            font-size: 2.5rem;
            margin: 0 auto 30px;
            line-height: 1;
            font-weight: 600;
        }
        p{
            font-size: 1.1rem;
            line-height: 1.5;
            margin: 5px 0;
            text-align: center;
            font-weight: 300;
        }   
    }
    .motores-grandes{
        margin: 80px 0;
        padding: 0 10%;
        img{
            width: 100%;
        }
        h4{
            font-size: 2.2rem;
            line-height: 1;
            font-weight: 700;
            margin: 0 0 10px;
        }
        p{
            font-size: 1.1rem;
            line-height: 1.5;
            margin: 0;
            font-weight: 300;
        }
    }
    .grid-diferenciais {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
        .item-diferencial {
            display: none;
            padding: 40px 25px;
            text-align: center;
            transition: background 0.3s ease;
            border-radius: 15px;
            cursor: default;
            &:hover {
                background: rgba(0, 0, 0, 0.2); 
                .icon-wrapper{
                    background: #fff;
                    img{
                        filter: none;
                    }
                }
            }
            .icon-wrapper{
                background: #0c367a;
                width: 60px;
                height: 60px;
                display: block;
                margin: 0 auto 15px;
                border-radius: 50%;
                display: flex;
                justify-content: center;
                align-items: center;    
                transition: .3s;            
                img{
                    height: 25px;
                    filter: contrast(0) brightness(100);
                }
            }
            h5{
                font-weight: 700;
                margin: 0 0 5px;
                line-height: 1.2;
                font-size: 1.2rem;
            }
            p{
                font-size: .9rem;
                font-weight: 300;
            }
        }
    }

    #loadMore {
        display: block;
        margin: 60px auto 0;
        padding: 15px 30px;
        border: 1px solid #fff;
        background: transparent;
        color: #fff;
        cursor: pointer;
        border-radius: 10px;
        text-transform: uppercase;
        font-weight: bold;
        transition: .3s;
        &:hover{
            background: #fff;
            color: var(--azulventex);
        }
    }

    #loadMore:disabled {
        display: none; /* Some quando não há mais itens */
    } 


     
}

/*Vídeo*/
.video{
    padding: 90px 15%;
    & h2{
        color: var(--azulventex);
        text-align: center;
        font-size: 2.5rem;
        margin: 0 auto 60px;
        line-height: 1;
        font-weight: 600;
        span.head{
            background:var(--azulventex);
            color: #fff;
            padding: 0 5px;
        }
    } 
    .video-thumbnail {
        position: relative;
        background-image: url('images/thumb-video.jpg'); /* Substitua pelo caminho da imagem */
        background-size: cover;
        background-position: center;
        width: 100%;
        height: auto;
        aspect-ratio: 16/9;
        border-radius: 10px;
        cursor: pointer;
        transition: transform .4s;
        margin-bottom: 60px;
        &:hover{
            transform: scale(1.010);
        }
    }
    .video-thumbnail .btn-play {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 50px;
        color: white;
        background-color: var(--azulventex);
        border: none;
        padding: 10px 20px;
        cursor: pointer;
        border-radius: 50%;
    }
    .modal-content {
        width: 100%;
        margin: auto;
        background-color: transparent;
    }
    .modal-dialog {
        width: 50%;
        max-width: 50%;
        height: 100vh;
        display: flex;
        justify-content: center;
        align-items: center;
            iframe{
            aspect-ratio: 16/9;
            border-radius: 15px;
            }
        .fechar{
            background: transparent;
            color: #fff;
            font-size: 2rem;
            right: 0;
            float: right;
        }             
    }
    .modal-body {
        padding: 0;
    }
    p{
        padding: 0 30px;
        text-align: justify;
        text-align-last: center;
        line-height: 1.5;
    }
    .botao{
        margin: 30px auto 0;
        display: block;
        background: var(--azulventex);
        border-radius: 15px;
        color: #fff;
        font-weight: 700;
        width: max-content;
        max-width: 100%;
        text-transform: uppercase;
        padding: 15px 30px;
        transition: .3s;
        &:hover{
            background: var(--azulsecundario);
        }
    }
}

/*Contato*/
.contato{
    padding: 80px 10%;
    background: #f9fafb;
    & h2{
        color: var(--azulventex);
        font-size: 2.5rem;
        margin: 0 0 10px;
        line-height: 1;
        font-weight: 800;
        text-transform: uppercase;
    } 
    p{
        margin: 5px 0;
        font-size: 1.1rem;
    }  
    .botoes{
        display: flex;
        gap: 60px;
        margin: 40px 0;
        flex-wrap: wrap;
    }
    .orcamento{
        display: block;
        width: max-content;
        max-width: 100%;
        border-radius: 10px;
        background: var(--azulventex);
        padding: 20px 40px;
        text-transform: uppercase;
        color: #fff;
        font-weight: 800;
        transition: .3s;
        position: relative;
        &::after {
            content: '\f232';
            font-family: "Font Awesome 7 Brands";
            background: #00c200;
            width: 70px;
            height: 70px;
            font-weight: 800;
            color: #fff;
            font-size: 25px;
            display: flex;
            justify-content: center;
            align-items: center;
            position: absolute;
            right: -40px;
            border-radius: 50%;
            top: -2px;
        }
        &:hover{
            background: var(--azulsecundario);
        }
    } 
    .trabalhe{
        display: block;
        width: max-content;
        max-width: 100%;
        border-radius: 10px;
        border: solid 1px #585857;
        padding: 15px 60px;
        text-transform: uppercase;
        color: #585857;
        font-weight: 800;
        transition: .3s;
        position: relative;
        line-height: 2;
        &::after {
            content: '';
            background: url(images/icones/trabalhe.png) center no-repeat var(--azulventex);
            background-size: 30px;
            width: 80px;
            height: 80px;
            font-weight: 800;
            color: #fff;
            font-size: 25px;
            display: flex;
            justify-content: center;
            align-items: center;
            position: absolute;
            right: -40px;
            border-radius: 50%;
            top: -15px;
        }
        &:hover{
            background: var(--bglightgrey);
        }
    }    
    .canal{
        margin: 30px 0;
        color: #585857;
        .icone{
            width: 50px;
            height: 50px;
            display: flex;
            justify-content: flex-start;
            align-items: center;
            img{
                display: block;
            }
        }
        h4{
            color: var(--azulventex);
            font-weight: 800;
            margin: 5px 0;
            line-height: 1;
        }
        p{
            font-weight: 300;
        }
        a{
            color: var(--azulventex);
            transition: .3s;
            font-weight: 600;
            font-size: 1.2rem;
            position: relative;
        }
        .wpp{
            padding-left: 2rem;
            &::before {
            content: '\f232';
            font-family: "Font Awesome 7 Brands";
            background: #00c200;
            width: 1.6rem;
            height: 1.6rem;
            font-weight: 800;
            color: #fff;
            font-size: 1rem;
            display: flex;
            justify-content: center;
            align-items: center;
            position: absolute;
            left: 0;
            border-radius: 50%;
            top: -0;
        }
        }
    }
     
}

/*Login*/
#modalLoginRep{
    .modal-header{
        padding: 0;
        button.close {
            float: right;
            font-size: 1.5rem;
            font-weight: 700;
            line-height: 1;
            color: #fff;
            text-shadow: none;
            background: var(--azulventex);
            width: 50px;
            height: 50px;
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 0;
            opacity: 1;
            border-radius: 50%;
            margin: -3.5rem -3.5rem 0 auto;
            transition: .3s;
            &:hover{
                background: #113d85;
            }
        }
    }
    .modal-content {
        padding: 2.5rem;
        border-radius: 2rem;
        .icone{
            display: block;
            margin: 0 auto 25px;
            height: 80px;
            width: auto;
        }      
        h3{
            color: var(--azulventex);
            font-weight: 700;
            margin: 20px auto 5px;
            text-align: center;
            line-height: 1;
            font-size: 1.8rem;
        }
        .intro{
            text-align: center;
            font-size: 1rem;
            line-height: 1.5;
            margin: 0;
        }
        .form-login-custom{
            p{
                margin: 0;
            }
        label {
            display: block;
            width: 100%;
            font-size: .9rem;
        }
        input {
            width: 100%;
            padding: 14px;
            border-radius: 11px;
            border: solid 1px #999;
            transition: .3s;
            margin-bottom: 10px;
            &:focus{
                border-color: var(--azulventex);
                outline: none;
            }
        }
        input[type="radio"], input[type="checkbox"]{
            width: auto;
        }
        input[type="submit"]{
            background: var(--azulventex);
            border: 0;
            padding: 15px;
            color: #fff;
            transition: .3s;
            &:hover{
                background: var(--azulsecundario);
            }
        }            
        }
    }    
}
.modal {
    background: #001d4be8;
    backdrop-filter: blur(10px);
}

/*Rodape*/
.rodape {
    background: var(--azulventex);
    padding: 80px 10%;
    & img.logo {
        margin: 0 auto 0 0;
        display: block;
        height: 100px;
        width: max-content;
        filter: contrast(0) brightness(100);
    }
    & h4{
        color: #fff;
        font-weight: 600;
        margin: 0 0 15px;
    }
    & ul{
        display: flex;
        gap: 15px;
        flex-direction: column;
        list-style: none;
        & li{
            a{
                color: #fff;
                transition: .3s;
                &:hover{
                    color: #259de7;
                }
            }
            .login{
                background: #259de7;
                padding: 15px 30px;
                font-weight: 700;
                text-transform: uppercase;
                border-radius: 10px;
                &:hover{
                    background: #1374B1;
                    color: #fff;
                }
                & i{
                    margin-right: 10px;
                    color: #0F486C;
                }
            }

        }
    }
    & .redes{
        display: flex;
        flex-direction: row;
        gap: 10px;
        li{
            width: 50px;
            height: 50px;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            background: #fff;
            color: var(--azulventex);
            transition: .3s;
            font-size: 1.2rem;
            line-height: 1;
            a{
                color: var(--azulventex);
                padding: 0 20px;
            }
            &:hover{
                background: #259de7;
                a{
                    color: #fff;
                }
            }
        }
    }

}
.copy {
    padding: 30px 10%;
    background: var(--azulventex);
    border-top: solid 1px #1374B1;
    width: 100%;
    color: #fff;
    font-size: .8rem;

    & .direitos a {
        color: #fff;
        border-bottom: solid 1px #1374B1;
        margin: 0 0 0 5px;
    }


    & .dev{
        a{
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            color: #fff;
        }
        & img {
            width: auto;
            height: 1rem;
            margin: 0 0 0 auto;
            display: block;
            filter: contrast(1) brightness(100);
        }
    }
}

/*Fale com - comum*/
.falecom{
    padding: 80px 10%;
    & h2{
        color: var(--azulventex);
        font-size: 2.5rem;
        margin: 0 0 10px;
        line-height: 1;
        font-weight: 800;
        text-transform: uppercase;
    } 
    .canais{
        display: grid;
        grid-template-columns: 3fr 3fr 4fr;
        gap: 30px;
    }
    .canal{
        margin: 30px 0;
        color: #585857;
          border-right: 1px solid #ccc;

        .icone{
            background: #f9fafb;
            width: 50px;
            height: 50px;
            display: flex;
            justify-content: center;
            margin-bottom: 10px;
            align-items: center;
            img{
                display: block;
            }
        }
        h4{
            color: var(--azulventex);
            font-weight: 800;
            margin: 5px 0;
            line-height: 1;
        }
        p{
            font-weight: 300;
        }
        a{
            color: var(--azulventex);
            transition: .3s;
            font-weight: 600;
            font-size: 1.2rem;
            position: relative;
        }
        .wpp{
            padding-left: 2rem;
            &::before {
            content: '\f232';
            font-family: "Font Awesome 7 Brands";
            background: #00c200;
            width: 1.6rem;
            height: 1.6rem;
            font-weight: 800;
            color: #fff;
            font-size: 1rem;
            display: flex;
            justify-content: center;
            align-items: center;
            position: absolute;
            left: 0;
            border-radius: 50%;
            top: -0;
        }
        }
    }
    .canal:nth-child(3n) {
    border-right: none;
    }    
}

/*404*/
.naoencontrado {
    background: #fff;
    color: #333;
    padding: 10%;
    margin-bottom: 0px;
    text-align: center;
    & h1 {
        font-weight: 700;
        font-size: 3rem;
        margin-bottom: 15px;
        color: #0071b8;
    }

    & p {
        max-width: 100%;
        font-size: 1.4rem;
        line-height: 2.4rem;
        font-weight: 300;
    }

    & a {
        color: #0071b8;
        transition: .3s;

        &:hover {
            color: #be7857;
        }
    }
}

/*Topo da página*/
.topo-pagina {
    background: #1374B1;
    color: #fff;
    padding: 60px 10%;
    text-align: center;
    margin-bottom: 0px;
   
    display: flex;
    gap: 25px;
    justify-content: center;
    align-items: center;
    & img{
        height: 80px;
    }
    & h1 {
        font-weight: 700;
        font-size: 3.5rem;
        margin: 0;
    }
}

/*Pagina*/
.page {
    padding: 60px 10%;
    color: #333;
    text-align: justify;
    line-height: 1.6;
    font-size: 1.2rem;
    & p{
        margin: 15px 0;
    }
    & th, td {
        text-align: left;
        border: 1px solid #e8e9eb;
        line-height: 140%;
        padding: 10px 14px;
    }
    & a {
        color: #1374B1;
    }
    & label {
        width: 100%;
        text-align: left
    }
    & select {
        text-transform: none;
        width: 100%;
        background: #f7f7f7;
        border: 0px;
        padding: 10px 10px;
        color: #333;
    }
    & input {
        width: 100%;
        background: #f7f7f7;
        color: #333;
        padding: 10px 15px;
        border: solid 1px #f7f7f7;
        border-radius: 3px;
    }
    & textarea {
        width: 100%;
        height: 150px;
        background: #f7f7f7;
        color: #333;
        padding: 10px 15px;
        border: solid 1px #f7f7f7;
        border-radius: 3px;
    }
    & input:focus, textarea:focus, select:focus {
        outline: none;
        border: 0px;
        border: solid 1px #1374B1;
    }
    & input[type=submit] {
        width: 100%;
        background: #1374B1;
        color: #fff;
        padding: 10px 35px;
        width: auto;
        border: solid 1px #1374B1;
        border-radius: 3px;
        transition: .3s;
        &:hover{
            background: #985737;
            border-color: #985737;
        }
    }
    & ul, ol {
        list-style-position: inside;
        list-style: none
    }
    & strong {
        color: #1374B1;
    }
    /*Area restrita*/
    & .boxes{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 30px;
        padding: 50px 0;
        & .box{
            width: calc(25% - 30px);
            background: #0071b8;
            border-radius: 15px;
            transition: .3s;
            a{
                padding: 30px;
                flex-direction: column;
                align-items: center;
                display: flex;
                justify-content: center;
                gap: 5px; 
                color: #fff; 
                aspect-ratio: 1/1;       
            }
            & h4{
                font-size: 1.6rem;
                line-height: 1.2;
                margin: 0;
               
                text-align: center;
                width: 200px;
                font-weight: 600;
                min-height: 3.2rem;
                display: flex;
                align-items: center;
                justify-content: center;
                
            }
            & img{
                height: 70px;
                max-height: 100px;
                width: auto;
                display: block;
                margin: 0 auto 10px;
            }
            &:hover{
                background: #0F486C;
            }
        }
    }
    /*Agenda*/
    & .lista{
        & h3{
            margin: 0 0 10px;
            font-weight: 700;
            color: #1374B1;
            font-size: 2rem;
        }
        & .lista-agenda{

            &::-webkit-scrollbar {
                width: 10px;
            }
            &::-webkit-scrollbar-track {
                background: #ccc;
                border-radius: 15px;
            }
            &::-webkit-scrollbar-thumb {
                background-color: #0071b8;
                border-radius: 15px;
            }
            & .evento-item{
                width: 100%;
                display: flex;
                padding: 15px 0;
                border-bottom: solid 1px #ccc;
                & .data-box{
                    width: 100px;
                    display: flex;
                    flex-direction: column;
                    background: #1374B1;
                    padding: 20px;
                    justify-content: center;
                    align-items: center;
                    color: #fff;
                    font-weight: 600;
                    text-transform: uppercase;
                    text-align: center;
                    letter-spacing: 1px;
                    border-radius: 10px;
                    & .dia{
                        font-size: 2.5rem;
                        line-height: 1;
                    }
                    & .mes{
                        font-size: 1.5rem;
                        line-height: 1;
                    }
                }
                & .conteudo-evento{
                    font-size: 1rem;
                    padding-left: 15px;
                    & h4{
                        font-weight: 700;
                        color: #1374B1;
                        font-size: 1.5rem;
                        margin: 0;
                    }
                    & p{
                        width: 100%;
                        font-size: 1.2rem;
                        margin: 0
                    }
                    & strong{
                        color: #1374B1;
                    }
                }
                &:last-of-type{
                    border-bottom: 0;
                }
            }
        }
    }
    /* Atas */
    .lista-atas {
        list-style: none;
        padding: 0;
        margin: 0;
        & .ata {
        margin: 5px 0px;
        padding: 5px 0 5px 25px;
        border-bottom: solid 1px #e4e4e4;
            & a {
                text-decoration: none;
                color: #333;
                position: relative;
                display: inline-block;
                font-weight: 400;
                transition: .3s;
                &:hover{
                    color: #0071b8;
                }
                &::before {
                    content: "\f56d";
                    font-family: "Font Awesome 5 Free";
                    font-weight: 900;
                    position: absolute;
                    left: -25px;
                    top: 50%;
                    transform: translateY(-50%);
                    color: #0F486C;
                }
            }
        }
    }
    /* Documentos */
    .lista-documentos {
        list-style: none;
        padding: 0;
        margin: 0;
        & .ata {
        margin: 5px 0px;
        padding: 5px 0 5px 25px;
        border-bottom: solid 1px #e4e4e4;
            & a {
                text-decoration: none;
                color: #333;
                position: relative;
                display: inline-block;
                font-weight: 400;
                transition: .3s;
                &:hover{
                    color: #0071b8;
                }
                &::before {
                    content: "\f56d";
                    font-family: "Font Awesome 5 Free";
                    font-weight: 900;
                    position: absolute;
                    left: -25px;
                    top: 50%;
                    transform: translateY(-50%);
                    color: #0F486C;
                }
            }
        }
    }
}

@media screen and (max-width: 1560px) {
    #menu {
        padding: 10px 60px;
        & .navbar-expand-xl {
            & .navbar-collapse {
                & .navbar-nav {
                    & .nav-item {
                        & .nav-link {
                            font-size: .9rem;
							padding: 10px 7px;
                        }
						& .login {
							padding: 10px;
						}					
                    }
                }
            }
        }
    }
    .destaques {
        padding: 70px 60px;
        & h2.head {
            font-size: 2.2rem;
            margin: 0 auto 50px;
        }
        .lista-destaques{
            min-height: 600px;  
        }
        .destaques__open {
            left: 40px;
            right: 40px;
            bottom: 40px;
        }
        .destaques__title{
            font-size: 2.2rem;
        }
    }    
    .diferenciais {
        padding: 80px 60px;
        & .intro {
            h2 {
                font-size: 2.2rem;
                margin: 0 auto 20px;
            }
            p {
                font-size: 1rem;
            }
        }
        & .motores-grandes {
            margin: 60px 0;
            h4 {
                font-size: 2rem;
            }
        }
    }
    .video {
        padding: 80px 10%;
        & h2{
            font-size: 2.2rem;
        }
    }
    .contato {
        padding: 80px;
        & h2{
            font-size: 2.2rem;
        }
        p {
            font-size: 1rem;
        }
    }
    .falecom {
        padding: 80px;
    }
    .rodape {
        padding: 60px 5%;
    }
    .page {
        padding: 40px 60px;
        & .lista {
            padding: 0;
            & .lista-agenda {
                & .evento-item {
                    & .data-box {
                        padding: 15px;
                        & .dia {
                            font-size: 2rem;
                        }
                    }
                }
            }
        }
    }
}

@media screen and (max-width: 1024px) {
    #menu{
        &  .navbar-expand-xl{
            & .navbar-toggler {
                padding: 0;
                outline: none;
                font-size: 2.2rem;
                color: var(--azulsecundario);
                line-height: 100%;
                background-color: transparent;
                border: 0px solid transparent;
                height: auto;
                & .navbar-toggler-icon {
                    height: auto;
                    width: auto;
                }
            }
            & .navbar-collapse{
                margin: 15px auto 0px;
                padding: 0 0 30px;
                & .navbar-nav {
                    margin: 0px 0px!important;
                    width: 100%;
                    & li{
                        &:hover{
                            & .dropdown-menu {
                                display: block;
                                border: 0;
                                margin: 7px 0px 0px;
                            }
                        }
                    }
                    & .dropdown-menu {
                        position: relative;
                        &:before {
                            left: 5%
                        }
                    }
                    & .nav-item {
                        margin: 0px 0px;
                        padding: 5px 0px;
                        & .nav-link {
                            padding: 5px 0px;
                            margin: 0;
                            text-align: left;
                        }
                        & .login{
                            padding: 15px 20px;
                        }
                        & .contato{
                            padding: 15px 20px;
                        }
                    }
                }
            }
        }
    }
    .slide, .slick-hero, .slide-item {
        .slick-prev { left: 15px; }
        .slick-next { right: 15px; }
        .slick-prev, .slick-next { font-size: 25px; } 
    }   
    .rodape{
        
        & ul{
            margin-top: 30px;
            flex-direction: column;
            gap: 15px;
            & li{
                a{
                    padding: 10px 0;
                }
                .login{
                    padding: 10px 30px;
                    display: block;
                    margin-top: 10px;
                    width: max-content;
                    max-width: 100%;
                }
            }
        }
    }
    .copy {
        padding: 30px;
    }
    .destaques{
        padding: 60px;
        .botao {
            margin: 60px auto 0;
        }
        .destaques__item.is-active .destaques__hit {
            pointer-events: auto;
        }        
    }
    .lista-destaques{
        flex-direction: column;
        min-height: auto;
        .destaques__item {
        min-width: 0;
        min-height: 140px;
        }
        .destaques__media{
            background-size: 100% auto;
        }
        .destaques__item.is-active {
        min-width: 0;
        min-height: 420px;
        }

        .destaques__media::before {
        width: 100%;
        left: 0;
        transform: none;
        }

        .destaques__title {
        font-size: 34px;
        }    
    }
    .diferenciais {
        padding: 60px;
        .intro {
            padding: 0;
        }
        & .motores-grandes {
            margin: 60px 0;
            padding: 0;
        }
        .grid-diferenciais {
            grid-template-columns: repeat(2, 1fr);
        }
    }
    .video {
        padding: 60px;
        p{
            padding: 0;
        }
        .video-thumbnail{
            margin-bottom: 30px;
        }
    }
    .contato {
        padding: 60px;
    }
    .falecom{
        padding: 60px;
        & .canal {
            a {
                font-size: 1rem;
            }
        }
    }
}

@media screen and (max-width: 768px) {
    .diferenciais {
        & .motores-grandes {
            text-align: center;
            img {
                margin-bottom: 15px;
            }
        }
    }    
    .lista-destaques{
        flex-direction: column;
        min-height: auto;
        .destaques__media {
        background-size: cover;
        }
        .destaques__item {
        flex: none;
        width: 100%;
        min-width: 0;
        max-height: 150px;
        transition: max-height 520ms cubic-bezier(0.05, 0.61, 0.41, 0.95), border-radius 520ms ease;
        }
        .destaques__item.is-active {
        max-height: 560px;
        min-width: 0;
        }
        .destaques__actions {
        flex-direction: row;
        gap: 5px;
        }
        .destaques__btn{
        padding: 0 11px;
        letter-spacing: 0;
        font-size: 10px;
        min-height: 40px;
        }
        .destaques__open {
        left: 20px;
        right: 20px;
        bottom: 20px;
        max-width: none;
        }
        .destaques__badge{
        font-size: 9px;
        padding: 10px;
        margin-bottom: 15px;
        }
        .destaques__title {
        font-size: 1.6rem;
        }
        .destaques__desc {
        max-width: none;
        margin: 0 0 15px 0;
        font-size: 14px;    
        }    
    }
    .falecom{
        .canais{
            grid-template-columns: 1fr;
            gap: 0;
        }
        .canal{
            border-right: 0;
            border-bottom: 1px solid #ccc;
            padding: 30px 0;
            margin: 0;
        }
        .canal:last-child {
            border-bottom: none;
        }
    }
}

@media screen and (max-width: 480px) {
    #menu{
        padding: 15px 30px;
        & .navbar {
            & .navbar-brand {
                flex-direction: column;
                & img {
                    max-height: 40px;
                    margin: 0 auto 0 0;
                }
            }
        }
    }
    .destaques {
        padding: 40px 25px;
        & h2.head {
            font-size: 2rem;
            margin: 0 auto 30px;
        }  
        .botao {
            margin: 30px auto 0;
        }      
    }
    .diferenciais {
        padding: 50px 25px;
        & .intro {
            h2 {
                font-size: 1.8rem;
            }
        }
        & .motores-grandes {
            h4 {
                font-size: 1.8rem;
            }
            p {
                font-size: 1rem;
            }
        }
        .grid-diferenciais {
            grid-template-columns: repeat(1, 1fr);
            gap: 5px;
            .item-diferencial{
                padding: 20px;
            }
        }
    }
    .video {
        padding: 40px 30px;
        & h2 {
            font-size: 2rem;
            margin: 0 auto 30px;
            span.head {
                display: block;
                width: max-content;
                max-width: 100%;
                margin: 0 auto;
            }
        }
        .video-thumbnail .btn-play {
            font-size: 35px;
        }
        p{
            text-align: center;
        }
        .modal-dialog {
            width: 100%;
            max-width: 1000%;
            .fechar {
                margin-right: 30px;
            }
        }
    }
    .contato {
        padding: 40px 30px;
        h2{
            font-size: 1.8rem;
        }
        .botoes{
            gap: 30px;
        }
        .orcamento{
            padding: 20px 35px 20px 20px ;
            font-size: .9rem;
        }
        .trabalhe {
            margin: 0px 0 0;
            padding: 15px 35px;
            &::after {
            background-size: 25px;
            width: 60px;
            height: 60px;
            font-size: 25px;
            right: -43px;
            top: -4px;
            }               
        }
    }
    .falecom{
        padding: 40px 30px;
        h2{
            font-size: 1.8rem;
        }
    }
    .rodape {
        & img.logo{
            height: 70px;
        }
        padding: 40px 30px;
        & h4 {
            margin: 30px 0 0 0;
        }
        & ul{
            margin-top: 15px;
            flex-direction: column;

        }
    }
    .copy {
        padding: 30px;
        font-size: .8rem;
        text-align: center;
        & .direitos {
            line-height: 1.8;
        }
        & .dev {
            margin-top: 20px;
            a{
                justify-content: center;
            }
            & img {
                margin: 0px;
            }
        }
    }
    .page {
        padding: 40px 30px;
        text-align: left;
        & .boxes {
            padding: 30px 0 20px;
            & .box {
            width: 100%;
            }
        }
        & .lista {
                margin-top: 20px;
                padding: 0;
                & h3{
                    font-size: 1.6rem;
                }
                & .lista-agenda {
                    & .evento-item {
                        flex-direction: column;
                        padding-right: 10PX;
                        & .data-box {
                            padding: 10px 15px;
                            width: 100%;
                            flex-direction: row;
                            align-items: center;
                            justify-content: center;
                            gap: 5px;
                            margin-bottom: 5px;
                            & .mes {
                                font-size: 1.2rem;
                                line-height: 1;
                                font-weight: 400;
                            }
                        }
                        & .conteudo-evento{
                            padding-left: 0;
                            padding-right: 0px;
                            & h4 {
                                font-size: 1.2rem;
                            }
                            & p{
                                font-size: 1rem;
                            }
                        }
                    }
                }
        }
    }
    .topo-pagina {
        padding: 40px 30px;
        & h1 {
            font-size: 1.8rem;
        }
    }
    #modalLoginRep {
        .modal-content {
            padding: 1rem;
            border-radius: 1rem;
            h3{
                font-size: 1.5rem;
            }
            .intro {
            font-size: .9rem;
            }
        }
        .modal-header {
            button.close {
                margin: -2rem -1.5rem 0 auto;
            }
        }        
    }   
    .modal-open .modal{
        padding: 0!important;
    }     
}