/* Contacto */
.hero-contacto{
  min-height:430px;
}

.contact-section{
  padding:0 34px 24px;
  margin-top:-54px;
  position:relative;
  z-index:3;
}

.contact-info{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin-bottom:18px;
}

.contact-card{
  padding:22px 20px;
  background:#fff;
  border:1px solid #e1e6ec;
  border-radius:12px;
  box-shadow:0 12px 26px rgba(8,23,41,.12);
  text-align:center;
}

.contact-card .quick-icon{
  margin:0 auto 12px;
}

.contact-card h2{
  margin:0 0 8px;
  color:#091832;
  font-size:18px;
}

.contact-card p{
  margin:0;
  color:#4f5b69;
  font-size:14px;
  line-height:1.5;
}

.contact-form-wrap{
  display:grid;
  grid-template-columns:0.8fr 1.2fr;
  gap:28px;
  padding:28px;
  border:1px solid #e1e6ec;
  border-radius:12px;
  background:#fff;
  box-shadow:0 10px 22px rgba(8,23,41,.08);
}

.contact-copy h2{
  margin:0 0 10px;
  color:#091832;
  font-size:30px;
}

.contact-copy p{
  margin:0;
  color:#5e6977;
  font-size:15px;
  line-height:1.6;
}

.contact-copy .eyebrow{
  margin-bottom:10px;
}

.contact-form{
  display:grid;
  gap:16px;
}

.form-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px;
}

.contact-form label{
  display:grid;
  gap:7px;
  color:#17263b;
  font-size:14px;
  font-weight:700;
}

.contact-form input,
.contact-form select,
.contact-form textarea{
  width:100%;
  border:1px solid #cfd8e2;
  border-radius:7px;
  padding:12px 13px;
  font:inherit;
  color:#17263b;
  background:#fff;
}

.contact-form textarea{
  resize:vertical;
}

.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus{
  outline:2px solid rgba(255,115,0,.20);
  border-color:var(--orange);
}

.contact-form .btn{
  justify-self:start;
  border:0;
  cursor:pointer;
}

@media (max-width:820px){
  .contact-info{
    grid-template-columns:1fr;
  }

  .contact-form-wrap{
    grid-template-columns:1fr;
  }
}

@media (max-width:620px){
  .contact-section{
    padding:0 16px 20px;
    margin-top:-28px;
  }

  .form-grid{
    grid-template-columns:1fr;
  }

  .contact-form-wrap{
    padding:20px;
  }

  .contact-form .btn{
    width:100%;
  }
}