/* Bride Era R14.7.173: landing mais viva e mais enxuta no celular.
   1. Trilhos horizontais sem rolagem vertical "presa" (não atrapalham a rolagem da página).
   2. Menos espaço vazio no celular (seções, cartões esticados e marketplace de fornecedores).
   3. Conversa com a Bru animada no WhatsApp.
   4. Detalhes românticos: brilho dourado nas palavras em itálico, corações nos botões, rastro de brilhos,
      pétalas ao tocar no topo, botões com reflexo, ícones que respiram. Tudo respeita "reduzir movimento". */

/* ============ 1. TRILHOS HORIZONTAIS ============ */
.conversion-steps-r147150,.security-badge-grid,.seo-journey-grid,.ecosystem-grid,.be158-grid,.vendor-preview,
.seo-tool-grid,.seo-guides-grid,.free-mini-tools-r14794,.features-grid,.modules-grid,.integra-grid,.steps,
.be171-role-track,.be171-showcase-track,.r173-rail{overflow-y:hidden!important;overscroll-behavior-x:contain;touch-action:pan-x pan-y}
@media(max-width:760px){
  .compare-wrap{max-height:none!important;overflow-y:hidden!important;overscroll-behavior-x:contain;touch-action:pan-x pan-y}
}

/* ============ 2. MENOS ESPAÇO VAZIO NO CELULAR ============ */
@media(max-width:760px){
  body section.section{padding-top:14px!important;padding-bottom:14px!important}
  body section.section .section-head,body section.section [class*="-head"]{margin-bottom:10px!important}
  body section.section h2{margin-top:6px!important}
  #procurement-r147125,#automation-r147126,#decisions-r147130,#critical-path-r147131,#cerimonialista-os-r147132,#grande-dia-offline-pwa,#seguranca,#como-funciona,#be159Sim,#planner-fisico,#so-na-bride-era,#guias-gratis{padding-top:18px!important;padding-bottom:18px!important}
  .seo-journey-card{min-height:0!important}
  .love-r14712-pride{min-height:0!important;height:auto!important}
  .scroll-dica{display:none!important}
  .r173-trim{min-height:0!important;height:auto!important;align-self:start!important}

  /* marketplace: os 4 cartões com a mesma altura, compactos */
  #fornecedores-marketplace .vendor-preview{display:flex!important;align-items:stretch!important;gap:10px!important;overflow-x:auto!important;scroll-snap-type:x mandatory;padding:4px 2px 8px!important}
  #fornecedores-marketplace .vendor-preview>*{flex:0 0 min(80vw,310px)!important;width:min(80vw,310px)!important;min-width:0!important;max-width:min(80vw,310px)!important;height:auto!important;min-height:0!important;align-self:stretch!important;scroll-snap-align:start;margin:0!important}
  #fornecedores-marketplace .vendor-preview-card{display:grid!important;grid-template-columns:52px minmax(0,1fr)!important;grid-template-rows:auto auto!important;align-content:center!important;align-items:start!important;gap:6px 12px!important;padding:16px!important;transform:none!important}
  #fornecedores-marketplace .vendor-preview-card>div:not(.avatar){grid-column:2!important;grid-row:1!important}
  #fornecedores-marketplace .vendor-preview-card .avatar{grid-row:1/3!important;font-size:1.5rem!important;display:grid!important;place-items:center!important}
  #fornecedores-marketplace .vendor-preview-card .avatar{width:52px!important;height:52px!important}
  #fornecedores-marketplace .vendor-preview-card b{font-size:1rem!important}
  #fornecedores-marketplace .vendor-preview-card small{font-size:.82rem!important;line-height:1.35!important}
  #fornecedores-marketplace .vendor-preview-card .stars{grid-column:2!important;grid-row:2!important;justify-self:start;margin:2px 0 0!important;padding:3px 9px!important;border-radius:999px;background:rgba(201,155,143,.14);font-size:.74rem!important;letter-spacing:.04em}
  #fornecedores-marketplace .whatsapp-addon-card{padding:16px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:6px!important}
  #fornecedores-marketplace .whatsapp-addon-card .eyebrow{font-size:.58rem!important;margin:0!important;justify-content:flex-start!important}
  #fornecedores-marketplace .whatsapp-addon-card .eyebrow::before,#fornecedores-marketplace .whatsapp-addon-card .eyebrow::after{display:none!important}
  #fornecedores-marketplace .whatsapp-addon-card h3{font-size:1.15rem!important;margin:0!important;line-height:1.15!important}
  #fornecedores-marketplace .whatsapp-addon-card p{font-size:.74rem!important;line-height:1.38!important;margin:0!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  #fornecedores-marketplace .whatsapp-addon-price{font-size:1.3rem!important;margin:0!important;line-height:1.1!important}
  #fornecedores-marketplace .whatsapp-addon-price small{display:block;font-size:.66rem!important;line-height:1.25!important}
}

