:root {
    --primary-red: #ED3237;
    --almost-black: #2E2C2C;
    --white: #FFFFFF;
}

body {
    background-color: var(--almost-black);
    color: var(--white);
    font-family: Arial, sans-serif;
    margin: 0;
}

header {
    background-color: var(--primary-red);
    padding: 20px;
    text-align: center;
}

.item-crepa {
    padding: 15px;
    border-bottom: 1px solid var(--primary-red);
}
/* ... mantén lo que ya tenías ... */
.categoria-titulo {
    background: #444;
    padding: 15px;
    margin: 10px 0;
    cursor: pointer;
    border-left: 5px solid var(--primary-red);
    display: flex;
    justify-content: space-between;
}
.productos-ocultos { display: none; }
.productos-visibles { display: block; }