/* Bride Era R14.7.199 · páginas próprias de festas e fornecedores + faixa do evento */
.m199{--c1:var(--evt-c1,#c48c80);--c2:var(--evt-c2,#7c4740);display:grid;gap:16px}
.m199-hero{--r:calc(22px + 0px);display:flex;gap:18px;align-items:center;padding:22px 24px;border-radius:var(--r);color:#fff;background:radial-gradient(600px 220px at 100% 0%,rgba(255,255,255,.22),transparent 60%),linear-gradient(135deg,var(--c1),var(--c2));box-shadow:0 20px 40px -26px var(--c2);position:relative;overflow:hidden}
.m199-hero:after{content:"";position:absolute;right:-40px;bottom:-60px;width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,.08)}
.m199-emo{font-size:2.6rem;width:72px;height:72px;flex:0 0 72px;display:grid;place-items:center;border-radius:calc(22px + 0px);background:rgba(255,255,255,.18);backdrop-filter:blur(6px);animation:m199flut 5s ease-in-out infinite}
@keyframes m199flut{50%{transform:translateY(-5px) rotate(-3deg)}}
.m199-k{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;opacity:.85}
.m199-hero h2{margin:4px 0;font-family:var(--serif,"Cormorant Garamond",serif);font-weight:500;font-size:clamp(1.6rem,3vw,2.3rem);color:#fff}
.m199-hero p{margin:0;opacity:.9;max-width:640px}
.m199-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:16px;align-items:start}
.m199-corpo{background:var(--surface,#fff);border:1px solid var(--line,#ece2dd);border-radius:calc(20px + 0px);padding:18px;min-width:0}
.m199-dicas{background:color-mix(in srgb,var(--c1) 10%,var(--surface,#fff));border:1px solid color-mix(in srgb,var(--c1) 30%,transparent);border-radius:calc(20px + 0px);padding:16px 18px;font-size:.9rem}
.m199-dicas ul{margin:8px 0 0;padding-left:18px;display:grid;gap:6px}
.m199-resumo{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;margin-bottom:14px;font-size:.9rem;color:var(--muted,#6f625e)}
.m199-resumo b{color:var(--ink,#221a18);font-size:1.05rem}
.m199-barra{flex:1;min-width:120px;height:8px;border-radius:8px;background:color-mix(in srgb,var(--c1) 15%,#eee);overflow:hidden;display:block}
.m199-barra i{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,var(--c1),var(--c2));transition:width .5s}
.m199-barra.big{height:12px;margin:10px 0 16px}
/* roteiro */
.m199-roteiro{list-style:none;margin:0;padding:0;display:grid;gap:8px;counter-reset:r}
.m199-rt{display:grid;grid-template-columns:32px 92px minmax(0,1.6fr) minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px;border:1px solid var(--line,#ece2dd);border-radius:calc(14px + 0px);background:var(--surface,#fff);position:relative}
.m199-rt.ok{background:color-mix(in srgb,var(--c1) 7%,var(--surface,#fff))}.m199-rt.ok .m199-t{text-decoration:line-through;opacity:.6}
.m199 input,.m199 select{width:100%;min-width:0;border:1px solid transparent;background:transparent;border-radius:calc(10px + 0px);padding:8px 10px;font:inherit;font-size:.92rem;color:inherit}
.m199 input:hover,.m199 select:hover{border-color:var(--line,#ece2dd)}
.m199 input:focus,.m199 select:focus{outline:none;border-color:var(--c1);background:var(--surface,#fff)}
.m199-h{font-weight:600;color:var(--c2)}
.m199-ck{width:28px;height:28px;border-radius:calc(9px + 0px);border:1.5px solid color-mix(in srgb,var(--c1) 60%,#ccc);background:var(--surface,#fff);color:#fff;font-weight:700;cursor:pointer;display:grid;place-items:center}
.ok>.m199-ck,.m199-cota .m199-ck:not(:empty){background:var(--c1);border-color:var(--c1)}
.m199-ac{display:flex;gap:4px}
.m199-ac button{width:28px;height:28px;border:0;border-radius:calc(8px + 0px);background:transparent;color:var(--muted,#6f625e);cursor:pointer}
.m199-ac button:hover{background:color-mix(in srgb,var(--c1) 12%,transparent);color:var(--ink,#221a18)}
.m199-add{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
/* lista */
.m199-lista{display:grid;gap:8px}
.m199-lh,.m199-li{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr)) 36px;gap:8px;align-items:center}
.m199-lh{padding:0 8px;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted,#6f625e)}
.m199-li{padding:6px 8px;border:1px solid var(--line,#ece2dd);border-radius:calc(14px + 0px);background:var(--surface,#fff)}
.m199-cel small{display:none}
.m199-st{font-weight:600}.m199-st-0{color:#a2662c}.m199-st-1{color:#3f7a4c}.m199-st-2{color:#7c4740}
.m199-vazio{color:var(--muted,#6f625e);padding:18px;text-align:center;border:1px dashed var(--line,#ece2dd);border-radius:calc(14px + 0px);margin:0}
.m199-cota{grid-template-columns:32px minmax(0,1.6fr) minmax(0,1fr) 80px 36px}
.m199-pg{font-size:.78rem;color:var(--muted,#6f625e)}
.m199-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.m199-kpis>div{border:1px solid var(--line,#ece2dd);border-radius:calc(14px + 0px);padding:12px;background:var(--surface,#fff)}
.m199-kpis>div.on{background:linear-gradient(135deg,var(--c1),var(--c2));color:#fff;border:0}
.m199-kpis small{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;opacity:.75}
.m199-kpis b{font-family:var(--serif,"Cormorant Garamond",serif);font-size:1.5rem;font-weight:500}
.m199-meta{font-family:var(--serif,"Cormorant Garamond",serif);font-size:1.4rem!important;padding:2px 4px!important;border-color:var(--line,#ece2dd)!important}
/* bolão */
.m199-bolao{display:grid;gap:14px}
.m199-placar{display:grid;gap:10px}
.m199-op{display:grid;grid-template-columns:minmax(120px,190px) 1fr 40px;gap:10px;align-items:center}
.m199-op .m199-barra{height:16px}.m199-op .m199-barra i{background:var(--cor)}
.m199-op em{font-style:normal;font-weight:700;text-align:right}
.m199-op.ganhou span{font-weight:700}.m199-op.ganhou .m199-barra{box-shadow:0 0 0 3px color-mix(in srgb,var(--cor) 35%,transparent)}
.m199-palpite{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto;gap:8px}
.m199-palpite input,.m199-palpite select{border-color:var(--line,#ece2dd)}
.m199-votos{display:flex;flex-wrap:wrap;gap:6px}
.m199-votos span{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:calc(999px + 0px);background:color-mix(in srgb,var(--c1) 10%,var(--surface,#fff));font-size:.84rem}
.m199-votos i{font-style:normal;opacity:.7}.m199-votos button{border:0;background:none;cursor:pointer;color:var(--muted,#6f625e)}
.m199-rev{border-top:1px dashed var(--line,#ece2dd);padding-top:12px;display:grid;gap:8px}.m199-rev div{display:flex;flex-wrap:wrap;gap:8px}.m199-rev small{color:var(--muted,#6f625e)}
.m199-revelado{text-align:center;padding:20px;border-radius:calc(18px + 0px);background:linear-gradient(135deg,var(--c1),var(--c2));color:#fff;animation:m199pop .6s cubic-bezier(.2,1.6,.4,1)}
.m199-revelado span{font-size:3rem;display:block}.m199-revelado b{display:block;font-family:var(--serif,"Cormorant Garamond",serif);font-size:2rem;font-weight:500}
@keyframes m199pop{from{transform:scale(.6);opacity:0}}
.m199-conf{position:fixed;top:-12px;width:9px;height:14px;border-radius:2px;z-index:9999;pointer-events:none;animation:m199cai 2.4s ease-in forwards}
@keyframes m199cai{to{transform:translateY(105vh) rotate(720deg)}}
/* calculadora */
.m199-calc{display:grid;gap:16px}
.m199-ent{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.m199-ent label span{display:flex;justify-content:space-between;font-size:.84rem;font-weight:600}
.m199-ent output{color:var(--c2)}
.m199-ent input[type=range]{accent-color:var(--c2);padding:0;border:0}
.m199-res{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.m199-res>div{border:1px solid var(--line,#ece2dd);border-radius:calc(16px + 0px);padding:12px 14px;background:color-mix(in srgb,var(--c1) 5%,var(--surface,#fff))}
.m199-res span{display:block;font-size:.86rem}.m199-res b{display:block;font-family:var(--serif,"Cormorant Garamond",serif);font-size:1.8rem;font-weight:500;line-height:1.1;color:var(--c2)}.m199-res small{color:var(--muted,#6f625e);font-size:.76rem}
.m199-nota{margin:0;font-size:.82rem;color:var(--muted,#6f625e)}
/* guia */
.m199-guia{display:grid;gap:8px}
.m199-passo{display:flex;gap:12px;align-items:flex-start;text-align:left;width:100%;border:1px solid var(--line,#ece2dd);border-radius:calc(14px + 0px);background:var(--surface,#fff);padding:12px 14px;cursor:pointer;font:inherit;color:inherit}
.m199-passo i{font-style:normal;width:30px;height:30px;flex:0 0 30px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--c1) 15%,var(--surface,#fff));color:var(--c2);font-weight:700}
.m199-passo.ok i{background:var(--c1);color:#fff}.m199-passo.ok b{text-decoration:line-through;opacity:.6}
.m199-passo small{display:block;color:var(--muted,#6f625e)}
/* faixa do evento no painel inicial */
.e199-faixa{--c1:#c48c80;--c2:#7c4740;border-radius:calc(22px + 0px);padding:18px;margin:0 0 16px;color:#fff;background:radial-gradient(500px 200px at 100% 0%,rgba(255,255,255,.25),transparent 60%),linear-gradient(135deg,var(--c1),var(--c2));box-shadow:0 22px 44px -28px var(--c2)}
.e199-top{display:flex;align-items:center;gap:14px}
.e199-emo{font-size:2.2rem;width:60px;height:60px;flex:0 0 60px;display:grid;place-items:center;border-radius:calc(18px + 0px);background:rgba(255,255,255,.18);animation:m199flut 5s ease-in-out infinite}
.e199-top>div{flex:1;min-width:0}.e199-top small{display:block;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;opacity:.85}
.e199-top b{display:block;font-family:var(--serif,"Cormorant Garamond",serif);font-size:1.8rem;font-weight:500;line-height:1.1;color:#fff}
.e199-cd{flex:0 0 auto;text-align:center;background:rgba(255,255,255,.16);border-radius:calc(16px + 0px);padding:8px 14px}.e199-cd b{font-size:2rem}.e199-cd small{letter-spacing:.06em;text-transform:none;font-size:.72rem}
.e199-data{border:1px solid rgba(255,255,255,.5);background:rgba(255,255,255,.12);color:#fff;border-radius:calc(999px + 0px);padding:8px 14px;cursor:pointer;font:inherit}
.e199-atalhos{display:flex;gap:8px;overflow-x:auto;margin-top:14px;padding-bottom:2px;scrollbar-width:none}
.e199-atalhos::-webkit-scrollbar{display:none}
.e199-atalhos button{flex:0 0 auto;display:flex;align-items:center;gap:8px;border:0;border-radius:calc(14px + 0px);background:rgba(255,255,255,.95);color:#221a18;padding:9px 12px;cursor:pointer;font:inherit;font-size:.86rem;transition:transform .2s}
.e199-atalhos button:hover{transform:translateY(-2px)}
.e199-atalhos b{font-weight:600}
@media (max-width:900px){.m199-grid{grid-template-columns:1fr}}
@media (max-width:640px){
  .m199-hero{padding:16px;gap:12px}.m199-emo{width:54px;height:54px;flex-basis:54px;font-size:2rem}.m199-hero p{font-size:.88rem}
  .m199-corpo{padding:12px}
  .m199-rt{grid-template-columns:30px 70px minmax(0,1fr) auto;grid-template-areas:"ck h t ac" "ck r r ac"}
  .m199-rt .m199-ck{grid-area:ck}.m199-rt .m199-h{grid-area:h}.m199-rt .m199-t{grid-area:t}.m199-rt .m199-r{grid-area:r;font-size:.82rem;color:var(--muted,#6f625e)}.m199-rt .m199-ac{grid-area:ac;flex-direction:column}
  .m199-lh{display:none}
  .m199-li{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px;position:relative}
  .m199-li .m199-ac{position:absolute;top:6px;right:6px}
  .m199-cel small{display:block;font-size:.64rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted,#6f625e);padding:0 10px}
  .m199-cel:first-child{grid-column:1/-1;padding-right:30px}
  .m199-cota{grid-template-columns:30px minmax(0,1fr) 90px;grid-template-areas:"ck n v" "ck pg pg"}
  .m199-cota .m199-ck{grid-area:ck}.m199-cota input[data-k=nome]{grid-area:n}.m199-cota input[data-k=valor]{grid-area:v}.m199-cota .m199-pg{grid-area:pg;padding-left:10px}
  .m199-kpis{grid-template-columns:1fr 1fr}
  .m199-palpite{grid-template-columns:1fr 1fr}.m199-palpite button{grid-column:1/-1}
  .m199-op{grid-template-columns:110px 1fr 30px}
  .e199-top b{font-size:1.4rem}.e199-emo{width:48px;height:48px;flex-basis:48px;font-size:1.8rem}.e199-cd b{font-size:1.5rem}
}
/* escolha da especialidade do fornecedor */
.f199-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.f199-op{position:relative;display:grid;gap:6px;justify-items:start;text-align:left;padding:14px;border-radius:calc(16px + 0px);border:1px solid var(--line,#ece2dd);background:var(--surface,#fff);color:inherit;font:inherit;cursor:pointer;transition:transform .2s,box-shadow .2s}
.f199-op:hover{transform:translateY(-2px);box-shadow:0 14px 28px -20px var(--c2)}
.f199-op span{font-size:1.6rem;width:46px;height:46px;display:grid;place-items:center;border-radius:calc(14px + 0px);background:linear-gradient(135deg,var(--c1),var(--c2))}
.f199-op.on{border-color:var(--c2);box-shadow:0 0 0 2px var(--c1)}
.f199-op i{position:absolute;top:10px;right:10px;font-style:normal;font-size:.68rem;padding:3px 8px;border-radius:calc(999px + 0px);background:var(--c2);color:#fff}
html.be-business .f199-faixa{box-shadow:0 22px 44px -28px #000}