body{
    margin-top:20px;
    background:#ffffff;
}
.container {
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
    width: 100%;
}

@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}
@media (max-width: 991px) { /* Pantallas menores a 992px (md) */
    .card.text-white.bg-primary.py-5.d-md-down-none {
      width: 100%; /* Ajusta el ancho a 100% en dispositivos móviles */
    }
  }


.card-columns .card {
    margin-bottom: 0.75rem;
}

@media (min-width: 576px) {
    .card-columns {
        column-count: 3;
        column-gap: 1.25rem;
    }
    .card-columns .card {
        display: inline-block;
        width: 100%;
    }
}
.text-muted {
    color: #9faecb !important;
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
}
.mb-3 {
    margin-bottom: 1rem !important;
}

.input-group {
    position: relative;
    display: flex;
    width: 100%;
    margin-bottom: 1rem; /* espacio debajo de cada input */

}
/* Estilo para los iconos de los input groups */
.input-group-addon {
    color: #495057; /* color de los iconos */
    background-color: #e9ecef; /* fondo gris para el addon */
    border: 1px solid #ced4da; /* borde gris */
    border-right: none; /* elimina el borde derecho para unirlo con el input */
    padding: 0.375rem 0.75rem; /* padding similar al input */
  }

  /* Estilo para los inputs */
.input-group .form-control {
    border: 1px solid #ced4da; /* borde gris */
    border-left: none; /* elimina el borde izquierdo para unir el input con el addon */
    padding: 0.375rem 0.75rem; /* padding para que coincida con el addon */
  }