/**----- OUTROS ----**/
@media screen and (max-width: 1299px) {
    .navbar-default .navbar-nav>li>a {
        margin: 20px 0 !important;
        padding: 5px 13px;
    }
}

/**----- OUTROS ----**/

/**----- TABLET ----**/
@media (min-width: 768px) and (max-width: 1024px) {

    /**----- GERAL ----**/
    .padding {
        padding-bottom: 60px;
        padding-top: 60px;
    }

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

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

    .padding-half {
        padding-bottom: 40px;
        padding-top: 40px;
    }

    .heading-space {
        margin-bottom: 40px;
    }

    .half-space {
        margin-bottom: 20px;
    }

    .heading-top {
        margin-top: 20px;
    }

    h2 {
        font-size: 28px;
    }

    h3 {
        font-size: 20px;
    }

    h4 {
        font-size: 16px;
    }

    p {
        font-size: 16px;
    }

    .half-space p{
        text-align: justify;
    }

    /**----- GERAL ----**/

    /**----- BOTÕES ----**/
    .btn-content {
        display: block;
    }

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

    /**----- BOTÕES ----**/

    /**----- NAV ----**/
    .navbar-brand {
        padding: 0;
        max-width: 140px;
    }

    .navbar-brand>img {
        width: 120%;
    }

    .navbar-default .navbar-nav>li>a {
        font-size: 12px;
        margin-top: 30px !important;
        margin-right: 5px !important;
    }

    .logo {
        height: 40px;
    }

    /**----- NAV ----**/


    /**----- SLIDESHOW ----**/
    .slideshow-container {
        position: relative;
        width: 100%;
        height: 80vh;
    }

    .slide {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        visibility: hidden;
    }

    .slide img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: left;
        filter: brightness(45%);
        animation: zoomPan 12s ease-in-out infinite alternate;
    }

    @keyframes zoomPan {
        0% {
            transform: scale(1) translateX(0);
        }
    
        100% {
            transform: scale(1.1) translateX(-3%);
        }
    }

    .slide-content-center {
        position: absolute;
        width: 75%;
        top: 50%;
        left: 50%;
        text-align: center;
        color: var(--color-white);
        transform: translate(-50%, -50%);
    }

    .slide-content-center h1 {
        text-transform: uppercase;
        font-size: 35px;
        font-family: 'kiona_regular';
        margin-bottom: 30px;
        text-align: center;
        color: var(--color-platinum)
    }

    .slide-content-center p {
        font-size: 18px;
        margin-bottom: 30px;
        font-family: 'ralewayregular';
        line-height: 1.5;
        text-align: center;
        color: var(--color-white);
    }

    @keyframes fadeInUp {
        0% {
            opacity: 0;
            transform: translateY(30px);
        }
    
        100% {
            opacity: 1;
            transform: translateY(0);
        }
    }
    
    .slide-content-center h1,
    .slide-content-center p,
    .slide-content-center .btn-content-center {
        opacity: 0;
        transform: translateY(30px);
        transition: opacity 0.8s ease, transform 0.8s ease;
    }
    
    .slide.active .slide-content-center h1 {
        animation: fadeInUp 1s ease forwards;
        animation-delay: 0.3s;
    }
    
    .slide.active .slide-content-center p {
        animation: fadeInUp 1s ease forwards;
        animation-delay: 0.6s;
    }
    
    .slide.active .slide-content-center .btn-content-center {
        animation: fadeInUp 1s ease forwards;
        animation-delay: 0.9s;
    }

    .nav-btn {
        height: 30px;
        width: 30px;
        font-size: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .nav-btn.left {
        left: 20px;
    }

    .nav-btn.right {
        right: 20px;
    }

    .btn {
        width: 100% !important;
        margin-bottom: 20px;
    }

    .btn-content {
        display: block;

    }

    /**----- SLIDESHOW ----**/

    /**----- CTA ----**/
    .cta-container {
        position: relative;
        width: 100%;
        height: 70vh;
    }

    .cta {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .cta img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        filter: brightness(25%);
    }

    .cta-content {
        position: absolute;
        width: 80%;
        top: 50%;
        left: 50%;
        text-align: center;
        color: var(--color-white);
        transform: translate(-50%, -50%);
    }

    .cta-content h1 {
        text-transform: uppercase;
        font-size: 35px;
        font-family: 'kiona_regular';
        margin-bottom: 30px;
        text-align: center;
    }

    .cta-content p {
        font-size: 18px;
        margin-bottom: 30px;
        font-family: 'ralewayregular';
        line-height: 1.5;
        text-align: center;
    }

    .cta-buttons {
        display: block;
        justify-content: center;
    }

    /**----- CTA ----**/


    /**----- MILLEU & GOZZOLI ----**/
    .gallery-item {
        width: 100%;
        margin-bottom: 20px;
    }

    .gallery-item:last-child{
        margin-bottom: 0px;
    }

    .topico {
        flex: 1 1 100%;
      }


    /**----- MILLEU & GOZZOLI ----**/

    /**----- ÁREAS DE ATUAÇÃO ----**/
    .card-atuacao {
        width: calc((100% - 30px) / 2);
    }
    
    /**----- ÁREAS DE ATUAÇÃO ----**/


    /**----- INFORMAÇÕES ----**/
    .horizontal-list {
        justify-content: flex-start;
      }

    .horizontal-list li {
        font-size: 13px;
        padding: 5px 12px;
    }

    .horizontal-list li:last-child{
        margin-bottom: 20px;
    }
    /**----- INFORMAÇÕES ----**/



    /**----- FALE CONOSCO ----**/
    .area-item{
        width: 100%;
    }

    #contact_form{
        padding: 0;
      }
      
      #contact_form input[type="submit"] {
        width: 100%;
      }
    /**----- FALE CONOSCO ----**/


    /**----- FOOTER ----**/
    footer .container .row {
        flex-direction: column;
        align-items: center;
    }

    /* As colunas do footer vão ocupar 100% no tablet */
    footer .container .row .footer_column {
        width: 100%;
        text-align: left;
    }

    /* Ajusta os ícones sociais para ficarem alinhados no centro */
    footer .social_icon {
        justify-content: center;
        margin-top: 10px;
    }

    /* Ajusta o copyright para ser exibido de forma mais amigável no celular */
    .copyright p {
        font-size: 12px;
    }

    /**----- FOOTER ----**/

    /**----- REDES SOCIAIS ----**/
    .widget ul.widget_links li a {
        font-size: 14px;
        padding: 15px 0;
    }

    /**----- REDES SOCIAIS ----**/

         /**----- SÓCIAS PROPRIETÁRIAS ----**/
         .info-socias{
            margin-bottom: 20px;
         }
         /**----- SÓCIAS PROPRIETÁRIAS ----**/

}

