/* Remoción */
.hero-remocion{
  min-height:430px;
}

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

.removal-card{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:34px;
  padding:30px;
  background:#fff;
  border:1px solid #e1e6ec;
  border-radius:12px;
  box-shadow:0 12px 28px rgba(8,23,41,.14);
}

.removal-copy h2{
  margin:0 0 12px;
  color:#091832;
  font-size:30px;
  line-height:1.15;
}

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

.removal-copy .eyebrow{
  color:var(--orange);
  margin-bottom:10px;
}

.removal-note{
  padding:14px 16px;
  border-left:4px solid var(--orange);
  background:#f5f7f9;
}

.removal-form{
  display:grid;
  align-content:center;
  gap:18px;
}

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

.removal-form input[type="email"]{
  width:100%;
  padding:13px;
  border:1px solid #cfd8e2;
  border-radius:7px;
  font:inherit;
}

.removal-form input[type="email"]:focus{
  outline:2px solid rgba(255,115,0,.20);
  border-color:var(--orange);
}

.check-row{
  grid-template-columns:22px 1fr !important;
  align-items:start;
  font-weight:400 !important;
  line-height:1.5;
  color:#4f5b69 !important;
}

.check-row input{
  width:18px;
  height:18px;
  margin:2px 0 0;
}

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

.form-warning{
  margin:0;
  color:#8a5a18;
  font-size:12px;
  line-height:1.45;
}

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

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

  .removal-card{
    padding:20px;
  }

  .removal-copy h2{
    font-size:25px;
  }

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