/* ==========================================================
   VENDE-TU-VIVIENDA.CSS — página de captación de propietarios
   (paginas/vende-tu-vivienda.html)
   ========================================================== */

  .owner-intro{background:var(--stone);}
  .owner-intro .wrap{max-width:760px;}
  .owner-intro p{color:var(--ink-soft); font-size:1.05rem; line-height:1.75; margin:20px 0 30px;}

  /* ---------- QUÉ INCLUYE (tarjetas) ---------- */
  .owner-services{background:var(--stone-deep); padding:90px 0;}
  .owner-services-grid{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:1px;
    background:var(--line);
    border:1px solid var(--line);
    margin-top:50px;
  }
  .owner-service-card{
    background:var(--card);
    padding:34px 30px;
  }
  .owner-service-card h3{
    font-size:1.08rem;
    margin-bottom:10px;
  }
  .owner-service-card p{
    color:var(--ink-soft);
    font-size:0.92rem;
    margin:0;
  }

  /* ---------- CÓMO FUNCIONA (pasos) ---------- */
  .owner-process{background:var(--stone); padding:90px 0;}
  .owner-steps{
    display:grid;
    grid-template-columns:repeat(5, 1fr);
    gap:26px;
    margin-top:50px;
  }
  .owner-step{border-top:2px solid var(--clay);}
  .owner-step .step-num{
    font-family:'JetBrains Mono', monospace;
    font-size:0.7rem;
    color:var(--clay);
    padding-top:14px;
    margin-bottom:10px;
  }
  .owner-step h4{font-size:0.98rem; margin-bottom:8px;}
  .owner-step p{color:var(--ink-soft); font-size:0.88rem; margin:0;}

  /* ---------- FORMULARIO (sección oscura, estilo #contacto) ---------- */
  .owner-form-section{background:var(--ink); color:var(--card); padding:100px 0;}
  .owner-form-section .eyebrow{color:var(--brass);}
  .owner-form-section .eyebrow::before{background:var(--brass);}
  .owner-form-section h2{color:var(--card); max-width:640px;}
  .owner-form-section > .wrap > p{color:rgba(251,248,241,0.75); max-width:560px; margin:18px 0 44px;}

  .owner-form{max-width:760px;}
  .form-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:22px;
    margin-bottom:30px;
  }
  .form-field{display:flex; flex-direction:column; gap:8px;}
  .form-field-wide{grid-column:1 / -1;}
  .form-field span{
    font-family:'JetBrains Mono', monospace;
    font-size:0.68rem;
    letter-spacing:0.06em;
    text-transform:uppercase;
    color:var(--brass);
  }
  .form-field input,
  .form-field textarea{
    background:rgba(251,248,241,0.06);
    border:1px solid rgba(251,248,241,0.25);
    color:var(--card);
    font-family:'Work Sans', sans-serif;
    font-size:0.94rem;
    padding:12px 14px;
    border-radius:var(--radius);
    transition:border-color .2s ease, background-color .2s ease;
  }
  .form-field input:focus,
  .form-field textarea:focus{
    outline:none;
    border-color:var(--brass);
    background:rgba(251,248,241,0.1);
  }
  .form-field textarea{resize:vertical; min-height:110px;}
  .form-actions{
    display:flex;
    align-items:center;
    gap:18px;
    flex-wrap:wrap;
  }

  /* Honeypot anti-spam de Netlify Forms: oculto a la vista pero
     presente en el DOM (mejor para el filtro antispam que display:none). */
  .hp-field{
    position:absolute;
    left:-9999px;
    width:1px;
    height:1px;
    overflow:hidden;
  }

  @media (max-width:900px){
    .owner-services-grid{grid-template-columns:1fr;}
    .owner-steps{grid-template-columns:1fr 1fr; gap:30px 20px;}
    .form-grid{grid-template-columns:1fr;}
    .owner-services, .owner-process, .owner-form-section{padding:60px 0;}
  }
  @media (max-width:520px){
    .owner-steps{grid-template-columns:1fr;}
  }