```css
body {
    background-color: #f8f9fa;
}

.titulo {
    background-color: #326496;
    color: white;
    padding: 15px;
    font-size: 22px;
    font-weight: bold;
}

.form-container,
.card-comprovantes {
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    padding: 20px;
    margin-top: 20px;
}

.card-titulo {
    font-size: 1.15rem;
    font-weight: bold;
    color: #326496;
    margin-bottom: 15px;
    border-bottom: 2px solid #326496;
    padding-bottom: 5px;
}

.form-group {
    margin-bottom: 7px !important;
}

label {
    margin-bottom: 2px !important;
    font-size: 1rem;
}

.btn-principal {
    background-color: #326496;
    border-color: #326496;
    color: white;
    font-size: 0.9rem;
}

.camera-box,
.camera-panel,
.card-comprovantes.camera-open {
    background: transparent !important;
    padding: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

#cameraContainer {
    width: 100%;
    margin-top: 10px;
    background: white;
    padding: 15px;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.15);
}

#camera {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    display: block;
    border-radius: 12px;
    background: #000;
}

#cameraButtons {
    display: none;
    margin-top: 15px;
    gap: 10px;
    justify-content: center;
    flex-wrap: wrap;
}

#btTirarFoto,
#btFecharCamera {
    min-width: 120px;
}

#canvas {
    display: none;
}

.btn-cancel {
    background-color: #dc3545;
    border-color: #dc3545;
    color: white;
    font-size: 0.9rem;
    border-radius: 6px;
    transition: 0.2s ease-in-out;
}

.btn-cancel:hover {
    background-color: #c82333;
    border-color: #bd2130;
    transform: scale(1.02);
}
```