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

* {
  margin: 0;
  padding: 0;
}
html,body{
	overflow-x: hidden;
}
a {
  text-decoration: none;
}

h2 {
  min-height: 72px;
}

.wp-block-column.wp-block-buttons {
  justify-content: center;
}

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

.container {
  padding: 80px 0px;
}

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


.wp-block-button {
  a {
    padding: 15px 50px;
    font-weight: 600;
    letter-spacing: .2em;
    transition: background-color .3s;

    &:hover {
      background-color: var(--wp--preset--color--verde) !important;
    }
  }
}

/*--------Padrões--------*/
#nossos-servicos .wp-block-heading.wp-elements-ca3cb91497c915a452b46876bebac200,
#nossos-clientes .wp-elements-ed2368ff53673ea91e80ec756f6b57ec {
  margin: 0px auto 30px !important;
}


#simule-uma-proposta,
#nossos-clientes,
#quem-somos,
#nossos-servicos,
#onde-estamos,
#banner .wp-block-group {
  padding: 0 20px;
}

/*--------Header & Footer---------*/

.limit-header {
  max-width: 1330px;
  margin: 0 auto;
  padding: 40px 20px;
  display: flex;
  flex-direction: row;
  column-gap: 40px;
  justify-content: space-between;
}

#header {
  justify-content: center !important;

  .wp-block-group {
    margin: 0 auto;
    width: 100%;
    justify-content: space-between !important;
    gap: 40px;
    font-weight: 500;

    nav {
      letter-spacing: .02em;
      gap: 30px;
    }

    .wp-block-button a {
      min-width: 248px !important;
      letter-spacing: .2em;
    }
  }
}


#footer {
  .limit-footer {
    max-width: 1330px;
    margin: 0 auto;
    padding: 60px 20px;
  }

  .footer-cols {
    justify-content: space-between;
    margin-bottom: 80px;
	  a{
		  transition: .3s;
		  &:hover{
			  opacity: .5;
		  }
	  }
    .wp-block-column {
      max-width: fit-content !important;

      &:nth-of-type(2) {
        max-width: 265px !important;
      }

      ul {
        gap: 5px;
      }
    }
  }

}

/*--------Banner inicial--------*/

#banner {
  min-height: 844px;
  position: relative;

  .wp-block-group {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: max-content;
	  h2,h3,a{
		  margin: 0 20px;
	  }
  }

  .slick-list.draggable,
  .wp-block-cb-carousel,
  .slick-track {
    height: 100%;

    .wp-block-image {
      height: inherit;

      img {
        height: inherit;
      }
    }
  }


  .wp-block-cb-carousel.cb-single-slide.slick-initialized.slick-slider {
    position: absolute;
    max-height: 844px;
    top: 0;
    z-index: -1;

    &:after {
      position: absolute;
      content: "";
      height: 100%;
      width: 100%;
      top: 0;
      left: 0;
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 1) 100%);
    }

    .slick-slide {
      padding: 0;
    }

    figure {
      padding: 0 !important;

      img {
        width: 100%;
        object-fit: cover;
      }
    }
  }

  .wp-block-column {
    align-content: center;

    .wp-block-group {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 20px;
    }

    h2 {
      color: var(--wp--preset--color--branco);
    }

    h3 {
      max-width: 1060px;
      margin-bottom: 20px;
    }

    @media(max-width:600px) {

      h2,
      h3 {
        max-width: 350px;
      }
    }
  }
}


/*--------Opções--------*/

#opcoes {
  .limit {
    margin-top: -175px !important;
  }

  .wp-block-column.has-verde-escuro-color {
    &:hover {
      background-color: var(--wp--preset--color--verde-claro) !important;
      cursor: pointer;
    }

    transition: .3s;
    aspect-ratio: 4/2.6;
    border-radius: 20px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 33.33%;

    h3 {
      max-width: 240px;
      margin: 0 auto
    }
  }
}

/*--------Onde estamos--------*/

#onde-estamos {
  .limit {
    max-width: 980px;
    border-radius: 20px;
    padding: 50px;

    h5 {
      padding: 20px 0;
    }

    p {
      max-width: 740px;
      margin: 0 auto;
    }
  }
}


/*--------Nossos serviços--------*/

