/* Bride Era R14.7.175: landing (trilhos automáticos, comparativo por perfil, logos maiores) */

/* trilhos: sem barra horizontal feia, arraste com mouse no PC */
.r175-rail{scrollbar-width:none!important;-ms-overflow-style:none}
.r175-rail::-webkit-scrollbar{display:none!important;height:0!important}
@media (hover:hover){.r175-rail{cursor:grab}.r175-rail.r175-grab{cursor:grabbing;user-select:none}.r175-rail.r175-grab *{pointer-events:none}}
.r175-rail.r175-auto{scroll-snap-type:none!important;scroll-behavior:auto!important}

/* comparativo com abas */
.r175-cmp-tabs{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:6px auto 10px;padding:6px;border-radius:999px;background:rgba(255,255,255,.82);border:1px solid rgba(159,109,100,.18);box-shadow:0 10px 30px rgba(60,38,32,.07);width:max-content;max-width:100%}
.r175-cmp-tabs button{display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;color:#5d4a45;font:600 .9rem/1 var(--font-body,Jost,system-ui,sans-serif);padding:11px 18px;border-radius:999px;cursor:pointer;transition:background .25s ease,color .25s ease,transform .2s ease;min-height:44px}
.r175-cmp-tabs button span{font-size:1.05rem}
.r175-cmp-tabs button:hover{background:#fbf3ef}
.r175-cmp-tabs button.is-on{background:linear-gradient(135deg,#8e5a51,#b98a5e);color:#fff;box-shadow:0 8px 20px rgba(142,90,81,.28)}
.r175-cmp-note{text-align:center;color:#7a6762;font-size:.9rem;margin:0 auto 14px;max-width:560px}
.r175-cmp-in{animation:r175CmpIn .45s cubic-bezier(.22,.61,.36,1)}
@keyframes r175CmpIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.compare .r175-price-row td{background:linear-gradient(180deg,#fff9f3,#fff);vertical-align:middle}
.compare .r175-price-row td b{display:block;font-family:var(--font-display,serif);font-size:1.08rem;color:#3b2c28}
.compare .r175-price-row td small{display:block;font-size:.72rem;color:#8a7671;margin-top:2px}
.compare .r175-no{color:#c9b5ae!important;font-size:.85rem;font-weight:600}
.r175-cmp-extra table.compare{width:100%}
.r175-cmp-extra table.compare th:not(:first-child),.r175-cmp-extra table.compare td:not(:first-child){text-align:center;width:28%}
@media (max-width:640px){
  .r175-cmp-tabs{width:100%;border-radius:18px;gap:4px;padding:5px}
  .r175-cmp-tabs button{flex:1 1 0;justify-content:center;padding:10px 6px;font-size:.8rem;gap:5px}
  .r175-cmp-extra table.compare{font-size:.78rem}
}

/* logos das integrações maiores e oficiais */
#integraGrid .integra-card .brand-platform-wrap{width:58px!important;height:58px!important;border-radius:16px;background:#fff;box-shadow:0 8px 22px rgba(60,38,32,.08);border:1px solid rgba(159,109,100,.12);margin-bottom:6px}
#integraGrid .integra-card .brand-platform-icon{width:40px!important;height:40px!important;object-fit:contain}
#integraGrid .integra-card .brand-platform-fallback{width:40px!important;height:40px!important}
#integraGrid .integra-card{transition:transform .25s ease,box-shadow .25s ease}
#integraGrid .integra-card:hover{transform:translateY(-3px)}
#integraGrid .integra-card:hover .brand-platform-wrap{transform:scale(1.06) rotate(-3deg);transition:transform .25s ease}
@media (max-width:640px){#integraGrid .integra-card .brand-platform-wrap{width:52px!important;height:52px!important}#integraGrid .integra-card .brand-platform-icon{width:36px!important;height:36px!important}}
.compare .r175-price-row td b{white-space:nowrap}
@media (max-width:640px){
  .r175-cmp-extra{overflow:visible!important}
  .r175-cmp-extra table.compare{table-layout:fixed;min-width:0!important;width:100%!important}
  .r175-cmp-extra table.compare th,.r175-cmp-extra table.compare td{padding:10px 8px!important;white-space:normal!important;word-break:normal;overflow-wrap:anywhere}
  .r175-cmp-extra table.compare th:first-child,.r175-cmp-extra table.compare td:first-child{width:44%!important}
  .r175-cmp-extra table.compare th:not(:first-child),.r175-cmp-extra table.compare td:not(:first-child){width:28%!important;font-size:.72rem}
  .r175-cmp-extra table.compare th{overflow-wrap:normal}
  .compare .r175-price-row td b{font-size:.86rem;white-space:normal}
}