/* Estilos para ambos botones flotantes */
.boton-flotante {
    position: fixed;
    bottom: 20px;
    border-radius: 50%;
    z-index: 1000;
}

.boton-flotante button {
    background-color: #c60000; /* Color de fondo deseado (azul en este caso) */
    color: #fff; /* Color del texto (blanco en este caso) */
    border: none;
    
    cursor: pointer;
    font-size: 18px; /* Tamaño del icono */
    padding: 0px 20px 0px 20px; /* Ajusta el tamaño del botón aumentando este valor */
}

/* Estilos cuando el cursor está encima del botón */
.boton-flotante button:hover {
    background-color: #0056b3; /* Cambia el color al pasar el cursor */
}

/* Estilos para el botón flotante en la esquina inferior izquierda */
.boton-izquierda {
    left: 20px;
}

/* Estilos para el botón flotante en la esquina inferior derecha */
.boton-derecha {
    right: 20px;
}

/* Estilos de ícono utilizando FontAwesome (ajusta la clase del ícono según tu elección) */
.fa-calculator {
    margin-right: 5px; /* Espacio entre el ícono y el texto del botón */
}

.copyright {
            margin-top: 50px;
            font-size: 12px;
            color: #666666;
            text-align: center;
        }

        .direccion {
            margin-top:  0px;
            font-size: 12px;
            color: #666666;
            text-align: center;
        }