/* ===========================
   HEADER / HERO
=========================== */
.hero-dark {
    background: #212529;
    padding: 60px 0;
}

.header-logo {
    width: 200px;
    height: 200px;
    object-fit: cover;
}

/* ===========================
   MINHAS FÉRIAS — CÍRCULOS
=========================== */
.small-circle {
    width: 70px;
    height: 70px;
    object-fit: cover;
}

.img-rect {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

/* ===========================
   SECTION 2 (FUNDO CINZA + CAIXA BRANCA)
=========================== */
.section-grey {
    background: #9c9b9b;
}

.inner-box {
    max-width: 1200px;
    border-radius: 6px;
}

/* ===========================
   SECTION 3 — CARDS FUNDO CINZA ESCURO
=========================== */
.bg-dark-grey {
    background: #6c757d;
}

/* ===========================
   FOOTER VERMELHO
=========================== */
.footer-red {
    background: #8b0000;
}

/* ===========================
   FORMULÁRIO (SECTION 4)
=========================== */
form input,
form select,
form textarea {
    border-radius: 4px;
}

/* remove espaçamento estranho para imagens empilhadas */
.col-md-4 img {
    object-fit: cover;
}