/*
Theme Name: Fugazzi
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.
*/



/*Default*/
html,
body {
    overflow-x: hidden;
}



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

.container {
    min-height: 100dvh;
    height: auto;
}

.btn--primary {
    a {
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;

        &:after {
            content: '⠀';
            background-image: url('https://fugazzi.co/wp-content/uploads/2025/10/Vector-5.png');
            background-repeat: no-repeat;
            background-size: contain;
            margin: 0 0 0 clamp(15px, 10vw, 1vw);
            transform: translateY(clamp(5px, 10vw, 0.3vw));
            width: clamp(10px, 10vw, 1vw);
            display: flex;
        }
    }
}

.btn--primary--alt {
    a {
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;

        &:after {
            content: '⠀';
            background-image: url('https://fugazzi.co/wp-content/uploads/2025/10/Frame-2.png');
            background-repeat: no-repeat;
            background-size: contain;
            margin: 0 0 0 clamp(15px, 10vw, 1vw);
            transform: translateY(clamp(5px, 10vw, 0.5vw));
            width: clamp(5px, 10vw, .4vw);
            display: flex;
        }
    }
}

.btn--primary--alt-2 {
    a {
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;

        &:after {
            content: '⠀';
            background-image: url('https://fugazzi.co/wp-content/uploads/2025/10/Vector-5.png');
            background-repeat: no-repeat;
            background-size: contain;
            margin: 0 0 0 clamp(15px, 10vw, 1vw);
            transform: translateY(clamp(5px, 10vw, 0.3vw));
            width: clamp(10px, 10vw, 1vw);
            display: flex;
        }
    }
}

header {
    position: absolute;
    width: 100%;
	
	nav{
		.wp-block-buttons {
  height: clamp(60px, 10vw, 4vw);
  width: clamp(147px, 21vw, 12vw);
  justify-content: right;
}
	}

    .wp-block-columns.has-vermelho-escuro-background-color {
        background: transparent !important;

    }
}

/*header & footer*/
header {
	ul{
		a{
			transition: opacity .3s;
				&:hover{
					opacity:.6
				}
		}
	}
    #header {
        padding-top: clamp(35px, 24vw, 2vw) !important;
        padding-bottom: clamp(35px, 24vw, 2vw) !important;
        padding-left: clamp(20px, 10vw, 5vw);
        padding-right: clamp(20px, 10vw, 5vw);
        z-index: 10;
        position: relative;

        .logo-col {
            img {
                width: clamp(131px, 20vw, 9vw) !important;
            }
        }

        .nav-col {
            a {
                font-size: clamp(13px, 10vw, 1.085vw);
				
            }

            #modal-1-content {
                gap: clamp(30px, 20vw, 2.6vw);
            }

            .wp-block-navigation__container {
                gap: clamp(30px, 20vw, 2.6vw);
            }
        }
    }
}

footer {
    img {
        width: clamp(131px, 20vw, 9vw) !important;
    }

    #footer {
	  a{
		font-size: clamp(11px, 10vw,.7vw);
		transition: opacity .3s;
		  &:hover{
			  opacity: .6;
		  }
	  }
	  @media(max-width:781px){
		p{text-align: center !important;}
	  }
        padding-top: clamp(35px, 24vw, 2vw) !important;
        padding-bottom: clamp(35px, 24vw, 2vw) !important;
        padding-left: clamp(20px, 10vw, 5vw);
        padding-right: clamp(20px, 10vw, 5vw);
    }
}

.limit {
    padding-top: clamp(35px, 24vw, 4vw) !important;
    padding-bottom: clamp(35px, 24vw, 2vw) !important;
    padding-left: clamp(20px, 10vw, 5vw);
    padding-right: clamp(20px, 10vw, 5vw);
}

.sub-heading {
    padding-bottom: clamp(20px, 24vw, 1vw) !important;
}

/*Banner*/


