/* HERO */
.con-hero{ 
  padding: 3rem 0; 
  height: auto;
}

.con-hero__container{ 
  display:grid; 
  gap: 22px; 
  align-items:center; 
}

.con-hero__content h1{
  margin: 0 0 10px;
  line-height: 1.05;
  font-size: clamp(24px, 3vw, 36px);
}
.con-hero__content .lead{
  margin: 0 0 18px;
  max-width: 70ch;
  line-height: 1.65;
  opacity: .9;
}

.con-hero__actions{ 
  display:flex; 
  gap: 12px; 
  flex-wrap:wrap; 
  margin-top: 14px; 
}

.con-hero__badges{ 
  display:flex; 
  gap:10px; 
  flex-wrap:wrap; 
  margin-top: 16px; 
}

.con-hero__media{
  border-radius: var(--radius);
  overflow:hidden;
  width: 100%;
}

.con-hero__media img{
  width: 100%;
  object-fit: cover;
  object-position: center;
}

/* GRID */
.con-grid{
  display:grid;
  gap: 18px;
  align-items: start;
}

/* FORM */
.con-form{ padding: 18px; padding: 5%;}
.con-form h2{ margin:0 0 6px; }
.con-form .sub{ margin:0 0 14px; opacity:.85; }

.form{ 
  display:flex; 
  flex-direction:column; 
  gap: 12px; 
  margin: 2% 0;
}

.form__row{
  display:grid;
  grid-template-columns: 1fr;
  gap: 12px;
}

.form__field{
  display:flex;
  flex-direction:column;
  gap: 6px;
  font-weight: 700;
  color: rgba(0,0,0,.75);
  margin: 1% 0;
}

.form__field input,
.form__field textarea{
  width:100%;
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,.12);
  background: #fafafa;
  padding: 12px 12px;
  outline: none;
  font-weight: 600;
}

.form__field input:focus,
.form__field textarea:focus{
  border-color: rgba(47,107,74,.55);
  box-shadow: 0 0 0 3px rgba(47,107,74,.18);
  background:#fff;
}

.form__actions{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 6px;
}

.form__note{
  margin: 2px 0 0;
  font-size: 12px;
  opacity: .65;
  line-height: 1.6;
}

/* INFO */
.con-info{ display:flex; flex-direction:column; gap: 14px; }
.con-info__card{ padding: 18px; }
.con-info__card h2{ margin:0 0 5%; }

.con-list{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  flex-direction:column;
  gap: 12px;
}

.con-list li{
  display:flex;
  gap: 10px;
  align-items:flex-start;
  margin: 1% 0;
}

.con-list__icon{
  width: 42px; height:42px;
  border-radius: 50%;
  display:grid;
  place-items:center;
  border: 3px solid rgba(47,107,74,.95);
  color: rgba(47,107,74,.95);
  background:#fff;
  flex-shrink:0;
}

.con-list__label{ margin:0; font-weight:800; opacity:.7; }
.con-list__value{ margin:0; opacity:.9; line-height:1.4; }

.con-list a.con-list__value{ color: var(--green); text-decoration:none; font-weight:600; }

.con-social{
  display:flex;
  gap: 5%;
  margin: 12px auto;
  justify-content: center;
}

.con-social .social{
  width: 42px; height:42px;
  border-radius: 50%;
  display:grid;
  place-items:center;
  background: rgba(0,0,0,.06);
  color: #111;
  transition: transform .2s ease, background .2s ease;
}
.con-social .social:hover{
  transform: translateY(-2px);
  background: rgba(47,107,74,.12);
  color: var(--green);
}

.small{
  margin: 12px 0 0;
  font-size: 12px;
  opacity: .7;
  line-height: 1.6;
}

/* FAQ */
.con-faq{ padding: 20px; }
.con-faq h3{ margin:0 0 10px; }
.con-faq details{
  border-top: 1px solid rgba(0,0,0,.08);
  padding: 10px 0;
}
.con-faq details:first-of-type{ border-top: none; }
.con-faq summary{ cursor:pointer; font-weight: 900; color: rgba(0,0,0,.75); }
.con-faq p{ margin: 8px 0 0; opacity:.85; line-height:1.6; }

/* Responsive */
@media (min-width: 900px){
  .con-hero__container{ grid-template-columns: 1.05fr .95fr; }

  .con-grid{ grid-template-columns: 1.2fr .8fr; }

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

  .con-hero__media{ min-height: 420px; }
}