*{padding:0px;margin: 0px;box-sizing: border-box;font-family: "Nunito", sans-serif;}
.container{max-width:1230px;padding-left:26px; padding-right:26px;margin:0 auto;}
a{text-decoration: none;}
p{margin-bottom: 17px;}
img{max-width: 100%;}

/* espanadebat.com */



header{padding-top:35px;padding-bottom: 35px;}
header .container{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: 24px;}
.espanadebatMenu{display: flex;align-items: center;justify-content: flex-end;gap:14px 28px;flex-wrap: wrap;}
.espanadebatMenu a{font-size: 19px;color: #313131;}
.espanadebatMenu a:hover{text-decoration: underline;}
header .logo{max-width: 170px;}

.btn{display: block;width: max-content;background-color: #ec832b;color:#fff;padding: 11px 28px;border-radius: 6px;}


.espanadebatMain{padding-top:156px;padding-bottom: 156px;background-image: url('./img/clean1.png');background-position: top;background-size: cover;position: relative;text-align: center;
}

.espanadebatMain *{position: relative;z-index: 10;}
.espanadebatMain:after{content:'';background-color: rgba(0,0,0,0.2);position: absolute;top:0px; left:0px;z-index: 6;height: 100%;width: 100%;}

.espanadebatMain h1{font-size: 44px;color: #fff;margin-bottom: 18px;}
.espanadebatMain h4{    color: #ec832b;font-size: 30px;margin-bottom: 15px;}
.espanadebatMain p{color: #fff;line-height: 180%;}
.espanadebatMain .btn{margin: 30px auto 0;}







.espanadebatAvantages{padding-top: 29px;padding-bottom: 29px;background: linear-gradient(to right, #ec832b, #c2c108);}
.espanadebatAvantageList{display: flex;justify-content: space-between;gap:19px;}
.espanadebatAvantageItem {width: 25%;text-align: center;}
.espanadebatAvantageItem p{color:#fff;}
.espanadebatAvantageItem h3{color:#fff;font-size: 23px;margin-bottom: 9px;}





.aboutEspanadebat{padding-top: 90px;}
.aboutEspanadebat .container{display: flex;align-items: center;gap:21px 41px;}
.aboutEspanadebat img{border-radius: 16px;width: 50%;}
.aboutEspanadebat h3{font-size: 37px;margin-bottom: 16px;}
.aboutEspanadebat p{margin-bottom: 16px;}



.contactEspanadebat{padding-top:92px;padding-bottom: 92px;}
.contactEspanadebat h3{font-size: 35px;margin-bottom: 25px;}
.contactEspanadebat a{display: block;font-size: 20px;text-decoration: underline;margin-bottom: 13px;width: max-content;color: #ec832b;}
.contactEspanadebat a:hover{text-decoration: none;}
.contactEspanadebat p{font-size: 20px;}

.contentEspanadebat{padding-top:91px;padding-bottom: 92px;}
.contentEspanadebat h2,.contentEspanadebat h3,.contentEspanadebat h4,.contentEspanadebat h5{font-size: 26px;margin-bottom: 13px;margin-top: 27px;}
.contentEspanadebat h1{font-size: 34px;margin-bottom: 24px;}
.contentEspanadebat ul{padding-left: 26px;}
.contentEspanadebat a{color: #ec832b;}
.contentEspanadebat address{margin-bottom: 12px;}




.ctaEspanadebat{padding-top: 140px;padding-bottom: 140px;position: relative;background-image: url('./img/clean2.png');background-position: top;background-size: cover;margin-top:90px;}
.ctaEspanadebat:after{content:'';background-color: rgba(0,0,0,0.31);position: absolute;height: 100%;width: 100%;top:0px; left:0px;z-index: 5;}
.ctaEspanadebat *{position: relative;z-index: 8;}
.ctaEspanadebat h3{font-size: 34px;margin:0 auto 23px;color:#fff;max-width: 700px;text-align: center;}
.ctaEspanadebat p{color: #fff;max-width: 800px;font-size: 18px;margin: 0px auto 0;text-align: center;}
.ctaEspanadebat .btn{margin: 33px auto 0;}


.espanadebatConsBlock {
  padding-top: 92px;
}

.espanadebatConsBlock h3 {
  font-size: 35px;
  margin-bottom: 29px;
}

.espanadebatConsBlock .wrapperBox p {
  margin-bottom: 33px;
}

.espanadebatConsBlock .formGroup {
  margin-bottom: 27px;
}

.espanadebatConsBlock .formGroup label {
  color: #2d2d2d;
  font-size: 15px;
  display: block;
  margin-bottom: 7px;
}

.espanadebatConsBlock .formGroup input,
.espanadebatConsBlock .formGroup textarea {
  width: 100%;font-size: 16px;
  border: 1px solid #d0d0d0;
  border-radius: 10px;
  
  padding: 12px 16px;
  background-color: #fdfdfd;
}

.espanadebatConsBlock .formGroup textarea {
  resize: none;
  min-height: 110px;
}

.espanadebatConsBlock .btnPrimary {
  padding: 13px 20px;
  color: #ffffff;
  width: max-content; font-size: 18px;
  background-color: #ec832b;
  border-radius: 10px;
  border: none;
  cursor: pointer;
 
  transition: background-color 0.3s ease;
}

.espanadebatConsBlock .btnPrimary:hover {
  background-color: #ec832b;
}

.espanadebatConsBlock .msgSuccess {
  margin-top: 22px;
  border-radius: 10px;
  display: none;
  border: 1px solid #ec832b;
  background-color: #ec832b;
  color: #fff;
  padding: 14px;
  text-align: center;
}








.espanadebatFaq-block {
  padding-top: 91px;
  padding-bottom: 92px;
}



.espanadebatFaq-heading {
  font-size: 34px;
  margin-bottom: 21px;
}

.espanadebatFaq-entry {
  border-bottom: 1px solid #ddd;
}

.espanadebatFaq-toggle {
  border: none;
  font-size: 21px;
  text-align: left;
  padding: 16px 0;
  font-weight: bold;
  cursor: pointer;
  width: 100%;
  background: none;
}

.espanadebatFaq-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s ease, padding 0.35s ease;
}

.espanadebatFaq-content.espanadebatFaq-open {
  max-height: 531px;
  padding: 12px 0 16px;
}









footer{
    background-color: #141414;color: #fff;padding-top: 95px;padding-bottom: 95px;
}

.logoFooter{display: block;margin: 0 0 45px 0;background-color: #fff;padding: 12px 24px;border-radius: 12px;max-width: 230px;}
footer p{font-size: 20px;max-width: 1020px;}
.espanadebatMenuFooter{display: flex;flex-wrap: wrap;margin-top: 45px;margin-bottom: 45px;gap:18px;}
.espanadebatMenuFooter a{color: #fff;font-size: 20px;text-decoration: underline;}
.espanadebatMenuFooter a:hover{text-decoration: none;}
.espanadebatContactInfo a{color: #fff;display: block;width: max-content;font-size: 20px;}
.espanadebatContactInfo{display: flex;gap:18px;margin-top: 45px;align-items: center;flex-wrap: wrap;}

.espanadebatContactInfo p{margin: 0;}









@media(max-width:992px){
.espanadebatAvantageList{flex-wrap: wrap;}
.espanadebatAvantageItem{width: 48%;}
}


@media(max-width:787px){
  
    .espanadebatMain h4{font-size: 24px;}
    .espanadebatMain h1{font-size: 36px;}
    .aboutEspanadebat .container{flex-direction: column;}
    .aboutEspanadebat .container > *{width: 100%;}
    .aboutEspanadebat h3,.espanadebatConsBlock h3,.espanadebatFaq-heading{font-size: 30px;}
    footer p,.espanadebatContactInfo a,.espanadebatMenuFooter a{font-size: 18px;}
    .espanadebatAvantageItem{width: 100%;}
    header .container,.espanadebatMenu{justify-content: center;}
}











/* / */