#first-section {
    position: relative;

    .banner-video-wrapper {
        position: relative;
        z-index: 0;
        filter: brightness(0.8);
    }

    .limit {

        padding-left: clamp(20px, 10vw, 5vw);
        padding-right: clamp(20px, 10vw, 5vw);
        z-index: 1;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        height: 100%;

        h1 {
            max-width: 55vw;
            min-width: 330px;
        }

        .banner-content-wrap {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            margin-top: clamp(80px, 10vw, 1vw) !important;
            margin-bottom: 2vw;

            .banner-mini-row {
                justify-content: space-between;
            }

            .banner-mini-col {
                min-width: 280px;
                max-width: 31vw;
                align-content: end;

                &:nth-of-type(2) {
                    display: flex;
                    flex-direction: column;
                    gap: clamp(20px, 10vw, 0.7vw);
					.wp-block-buttons {
  height: clamp(50px, 10vw, 4vw);
  width: clamp(187px, 21vw, 16vw);
  justify-content: left;
    align-content: end
}
                }
            }
        }
    }

    .banner-video-wrapper {
        margin-bottom: -10px;
        width: 100%;
        overflow: hidden;

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

/*Manifesto*/

#manifesto {
    img {
        width: clamp(102px, 20vw, 6vw) !important
    }
}


#manifesto {
	min-height: 100vh;  
  position: relative;

    .limit {
        padding: 0;
    }

    position: relative;

    .section-heading {
        height: 1.7vw;
        border: .1vw solid rgba(219, 218, 214);
        border-top: 0;
        width: 100%;
        padding: 0 !important;
    }

    h6 {
        position: absolute;
        padding-top: clamp(33px, 4vw, 4vw);
        top: 0;
        left: clamp(20px, 10vw, 5vw);
        border: .1vw solid rgba(219, 218, 214);
        border-top: 0;
        border-bottom: 0;
        height: 100%;
    }

    figure {
        position: absolute;
        padding-top: clamp(35px, 24vw, 4vw);
        top: 0;
        left: clamp(150px, 20vw, 40vw);
        border: .1vw solid rgba(219, 218, 214);
        border-top: 0;
        border-bottom: 0;
        height: 100%;
    }

    #extra-borders {
        position: absolute;
        border: .1vw solid rgba(219, 218, 214);
        width: 24vw;
        height: 100%;
        right: 0;
        top: 0;
        border-top: 0;
        border-right: 0;
        border-bottom: 0;
        z-index: 0;
    }


    #extra-borders1 {
        position: absolute;
        bottom: calc(-7vw + 50%);

        left: 0;
        width: 100%;
        border: .1vw solid rgba(219, 218, 214);
        border-right: 0;
        border-left: 0;
        height: calc(7vw);
    }
}

/*CTA*/
#cta {
    img {
        width: 100%;
    }

    .limit {
        padding: 0 !important;
    }

    min-height:unset !important;

    .cta-col {
        justify-content: space-between !important;
        display: flex;
        flex-direction: column;
        padding-left: clamp(20px, 10vw, 5vw);
        padding-right: clamp(20px, 10vw, 5vw);
        padding-top: clamp(40px, 10vw, 5vw);
        padding-bottom: clamp(40px, 10vw, 5vw);
        background-image: url('https://fugazzi.co/wp-content/uploads/2025/10/Vector-3.png');
        background-size: 50vw;
        background-repeat: no-repeat;
        background-position: bottom;

        p {
            width: clamp(300px, 21vw, 27vw);
            margin: 0 !important;
            font-size: clamp(13px, 10vw, 1.085vw) !important;
        }

        @media(max-width:781px) {
            background-size: 80vw;
            gap: 80px;

            h1 {
                max-width: 400px;
            }
        }
    }
}

/*Cards*/



.number-metodos {
    display: flex;
    background-color: var(--wp--preset--color--branco);
    color: var(--wp--preset--color--vermelho-escuro);
    border-radius: 50vw;
    width: clamp(20px, 1.5vw, 3vw);
    height: clamp(20px, 1.5vw, 3vw);
    align-items: center;
    justify-content: center;
}

