/* Landing de captación /vender-tu-propiedad (basada en la maqueta Landing_Vender_Propiedad_IFER_hero_claro) */
.mid-vender {
  --lp-red      : #B1191A;
  --lp-red-dark : #8C1213;
  --lp-ink      : #231F20;
  --lp-grey     : #888888;
  --lp-grey-l   : #DFDFDF;
  --lp-grey-bg  : #F2F2F2;
  --lp-wa       : #25D366;
  color         : var(--lp-ink);
  line-height   : 1.6;
  font-size     : 16px;
}

.mid-vender h1,
.mid-vender h2,
.mid-vender h3 {
  font-family : 'Raleway', Georgia, serif;
  line-height : 1.2;
  color       : var(--lp-ink);
  margin      : 0;
}

.mid-vender .lp-wrap {
  max-width : 1140px;
  margin    : 0 auto;
  padding   : 0 24px;
}

.mid-vender .lp-narrow {
  max-width : 840px;
}

.mid-vender .lp-btn {
  display          : inline-block;
  background       : var(--lp-red);
  color            : #FFF;
  padding          : 16px 32px;
  border-radius    : 4px;
  font-weight      : 700;
  text-decoration  : none;
  font-size        : 17px;
  border           : none;
  cursor           : pointer;
  transition       : .2s;
  letter-spacing   : .3px;
  font-family      : inherit;
}

.mid-vender .lp-btn:hover {
  background : var(--lp-red-dark);
}

.mid-vender .lp-btn[disabled] {
  opacity : .6;
  cursor  : default;
}

.mid-vender .lp-btn-wa {
  background : var(--lp-wa);
}

.mid-vender .lp-btn-wa:hover {
  background : #1EB456;
}

/* Hero */
.mid-vender .lp-hero {
  background    : #F7F7F7;
  padding       : 60px 0 68px;
  border-bottom : 1px solid #E6E6E6;
}

.mid-vender .lp-hero-grid {
  display               : grid;
  grid-template-columns : 1.1fr .9fr;
  gap                   : 46px;
  align-items           : center;
}

.mid-vender .lp-kick {
  color          : #FFF;
  background     : var(--lp-red);
  display        : inline-block;
  padding        : 5px 14px;
  font-weight    : 700;
  font-size      : 12px;
  letter-spacing : 1.2px;
  text-transform : uppercase;
  margin-bottom  : 18px;
}

.mid-vender .lp-hero h1 {
  font-size     : 45px;
  font-weight   : 800;
  margin-bottom : 18px;
}

.mid-vender .lp-sub {
  font-size     : 19px;
  color         : #5A5A5A;
  margin        : 0 0 28px 0;
}

.mid-vender .lp-trust {
  display   : flex;
  gap       : 34px;
  margin-top: 30px;
  flex-wrap : wrap;
  font-size : 13.5px;
  color     : var(--lp-grey);
}

.mid-vender .lp-trust b {
  color       : var(--lp-red);
  display     : block;
  font-size   : 23px;
  font-family : 'Raleway', serif;
}

/* Formulario */
.mid-vender .lp-formcard {
  background    : #FFF;
  border-radius : 6px;
  padding       : 28px;
  border        : 1px solid #E6E6E6;
  border-top    : 5px solid var(--lp-red);
  box-shadow    : 0 6px 24px rgba(35, 31, 32, .10);
}

.mid-vender .lp-formcard h2 {
  font-size     : 21px;
  margin-bottom : 5px;
}

.mid-vender .lp-small {
  font-size     : 13px;
  color         : var(--lp-grey);
  margin        : 0 0 16px 0;
}

.mid-vender .lp-formcard label {
  display     : block;
  font-size   : 13px;
  font-weight : 600;
  margin      : 12px 0 5px;
}

.mid-vender .lp-formcard input[type=text],
.mid-vender .lp-formcard input[type=tel],
.mid-vender .lp-formcard select {
  width         : 100%;
  box-sizing    : border-box;
  padding       : 12px;
  border        : 1px solid var(--lp-grey-l);
  border-radius : 4px;
  font-family   : inherit;
  font-size     : 15px;
  background    : #FFF;
  color         : var(--lp-ink);
}

.mid-vender .lp-formcard input:focus,
.mid-vender .lp-formcard select:focus {
  outline      : 2px solid var(--lp-red);
  border-color : var(--lp-red);
}

