/*  
Theme Name: Ganamosconellas
Description: Un tema desarrollado para LaBase
Author: W. Wallace
Version: 1.32
*/
.logo-container {
  position: relative;
  display: inline-block;
}

.logo-container img {
  width: 100%;
  display: block;
}

.click-zone {
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%;
  cursor: pointer;
}

.left-zone {
  left: 0;
}

.right-zone {
  right: 0;
}

body {background-color: #36BFAB; margin: 0; padding: 0; -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smooth: always; text-rendering: optimizeLegibility; font-family: "Roboto Slab", serif !important;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;}

    .poppins-bold {
        font-family: "Poppins", serif;
        font-weight: 700;
        font-style: normal;
      }
      

      .roboto-slab-regular {
        font-family: "Roboto Slab", serif;
        font-optical-sizing: auto;
        font-weight: 400;
        font-style: normal;
      }
.hero {position: relative;}
.hero-content {box-sizing: border-box; width: 90%; max-width: 1400px; margin: 0 auto; min-height: 100vh; min-height: 100svh; display: grid; grid-template-columns: 1fr 60% 1fr;   justify-content: center; justify-items: center;}
.hero-content > div:first-of-type {grid-template-rows: 1fr 1fr; display: grid; justify-content: flex-end; justify-items: flex-end; padding-top: 32px;}
.hero-content > div:first-of-type > div:first-of-type img {width: 100%; max-width: 298px; max-height: 40vh;}
.hero-content > div:first-of-type > div:last-of-type img {width: 100%; max-width: 209px; max-height: 40vh;}
.hero-content > div:first-of-type > div:last-of-type {align-self: flex-end; padding-bottom: 48px;}
.hero-content > div:nth-of-type(2) {grid-template-rows: max-content max-content; display: grid; justify-content: center; justify-items: center; align-content: center; align-items: center; padding-top: 32px; padding-bottom: 48px;}
.hero-content > div:nth-of-type(2) > div:first-of-type {display: grid; align-content: center; align-items: center;}
.hero-content > div:nth-of-type(2) > div:first-of-type img {max-height: 75vh; max-height: 75svh; max-width: 100%;}
.hero-content > div:nth-of-type(2) > div:last-of-type img {max-height: 12vh; max-height: 12svh;max-width: 100%;}
.hero-content > div:last-of-type {grid-template-rows: 1fr 1fr; display: grid; justify-content: flex-start; justify-items: flex-start; padding-top: 32px;}
.hero-content > div:last-of-type > div:last-of-type {align-self: flex-end; padding-bottom: 48px;}
.hero-content > div:last-of-type > div:first-of-type img {width: 100%; max-width: 273px; max-height: 25vh;}
.hero-content > div:last-of-type > div:last-of-type img {width: 100%; max-width: 221px; max-height: 40vh;}

.manifiesto {position: relative;}
.manifiesto-content {box-sizing: border-box; width: 90%; max-width: 1400px; margin: 0 auto; display: grid; background-color:#176660; padding: 2.5% 5% 5% 5%; color: #fff; border-radius: 10px;}
.manifiesto-content h2 { font-family: "Poppins", serif; font-weight: 700; font-style: normal; font-size: calc(20px + 2vw); line-height: 100%; color: #F4FDFC;}
.manifiesto-content p {        font-family: "Roboto Slab", serif; font-optical-sizing: auto; font-weight: 300; font-style: normal; font-size: calc(13px + 0.35vw); line-height: 150%;}
.manifiesto-content b {         font-weight: 600; }

.formulario {position: relative; margin-top: 25px;}
.formulario-content {box-sizing: border-box; width: 90%; max-width: 1400px; margin: 0 auto; display: grid; background-color:rgba(255,255,255,0.9); padding: 2.5% 5% 5% 5%; color: #404040; border-radius: 10px;}
.formulario-content h2 { font-family: "Poppins", serif; font-weight: 700; font-style: normal; font-size: calc(20px + 2vw); line-height: 100%; color: #176660;}
.formulario-content p {        font-family: "Roboto Slab", serif; font-optical-sizing: auto; font-weight: 300; font-style: normal; font-size: calc(13px + 0.25vw); line-height: 150%;}
.formulario-content b {         font-weight: 600; }

.preguntas {position: relative; margin-top: 25px; margin-bottom: 150px;}
.preguntas-content {box-sizing: border-box; width: 90%; max-width: 1400px; margin: 0 auto; display: grid; background-color:#CDEFEA; padding: 2.5% 5% 5% 5%; color: #404040; border-radius: 10px;}
.preguntas-content h2 { font-family: "Poppins", serif; font-weight: 700; font-style: normal; font-size: calc(20px + 2vw); line-height: 100%; color: #176660;}
.preguntas-content p {        font-family: "Roboto Slab", serif; font-optical-sizing: auto; font-weight: 300; font-style: normal; font-size: calc(13px + 0.25vw); line-height: 150%;}
.preguntas-content b {         font-weight: 600; }
.preguntas-content h6 {        font-family: "Roboto Slab", serif; font-optical-sizing: auto; font-weight: 600; font-style: normal; font-size: calc(13px + 0.25vw); line-height: 150%; margin: 0;}
.preguntas-content > div > div {padding-top: 50px; padding-bottom: 50px; border-top: 1px solid rgba(0,0,0,0.1); cursor: pointer;}

.footer {position: relative; margin-top: 25px; margin-bottom: 50px;}
.footer-content {box-sizing: border-box; width: 90%; max-width: 1400px; margin: 0 auto; display: grid; grid-template-columns: 1fr max-content; align-content: flex-end; align-items: flex-end; }
.footer-content p {        font-family: "Roboto Slab", serif; font-optical-sizing: auto; font-weight: 300; font-style: normal; font-size: calc(13px + 0.25vw); line-height: 150%; margin: 0;}
.footer-content > div:last-of-type { justify-content: flex-end; justify-items: flex-end; text-align: right;}
.footer a {text-decoration: none; color: inherit;}

.faq {

  
}
.faq div {

  
}
.faq h6 {

  
}
.faq p {
  display: none;

}
.icon {
  width: 26px;
  height: 26px;
}

input, textarea, keygen, select {
  background: transparent !important;
  border: unset !important;
  padding: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  width: 100% !important;
  font-size: 16px !important; line-height: 24px !important;
  font-family: "Roboto Slab", serif !important;
        font-optical-sizing: auto;
        font-weight: 400;
        font-style: normal ;
  box-sizing: border-box;

}
  input.wpcf7-submit {
  
      border: unset !important;
      padding: 16px 32px 16px 32px !important;
      margin-top: 8px !important;
      margin-bottom: 0 !important;
      font-size: 16px !important; line-height: 24px !important;
      font-family: "Roboto Slab", serif !important;
        font-optical-sizing: auto;
        font-weight: 400;
        font-style: normal;
      border-radius: 32px;
      box-sizing: border-box;
      background-color:#36BFAB !important;
      width: max-content !important;
      cursor: pointer;
      }
      input.wpcf7-submit:hover {
          background-color:#176660 !important;
          color: #ffffff;
  
          }
      input[type="checkbox"] {
          width: max-content !important;
  
      }
      .wpcf7-list-item {
  
          margin: unset !important;
      }
      .formulario-content > div {margin-top: 50px;}
      .formulario-content > div p {
        margin: 0;
      
        padding-top: 16px;
        padding-bottom: 32px;
        border-top: 1px solid rgba(0,0,0,0.1);
        width: 100%;
        box-sizing: border-box;
      }


      .formulario-content > div p:nth-last-of-type(2)  {  padding-top: 50px !important; border-top: unset !important;}
.formulario-content > div p:last-of-type  {  border-top: unset !important;}


@media (max-width: 680px) {
  .hero-content {

    grid-template-columns: 1fr;

}
.hero-content > div:first-of-type {
  grid-template-columns: 1fr 1fr;
grid-template-rows: unset;
position: absolute;
width: 90%;
justify-content: unset;
justify-items: unset;

}
.hero-content > div:last-of-type {
  grid-template-columns: 1fr 1fr;
grid-template-rows: unset;
position: absolute;
bottom: 32px;
width: 90%;
align-content: flex-end;
align-items: flex-end;
}
.hero-content > div:last-of-type > div:last-of-type {

  justify-self: flex-end;
  padding-bottom: unset;
}
.hero-content > div:first-of-type > div:first-of-type img {

  max-height: 15vh;
}
.hero-content > div:first-of-type > div:last-of-type img {
  max-height: 15vh;
}
.hero-content > div:last-of-type > div:first-of-type img {

  max-height: 15vh;
}
.hero-content > div:last-of-type > div:last-of-type img {

  max-height: 15vh;
}
.hero-content > div:first-of-type > div:first-of-type {
  align-self: flex-start;
  justify-self: flex-start;

}
.hero-content > div:first-of-type > div:last-of-type {

  justify-self: flex-end;
}
}