.card-metodo {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    aspect-ratio: 4/5;
    padding: clamp(15px, 3vw, 5vw) clamp(10px, 3vw, 2vw);
    width: clamp(270px, 50vw, 26vw);
    border-radius: clamp(20px, 1.5vw, 3vw);

    @media(max-width:780px) {

        aspect-ratio: unset;
        height: 65vh;
        width: 100vw;
        padding: 40px;
    }

    &:nth-of-type(1) {
        background-image: url('https://fugazzi.co/wp-content/uploads/2025/11/Ativo-8-1.png');
        background-size: cover;
        background-position: top center;
    }

    &:nth-of-type(2) {
        background-image: url('https://fugazzi.co/wp-content/uploads/2025/11/Ativo-7-2.png');
        background-size: cover;
        background-position: top center;
    }

    &:nth-of-type(3) {
        background-image: url('https://fugazzi.co/wp-content/uploads/2025/11/Mask-group.png');
        background-size: cover;
        background-position: top center;
    }

    &:nth-of-type(4) {
        background-image: url('https://fugazzi.co/wp-content/uploads/2025/11/Mask-group-1.png');
        background-size: cover;
        background-position: top center;
        margin-right: /*calc(clamp(100px, 10vw, 5vw) + (clamp(100px, 1.5vw, 3vw) * 5))*/ clamp(20px, 1.5vw, 5vw);

        @media(max-width:780px) {
            margin-right: 0;
        }
    }
}

.cards-metodo {
    width: max-content;
    column-gap: clamp(10px, 1.5vw, 3vw);
    padding-right: clamp(30px, 10vw, 5vw);
}



/*Casos*/
#casos {
    p {
        font-size: clamp(10px, 20vw, .8vw);
        line-height: 1.5em !important;

    }

    .post-col2 {
        p {
            margin-bottom: .6vw;
        }
    }

    .sub-heading {
        max-width: clamp(340px, 50vw, 50vw);
    }

    .wp-block-latest-posts__post-title {
        display: none
    }

    .projs-wrapper ul {
        width: fit-content;
        display: flex;
        flex-wrap: nowrap;
        gap: 2vw;

    }

    ul {
        padding-right: clamp(20px, 10vw, 5vw);

        li {
            flex-shrink: 0;
            width: calc(100vw - clamp(40px, 10vw, 10vw));
			&:nth-last-of-type(1) {
                margin-right: calc(clamp(20px, 10vw, 5vw) + (clamp(10px, 1.5vw, 3vw) * 4));
            }
        }
    }
}

.post-single {
    .post-main-col {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        row-gap: 15px;
        padding-top: clamp(15px, 10vw, 2.5vw);
        padding-bottom: 0;
        padding-left: clamp(10px, 10vw, 2vw);
        padding-right: clamp(15px, 10vw, 3.9vw);
    }

    padding:clamp(10px, 20vw, 1vw);
    border-radius: clamp(20px, 20vw, 1vw);

    .post-tags {
        display: flex;
        gap: 1vw;

        p {
            background-color: var(--wp--preset--color--cinza-escuro);
            color: var(--wp--preset--color--branco);
            border-radius: 50vw;
            padding: .3vw 2vw;
        }
    }

    .wp-block-heading {
        padding-top: clamp(10px, 10vw, 1.5vw);
        padding-bottom: clamp(10px, 10vw, 1vw);
        font-weight: 400;
    }

    .post-col1 {
        flex-basis: clamp(80px, 10vw, 5.5vw) !important;
        font-weight: 400;
    }
}


/*Form Contact*/


.wpforms-field-container {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    row-gap: 2vw;
    column-gap: 3.62%;
    z-index: 6;

    #wpforms-field-limit-text-43-7 {
        font-size: clamp(12px, 10vw, .8vw) !important;
    }

    input,
    textarea,
    label {
        font-size: clamp(13px, 10vw, 1.085vw) !important;
        min-height: 3vw;
    }

    textarea {
        min-height: 9vw !important;
    }

    label {
        font-weight: 300 !important;
        color: var(--wp--preset--color--cinza-escuro) !important;
    }

    input,
    textarea {
        background: transparent !important;
        border-radius: 0 !important;
        border: 0 !important;
        border-bottom: 1px solid var(--wp--preset--color--cinza-escuro) !important;
        padding: 0 !important;
        resize: none !important;
        font-weight: 300 !important;
        color: var(--wp--preset--color--cinza-escuro) !important;

        &:focus {
            box-shadow: none !important;
        }

        &::placeholder {
            opacity: 1 !important;
            color: var(--wp--preset--color--cinza-escuro) !important;
        }
    }

    #wpforms-43-field_1-container,
    #wpforms-43-field_2-container,
    #wpforms-43-field_3-container {
        width: calc(33.33% - 2.42%);
        padding: 0;
    }

    #wpforms-43-field_5-container,
    #wpforms-43-field_7-container {
        width: 100%;
        padding: 0;
    }

    @media(max-width:781px) {
        .wpforms-field {
            min-width: 100%;
        }
    }
}