.mid-vender .lp-formcard .lp-btn {
  width      : 100%;
  margin-top : 20px;
  text-align : center;
  box-sizing : border-box;
}

.mid-vender .lp-legal {
  font-size  : 11.5px;
  color      : var(--lp-grey);
  margin     : 12px 0 0 0;
  text-align : center;
}

.mid-vender .lp-hp {
  position : absolute;
  left     : -9999px;
  height   : 0;
  overflow : hidden;
}

.mid-vender .lp-ok h3 {
  font-size     : 22px;
  margin-bottom : 10px;
}

.mid-vender .lp-ok .lp-btn {
  margin-top : 10px;
}

/* Secciones */
.mid-vender .lp-section {
  padding : 66px 0;
}

.mid-vender .lp-bg-grey {
  background : var(--lp-grey-bg);
}

.mid-vender .lp-bg-white {
  background : #FFF;
}

.mid-vender .lp-sec-head {
  text-align : center;
  max-width  : 700px;
  margin     : 0 auto 44px;
}

.mid-vender .lp-sec-head h2 {
  font-size     : 33px;
  margin-bottom : 12px;
}

.mid-vender .lp-sec-head h2 span {
  color : var(--lp-red);
}

.mid-vender .lp-sec-head p {
  color     : var(--lp-grey);
  font-size : 17px;
  margin    : 0;
}

.mid-vender .lp-cards {
  display               : grid;
  grid-template-columns : repeat(3, 1fr);
  gap                   : 22px;
}

.mid-vender .lp-card {
  background    : #FFF;
  border        : 1px solid var(--lp-grey-l);
  border-radius : 6px;
  padding       : 28px;
  border-top    : 4px solid var(--lp-red);
}

.mid-vender .lp-num {
  width           : 42px;
  height          : 42px;
  border-radius   : 50%;
  background      : var(--lp-red);
  color           : #FFF;
  display         : flex;
  align-items     : center;
  justify-content : center;
  font-weight     : 800;
  margin-bottom   : 14px;
  font-family     : 'Raleway', serif;
  font-size       : 18px;
}

.mid-vender .lp-card h3 {
  font-size     : 19px;
  margin-bottom : 8px;
}

.mid-vender .lp-card p {
  font-size : 15px;
  margin    : 0;
}

.mid-vender .lp-why {
  display               : grid;
  grid-template-columns : 1fr 1fr;
  gap                   : 18px;
}

.mid-vender .lp-why > div {
  display       : flex;
  gap           : 14px;
  align-items   : flex-start;
  background    : #FFF;
  border        : 1px solid var(--lp-grey-l);
  border-radius : 6px;
  padding       : 20px;
}

.mid-vender .lp-check {
  color       : var(--lp-red);
  font-size   : 20px;
  line-height : 1.2;
  font-weight : 800;
}

.mid-vender .lp-quotes {
  display               : grid;
  grid-template-columns : repeat(3, 1fr);
  gap                   : 22px;
}

.mid-vender .lp-quote {
  background    : #FFF;
  border        : 1px solid var(--lp-grey-l);
  border-radius : 6px;
  padding       : 26px;
  border-left   : 4px solid var(--lp-red);
}

.mid-vender .lp-quote p {
  font-style    : italic;
  margin        : 0 0 14px 0;
}

.mid-vender .lp-who {
  font-weight : 700;
  font-size   : 14px;
}

.mid-vender .lp-who span {
  display     : block;
  font-weight : 400;
  color       : var(--lp-grey);
  font-size   : 13px;
}

.mid-vender .lp-stats {
  display         : flex;
  justify-content : center;
  gap             : 64px;
  margin-top      : 44px;
  flex-wrap       : wrap;
  text-align      : center;
}

.mid-vender .lp-stats b {
  display     : block;
  font-size   : 40px;
  font-family : 'Raleway', serif;
  color       : var(--lp-red);
}

.mid-vender .lp-stats span {
  font-size : 14px;
  color     : var(--lp-grey);
}

.mid-vender details {
  background    : #FFF;
  border        : 1px solid var(--lp-grey-l);
  border-radius : 6px;
  padding       : 18px 22px;
  margin-bottom : 12px;
}

.mid-vender details summary {
  font-weight : 700;
  cursor      : pointer;
  font-size   : 16.5px;
}

.mid-vender details summary::marker {
  color : var(--lp-red);
}