/* ============ 3. CONVERSA DA BRU ANIMADA ============ */
.be157-wa-chat.r173-live{height:440px;min-height:0!important;overflow:hidden;align-content:start;scroll-behavior:smooth}
.be157-wa-chat.r173-live>*{animation:r173Pop .42s cubic-bezier(.2,.9,.3,1.25) both}
@keyframes r173Pop{from{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}
.r173-typing{justify-self:start;display:inline-flex;gap:4px;align-items:center;padding:10px 12px;border-radius:9px;background:#202c33}
.r173-typing i{width:6px;height:6px;border-radius:50%;background:#8696a0;animation:r173Dot 1.1s infinite ease-in-out}
.r173-typing i:nth-child(2){animation-delay:.15s}.r173-typing i:nth-child(3){animation-delay:.3s}
@keyframes r173Dot{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-4px);opacity:1}}
.be157-b li.r173-li{opacity:0;transform:translateX(-6px);transition:opacity .3s ease,transform .3s ease}
.be157-b li.r173-li.on{opacity:1;transform:none}
.be157-voice.r173-playing .be157-wave{background:repeating-linear-gradient(90deg,transparent 0 2px,#005c4b 2px 5px),linear-gradient(90deg,#53bdeb var(--r173-p,0%),#8fb3a9 var(--r173-p,0%))}
.be157-voice.r173-playing i{border-left-color:#53bdeb}
.be157-b.me small.r173-sent::after{color:#8696a0!important}
.r173-composer{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#0b141a;border-top:1px solid rgba(255,255,255,.04)}
.r173-composer span{flex:1;min-height:34px;display:flex;align-items:center;padding:0 14px;border-radius:20px;background:#202c33;color:#e9edef;font-size:.84rem}
.r173-composer span:empty::before{content:'Mensagem';color:#8696a0}
.r173-composer b{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#00a884;color:#fff;font-size:.95rem}
.r173-composer span.r173-caret::after{content:'';width:1px;height:16px;background:#53bdeb;margin-left:2px;animation:r173Blink 1s steps(1) infinite}
@keyframes r173Blink{50%{opacity:0}}
.r173-status{display:block;font:400 .7rem/1.2 Jost,system-ui,sans-serif;color:#8696a0;transition:color .2s}
.r173-status.typing{color:#00a884}
.r173-count{display:inline-block;min-width:2ch;font-weight:700;color:#53bdeb}
.r173-replay{display:block;margin:10px auto 0;padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.15);background:transparent;color:#e9edef;font:500 .74rem Jost,sans-serif;cursor:pointer}

/* ============ 4. DETALHES ROMÂNTICOS ============ */
/* brilho dourado passeando nas palavras em itálico */
.r173-shine h2 em:not([class]),.r173-shine h2 em.script{background:linear-gradient(100deg,currentColor 0 40%,#d9b26a 48%,#fff6dc 50%,#d9b26a 52%,currentColor 60% 100%);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:r173Shine 6.5s ease-in-out infinite}
@keyframes r173Shine{0%,25%{background-position:100% 0}75%,100%{background-position:0 0}}
/* reflexo nos botões principais */
.btn-primary.r173-sheen{position:relative;overflow:hidden;isolation:isolate}
.btn-primary.r173-sheen::after{content:'';position:absolute;inset:-40% auto -40% -60%;width:40%;transform:skewX(-20deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);animation:r173Sheen 5.5s ease-in-out infinite;pointer-events:none;z-index:1}
@keyframes r173Sheen{0%,70%{left:-60%}100%{left:130%}}
/* corações e pétalas */
.r173-burst{position:fixed;left:0;top:0;pointer-events:none;z-index:99990;font-size:var(--s,18px);line-height:1;will-change:transform,opacity;animation:r173Burst var(--d,1.1s) cubic-bezier(.15,.7,.3,1) forwards}
@keyframes r173Burst{0%{opacity:1;transform:translate(var(--x0),var(--y0)) scale(.4) rotate(0)}70%{opacity:1}100%{opacity:0;transform:translate(var(--x1),var(--y1)) scale(1) rotate(var(--r,40deg))}}
.r173-spark{position:fixed;left:0;top:0;width:8px;height:8px;pointer-events:none;z-index:99989;background:radial-gradient(circle,#fff 0 20%,#e9c98b 35%,transparent 70%);border-radius:50%;animation:r173Spark .8s ease-out forwards}
@keyframes r173Spark{from{opacity:.95;transform:translate(var(--x),var(--y)) scale(1)}to{opacity:0;transform:translate(calc(var(--x) + var(--dx)),calc(var(--y) + 18px)) scale(.2)}}
/* ícones que respiram e cartões que brilham quando aparecem */
.r173-breathe{display:inline-block;animation:r173Breathe 3.6s ease-in-out infinite}
@keyframes r173Breathe{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.06)}}
.r173-heartbeat{animation:r173Beat 4.5s ease-in-out infinite}
@keyframes r173Beat{0%,80%,100%{transform:scale(1)}84%{transform:scale(1.07)}88%{transform:scale(.98)}92%{transform:scale(1.05)}}
.eyebrow.both.r173-eyebrow::before,.eyebrow.both.r173-eyebrow::after{transition:transform .9s cubic-bezier(.2,.8,.2,1);transform:scaleX(.1)}
.eyebrow.both.r173-eyebrow::before{transform-origin:right}.eyebrow.both.r173-eyebrow::after{transform-origin:left}
.eyebrow.both.r173-eyebrow.r173-on::before,.eyebrow.both.r173-eyebrow.r173-on::after{transform:scaleX(1)}
.r173-heart-mini{display:inline-block;margin:0 6px;color:#c98b7e;transform:scale(0);transition:transform .5s cubic-bezier(.3,1.6,.5,1) .4s}
.r173-on .r173-heart-mini{transform:scale(1)}
/* fita de corações no fim da barra de progresso */
.r173-progress-heart{position:fixed;top:-1px;left:0;z-index:100001;font-size:12px;pointer-events:none;transform:translateX(-50%);transition:opacity .3s;filter:drop-shadow(0 1px 2px rgba(0,0,0,.15))}
/* dica de toque no topo */
.r173-tapnote{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);font:500 .72rem Jost,sans-serif;color:#8b6c63;background:rgba(255,255,255,.75);padding:4px 10px;border-radius:999px;pointer-events:none;opacity:0;animation:r173Note 6s ease 2.5s 1 both}
@keyframes r173Note{0%,100%{opacity:0}15%,80%{opacity:1}}
@media(prefers-reduced-motion:reduce){
  .r173-shine h2 em:not([class]),.r173-shine h2 em.script{animation:none;-webkit-text-fill-color:currentColor;background:none}
  .btn-primary.r173-sheen::after,.r173-breathe,.r173-heartbeat,.be157-wa-chat.r173-live>*{animation:none!important}
}
