body {
    font-family: Arial, sans-serif;
}
.navbar-image {
    width: 100%;
    height: auto;
    max-height: 30px;
}
.title-card {
    margin: 10px auto; /* Agrega margen arriba y abajo y centra horizontalmente */
    background: white;
    border: 1px solid #ccc;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    padding: 20px;
    text-align: center; /* Alinea el texto al centro */
}
.description-card {
    margin: 10px auto; /* Agrega margen arriba y abajo y centra horizontalmente */
    background: white;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    padding: 20px;
}
.footer-logo {
    width: 100px; /* Ajusta este valor según el tamaño deseado para el logo */
    height: auto;
    display: block;
    margin: 20px auto 20px; /* Aumenta el margen superior, centra horizontalmente y reduce margen inferior */
}
.arrow {
    width: 50px; /* Reduce el tamaño de la flecha */
    height: auto;
    position: fixed;
    bottom: 100px; /* Posiciona la flecha hacia la parte inferior */
    right: 50px; /* Ajusta esto según la posición del botón del chatbot */
    z-index: 1000; /* Asegurar que la flecha esté por encima de otros elementos */
}