.text-right { /* Applied to the input field */
    text-align: right;
}

/* Add any other specific styles for the calculator components here */
/* For example, if you want to override bootstrap button styles */
.btn {
    transition: background-color 0.2s ease; /* Smooth transition for hover */
}

.btn:hover {
    background-color: #e0e0e0; /* Lighter shade on hover */
}

.btn-primary:hover {
    background-color: #0056b3;
}

.btn-danger:hover {
    background-color: #c82333;
}

/* Style for calculator container */
#calculadora {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Soft shadow for depth */
}