/**----- TABLET ----**/


/**----- SMARTPHONE ----**/
@media (max-width: 767px) {


    /**----- GERAL ----**/
    h2 {
        font-size: 26px;
    }

    h3 {
        font-size: 18px;
    }

    h4 {
        font-size: 14px;
    }

    p {
        font-size: 16px;
    }

    .half-space p{
        text-align: justify;
    }

    /**----- GERAL ----**/


    /**----- MENU ----**/
    .toggler {
        margin-bottom: 0;
    }

    .toggle-button {
        width: 170px;
        margin-top: 6px;
    }

    .navbar-default .navbar-nav>li>a {
        margin: 5px 0 !important;
        padding: 10px 15px;
        line-height: 40px;
    }

    .navbar-nav>li>.dropdown-menu>li>a {
        color: var(--color-platinum) !important;
        font-size: 14px;
        padding: 14px;
        border-radius: 30px;
        margin: 0 !important;
        -moz-transition: all 0.6s ease 0.1s;
        -webkit-transition: all 0.6s ease 0.1s;
        -ms-transition: all 0.6s ease 0.1s;
        -o-transition: all 0.6s ease 0.1s;
        transition: all 0.6s ease 0.1s;
    }

    .navbar-nav>li>.dropdown-menu>li>a:hover,
    .navbar-nav>li>.dropdown-menu>li>a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
        background-color: var(--color-platinum);
        color: var(--color-black) !important;
    }

    .logo {
        width: 180px;
    }

    /**----- MENU ----**/

    /**----- SLIDESHOW ----**/
    .slideshow-container {
        position: relative;
        width: 100%;
        height: 100vh;
    }

    .slide {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        visibility: hidden;
    }

    .slide img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: left;
        filter: brightness(45%);
        animation: zoomPan 12s ease-in-out infinite alternate;
    }

    @keyframes zoomPan {
        0% {
            transform: scale(1) translateX(0);
        }
    
        100% {
            transform: scale(1.1) translateX(-3%);
        }
    }

    .slide-content-center {
        position: absolute;
        width: 75%;
        top: 50%;
        left: 50%;
        text-align: center;
        color: var(--color-white);
        transform: translate(-50%, -50%);
    }

    .slide-content-center h1 {
        text-transform: uppercase;
        font-size: 35px;
        font-family: 'kiona_regular';
        margin-bottom: 30px;
        text-align: center;
        color: var(--color-platinum)
    }

    .slide-content-left p,
    .slide-content-center p {
        font-size: 18px;
        margin-bottom: 30px;
        font-family: 'ralewayregular';
        line-height: 1.5;
        text-align: center;
        color: var(--color-white);
    }

    .nav-btn {
        display: none;
    }

    .btn {
        width: 100% !important;
        margin-bottom: 20px;
    }

    .btn-content {
        display: block;

    }

    /**----- SLIDESHOW ----**/

    /**----- MILLEU & GOZZOLI ----**/
    .gallery-item {
        width: 100%;
        margin-bottom: 20px;
    }

    .gallery-item:last-child{
        margin-bottom: 0px;
    }

    .topico {
        flex-direction: column;
        align-items: center;

    }
    
    .icon {
        margin-bottom: 10px;
    }

    .text h4, .text p{
        text-align: center;
    }

    /**----- MILLEU & GOZZOLI ----**/


    /**----- INFORMAÇÕES ----**/
    #informacoes h3{
        font-size: 21px
    }

    .horizontal-list {
        gap: 10px;
    }

    .horizontal-list li {
        font-size: 13px;
        padding:6px 10px;
        width: 100%;
    }

    .last-child{
        margin-bottom: 20px;
    }

    .direito{
        margin-bottom: 20px;
    }
    /**----- INFORMAÇÕES ----**/


     /**----- SÓCIAS PROPRIETÁRIAS ----**/
     .info-socias{
        margin-bottom: 20px;
     }
     /**----- SÓCIAS PROPRIETÁRIAS ----**/
    



    /**----- ÁREAS DE ATUAÇÃO ----**/
    .card-atuacao {
        width: 100%;
    }
    /**----- ÁREAS DE ATUAÇÃO ----**/


    /**----- CTA ----**/
    .cta-container {
        position: relative;
        width: 100%;
        height: 100vh;
    }

    .cta img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        filter: brightness(25%);
    }

    .cta-content {
        position: absolute;
        width: 80%;
        top: 50%;
        left: 50%;
        text-align: center;
        color: var(--color-white);
        transform: translate(-50%, -50%);
    }

    .cta-content h1 {
        text-transform: uppercase;
        font-size: 35px;
        font-family: 'kiona_regular';
        margin-bottom: 30px;
        text-align: center;
    }

    .cta-content p {
        font-size: 18px;
        margin-bottom: 30px;
        font-family: 'ralewayregular';
        line-height: 1.5;
        text-align: center;
    }

    .cta-buttons {
        display: block;
        justify-content: center;
    }

    /**----- CTA ----**/


    /**----- FALE CONOSCO ----**/
    .area-item{
        width: 100%;
    }
    
      #contact_form{
        padding: 0;
      }
      
      #contact_form input[type="submit"] {
        width: 100%;
      }
    /**----- FALE CONOSCO ----**/


    /**----- FOOTER ----**/
    footer .copyright ul.social_icon {
        float: left;
        margin-top: 20px;
    }

    .copyright {
        display: flex;
        flex-direction: column;
        text-align: center;
    }

    .copyright p {
        margin-bottom: 20px;
        font-size: 13px !important;
    }

    .footer_column p, .widget_links li{
        font-size: 16px !important;
    }

    .footer_column h4{
        font-size: 21px;
    }

    /**----- FOOTER ----**/
}

/**----- SMARTPHONE ----**/