.mid-vender details p {
  margin    : 12px 0 0 0;
  font-size : 15px;
}

.mid-vender .lp-final {
  background : var(--lp-red);
  color      : #FFF;
  text-align : center;
}

.mid-vender .lp-final h2 {
  font-size     : 35px;
  margin-bottom : 14px;
  color         : #FFF;
}

.mid-vender .lp-final p {
  color         : #F5DCDD;
  margin        : 0 0 28px 0;
  font-size     : 18px;
}

.mid-vender .lp-final .lp-btn {
  background : #FFF;
  color      : var(--lp-red);
}

.mid-vender .lp-final .lp-btn:hover {
  background : var(--lp-ink);
  color      : #FFF;
}

.mid-vender .lp-addr {
  margin-top : 34px;
  font-size  : 14px;
  color      : #F2D3D4;
}

.mid-vender .lp-addr a {
  color           : #FFF;
  text-decoration : underline;
}

@media (max-width : 880px) {
  .mid-vender .lp-hero-grid,
  .mid-vender .lp-cards,
  .mid-vender .lp-quotes,
  .mid-vender .lp-why {
    grid-template-columns : 1fr;
  }

  .mid-vender .lp-hero h1 {
    font-size : 32px;
  }

  .mid-vender .lp-sec-head h2 {
    font-size : 26px;
  }

  .mid-vender .lp-final h2 {
    font-size : 27px;
  }

  .mid-vender .lp-stats {
    gap : 32px;
  }
}

/* Formulario de /contacto: mismo diseño que el de la landing */
.mid-contacto {
  --lp-red      : #B1191A;
  --lp-red-dark : #8C1213;
  --lp-ink      : #231F20;
  --lp-grey     : #888888;
  --lp-grey-l   : #DFDFDF;
}

.mid-contacto .lp-formcard {
  background    : #FFF;
  border-radius : 6px;
  padding       : 28px;
  border        : 1px solid #E6E6E6;
  border-top    : 5px solid var(--lp-red);
  box-shadow    : 0 6px 24px rgba(35, 31, 32, .10);
  margin-top    : 25px;
  color         : var(--lp-ink);
  text-align    : left;
}

.mid-contacto .lp-formcard h2 {
  font-size     : 21px;
  margin        : 0 0 5px 0;
  color         : var(--lp-ink);
}

.mid-contacto .lp-small {
  font-size : 13px;
  color     : var(--lp-grey);
  margin    : 0 0 16px 0;
}

.mid-contacto .lp-formcard form {
  margin     : 0;
  padding    : 0;
  border     : none;
  max-width  : none;
  background : none;
}

.mid-contacto .lp-formcard label {
  display     : block;
  max-width   : none;
  font-size   : 13px;
  font-weight : 600;
  margin      : 12px 0 5px;
}

.mid-contacto .lp-formcard input[type=text],
.mid-contacto .lp-formcard input[type=email],
.mid-contacto .lp-formcard input[type=tel],
.mid-contacto .lp-formcard select,
.mid-contacto .lp-formcard textarea {
  display       : block;
  width         : 100%;
  max-width     : none;
  height        : auto;
  margin        : 0;
  box-sizing    : border-box;
  padding       : 12px;
  border        : 1px solid var(--lp-grey-l);
  border-radius : 4px;
  font-family   : inherit;
  font-size     : 15px;
  background    : #FFF;
  color         : var(--lp-ink);
}

.mid-contacto .lp-formcard textarea {
  resize : vertical;
}

.mid-contacto .lp-formcard input:focus,
.mid-contacto .lp-formcard select:focus,
.mid-contacto .lp-formcard textarea:focus {
  outline      : 2px solid var(--lp-red);
  border-color : var(--lp-red);
}

.mid-contacto .lp-formcard #enviar {
  display          : block;
  float            : none;
  width            : 100%;
  max-width        : none;
  margin           : 20px 0 0 0;
  padding          : 16px 32px;
  box-sizing       : border-box;
  text-align       : center;
  background-color : var(--lp-red);
  color            : #FFF;
  border           : none;
  border-radius    : 4px;
  font-size        : 17px;
  font-weight      : 700;
  font-family      : inherit;
  letter-spacing   : .3px;
  cursor           : pointer;
  transition       : .2s;
}

.mid-contacto .lp-formcard #enviar:hover {
  background-color : var(--lp-red-dark);
}