/* ==========================================================================
   Castillo & Prieto Abogados
   Reglas portadas verbatim — origen: design/css/styles.css
   ========================================================================== */

.rejilla--dos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
/* ---------- Áreas de práctica ---------- */
.area { background: #fff; padding: 46px 40px; }
.area__icono {
  width: 104px; height: 104px; border-radius: 999px; background: var(--celeste-claro);
  border: 1px solid #dbe7ed; display: flex; align-items: center; justify-content: center; margin-bottom: 28px;
}
.area p { font-size: 16px; color: var(--texto); margin: 0; }
@media (max-width: 760px) {
  .rejilla--dos { grid-template-columns: 1fr; }
  .area { padding: 36px 26px; }
}

/* Override de columnas del widget (control "Columnas" de Elementor).
   Única augmentación permitida sobre el CSS del diseño: mantiene el motor
   (CSS Grid) y solo lee --cols cuando el usuario fija un número. Va acotado a
   desktop para no pisar el colapso a 1 columna del breakpoint 760px. */
@media (min-width: 761px) {
  .rejilla--dos[style*="--cols"] { grid-template-columns: repeat(var(--cols), minmax(0, 1fr)); }
}