/* ==========================================================
   INMOBILIARIA.CSS — Estilos específicos de la portada
   (Quiénes somos, Viviendas, Curiosidades y eventos, Contacto)
   ========================================================== */

  section{padding:110px 0;}

  .two-col{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:70px;
    align-items:center;
  }

  #quienes{background:var(--stone);}
  #quienes p{color:var(--ink-soft); margin-bottom:16px; max-width:520px;}

  #viviendas{background:var(--stone-deep);}
  #curiosidades{background:var(--stone);}
  #resenas{background:var(--stone-deep);}

  .section-head{max-width:640px; margin-bottom:50px;}

  /* ---------- RESEÑAS (mismo patrón que constructora/home.css) ---------- */
  .resenas-head{
    display:flex; justify-content:space-between; align-items:flex-end; flex-wrap:wrap; gap:20px;
    margin-bottom:60px;
  }
  .testi-grid{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:28px;
  }
  .testi-card{
    background:var(--card);
    padding:34px 30px;
    border-top:2px solid var(--clay);
  }
  .stars{color:var(--brass); font-size:0.95rem; letter-spacing:2px; margin-bottom:18px;}
  .testi-card p{
    font-family:'Fraunces', serif;
    font-style:italic;
    font-size:1.02rem;
    color:var(--ink);
    margin-bottom:24px;
  }
  .testi-author{font-family:'JetBrains Mono', monospace; font-size:0.72rem; color:var(--ink-soft); text-transform:uppercase; letter-spacing:0.04em;}
  .testi-author b{color:var(--ink); font-family:'Work Sans', sans-serif; text-transform:none; letter-spacing:0; font-weight:600;}

  /* ---------- CONTACTO (igual que constructora/) ---------- */
  #contacto{background:var(--ink); color:var(--card);}
  #contacto .eyebrow{color:var(--brass);}
  #contacto .eyebrow::before{background:var(--brass);}
  #contacto h2{color:var(--card); max-width:640px;}
  #contacto > .wrap > p{color:rgba(251,248,241,0.75); max-width:560px; margin:22px 0 40px;}
  .contact-grid{display:grid; grid-template-columns:1fr 1fr; gap:70px; margin-top:50px;}
  .contact-details{border-top:1px solid rgba(251,248,241,0.2); padding-top:28px;}
  .contact-row{display:flex; gap:16px; padding:16px 0; border-bottom:1px solid rgba(251,248,241,0.12); font-size:0.94rem;}
  .contact-row .k{
    font-family:'JetBrains Mono', monospace; font-size:0.68rem; text-transform:uppercase;
    letter-spacing:0.06em; color:var(--brass); width:110px; flex-shrink:0; padding-top:2px;
  }
  .map-slot{
    background:linear-gradient(135deg, #3a3626 0%, #232019 100%);
    min-height:280px; border:1px solid rgba(251,248,241,0.2);
    display:flex; align-items:flex-end; position:relative;
  }
  .map-slot::before{
    content:""; position:absolute; inset:0;
    background-image:
      linear-gradient(rgba(251,248,241,0.06) 1px, transparent 1px),
      linear-gradient(90deg, rgba(251,248,241,0.06) 1px, transparent 1px);
    background-size:36px 36px;
  }

  @media (max-width:900px){
    .two-col, .contact-grid{grid-template-columns:1fr; gap:40px;}
    .testi-grid{grid-template-columns:1fr;}
    section{padding:70px 0;}
  }
