---

# 5) CSS básico

## `assets/css/estilo.css`
##```css
body { background: #f8f9fa; }
.hero {
    background: linear-gradient(rgba(0,0,0,.55), rgba(0,0,0,.55)),
    url('https://images.unsplash.com/photo-1504052434569-70ad5836ab65?auto=format&fit=crop&w=1400&q=80') center/cover;
    color: #fff;
    padding: 120px 0;
}
.card-custom {
    border: 0;
    border-radius: 16px;
    box-shadow: 0 4px 16px rgba(0,0,0,.08);
}
.gallery-thumb { height: 220px; object-fit: cover; }