html body{
  height: 100vh;
  background-color: #f2e9dd;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
}

.content {
  flex: 1;
}

.logo-tw{
  width: auto;
  max-height: 150px;
  height: 150px;
  filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.5));
  display: block;
}

.title{
 font-weight: bold;
 font-size: large;
}

.m-card{
  margin-inline: 5vw;
}

.img-chard {
  background-image: url('./assets/chart.png'); /* Ruta de la imagen */
  background-size: cover; /* Hace que la imagen cubra toda el área */
  background-position: center; /* Centra la imagen */
  background-repeat: no-repeat; /* Evita que la imagen se repita */
  width: 100%; /* Asegura que la tarjeta ocupe todo el ancho disponible */
  height: 100px; /* Ajusta la altura de la tarjeta (puedes personalizarla) */
  border-radius: 10px; /* (Opcional) Bordes redondeados */
  overflow: hidden; /* (Opcional) Oculta el contenido que desborde */
}
.img-auto {
  background-image: url('./assets/car.jpg'); /* Ruta de la imagen */
  background-size: cover; /* Hace que la imagen cubra toda el área */
  background-position: center; /* Centra la imagen */
  background-repeat: no-repeat; /* Evita que la imagen se repita */
  width: 100%; /* Asegura que la tarjeta ocupe todo el ancho disponible */
  height: 100px; /* Ajusta la altura de la tarjeta (puedes personalizarla) */
  border-radius: 10px; /* (Opcional) Bordes redondeados */
  overflow: hidden; /* (Opcional) Oculta el contenido que desborde */
}

footer{
 background-color: #ff51014e;
}

.text-orange {
  color: #ff5301;
  font-weight: bold;
}

.text-black {
  color: black;
  font-weight: bold;
}

.pointer{
  cursor: pointer;
}