/*
Theme Name: Tria
Theme URI: 
Author: Alexandre Beltramini
Author URI: https://portfolio.alexandrebeltramini.com.br
Description: Tema wordpress personalizado desenvolvido por Luiza Bola Estúdio
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready
Version: 1.0
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: alexandrebeltramini
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
html,
body {
    overflow-x: hidden;
}

#construsite {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.wp-block-columns {
    margin: 0;
}

#nav {
    position: relative;
    margin-bottom: -80px;
    z-index: 10;
}

.nav {
    max-width: 1150px;
    margin: 0 auto !important;
    padding: 20px 20px;

    nav {
        gap: 40px;
    }
}

.container {
    padding-top: 80px;
    padding-bottom: 80px;
}

.has-background {
    padding: 0;
}

.limit {
    max-width: 1150px;
    margin: 0 auto !important;
    padding: 80px 20px;
}

.limit-line {
    max-width: 860px;
    margin: 0 auto !important;
    position: relative;
    margin-top: 20px !important;
    padding-right: 20px !important;

    p,
    hr {
        position: absolute;
        right: 0;

    }

    hr {
        width: 100vw;

    }

    p {
        transform: translate(2px, 2px);
    }

}

.limit-title {
    max-width: 1150px;
    margin: 0 auto !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}

figure {
    margin: 0 !important;
}


.btn-1 {
    a {
        padding: 7px 30px 5px;

        img {
            margin-left: 5px;
            max-width: 15px;
        }
    }
}


#nav,
.btn-line {
    a {
        transition: .3s;

        &:hover {
            opacity: .5;
        }
    }
}

.btn-1,
.swiper-button-next[aria-disabled="false"],
.swiper-button-prev[aria-disabled="false"],
#contato a {

    transition: .3s;

    &:hover {
        opacity: .7;
    }
}

#wpforms-submit-81 {
    transition: .3s;

    &:focus:after {
        border: 0 !important;
        position: relative !important;
        top: unset;
        bottom: unset;
        left: unset;
        right: unset;
    }

    width: 150px !important;

    &:focus {
        border: 0 !important;
    }

    &:hover {
        opacity: .7;
        background: var(--wp--preset--color--off-white);
    }
}



#banner-intro {
    background-image: url('https://triainsights.com.br/wp-content/uploads/2025/06/Logo-banner.png');
    background-repeat: no-repeat;
    background-position: bottom right;

    @media(max-width: 1400px) {
        background-size: 45%;
    }

    @media(min-width: 1400px) {
        background-size: 620px;
    }

    min-height: 700px;
    height:100dvh !important;
    max-height:740px;


    .banner-content {
        height: 100%;
        display: flex;

        .limit {
            height: fit-content;
            margin-top: auto;

            h2 {
                letter-spacing: .3em;
                font-size: 42px;
                max-width: 600px;
            }

            p {
                text-transform: uppercase;
                letter-spacing: .3em;
                font-size: 17px;
            }

            .wp-block-button a {
                border: none;
                padding: 0;
                border-bottom: 2px solid;
                padding: 3px 10px;

                img {
                    margin-left: 5px;
                    max-width: 15px;
                }

            }
        }
    }
}

#quem-somos, #politica {

    padding: 80px 0;

    .limit {
        padding: 0;
        padding-top: 40px;

    }

    .limit,
    .limit-title {
        max-width: 860px;
    }

    .wp-block-group {
        display: flex;
        flex-direction: row;
        gap: 0;

    }

    .quem-somos-content {
        p {
            margin: 0;
        }

        gap: 40px;
        display: flex;
        flex-direction: column;
    }
}



#por-tras-da-tria {
    h5 {
        margin-bottom: 40px;
    }

    .limit {
        padding-top: 0;
        padding-bottom: 0;
    }

    .por-tras-content {
        .por-tras-col {
            display: flex;

            p {
                max-width: 565px;
            }

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

        .por-tras-text {
            padding: 60px;
            flex-direction: column;
        }

        gap: 30px;
        display: flex;
        flex-direction: column;

        .por-tras-row {
            padding: 0;
            gap: 0;
        }
    }
}


#como-fazemos {
    h5 {
        margin-bottom: 40px;
    }

    .pilares {

        .pilares-row {
            display: flex;
            flex-direction: row;
            gap: 10px;
            justify-content: space-between;

            .pilares-col {
                background-color: var(--wp--preset--color--azul);
                width: calc(33.33% - 20px);
                position: relative;
                border: 1px solid;
                padding: 40px 20px;
                align-content: center;
                aspect-ratio: 1;

                :hover {
                    opacity: 0;
                }

                .upper-content {
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    top: 0;
                    left: 0;
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    justify-content: center;
                    background-color: var(--wp--preset--color--preto);

                    img {
                        max-width: 100px;
                        margin-bottom: 10px;
                    }

                }

                .under-content {
                    text-align: center;

                }
            }

        }
    }
}


#o-que-fazemos {
    background: url('https://triainsights.com.br/wp-content/uploads/2025/06/oqueFazFundo.png');
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: clamp(440px, 26vw, 760px);
    padding: 80px 0;

    .limit {
        padding: 0;
        padding-top: 40px;

    }

    .limit,
    .limit-title {
        max-width: 860px;
    }

    .wp-block-group {
        display: flex;
        flex-direction: row;
        gap: 0;

    }

    .o-que-fazemos-content {

        p {
            margin: 0;
        }

        gap: 40px;
        display: flex;
        flex-direction: column;
    }


    .wp-block-cb-carousel-v2.cb-carousel-block.cb-single-slide {

        .cb-button-next,
        .cb-button-prev {
            background-color: var(--wp--preset--color--areia);
            height: 70px;
            width: 70px;

            &::after {
                font-size: 17px;
            }

        }

        .cb-button-prev {
            transform: translate(475px, 150px);
        }

        .cb-button-next {
            transform: translate(-80px, 150px);
        }

        .item-carousel {
            padding: 40px;
            min-height: 350px;

            h3 {
                margin-bottom: 15px;
            }

            p {
                padding-left: 15px;
                max-width: 400px;
                display: flex;

                &::before {
                    content: '•';
                    margin-right: 10px;
                }
            }
        }

    }


}

#contato {
	#wpforms-confirmation-81 {
  background: none;
  border: none;
  display: flex;
  justify-content: center;
  p{
    color: var(--wp--preset--color--off-white);
    font-size: 20px;
    max-width: 340px;
    text-align: center;
  }
}
    .container {
        padding-bottom: 40px;

        h5 {
            max-width: 800px;
            margin: 0 auto 40px;
        }

        .contato-col:nth-of-type(1) {
            h3 {
                font-size: 55px;
            }

            max-width: 300px;
        }

        .contato-col:nth-of-type(2) {
            width: 100% !important;
        }

        .formulario {
            margin: 0 !important;

            .wpforms-field-container {
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                gap: 20px;
                column-gap: 20px;
                width: 100%;

                input,
                textarea {
                    resize: none !important;
                    width: 100%;
                    padding: 25px 20px !important;

                    &::placeholder {
                        text-transform: uppercase !important;
                        letter-spacing: .2em;
                    }
                }

                textarea {
                    min-height: 150px;
                }

                .wpforms-field-email,
                #wpforms-81-field_7-container {
                    width: calc(50% - 10px) !important;
                }

                .wpforms-field {
                    padding: 0;
                    width: 100%;
                }

                .wpforms-field-limit-text {
                    float: right;
                }

            }

            .wpforms-submit-container {
                float: right !important;

                button {
                    padding: 15px 35px 13px !important;
                    height: fit-content !important;
                    margin-top: 10px;

                    &::after {
                        content: '→';
                        margin-left: 10px;

                    }
                }
            }
        }
    }
	
.choice-1 {
#wpforms-81-field_8_1 {
  width: fit-content !important;
  padding: 0 !important;
}
}
}

#lgpd {
  .limit-less-padding{
	  max-width: 1150px;
    margin: 0 auto !important;
    padding: 20px 20px;
  }
}

#footer {
    border-top: 1px solid;
    padding: 40px 20px;

    .wp-block-column {
        max-width: 1150px;
        margin: 0 auto !important;
    }
}


#politica {
  margin-top: 80px !important; 
  h1{
    max-width: 800px !important;
    margin-left: 0 !important;
    padding:0px 20px;
  }
  .limit-line{
    max-width: 98% !important;
      
  }
	.limit{
		max-width: 1000px !important;
	}
  @media(max-width:781px){
    .wp-block-button{
  max-width: 300px;
  margin: 0 auto;
  }
  }
}

@media(max-width:1100px) {
    #banner-intro {
        background-image: url('https://triainsights.com.br/wp-content/uploads/2025/07/BG-mobile.png') !important;
        background-size: 450px;
    }

    #nav {

        nav,
        .btn-1 {
            display: none !important;
        }
    }
}

@media(max-width:781px) {
    p {
        font-size: 15.5px !important;
    }

    h1 {
        font-size: 45px !important;
    }

    h3 {
        font-size: 35px !important;
    }

    h4 {
        font-size: 22px !important;
    }

    h5 {
        font-size: 15px !important;
        letter-spacing: .15 !important;
    }

    #nav {
        img {
            max-width: 100px !important;
        }
    }

    #banner-intro {
        height: 100dvh;

        .limit {
            gap: 10px;
        }

        h2 {
            font-size: 23px !important;
            max-width: 330px;
        }

        p {
            font-size: 11px !important;
            margin: 0px;
        }
    }

    #quem-somos, #politica {
        .limit {
            padding-top: 0 !important;
        }

        .limit-line {
            margin-right: 20px !important;
        }

        .quem-somos-content {
            padding: 0px 20px;
        }

        .limit-title {
            padding: 0 20px;
        }
    }

    #por-tras-da-tria {
        h5 {
            margin-bottom: 20px !important;
        }

        .por-tras-row {
            .por-tras-text {
                padding: 30px !important;
            }

            .por-tras-col {
                width: 100% !important;

            }

            &:nth-of-type(2) {
                .por-tras-text {
                    order: 1;
                }
            }
        }

        img {
            aspect-ratio: 1;
        }
    }

    #como-fazemos {
        h5 {
            margin-bottom: 20px !important;
        }

        .pilares-row {
            flex-direction: column !important;

            .pilares-col {
                width: 100% !important;
                padding: 0 !important;

                .under-content {
                    padding: 40px 20px;
                }
            }
        }
    }


    #o-que-fazemos {
        background-position: -50vw 100% !important;
        background-size: 540px !important;

        h5 {
            text-align: center;
        }

        .limit {
            padding-top: 0 !important;
        }

        .limit-line {
            margin-right: 20px !important;
        }

        .limit-title {
            padding: 0 20px;
        }

        .o-que-fazemos-content {
            padding: 20px;
            padding: 0px 20px;

            .item-carousel {
                min-height: 430px !important;
            }

            .cb-button-prev {
                transform: translate(-13vh, 24vh) !important;
                left: unset;
                right: 0px;
                position: absolute;
            }

            .cb-button-next {
                transform: translate(-6vh, 24vh) !important;
            }
        }
    }

    #contato {
        .contato-col:nth-of-type(1) {
            max-width: 100% !important;
            text-align: center;

            p {
                max-width: 300px;
                margin-left: auto;
                margin-right: auto;
            }

            figure::before {
                content: 'Nos acompanhe também: ';
                margin-right: 10px;
            }
        }

        .wpforms-field-container {
            flex-direction: column !important;
            gap: 10px !important;

            .wpforms-field {
                min-width: 100% !important;
            }
        }

        .wpforms-submit-container {
            width: 100% !important;
            text-align: center;
        }
    }

    #footer {
        .footer-content {
            flex-direction: column;
            gap: 20px;
            text-align: center;
        }
    }
}