/* HOME */

div.card-bancos{
    margin: 0;
    border-radius: 15px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  justify-content: flex-end;
    
}

div.col-md-6.d-flex.justify-content-center{
    margin-right: 0px auto;
}




div.row.d-flex.p-3{
    margin: 0 auto;
}
div.row.p-3{
    margin: 0 auto;
}

div.text-end.my-5{
     display: flex;
  justify-content: flex-end;
}

/* Estilos globales (para pantallas grandes, por defecto) */
body {
  font-size: 16px;
  margin: 0;
  }
  
  /* Dispositivos pequeños (teléfonos en vertical, hasta 576px) */
  @media (max-width: 576px) {
  body {
    font-size: 14px;
  }
  
  .contenedor {
    padding: 10px;
  }
  }
  
  /* Teléfonos grandes y tabletas pequeñas (576px a 768px) */
  @media (min-width: 577px) and (max-width: 768px) {
  body {
    font-size: 15px;
  }
  
  .contenedor {
    padding: 20px;
  }
  }
  
  /* Tabletas medianas y pantallas pequeñas (769px a 992px) */
  @media (min-width: 769px) and (max-width: 992px) {
  body {
    font-size: 16px;
  }
  
  .contenedor {
    padding: 30px;
  }
  }
  
  /* Pantallas grandes (993px a 1200px) */
  @media (min-width: 993px) and (max-width: 1200px) {
  body {
    font-size: 17px;
  }
  
  .contenedor {
    padding: 40px;
  }
  }
  
  /* Pantallas extra grandes (más de 1200px) */
  @media (min-width: 1201px) {
  body {
    font-size: 18px;
  }
  
  .contenedor {
    padding: 50px;
  }
  }
  

/* pagina de reportes (Login)   */

h1{
    font-size: 20px;
}
h3.fw-bold{
    position: relative;
  top: 4px; 
}
p.pe-5{
  margin-left: 12px;  
}


div.col-md-9.p-1.inicio-desarrollos{
    position: relative;
   justify-content: flex-start;
  
  
}

/* Estilos globales (para pantallas grandes, por defecto) */
body {
  font-size: 16px;
  margin: 0;
  }
  
  /* Dispositivos pequeños (teléfonos en vertical, hasta 576px) */
  @media (max-width: 576px) {
  body {
    font-size: 14px;
  }
  
  .contenedor {
    padding: 10px;
  }
  }
  
  /* Teléfonos grandes y tabletas pequeñas (576px a 768px) */
  @media (min-width: 577px) and (max-width: 768px) {
  body {
    font-size: 15px;
  }
  
  .contenedor {
    padding: 20px;
  }
  }
  
  /* Tabletas medianas y pantallas pequeñas (769px a 992px) */
  @media (min-width: 769px) and (max-width: 992px) {
  body {
    font-size: 16px;
  }
  
  .contenedor {
    padding: 30px;
  }
  }
  
  /* Pantallas grandes (993px a 1200px) */
  @media (min-width: 993px) and (max-width: 1200px) {
  body {
    font-size: 17px;
  }
  
  .contenedor {
    padding: 40px;
  }
  }
  
  /* Pantallas extra grandes (más de 1200px) */
  @media (min-width: 1201px) {
  body {
    font-size: 18px;
  }
  
  .contenedor {
    padding: 50px;
  }
  }
  

/*CUENTA*/


.div.my-3{
  margin-left: ;: 0px auto;
}

div.row.py-3{
   margin-bottom: 10px;
}

.div.container.mt-4{
  display: grid;
  place-items: center;
}

/* login */

h1{
  font-size: 20px;
}
h3.fw-bold{
  position: relative;
top: 4px; 
}
p.pe-5{
margin-left: 12px;  
}



div.col-md-9.p-1.inicio-desarrollos{
  position: relative;
 justify-content: flex-start;

}



/*Los mediaquerys se deben poner en todas las hojas de estilo*/

/* Estilos globales (para pantallas grandes, por defecto) */
body {
font-size: 16px;
margin: 0;
}

/* Dispositivos pequeños (teléfonos en vertical, hasta 576px) */
@media (max-width: 576px) {
body {
  font-size: 14px;
}

.contenedor {
  padding: 10px;
}
}

/* Teléfonos grandes y tabletas pequeñas (576px a 768px) */
@media (min-width: 577px) and (max-width: 768px) {
body {
  font-size: 15px;
}

.contenedor {
  padding: 20px;
}
}

/* Tabletas medianas y pantallas pequeñas (769px a 992px) */
@media (min-width: 769px) and (max-width: 992px) {
body {
  font-size: 16px;
}

.contenedor {
  padding: 30px;
}
}

/* Pantallas grandes (993px a 1200px) */
@media (min-width: 993px) and (max-width: 1200px) {
body {
  font-size: 17px;
}

.contenedor {
  padding: 40px;
}
}

/* Pantallas extra grandes (más de 1200px) */
@media (min-width: 1201px) {
body {
  font-size: 18px;
}

.contenedor {
  padding: 50px;
}
}