.churrasco-page {
    --ch-azul: #168fd3;
    --ch-azul-escuro: #0876b4;
    --ch-texto: #294457;
    --ch-muted: #788b98;
    --ch-borda: #dbe7ef;
    padding-top: 18px;
    padding-bottom: 40px;
    color: var(--ch-texto);
}
.churrasco-topo { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 14px; }
.churrasco-eyebrow { display: block; color: var(--ch-azul); font-size: .62rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.churrasco-topo h1 { margin: 2px 0; font-size: 1.38rem; font-weight: 850; }
.churrasco-topo p { margin: 0; color: var(--ch-muted); font-size: .72rem; }
.churrasco-truco { display: inline-flex; align-items: center; gap: 7px; min-height: 36px; padding: 7px 12px; color: #587080; background: #fff; border: 1px solid var(--ch-borda); border-radius: 11px; font-size: .68rem; font-weight: 800; text-decoration: none; }
.churrasco-truco i { color: var(--ch-azul); }.churrasco-truco:hover { color: var(--ch-azul-escuro); background: #f2f9fd; }
.churrasco-principal { display: grid; grid-template-columns: minmax(280px, .8fr) minmax(0, 1.2fr); gap: 14px; align-items: start; }
.churrasco-card { overflow: hidden; background: #fff; border: 1px solid var(--ch-borda); border-radius: 18px; box-shadow: 0 14px 34px rgba(26, 71, 101, .065); }
.churrasco-card-header { display: flex; align-items: center; gap: 10px; padding: 13px 15px; background: #f8fbfd; border-bottom: 1px solid var(--ch-borda); }
.churrasco-card-icon { display: grid; place-items: center; flex: 0 0 34px; width: 34px; height: 34px; color: #fff; background: linear-gradient(135deg, #35abe7, var(--ch-azul-escuro)); border-radius: 11px; }
.churrasco-card-header h2 { margin: 0; font-size: .84rem; font-weight: 850; }.churrasco-card-header small { display: block; margin-top: 1px; color: var(--ch-muted); font-size: .57rem; }
.churrasco-convidados { display: grid; gap: 8px; padding: 13px; }
.churrasco-page .quantity-input-group { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 !important; padding: 8px 9px 8px 11px; background: #f7fafc; border: 1px solid #e3edf3; border-radius: 12px; }
.churrasco-page .quantity-label { display: flex; align-items: center; gap: 7px; margin: 0; color: #486172; font-size: .7rem; font-weight: 750; }.churrasco-page .quantity-label i { color: #68afd6; }
.churrasco-page .input-controls { display: flex; align-items: center; gap: 5px; }
.churrasco-page .btn-quantity { display: grid; place-items: center; width: 32px; height: 32px; padding: 0; color: #5f7889; background: #fff; border: 1px solid #d5e3eb; border-radius: 10px; font-size: .85rem; line-height: 1; }
.churrasco-page .btn-quantity:hover, .churrasco-page .btn-quantity:focus-visible { color: var(--ch-azul-escuro); background: #eaf7fd; border-color: #b8dceb; outline: 0; }
.churrasco-page .quantity-value { width: 52px; height: 32px; padding: 3px 4px; color: var(--ch-azul-escuro); background: transparent; border: 0; border-radius: 8px; font-size: .82rem; font-weight: 850; text-align: center; appearance: textfield; }
.churrasco-page .quantity-value::-webkit-inner-spin-button, .churrasco-page .quantity-value::-webkit-outer-spin-button { margin: 0; appearance: none; }
.churrasco-convidados-acoes { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; padding: 0 13px 11px; }
.churrasco-nota { margin: 0 13px 13px; padding: 8px 9px; color: #6c8190; background: #f2f8fc; border-radius: 10px; font-size: .59rem; line-height: 1.4; }.churrasco-nota i { margin-right: 5px; color: var(--ch-azul); }
.churrasco-resumo-pessoas { margin-left: auto; padding: 5px 8px; color: var(--ch-azul-escuro); background: #e9f6fc; border-radius: 999px; font-size: .58rem; font-weight: 850; }
#resultado-churrasco { min-height: 270px; padding: 13px 15px 15px; }
.churrasco-inicial { display: grid; min-height: 240px; place-content: center; justify-items: center; padding: 20px; color: var(--ch-muted); text-align: center; }.churrasco-inicial i { color: #9bcce5; font-size: 2rem; }.churrasco-inicial p { max-width: 300px; margin: 7px 0 0; font-size: .7rem; line-height: 1.45; }
.churrasco-page .resultado-categoria { margin: 0 0 11px !important; }.churrasco-page .resultado-categoria:last-of-type { margin-bottom: 0 !important; }
.churrasco-page .resultado-categoria .categoria-titulo { display: flex; align-items: center; gap: 6px; margin: 0 0 4px; padding: 0 0 5px; color: #486172; border-bottom: 1px solid #e8f0f5; font-size: .68rem; font-weight: 850; }.churrasco-page .resultado-categoria .categoria-titulo i { margin: 0; color: var(--ch-azul); font-size: .76rem; }
.churrasco-page .list-group-item.resultado-item { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 31px; padding: 5px 2px; background: transparent; border-color: #edf2f5; font-size: .67rem; }.churrasco-page .item-nome { color: #5b7282; font-weight: 650; }.churrasco-page .item-quantidade { padding: 3px 7px; color: var(--ch-azul-escuro); background: #edf7fc; border-radius: 999px; font-size: .63rem; font-weight: 850; white-space: nowrap; }
.churrasco-compartilhar { display: inline-flex; align-items: center; justify-content: center; gap: 7px; width: 100%; min-height: 38px; margin-top: 12px; color: #fff; background: linear-gradient(135deg, #35abe7, var(--ch-azul-escuro)); border: 0; border-radius: 11px; box-shadow: 0 8px 18px rgba(8,118,180,.17); font-size: .7rem; font-weight: 850; }.churrasco-compartilhar:hover { color: #fff; background: linear-gradient(135deg, #259edc, #066da6); }
.churrasco-compartilhar:disabled { opacity: .48; box-shadow: none; cursor: not-allowed; }
.churrasco-config { margin-top: 14px; background: #fff; border: 1px solid var(--ch-borda); border-radius: 16px; box-shadow: 0 12px 28px rgba(26,71,101,.05); }
.churrasco-config summary { display: flex; align-items: center; gap: 9px; min-height: 48px; padding: 10px 13px; cursor: pointer; list-style: none; }.churrasco-config summary::-webkit-details-marker { display: none; }.churrasco-config summary > i:first-child { display: grid; place-items: center; width: 30px; height: 30px; color: var(--ch-azul); background: #eaf6fc; border-radius: 9px; }.churrasco-config summary span { margin-right: auto; }.churrasco-config summary strong, .churrasco-config summary small { display: block; }.churrasco-config summary strong { color: #466071; font-size: .72rem; }.churrasco-config summary small { color: var(--ch-muted); font-size: .56rem; }.churrasco-config-seta { color: #80929e; font-size: .68rem; transition: transform .2s; }.churrasco-config[open] .churrasco-config-seta { transform: rotate(180deg); }
.churrasco-config-conteudo { padding: 12px 13px 13px; border-top: 1px solid var(--ch-borda); }.churrasco-config-section + .churrasco-config-section { margin-top: 13px; }.churrasco-page .config-section-title { margin: 0 0 7px; color: #687e8e; font-size: .61rem; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; }
.churrasco-itens { display: flex; flex-wrap: wrap; gap: 6px; }.churrasco-page .btn-toggle-item { min-height: 31px; padding: 5px 9px; color: #687d8c; background: #f7fafc; border: 1px solid #d8e5ed; border-radius: 9px; font-size: .62rem; font-weight: 700; }.churrasco-page .btn-toggle-item.active { color: var(--ch-azul-escuro); background: #eaf6fc; border-color: #b9ddec; font-weight: 800; }
.churrasco-consumos { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 7px; }.churrasco-page .config-input-group { margin: 0; padding: 8px; background: #f8fbfd; border: 1px solid #e0ebf1; border-radius: 11px; text-align: center; }.churrasco-page .config-label { display: block; min-height: 28px; margin: 0 0 5px; color: #718594; font-size: .54rem; font-weight: 700; line-height: 1.3; }
.churrasco-config-footer { margin-top: 12px; padding-top: 10px; background: transparent; border-top: 1px solid #e8f0f5; }.churrasco-config-footer small { display: block; color: var(--ch-muted); font-size: .55rem; }.churrasco-reset { display: inline-flex; align-items: center; justify-content: center; gap: 5px; min-height: 36px; padding: 6px 10px; color: #6d7f8b; background: #fff; border: 1px solid #d4e2ea; border-radius: 10px; font-size: .64rem; font-weight: 750; }.churrasco-compartilhar-secundario { min-height: 36px; margin: 0; box-shadow: none; font-size: .64rem; }
.swal2-popup.churrasco-swal { border-radius: 20px !important; }.swal2-popup.churrasco-swal .swal2-confirm, .swal2-popup.churrasco-swal .swal2-deny, .swal2-popup.churrasco-swal .swal2-cancel { border-radius: 11px !important; }
.churrasco-lista-preview { max-height: 310px; padding: 11px 12px; overflow-y: auto; color: #496273; background: #f6fafc; border: 1px solid #dce8ef; border-radius: 12px; font-size: .7rem; line-height: 1.55; text-align: left; white-space: pre-wrap; }.churrasco-lista-ajuda { margin: 9px 0 0; color: #7a8d9a; font-size: .61rem; line-height: 1.4; }
@media (max-width: 991.98px) { .churrasco-principal { grid-template-columns: 1fr; }.churrasco-consumos { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 575.98px) { .churrasco-page { padding-top: 10px; padding-bottom: 28px; }.churrasco-topo { align-items: flex-start; }.churrasco-topo h1 { font-size: 1.08rem; }.churrasco-topo p { max-width: 250px; }.churrasco-truco span { display: none; }.churrasco-truco { width: 35px; padding: 0; justify-content: center; }.churrasco-card { border-radius: 16px; }.churrasco-consumos { grid-template-columns: repeat(2, minmax(0, 1fr)); }.churrasco-convidados-acoes { grid-template-columns: 1fr 1fr; } }