#contacto {

    position: relative;
    /*Confirmation form*/


    #wpforms-confirmation-43 {
        a {
            color: var(--wp--preset--color--vermelho-escuro);
        }

        background:var(--wp--preset--color--cinza);
        max-width: clamp(300px, 50vw, 60vw);
        font-size: clamp(13px, 10vw, 1.085vw);
        padding:clamp(20px, 10vw, 2vw);
        border:0 !important;
        border-radius: clamp(10px, 10vw, 1vw);

        p {
            color: var(--wp--preset--color--cinza-escuro) !important;
            font-weight: 400;
        }

        @media(min-width:781px) {
            position: absolute;
            bottom: 25%;
            transform: translateY(-50%);
            right: clamp(20px, 10vw, 10vw);
        }
    }

    form {
        z-index: 6 !important;
    }

    #wpforms-submit-43 {

        @media(min-width:1224px) {
            transform: translatey(clamp(.2vw, 20vw, .1vw));
        }

        @media(min-width:1500px) {
            transform: translatey(clamp(.2vw, 20vw, .6vw));
        }

        @media(min-width:2000px) {
            transform: translatey(clamp(.2vw, 20vw, .9vw));
        }

        @media(min-width:2800px) {
            transform: translatey(clamp(.2vw, 20vw, 1.2vw));
        }
    }

    #wpforms-43-field_8_1 {
        border-bottom: 0 !important;
        background: transparent;
        width: 2vw;

        &:checked::before {
            box-shadow: none !important;
        }

        &:before {
            border-radius: 0 !important;
            width: clamp(10px, 5vw, 1vw);
            height: clamp(10px, 5vw, 1vw);
            background: transparent;
            border: clamp(1px, 5vw, .1vw) solid var(--wp--preset--color--cinza);
            box-shadow: none !important;

            &:focus {}
        }

        &:checked::after {
            width: clamp(12px, 5vw, 1.1vw);
            height: clamp(6px, 5vw, .6vw);
            border-left: clamp(2px, 5vw, .3vw) solid var(--wp--preset--color--cinza-escuro);
            border-bottom: clamp(2px, 5vw, .3vw) solid var(--wp--preset--color--cinza-escuro);
        }

    }

    .section-heading {
        height: 1.7vw;
        border: .1vw solid rgba(219, 218, 214);
        border-top: 0;
        width: 100%;
        padding: 0 !important;
    }

    .col-contacts-social {
        z-index: 6;
        row-gap: clamp(10px, 10vw, .7vw) !important;

        .wp-block-group {
            gap: clamp(10px, 10vw, .7vw) !important;
            padding-top: clamp(7px, 20vw, .4vw) !important;
            align-items: center !important;
        }

        figure {
            display: flex;
            height: fit-content;

            img {
                width: clamp(20px, 20vw, 1.3vw) !important;
                height: auto !important;
            }
        }
    }

    h2 {
        padding-top: clamp(95px, 24vw, 10vw);
        padding-left: clamp(20px, 10vw, 5vw);
        padding-right: clamp(20px, 10vw, 5vw);
        z-index: 7;
        position: relative;
    }

    h6 {
        position: absolute;
        padding-top: clamp(35px, 24vw, 4vw);
        top: 0;
        left: clamp(20px, 10vw, 5vw);
        border: .1vw solid rgba(219, 218, 214);
        border-top: 0;
        border-bottom: 0;
        height: 100%;
        z-index: 6;

        &:nth-of-type(2) {
            position: absolute;
            padding-top: clamp(35px, 24vw, 4vw);
            top: 0;
            left: clamp(150px, 20vw, 40vw);
            border: .1vw solid rgba(219, 218, 214);
            border-top: 0;
            border-bottom: 0;
            border-right: 0;
            height: 100%;
        }
    }

    button {
        background-color: var(--wp--preset--color--cinza-escuro);
        position: absolute;
        right: 0;
        bottom: 0;
        width: fit-content;
        flex-wrap: nowrap;
        display: flex;
        padding: calc(0.667em + 2px) calc(1.333em + 2px);
        border-radius: 50vw;

        &:focus {

            &:after {
                border: 0;
                box-shadow: none !important;
                position: unset !important;

            }
        }

        &:after {
            content: '⠀';
            background-image: url('https://fugazzi.co/wp-content/uploads/2025/10/Vector-1.png');
            background-repeat: no-repeat;
            background-size: contain;
            margin: 0 0 0 clamp(15px, 10vw, 1vw);
            transform: translateY(clamp(2px, 10vw, 0.1vw));
            width: clamp(13px, 10vw, 1vw);
            display: flex;

        }
    }

    #wpforms-field-limit-text-43-7 {
        margin-top: 1vw;
    }
}

