:root{--coffee:#3d1e12;--coffee-dark:#241109;--caramel:#b7652b;--cream:#fff8ee;--sand:#f4e5d2;--ink:#28211d}
*{box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#F3E9DD}
a{color:var(--caramel)}.site-nav{background:rgba(255,250,243,.96);backdrop-filter:blur(12px);border-bottom:1px solid #efe3d5}
.brand-mark{display:inline-flex;flex-direction:column;line-height:.8;color:var(--coffee);font-weight:900;letter-spacing:-2px;text-decoration:none;font-size:1.9rem}.brand-mark small{font-size:.58rem;letter-spacing:1px;font-weight:800;margin-top:10px}
.nav-link{font-weight:600;color:#44352e}.btn-coffee{background:var(--caramel);color:white;border:1px solid var(--caramel)}.btn-coffee:hover{background:var(--coffee);color:#fff}.btn-whatsapp{background:#168b55;color:#fff;border:0}.btn-whatsapp:hover{background:#0d7042;color:#fff}
.hero{background:linear-gradient(90deg,rgba(34,13,5,.92),rgba(34,13,5,.45)),url('../images/hero-coffee.jpg') center/cover,var(--coffee);color:white;min-height:430px;display:flex;align-items:center}.hero .container{padding-top:4rem;padding-bottom:4rem}.hero h1{font-size:clamp(2.5rem,5vw,4.7rem);font-weight:850;letter-spacing:-.04em;max-width:680px}.hero p{max-width:540px;color:#f7e8d9;font-size:1.1rem}
.section-kicker{text-transform:uppercase;letter-spacing:.18em;color:var(--caramel);font-weight:800;font-size:.75rem}.section-title{font-size:clamp(1.8rem,3vw,2.6rem);font-weight:800;letter-spacing:-.035em}.product-card{height:100%;border:1px solid #eee2d4;border-radius:18px;overflow:hidden;background:white;transition:transform .2s,box-shadow .2s}.product-card:hover{transform:translateY(-4px);box-shadow:0 14px 35px #4a281414}.product-image{width:100%;height:245px;object-fit:contain;background:var(--cream);padding:18px}.product-card .card-body{padding:1.15rem}.price-now{font-size:1.2rem;font-weight:850;color:var(--coffee)}.price-old{color:#8c8179;text-decoration:line-through;font-size:.9rem}.discount-badge{background:#a6291b;color:white;font-size:.72rem;border-radius:50px;padding:.3rem .55rem;font-weight:800}
.offer-strip{background:var(--sand);border:1px solid #ead4bc;border-radius:18px;padding:1.4rem}.feature-box{background:var(--cream);border-radius:16px;padding:1.3rem;height:100%}.page-hero{background:var(--cream);padding:3rem 0;border-bottom:1px solid #f0e1d1}.site-footer{background:var(--coffee-dark);color:#f8eadc}.site-footer a{display:block;color:#f8eadc;text-decoration:none;margin:.45rem 0}.site-footer a:hover{color:#e7b47d}.brand-light{color:#fff}.floating-wa{position:fixed;right:18px;bottom:18px;z-index:1000;background:#168b55;color:#fff;padding:.8rem 1.1rem;border-radius:50px;text-decoration:none;font-weight:800;box-shadow:0 8px 25px #0003}
.product-detail-image{width:100%;max-height:480px;object-fit:contain;background:var(--cream);border-radius:20px;padding:20px}.admin-body{background:#f5f6f8}.admin-nav{background:var(--coffee-dark);color:white}.admin-nav a{color:white;text-decoration:none}.admin-card{border:0;border-radius:16px;box-shadow:0 5px 22px #25180d0b}
@media(max-width:767px){.hero{min-height:360px;}.hero .container{padding-top:3rem;padding-bottom:3rem}.product-image{height:190px}.floating-wa{right:12px;bottom:12px}.page-hero{padding:2rem 0}}



.offer-carousel {
    width: 100%;
    margin: 0;
    padding: 0;
    border-radius: 0;
    overflow: hidden;
}

.offer-slide {
    height: 180px;
    min-height: 180px;
    display: flex;
    align-items: center;
    padding: 10px 150px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #fff;
}

.offer-content {
    max-width: 100%;
    position: relative;
    z-index: 2;
}

.offer-badge {
    display: inline-block;
    padding: 3px 8px;
    margin-bottom: 3px;
    border-radius: 20px;
    background: #d6a15d;
    color: #27170c;
    font-size: 10px;
    font-weight: 800;
}

.offer-content h2 {
    font-size: 22px;
    font-weight: 800;
    line-height: 1.1;
    margin: 0 0 3px;
}

.offer-content p {
    font-size: 12px;
    line-height: 1.2;
    margin: 0;
}

.offer-content .btn {
    display: none;
}

.offer-carousel .carousel-indicators {
    margin-bottom: 4px;
}

.offer-carousel .carousel-indicators button {
    width: 18px;
    height: 3px;
}

@media (max-width: 767px) {
    .offer-slide {
        height: 100px;
        min-height: 100px;
        padding: 8px 35px 8px 12px;
    }

    .offer-content h2 {
        font-size: 18px;
    }

    .offer-content p {
        font-size: 11px;
    }

    .offer-badge {
        font-size: 9px;
        padding: 2px 6px;
    }
}



.hero-video {
    position: relative;
    min-height: 480px;
    display: flex;
    align-items: center;
    overflow: hidden;
    isolation: isolate;
    color: #fff;
    background: #21130d;
}

.hero-video-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: -2;
}

.hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        90deg,
        rgba(20, 10, 5, 0.88) 0%,
        rgba(20, 10, 5, 0.55) 55%,
        rgba(20, 10, 5, 0.18) 100%
    );
    z-index: -1;
}

.hero-video .hero-content {
    position: relative;
    z-index: 1;
    padding-top: 65px;
    padding-bottom: 65px;
}

.hero-video h1 {
    max-width: 750px;
    font-size: clamp(32px, 5vw, 60px);
    font-weight: 800;
    line-height: 1.12;
}

.hero-video p {
    max-width: 600px;
    font-size: 18px;
    line-height: 1.7;
}

@media (max-width: 767px) {
    .hero-video {
        min-height: 390px;
    }

    .hero-video .hero-content {
        padding-top: 45px;
        padding-bottom: 45px;
    }

    .hero-video p {
        font-size: 15px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .hero-video-bg {
        display: none;
    }

    .hero-video {
        background: #21130d;
    }
}



.site-nav {
    background: linear-gradient(135deg, #24150F 0%, #4B2E20 50%, #70482F 100%);
    border-bottom: 1px solid rgba(214, 165, 111, 0.35);
    box-shadow: 0 4px 18px rgba(36, 21, 15, 0.22);
}

/* Brand */
.site-nav .brand-mark,
.site-nav .brand-mark span {
    color: #FFF8EF;
    text-decoration: none;
    font-weight: 700;
}

.site-nav .brand-mark small {
    display: block;
    color: #E2BD91;
    font-size: 11px;
    letter-spacing: 1.5px;
}

/* Navigation links */
.site-nav .navbar-nav .nav-link {
    color: #FFF3E4;
    transition: color 0.25s ease;
}

.site-nav .navbar-nav .nav-link:hover,
.site-nav .navbar-nav .nav-link:focus {
    color: #E8B778;
}

/* Mobile menu toggle */
.site-nav .navbar-toggler {
    border-color: rgba(255, 248, 239, 0.5);
}

.site-nav .navbar-toggler-icon {
    filter: brightness(0) invert(1);
}