/* Bloque kuma/planes: la rejilla Figma (315:1102) es de 2 columnas y 824px;
   con tres planes van los tres en la misma fila mientras quepan. */
.kuma-opo-planes [data-node-id="315:1102"] {
  width: min(1248px, calc(100vw - 32px));
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: auto;
}
.kuma-opo-planes [data-node-id="315:1102"] > div {
  grid-column: auto;
  grid-row: auto;
  position: relative;
  min-width: 0;
}
/* fx-responsive.css centra en vertical las tarjetas de rejilla por debajo de 1100px;
   aquí el contenido va arriba, como en escritorio. */
.fx.kuma-opo-planes [data-node-id="315:1102"] > div { justify-content: flex-start; }
.kuma-opo-planes .kuma-opo-garantia-planes {
  width: min(1036px, calc(100vw - 32px));
  text-align: center;
}
@media (max-width: 900px) {
  .kuma-opo-planes [data-node-id="315:1102"] { grid-template-columns: minmax(0, 1fr); }
}