#nossos-servicos {
  .container {
    padding-top: 0
  }

  h2 {
    background: url('https://coltivarerc.com.br/wp-content/uploads/2025/03/bg-nossos-servicos.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    color: var(--wp--preset--color--verde-escuro) !important;
  }

  .sub-headings {
    max-width: 786px;
    margin: 0 auto 30px;
  }

  .limit {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    padding-right: 0;

    gap: 20px;

    .wp-block-columns:nth-of-type(odd) {
      gap: 20px;

      .wp-block-column:nth-of-type(1) {
        max-width: 40%;

        figure {
          margin: 0;
          border-radius: 20px;
          overflow: hidden;
          height: 100%;

          img {
            height: auto;
            object-fit: cover;
            width: 100%;
            height: 100%;
          }
        }
      }

      .wp-block-column:nth-of-type(2) {
        border-radius: 20px;
        padding: 80px;

        .wp-block-group {
          margin-bottom: 30px;
        }

        ul {
          display: flex;
          flex-direction: column;
          gap: 30px;
          padding-left: 15px;
          color: var(--wp--preset--color--verde-escuro);
        }

        a {
          margin-top: 40px;
        }
      }
    }

    .wp-block-columns:nth-of-type(even) {
      gap: 20px;

      .wp-block-column:nth-of-type(2) {
        max-width: 40%;

        figure {
          margin: 0;
          border-radius: 20px;
          overflow: hidden;
          height: 100%;

          img {
            height: auto;
            object-fit: cover;
            width: 100%;
            height: 100%;
          }
        }
      }

      .wp-block-column:nth-of-type(1) {
        border-radius: 20px;
        padding: 80px;

        .wp-block-group {
          margin-bottom: 30px;
        }

        ul {
          display: flex;
          flex-direction: column;
          gap: 30px;
          padding-left: 15px;
          color: var(--wp--preset--color--verde-escuro);
        }

        a {
          margin-top: 40px;
        }
      }
    }
  }
}

/*--------Quem Somos--------*/

#quem-somos {
  .container {
    padding-top: 0;
  }

  h2 {
    background: url('https://coltivarerc.com.br/wp-content/uploads/2025/03/bg-quem-somos.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }

  .limit {
    border-radius: 20px;
    padding: 100px;
  }

  .wp-image-6 {
    margin: 30px 0;
  }

  h4 {
    max-width: 600px;
    margin: 0 auto 40px;
  }

  .wp-block-image.size-full {
    img {
      width: 100%;
      margin-top: 50px
    }
  }

  h5 {
    margin-top: 50px;
    margin-bottom: 20px;
  }



  #quem-somos-content {
    position: relative;

    #ilustra6 {
      position: absolute;
      max-width: 240px;
      top: 36%;
      left: -8%;

      @media(max-width: 1500px) {
        left: 1%;
      }

      @media(max-width: 1150px) {
        left: 1%;
        top: 39%;
      }
    }

    #ilustra7 {
      position: absolute;
      max-width: 150px;
      bottom: 22%;
      right: -7%;

      @media(max-width: 1500px) {
        right: 1%;
        bottom: 25%
      }

      @media(max-width: 1150px) {
        bottom: 35%
      }
    }

    #ilustra6,
    #ilustra7 {
      @media(max-width: 850px) {
        display: none;
      }
    }
  }
}

/*--------nossos clientes--------*/
#nossos-clientes {
  h2 {
    background: url('https://coltivarerc.com.br/wp-content/uploads/2025/03/bg-nossos-clientes.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;

  }
	p{
		margin-bottom: 20px;
	}
}

/*--------Simule uma proposta--------*/

#simule-uma-proposta {

  .form-content {
    position: relative;

    #ilustra8 {
      position: absolute;
      top: 0;
      right: -17%;

      @media(max-width:1560px) {
        max-width: 200px;
        top: -120px;
        right: -10%;

      }

      @media(max-width:880px) {
        display: none;
      }
    }
  }

  .wpforms-confirmation-container-full {
    border: none !important;
    background: none !important;
    text-align: center;

    p {
      color: var(--wp--preset--color--vinho) !important;
    }
  }

  h2 {
    background: url('https://coltivarerc.com.br/wp-content/uploads/2025/03/BG-simule.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }

  p {
    font-weight: 600;
    margin: 20px 0 40px;
  }

  #wpforms-21-field_5 {

    input {
      transform: translateY(3px);

      &:before {
        box-shadow: none !important;
        border: 2px solid var(--wp--preset--color--laranja) !important;
        background: none !important;
      }

      &:checked::after {
        background-color: var(--wp--preset--color--laranja) !important;
        transform: scale(1) translate(-1px, -1px) !important;

      }
    }
  }

  .limit {
    border-radius: 20px;
    padding: 20px 50px;
  }

  label {
    margin-bottom: 10px;
    font-size: 20px;
  }

  legend {
    margin-bottom: 30px;
    font-size: 20px;
  }

  input {
    padding: 30px;
    border-radius: 10px;
    font-size: 20px;
  }

  ul {
    input {
      padding: 0;
    }

  }

  button {
    width: 100%;
    height: 60px;
    font-size: 20px;
    background-color: var(--wp--preset--color--laranja);
    color: var(--wp--preset--color--branco);
    text-transform: uppercase;
    letter-spacing: .2em;
    font-weight: 600;
    border-radius: 10px;
  }
}