@media(min-width:782px) {

    #contacto {

        fieldset {
            height: 0;
        }

        button {
            font-size: clamp(13px, 10vw, 1.085vw);
        }

        .limit {
            padding-left: 0;
            padding-right: 0;
            padding-bottom: clamp(35px, 24vw, 4vw) !important;
        }

        .col-contacts-social {
            padding-left: clamp(20px, 10vw, 5vw);
            height: 35vw;
            align-content: end;
            position: absolute;
            bottom: clamp(35px, 24vw, 4vw);
            max-width: 34vw;
        }

        #wpforms-form-43 {
            position: absolute;
            border: .1vw solid var(--wp--preset--color--cinza);
            bottom: 0;
            padding-bottom: clamp(35px, 24vw, 4vw);
            border-top: 0;
            border-bottom: 0;
            right: clamp(20px, 10vw, 5vw);
            width: clamp(300px, 55vw, 60vw);
            height: 100%;
            align-content: end;

        }
    }
}

@media(max-width:781px) {

    /*Cards*/
    .sub-heading {
        flex-direction: column;
        display: flex;
        align-items: flex-start;

        h2 {
            text-align: left;
        }
    }

    .cards-metodo {
        display: flex !important;
        flex-direction: row;
        flex-wrap: nowrap !important;
    }

    /*Contacto*/
    #contacto {
        h2 {
            padding-left: 0;
            padding-right: 0;
        }
    }

    .col-contacts-social {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .wpforms-submit-container {
        button {
            position: unset !important;
            float: right !important;
        }
    }

    #wpforms-form-43 {
        position: relative;

    }
}

#wpforms-43-field_5:focus {
    box-shadow: none !important;
}

#wpforms-submit-43 {
    font-family: "Helvetica", sans-serif;
    font-weight: 300;
    border-radius: 50px;
    height: auto;
    padding: 12px 30px;
	transition: unset;
}






/*Responsive*/
@media(max-width:781px) {
    .case-text {
        font-size: 10px !important;
        line-height: 1.5em
    }

    .post-col2 {
        p {
            font-size: 10px !important;
            line-height: 1.5em;
        }

    }

    .cb-wrapper {
        aspect-ratio: 7/4 !important;
    }

    footer {
        .wp-block-group {
            flex-direction: column;
            gap: 15px;
        }
    }
}

@media(max-width:585px) {
    .banner-content-wrap {
        justify-content: center !important;
        margin-top: 0px !important;
        gap: 6em;

        .banner-mini-row {
            gap: 2em;
        }
    }
}


#politicas{
	margin-bottom: clamp(30px, 10vw ,2.5vw);
  .entry-content.wp-block-post-content.is-layout-constrained.wp-block-post-content-is-layout-constrained{
    border-radius: clamp(30px, 10vw, 2vw);
    overflow: hidden;
  }
  header{
    position: relative;
  }
	
	
  
  
  .title-pol{
    font-weight: 400;
    &:nth-of-type(2){padding-top: clamp(40px, 10vw ,4vw);}
  }
  .politica-row{
    padding-top: clamp(30px, 10vw, 2vw);
	  p{color:var(--wp--preset--color--cinza-escuro)}
	  a{
      color:var(--wp--preset--color--vermelho-escuro);
    }
  }
    h5{
      color:var(--wp--preset--color--vermelho-escuro);
    }
    
  &:nth-last-of-type(1){
    padding-bottom: clamp(30px, 10vw, 2vw);
  }
  }
}