/* ==========================================================
   REFORMAS-INTEGRALES.CSS — página de servicio
   (paginas/reformas-integrales.html)

   Esta página también carga home.css, para reutilizar el mismo
   componente .service-grid/.service-card que ya usa la sección
   "Servicios" de la home — no lo dupliques aquí.
   ========================================================== */

  .scope-note{
    background:var(--stone-deep);
    border-left:3px solid var(--clay);
    padding:24px 30px;
    margin:0 0 40px;
    max-width:720px;
    font-size:0.98rem;
    color:var(--ink-soft);
  }

  .how-list{margin:24px 0 60px; max-width:720px; list-style:none;}
  .how-list li{
    display:flex; gap:16px;
    padding:18px 0;
    border-bottom:1px solid var(--line);
    color:var(--ink-soft);
    line-height:1.6;
  }
  .how-list li:first-child{border-top:1px solid var(--line);}
  .how-list li strong{color:var(--ink); font-weight:600;}

  .service-grid.compact{grid-template-columns:repeat(3, 1fr); margin:30px 0 60px;}
  .service-grid.compact .service-card{min-height:auto; padding:28px 24px;}

  .cross-link-card{
    background:var(--stone-deep);
    border:1px solid var(--line);
    padding:30px 34px;
    max-width:720px;
    margin-bottom:20px;
  }
  .cross-link-card p{color:var(--ink-soft); margin-bottom:14px;}

  @media (max-width:900px){
    .service-grid.compact{grid-template-columns:1fr;}
  }