/*
 * Cuadrícula auxiliar para los modelos de espejos.
 * Se activa solamente en filas Divi que tengan la clase vvce-modelos-grid.
 */
@media (max-width: 767px) {
  .vvce-modelos-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 18px 10px !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .vvce-modelos-grid > .et_pb_column,
  .vvce-modelos-grid > .et_pb_column_inner {
    float: none !important;
    clear: none !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  .vvce-modelos-grid .et_pb_image,
  .vvce-modelos-grid .et_pb_image_wrap {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
  }

  .vvce-modelos-grid .et_pb_image {
    margin-bottom: 8px !important;
  }

  .vvce-modelos-grid .et_pb_image img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
  }

  .vvce-modelos-grid .et_pb_text,
  .vvce-modelos-grid .et_pb_text_inner,
  .vvce-modelos-grid .et_pb_text p {
    margin-bottom: 0 !important;
  }
}

@media (max-width: 479px) {
  .vvce-modelos-grid {
    gap: 16px 8px !important;
  }

  .vvce-modelos-grid .et_pb_text,
  .vvce-modelos-grid .et_pb_text p {
    font-size: 12px !important;
    line-height: 1.3 !important;
  }
}