/*--------Responsividade--------*/
@media(max-width:1115px) and (min-width: 982px){
  #header{
    .wp-block-navigation__responsive-container-content{
      .wp-block-navigation__container
      {
        font-size: 14px;
      }
    }
  }
}
@media(max-width: 980px) {

  #header {
    .limit-header {
      padding: 15px 20px !important;
    }

    #whatsapp-cta {
      display: none;
    }

    img {
      max-width: 110px;
    }

    nav {
      display: none;
    }
  }

  .footer-cols {
    flex-direction: column !important;
    align-items: center !important;

    .wp-block-group {
      flex-direction: column;
    }

    .wp-block-column {
      text-align: center;

      ul {
        align-items: center;
      }
    }
  }
}

@media(max-width: 782px) {
  p {
    font-size: 13px !important;
    line-height: 1.5em;
  }

  h2 {
    font-size: 34px;
    align-content: center;
    background-size: 100% 100% !important;
  }

  h3 {
    font-size: 25px;
  }

  h4 {
    font-size: 20px;
  }

  h5 {
    font-size: 17px;
  }

  .wp-block-button {
    a {
      padding: 13px 35px;
      font-size: 13px;
      line-height: 1.5em;
    }
  }

  #wpforms-submit-21 {
    height: 50px !important;
    font-size: 13px !important;
  }


  /*Banner*/
  #banner {
    height: 100vh !important;
    max-height: 1000px !important;
    min-height: 500px !important;
  }

  /*opções*/
  #opcoes {


    .wp-block-column {
      aspect-ratio: 3/1 !important;
    }

    img {
      max-width: 35px;
    }

    h3 {
      font-size: 20px
    }

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

  /*onde estamos*/
  #onde-estamos {
    .container {
      padding-top: 20px;
    }

    .limit {
      padding: 30px;

      img {
        max-width: 35px;
      }
    }
  }

  /*nossos servicos*/
  #nossos-servicos {
    .container {
      padding-bottom: 40px;

    }

    .limit {
      .wp-block-button {
        margin: 0 auto !important;
      }

      h3 {
        font-size: 20px;
      }

      li {
        font-size: 13px;
        line-height: 1.5em;
      }

      .wp-block-columns {
        flex-direction: column !important;
        background-color: var(--wp--preset--color--branco) !important;
        border-radius: 20px;
        gap: 0 !important;

        &:nth-of-type(odd) {
          .wp-block-column {
            &:nth-of-type(1) {
              min-width: 100%;

              figure {
                aspect-ratio: 2/1;
                height: auto !important;
              }
            }

            &:nth-of-type(2) {
              padding: 50px 30px;
            }
          }
        }

        &:nth-of-type(even) {
          .wp-block-column {
            &:nth-of-type(1) {
              padding: 50px 30px;
            }

            &:nth-of-type(2) {
              order: -1;
              display: flex;
              flex-direction: column;
              min-width: 100%;

              figure {
                aspect-ratio: 2/1;
                height: auto !important;

              }
            }
          }
        }
      }
    }
  }


  /*Quem somos*/
  #quem-somos {
    .limit {
      padding: 30px;
    }

    h2 {
      background-size: 100% 100%;

    }
  }

  /*Formulario*/


  #simule-uma-proposta {
    .container {
      padding: 40px 0 60px;
    }

    .limit {
      padding: 0 30px;

      .wpforms-field-container {

        label,
        legend,
        input {
          font-size: 13px !important;
          margin-bottom: 5px !important;
          padding: 0 !important;
        }

        fieldset {
          legend {
            margin-bottom: 10px !important;
          }

          label {
            transform: translatey(4px);
          }
        }

        input {
          padding: 5px 15px !important;
        }

        .wpforms-field {
          padding: 10px 0;
        }
      }
    }
  }

}