/*
Theme Name: Agetecnica
Theme URI: 
Author: Alexandre Beltramini
Author URI: https://portfolio.alexandrebeltramini.com.br
Description: Tema wordpress personalizado desenvolvido por Alexandre Beltramini.
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.
*/
*{
	padding: 0;
	 margin: 0;
}

.wp-block-columns{
	margin: 0;
}
.container{
	padding: 120px 20px;
}

.limit{
	max-width:1000px;
	margin: 0 auto !important;
}
.header-column{
	max-width: 1000px;
	margin: 0 auto !important;
	padding: 30px 20px;
}

figure{
	margin-bottom: 0 !important;
}
.wp-block-separator{
	border-bottom: 3px solid !important; 
}
p{
	margin-bottom: 20px;
}
a{
	text-decoration:none;
}
strong{
	font-weight:600;
}
.btn-1 a{
	padding: 8px 40px;
	font-weight:500;
}
/*-----Header & Footer-----*/

#header {
  nav{
    gap: 40px;
    
  }
}

footer{
	padding-left: 20px;
	padding-right: 20px;
	#footer{
  max-width: 1000px;
  margin: 60px auto 40px;
  hr{
    margin-bottom: 40px;
  }
		.footer-col:nth-of-type(1){
			max-width:240px;
		}
		.footer-col:nth-of-type(2){
			max-width:240px;
		}
  .wp-block-group{
    gap:20px;
  }
}
	
	@media(max-width:1200px){
  .footer-cols{
    flex-direction: column;
    text-align: center;
    .footer-col{
      margin: 0 auto;
      p{
        margin: 0;
        max-width: 300px;
      }
      .wp-block-group{
        display: flex;
        flex-direction: column;
      }
    }
  }
}
}
/*-----Banner inicial-----*/

#banner-home {
  background-image: url('https://agetecnica.eng.br/wp-content/uploads/2025/04/Sem-Titulo-1-1.png');
  background-repeat: no-repeat;
  background-position: center 20%;
  background-size: cover;
  height: 900px;
  max-height: 900px;
	
	.container{
		margin-bottom:5vh !important;
	}
  .wp-block-column{
    
    display: flex;
    flex-direction: column;
    align-items:center;

    h2{
    max-width: 820px;
      margin-bottom: 20px;
  }
    h5{
      max-width: 710px;
    }
  }
}


/*-----Soluções-----*/

#solucoes {
	.soluc-row{
		margin-top: 80px;
	}
  .soluc-col{
	  p{
		  max-width: 450px;
	  }
    h3{
      padding: 30px 0;
    }
    border-radius: 30px 30px 40px 40px;
    .wp-block-group{
      padding: 40px;
      display: flex;
      flex-direction: column;
      border-radius: 30px;
      gap: 30px;
      .wp-block-separator{
        border-bottom: 3px solid var(--wp--preset--color--preto); !important;
        width: 100%;
      }
      .group-in{
        flex-direction: row;
        width: 100%;
        border-radius: 30px;
        
        figure{
          padding:20px;
          border-radius: 50px;
		  height: 30px;
    width: 30px;
    display: flex; 
    justify-content: center;
    img{
      object-fit: contain;
    }
        }
      }
    }
    &:nth-of-type(1){
      figure{
                  background-color: var(--wp--preset--color--azul);
		  transition: .3s;
		  &:hover{
			  background-color: var(--wp--preset--color--laranja);
		  }
      }
    }
     &:nth-of-type(2){
      figure{
                  background-color: var(--wp--preset--color--laranja);
		  		  transition: .3s;
		  &:hover{
			  background-color: var(--wp--preset--color--azul);
		  }
      }
    }
  }
}


/*-----Soluções Eficientes-----*/

#sobre {
	border-radius: 0 0 40px 40px;
	.fundo-border-radius {
  border-radius: 40px;
}
	.soluc-efic-cols{
    .wp-block-column:nth-of-type(1){
      max-width: 572px;
  }
		.wp-block-column:nth-of-type(2){
    display:flex;
    flex-direction: column;
    gap: 20px;
    
    hr{
      width: 100%;
    }
  }
  }
  
}

