/* Variables de colores */
:root {
    --primary-color: #548184;
    --secondary-color: #012a2c;
    --three-color: #7fb9ab; /* Color terciario */
}

.btn-amarillo {
    background: var(--secondary-color) !important;
    color: #fff;
}
.btn-amarillo:hover, .btn-amarillo:active {
    background: var(--primary-color) !important;
    color: #fff;
}

.btn-calipso { 
    background: var(--three-color) !important;
    color: #fff;
}

.btn-calipso:hover, .btn-calipso:active {
    background: var(--primary-color) !important;
    color: #fff;
}