/* ============================================================
   MAJJO — Almacén (Verdulería + Carnicería + Limpieza)
   ============================================================ */

:root {
    --accent: #4CAF6D;
    --accent-soft: rgba(76, 175, 109, 0.12);
}

body { font-family: 'Manrope', sans-serif; }
h1, h2, h3, h4 { font-family: 'Montserrat', sans-serif; font-weight: 800; }

.text-accent { color: var(--accent) !important; }
.mca-nav .brand-majjo { font-family: 'Montserrat', sans-serif; font-weight: 800; font-size: 1.3rem; color: var(--accent); }

.btn-almacen {
    background: var(--accent);
    color: #06070a;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-size: 0.85rem;
    padding: 0.65rem 1.6rem;
    border: none;
}
.btn-almacen:hover { background: #6ec78a; color: #06070a; }

.almacen-hero {
    padding: 150px 0 70px;
    background: radial-gradient(circle at 85% 15%, var(--accent-soft) 0%, transparent 55%), var(--bg);
}
.almacen-hero h1 { font-size: clamp(2rem, 4.5vw, 3.4rem); text-transform: uppercase; line-height: 1.1; }

/* ---------- Categorías (bento) ---------- */
.categoria-card {
    position: relative;
    height: 320px;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    color: #fff;
}
.categoria-card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s ease; }
.categoria-card:hover img { transform: scale(1.06); }
.categoria-card::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.85), transparent 65%); }
.categoria-card .cat-body { position: relative; z-index: 2; padding: 24px; }
.categoria-card .cat-tag { display: inline-block; padding: 0.25rem 0.75rem; background: var(--accent); color: #06070a; font-weight: 700; font-size: 0.68rem; text-transform: uppercase; letter-spacing: 0.06em; border-radius: 100px; margin-bottom: 0.6rem; }
.categoria-card h3 { font-size: 1.3rem; text-transform: uppercase; margin-bottom: 0; }

/* ---------- Grid de catálogo (sin precio, es catálogo no menú) ---------- */
.linea-card { padding: 0; overflow: hidden; height: 100%; }
.linea-card img { width: 100%; height: 160px; object-fit: cover; }
.linea-card .linea-body { padding: 18px; }
.linea-card h6 { font-size: 0.92rem; margin-bottom: 0.2rem; text-transform: uppercase; }
.linea-card p { color: var(--text-muted); font-size: 0.82rem; margin-bottom: 0; }

.cta-final-almacen { background: var(--surface); padding: 60px 0; }