/*-----Agende seu atendimento-----*/

#agende-seu-atendimento {
  .container{
    display: flex;
    flex-direction: column;
    gap: 40px;
    align-items: center;
    
    h2{
      max-width: 1000px;
    }
    p{
      font-weight: 400;
    }
    img{
      border-radius: 100%;
    }
  }
}

/*-----Counters-----*/
#counters {
  position: relative;
  background: var(--wp--preset--color--laranja);
  color: var(--wp--preset--color--branco);
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  border-radius: 30px;
  padding: 60px 0;
  margin-top: -185px !important;
  margin-bottom: 60px !important;
  padding-left: 20px;
  padding-right: 20px;
  z-index: 1000;
  h1{
    font-weight: 600;
    text-align: center;
  }
  p{
    font-weight: 600;
    max-width: 200px;
    text-align: center;
  }
	.counter-cols{
		display: flex;
  flex-direction: column;
  align-items: center;
	}
}

/*-----Experiencia-----*/
#experiencia{
	.limit{
		padding-left:20px;
padding-right:20px;
	}
}
.exp-col{
  &:nth-of-type(1) {
  max-width: 630px;
  }
  &:nth-of-type(2) {
  max-width: 576px;
}
}

/*-----Contato-----*/

#contato {
	margin-top: 50px;
	padding-left: 20px;
  padding-right: 20px;
	.wpforms-field{
		padding:7px 0px;
	}
  .container{
	  margin-top: 50px;
	  padding-bottom:50px;
	  padding-top:50px;
    h2{
      max-width: 640px;
      margin: 0 auto;
    }
    border-radius: 30px;
    padding-left: 30px;
    padding-right: 30px;
    
    input,textarea, select{
      border-radius: 10px;
	  height: 40px;
      border: none;
		&:focus-visible{
			box-shadow: none;
		}
    }
    
    textarea{
      min-height: 150px;
      resize: none;
    }
	  
.wpforms-submit-container {
  display: flex;
  justify-content: center;
  width: 100%;
  button{
    padding: 8px 30px !important;
    border-radius: 10px !important;
    font-size: 17px !important;
    font-family: var(--wp--preset--font-family--outfit) !important;
  background-color:var(--wp--preset--color--laranja) !important;
}
}
  }
	select:invalid,
select option[value=""] {
  color: rgba(0, 0, 0, .35) !important;
}
	
	#wpforms-confirmation-40{
    min-height: 300px;
    background: none !important;
    border: none;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    font-size: 29px;
    max-width: 500px;
}
}


/*-----RESPONSIVE-----*/

@media(min-width: 880px){
	.wpforms-field-container {
  display: flex;
  flex-wrap: wrap;
  column-gap: 14px !important;
  .wpforms-field{
    width: 100%;
  }
.wpforms-field:nth-of-type(2), .wpforms-field-email{
  max-width: calc(50% - 7px) !important;
}
}
}
@media(max-width: 1100px){
  .container{
  padding:40px 20px;
}
p{font-size:15px; line-height: 1.5em;}
h1{font-size:50px}
h2{font-size: 40px}
h3{font-size: 30px}
h5{font-size: 22px}
}

@media(max-width: 920px){
  
.soluc-row {
  flex-direction: column;
  max-width: 500px;
  margin: 0 auto;
  .wp-block-group{
      gap:0px !important;
    figure{
      display: flex;
      width: 20px;
      height: 20px;
      justify-content: center;
      align-content: center;
      padding: 10px !important;
      img{
        
      }
    }
  }
}
	
	
#experiencia {
  img{
    aspect-ratio: 1;
    object-fit: cover;
    
  }
  #counters{
        margin-top: -120px !important;
    margin-bottom: 40px !important;
    p{
      max-width: 100px;
    }
  }
  .exp-cols{
    gap: 40px;
    p{
      margin: 0;
    }
  }
}
}