.custom-modal {
    background: #ffffff !important;
    max-height: 800px !important;
    overflow: auto !important;
    width: 920px !important;
  }
  
  /* Estilos para dispositivos móviles (ancho menor o igual a 576px) */
  @media (max-width: 576px) {
    .custom-modal {
      width: 100% !important; /* Modal ocupa todo el ancho */
      max-height: 90vh !important; /* Ajustar la altura */
    }
  }
  
  /* Estilos para tablets (ancho entre 577px y 768px) */
  @media (min-width: 577px) and (max-width: 768px) {
    .custom-modal {
      width: 90% !important; /* Más estrecho en tablets */
      max-height: 700px !important;
    }
  }
  
  /* Estilos para dispositivos de escritorio (ancho mayor a 768px) */
  @media (min-width: 769px) {
    .custom-modal {
      width: 920px !important; /* Ancho por defecto */
      max-height: 800px !important;
    }
  }