/* Restaurante Carta Online v3.0 */
:root{
    --rc-primary:#8b2020;
    --rc-text:#2c2c2a;
    --rc-muted:#5f5e5a;
    --rc-border:#e4ddd2;
    --rc-bg:#fdfcf9;
    --rc-card:#ffffff;
    --rc-radius:12px;
    --rc-shadow:0 2px 12px rgba(0,0,0,0.06);
}
.rc-carta{font-family:inherit;color:var(--rc-text);max-width:1100px;margin:0 auto;padding:0 16px 48px}
.rc-top-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px;padding-bottom:14px;border-bottom:2px solid var(--rc-border);position:sticky;top:0;background:var(--rc-bg);z-index:10;padding-top:12px;flex-wrap:wrap}
.rc-nav{display:flex;flex-wrap:wrap;gap:6px}
.rc-nav-btn{background:transparent;border:1.5px solid var(--rc-border);padding:5px 14px;font-size:13px;font-weight:500;color:var(--rc-muted);cursor:pointer;transition:.15s;white-space:nowrap}
.rc-nav-btn:hover{border-color:var(--rc-primary);color:var(--rc-primary)}
.rc-nav-btn.active{background:var(--rc-primary);border-color:var(--rc-primary);color:#fff}
.rc-view-toggle{display:flex;border:1px solid var(--rc-border);border-radius:8px;overflow:hidden;flex-shrink:0}
.rc-vt-btn{padding:7px 10px;background:transparent;border:none;color:var(--rc-muted);cursor:pointer;display:flex;align-items:center;transition:.15s}
.rc-vt-btn.active{background:var(--rc-primary);color:#fff}
.rc-seccion{margin-bottom:36px}
.rc-seccion--hidden{display:none}
.rc-seccion-titulo{font-size:22px;font-weight:600;color:var(--rc-text);margin:0 0 4px;padding-bottom:8px;border-bottom:3px solid var(--rc-primary);display:inline-block}
.rc-seccion-desc{font-size:13px;color:var(--rc-muted);margin:0 0 16px}
.rc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}
.rc-plato{background:var(--rc-card);border:1.5px solid var(--rc-border);border-radius:var(--rc-radius);overflow:hidden;display:flex;flex-direction:column;transition:.15s}
.rc-plato:hover{box-shadow:var(--rc-shadow);transform:translateY(-2px)}
.rc-plato--destacado{border-color:#f0c040;border-width:2px}
.rc-plato__foto{width:100%;aspect-ratio:16/9;overflow:hidden;background:#e8dfd0;position:relative;flex-shrink:0}
.rc-plato__foto img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.rc-plato:hover .rc-plato__foto img{transform:scale(1.04)}
.rc-plato__body{padding:13px 15px;display:flex;flex-direction:column;flex:1}
.rc-plato__header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:6px}
.rc-plato__nombre{font-size:15px;font-weight:600;line-height:1.3;flex:1;color:var(--rc-text)}
.rc-plato__precio{font-size:16px;font-weight:700;color:var(--rc-primary);white-space:nowrap}
.rc-plato__desc{font-size:13px;color:var(--rc-muted);line-height:1.55;margin-bottom:10px;flex:1}
.rc-plato__desc p{margin:0 0 5px}
.rc-plato__alergias{border-top:1px solid var(--rc-border);padding-top:9px;margin-top:auto;display:flex;flex-wrap:wrap;gap:5px}
.rc-plato__alergias--none{}
.rc-sin-alerg{font-size:10px;color:var(--rc-muted)}
.rc-alg-icon{display:inline-flex;align-items:center;gap:3px;transition:.15s}
.rc-alergia-fallback{display:inline-flex;align-items:center;background:#fff3e0;color:#7a4800;border:1px solid #f5c07a;border-radius:999px;font-size:10.5px;font-weight:500;padding:2px 8px}
.rc-badge--dest{position:absolute;top:8px;left:8px;background:#fffbe6;color:#7a5a00;border:1px solid #f0c040;border-radius:999px;font-size:9.5px;font-weight:600;padding:2px 8px}
.rc-badge-veg{font-size:13px;margin-left:4px;vertical-align:middle}
.rc-empty{text-align:center;color:var(--rc-muted);padding:40px;font-size:16px}

/* Vista lista */
.list-view .rc-grid{grid-template-columns:1fr!important}
.list-view .rc-plato{flex-direction:row}
.list-view .rc-plato__foto{width:100px;aspect-ratio:1/1!important;flex-shrink:0}
.list-view .rc-plato__body{padding:10px 14px}
.list-view .rc-plato__desc{-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.list-view .rc-alg-icon span{display:none!important}

/* Responsive */
@media(max-width:640px){
    .rc-top-bar{gap:8px}
    .rc-grid{grid-template-columns:1fr!important}
    .rc-plato:hover{transform:none}
}
@media(min-width:641px) and (max-width:900px){
    .rc-grid{grid-template-columns:repeat(2,1fr)}
}
@media print{
    .rc-top-bar,.rc-view-toggle{display:none}
    .rc-plato{break-inside:avoid;box-shadow:none}
}