/* ROO'S COFFEE — ESTE CSS PERMITE QUE EL DISEÑO ELABORADO EN EL BORRADOR SE CUMPLA POR ESO HE COLOCADO */

/* ---------- HERO / CAROUSEL ---------- */
.hero-slide img {
    height: 100vh;
    filter: brightness(35%);
}

/* ---------- HEADER ---------- */
.navbar-top {
    background: #2d1606;
}

.navbar-sub {
    background: #6B3A2A;
}

/* ---------- SECCIÓN CONTACTO ---------- */
.btn-send {
    background: #A85C32;
    color: #fff;
}

.btn-send:hover {
    background: #8a4828;
    color: #fff;
}

/* ---------- CARDS DE TIENDAS ---------- */
.store-card .card-img-col img {
    height: 100%;
    object-fit: cover;
}

.btn-store {
    background-color: #A0522D;
    color: #fff;
    border-radius: 0.4rem;
}

.btn-store:hover {
    background-color: #7d3f22;
    color: #fff;
}

/* ---------- FOOTER ---------- */
.site-footer {
    background-color: #3E1C00;
}

.site-footer .footer-brand,
.site-footer .footer-icon,
.site-footer small {
    color: #C8956C;
}

/* ---------- TIPOGRAFÍA ---------- */
.hero-title {
    font-family: 'Playfair Display', serif;
    letter-spacing: 6px;
}

.footer-title {
    font-family: 'Playfair Display', serif;
    letter-spacing: 3px;
    color: #C8956C;
}