/* Bride Era R14.7.157 — Bru no painel e na landing. */
:root{--be157-wine:#7d4f50;--be157-gold:#d9a54a;--be157-ink:#2f2624;--be157-soft:#6f6260;--be157-line:rgba(125,79,80,.16)}

/* botão da Bru */
#btAssistente.be157-bru-btn{width:62px!important;height:62px!important;padding:0!important;border-radius:50%!important;overflow:visible!important;background:transparent!important;box-shadow:0 10px 26px rgba(125,79,80,.35),0 0 0 3px #fff!important;border:0!important}
#btAssistente.be157-bru-btn img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;animation:be157-float 4s ease-in-out infinite}
#btAssistente .be157-ia{position:absolute;top:-6px;right:-8px;min-width:26px;height:20px;padding:0 6px;border-radius:999px;background:linear-gradient(135deg,#7d4f50,#b3706b);color:#fff;font:700 .66rem/20px var(--font-body,system-ui,sans-serif);letter-spacing:.04em;text-align:center;box-shadow:0 3px 8px rgba(0,0,0,.2);border:2px solid #fff}
#btAssistente.be157-bru-btn::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid rgba(217,165,74,.55);animation:be157-pulse 2.6s ease-out infinite;pointer-events:none}
.be157-head-av{width:28px;height:28px;border-radius:50%;vertical-align:middle;margin-right:6px;object-fit:cover}
@keyframes be157-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@keyframes be157-pulse{0%{transform:scale(.95);opacity:.9}100%{transform:scale(1.25);opacity:0}}

/* microfone */
#assistenteForm .be157-mic{appearance:none;border:0;background:transparent;color:var(--be157-wine);display:inline-flex;align-items:center;gap:4px;padding:0 6px;cursor:pointer;border-radius:999px}
#assistenteForm .be157-mic.is-rec{background:#b0413e;color:#fff;padding:4px 8px;animation:be157-rec 1.2s ease-in-out infinite}
.be157-mic-t{font:600 .72rem var(--font-body,system-ui,sans-serif)}
@keyframes be157-rec{50%{box-shadow:0 0 0 6px rgba(176,65,62,.18)}}
.be156-hr{border:0;border-top:1px dashed var(--be157-line);margin:8px 0}

/* medidor de uso */
.be157-uso{appearance:none;display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px 0 6px;margin-right:8px;border-radius:999px;border:1px solid var(--be157-line);background:#fffaf8;color:var(--be157-ink);font:600 .76rem var(--font-body,system-ui,sans-serif);cursor:pointer}
.be157-uso-ring{--p:100;width:22px;height:22px;border-radius:50%;background:conic-gradient(var(--be157-wine) calc(var(--p)*1%),rgba(125,79,80,.15) 0);-webkit-mask:radial-gradient(circle,transparent 6px,#000 7px);mask:radial-gradient(circle,transparent 6px,#000 7px)}
.be157-uso.is-low{border-color:rgba(176,65,62,.5);color:#b0413e}
.be157-uso.is-low .be157-uso-ring{background:conic-gradient(#b0413e calc(var(--p)*1%),rgba(176,65,62,.15) 0)}
.be157-uso-pop{position:fixed;top:70px;right:16px;z-index:1300;width:min(340px,calc(100vw - 24px));padding:16px;border-radius:18px;background:#fffaf8;color:var(--be157-ink);border:1px solid var(--be157-line);box-shadow:0 20px 50px rgba(47,38,36,.22);display:grid;gap:8px;font-size:.82rem;line-height:1.45}
.be157-uso-pop p{margin:0}
.be157-x{position:absolute;top:8px;right:8px;border:0;background:none;cursor:pointer;color:var(--be157-soft)}
.be157-bar{height:8px;border-radius:999px;background:rgba(125,79,80,.14);overflow:hidden}
.be157-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#7d4f50,#d9a54a)}
.be157-aura{display:flex;gap:8px;align-items:center;justify-content:space-between;padding:10px;border-radius:12px;background:#f4e6da}

/* tela da Bru */
.be157-bru-hero{display:flex;gap:18px;align-items:center;padding:22px;border-radius:24px;background:linear-gradient(135deg,#f6e3d3,#fff5ea);border:1px solid var(--be157-line);margin-bottom:14px}
.be157-bru-hero img{width:96px;height:96px;border-radius:50%;box-shadow:0 10px 24px rgba(125,79,80,.25);flex:0 0 96px}
.be157-kicker{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--be157-wine);font-weight:700}
.be157-bru-hero h2{margin:4px 0 6px;font:500 1.7rem/1.1 var(--font-display,Georgia,serif);color:var(--be157-ink)}
.be157-bru-hero p{margin:0;color:var(--be157-soft);font-size:.9rem;line-height:1.5}
.be157-bru-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}
.be157-bru-grid>div{padding:14px;border-radius:16px;background:#fff;border:1px solid var(--be157-line);display:grid;gap:4px;font-size:.8rem;color:var(--be157-soft)}
.be157-bru-grid b{color:var(--be157-ink);font-size:.86rem}
.be156-bru-tools{display:inline-flex;align-items:center;gap:8px}
.be156-switch{display:inline-flex;align-items:center;gap:4px;font-size:.76rem;color:var(--be157-soft)}
.be156-switch input{accent-color:var(--be157-wine)}
img.be156-bru-avatar,.be156-ai-img{border-radius:50%;object-fit:cover;flex:0 0 46px}
@media(max-width:860px){.be157-bru-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.be157-bru-grid>div{flex:0 0 72%;scroll-snap-align:start}.be157-bru-hero{flex-direction:column;text-align:center;padding:18px}}
@media(max-width:640px){.be157-uso-t{display:none}.be157-uso{padding:0 6px;margin-right:4px}.be157-uso-pop{top:auto;bottom:90px;right:12px}}

/* landing: Bru */
.be157-land{padding:64px 0;background:linear-gradient(180deg,#fff 0%,#fbf1e8 100%)}
.be157-land .container{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.be157-land-kick{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:999px;background:#fff;border:1px solid var(--be157-line);font-size:.78rem;font-weight:600;color:var(--be157-wine)}
.be157-land-kick img{width:26px;height:26px;border-radius:50%}
.be157-land h2{font:500 clamp(2rem,4vw,3rem)/1.05 var(--font-display,Georgia,serif);color:var(--be157-ink);margin:14px 0 12px}
.be157-land h2 em{color:var(--be157-wine)}
.be157-land-lead{font-size:1.02rem;line-height:1.6;color:var(--be157-soft);margin:0 0 18px;max-width:54ch}
.be157-feats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 22px}
.be157-feat{padding:12px 14px;border-radius:16px;background:#fff;border:1px solid var(--be157-line);box-shadow:0 6px 18px rgba(47,38,36,.05)}
.be157-feat b{display:block;font-size:.9rem;color:var(--be157-ink);margin-bottom:2px}
.be157-feat span{font-size:.8rem;line-height:1.45;color:var(--be157-soft)}
.be157-land-ctas{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.be157-land-note{font-size:.76rem;color:var(--be157-soft)}
/* celular com WhatsApp real (tema escuro) */
.be157-wa{justify-self:center;width:min(360px,100%);border-radius:34px;padding:10px;background:#111;box-shadow:0 30px 70px rgba(0,0,0,.35)}
.be157-wa-screen{border-radius:26px;overflow:hidden;background:#0b141a;font-family:-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
.be157-wa-top{display:flex;align-items:center;gap:10px;padding:12px 12px;background:#202c33;color:#e9edef}
.be157-wa-top img{width:36px;height:36px;border-radius:50%}
.be157-wa-name{flex:1 1 auto;display:flex;align-items:center;gap:5px;font-size:.95rem;font-weight:500}
.be157-seal{display:inline-grid;place-items:center;width:17px;height:17px;border-radius:50%;background:linear-gradient(135deg,#d9a54a,#b98535);color:#fff;font-size:.62rem;font-weight:800}
.be157-wa-ico{display:flex;gap:18px;color:#aebac1}
.be157-wa-chat{padding:12px 10px 16px;display:grid;gap:6px;min-height:430px;align-content:start;background:#0b141a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='.035' stroke-width='1.2'%3E%3Ccircle cx='14' cy='14' r='6'/%3E%3Cpath d='M50 10l8 8m0-8l-8 8M20 52c6-6 12 6 18 0M60 50h10v10H60z'/%3E%3C/g%3E%3C/svg%3E")}
.be157-day{justify-self:center;margin:4px 0;padding:4px 10px;border-radius:8px;background:#182229;color:#8696a0;font-size:.7rem}
.be157-b{max-width:84%;padding:7px 9px 18px;border-radius:9px;font-size:.84rem;line-height:1.38;color:#e9edef;position:relative;background:#202c33;justify-self:start}
.be157-b.me{justify-self:end;background:#005c4b}
.be157-b ul{margin:4px 0 0;padding-left:16px}
.be157-b small{position:absolute;right:8px;bottom:4px;font-size:.62rem;color:#8696a0}
.be157-b.me small{color:#8fb3a9}
.be157-b.me small::after{content:" ✓✓";color:#53bdeb;letter-spacing:-2px}
.be157-voice{display:flex;align-items:center;gap:8px;min-width:200px}
.be157-voice i{width:0;height:0;border-left:10px solid #e9edef;border-top:6px solid transparent;border-bottom:6px solid transparent;font-style:normal}
.be157-wave{flex:1;height:18px;background:repeating-linear-gradient(90deg,#8fb3a9 0 2px,transparent 2px 5px);-webkit-mask:linear-gradient(90deg,#000 0 0);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 20' preserveAspectRatio='none'%3E%3Cpath d='M0 10 Q5 2 10 10 T20 10 T30 6 T40 14 T50 4 T60 16 T70 8 T80 12 T90 6 T100 10 V20 H0Z' fill='black'/%3E%3C/svg%3E") center/100% 100% no-repeat}
@media(max-width:860px){.be157-land{padding:44px 0}.be157-land .container{grid-template-columns:1fr;gap:28px}.be157-feats{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.be157-feats{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-right:-16px;padding-right:16px}.be157-feat{flex:0 0 78%;scroll-snap-align:start}}

/* modo escuro do painel */
html[data-panel-theme="dark"] .be157-uso,html[data-panel-theme="dark"] .be157-uso-pop{background:#2a2221;color:#f4ece9;border-color:rgba(255,255,255,.12)}
html[data-panel-theme="dark"] .be157-aura{background:#3a2e2c}
html[data-panel-theme="dark"] .be157-bru-hero{background:linear-gradient(135deg,#3a2c28,#2a2221);border-color:rgba(255,255,255,.1)}
html[data-panel-theme="dark"] .be157-bru-hero h2,html[data-panel-theme="dark"] .be157-bru-grid b{color:#f4ece9}
html[data-panel-theme="dark"] .be157-bru-hero p,html[data-panel-theme="dark"] .be157-bru-grid>div{color:#cbbdb9}
html[data-panel-theme="dark"] .be157-bru-grid>div{background:#342a29;border-color:rgba(255,255,255,.1)}
@media(prefers-reduced-motion:reduce){#btAssistente.be157-bru-btn img,#btAssistente.be157-bru-btn::after,#assistenteForm .be157-mic.is-rec{animation:none}}
/* R14.7.157: grade da seção da Bru não pode crescer além da tela no celular */
.be157-land .container>*{min-width:0}
.be157-feats,.be157-land-ctas{max-width:100%}
@media(max-width:860px){.be157-wa{width:min(340px,100%);justify-self:center}}
.be157-b{min-width:74px}