/* RESET SUAVE*/
*{
  box-sizing: border-box;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
/*BODY*/
body{
  background-color: #163adacb;
  color: #1f2933;
}
/*NAVBAR*/
.app-navbar{
  background-color: #0b1c2d;
}
.app-navbar a {
  color: #cad5ee;
  text-decoration: none;
  font-weight: 500;
}
.app-navbar a:hover{
  color: #60a5fa;
}
/*Contenedor*/
.container{
  max-width: 1100px;
  margin: auto;
  padding: 20px;
}
/*Titulos*/
h5, h3{
  color: #1f2933;
}
/*fecha*/
#fecha{
  color: #262729;
  font-size: 0.95rem;
}
/*Texto*/
.text-muted{
  color:#6b7280;
}
/*Ganancias*/
.ganancia-positiva{
  color:#16a34a;
  font-weight: 600;
}
.ganancia-negativa{
  color: #dc2626;
}
/*Botones*/
button{
  border-radius: 10px;
  transition: all 0.2s ease;
}
button:hover{
  transform:scale(1.03);
}
/*Inputs*/
input{
  border-radius:10px;
  border: 1px solid #d1d5db;
  padding: 10px;
}

input:focus{
  outline: none;
  border-color: #60a5fa;
}
body {
  background: #a1bcf1;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.card {
    border-radius: 5px;
    background-color: #ffffff; /* Fondo blanco */
    border: 2px solid #2474c48e; /* <--- ESTE ES EL MARCO (mismo azul que el navbar) */
    box-shadow: 0 4px 10px rgba(28, 40, 59, 0.329); /* Una sombrita para que flote */
    transition: transform 0.2s; /* Para que se mueva un poquito al tocarla */
}

/* Opcional: que el marco brille un poco cuando pasas el mouse */
.card:hover {
    border-color: #447af08e; 
    transform: translateY(-3px);
}

h5 {
  color: #1f2937;
}

p {
  color: #4b5563;
}

.ganancia-positiva {
  color: #16a34a;
  font-weight: 600;
}

.ganancia-negativa {
  color: #dc2626;
  font-weight: 600;
}
.page-content {
  padding-top: 90px;
}