/* =====================================================================
   BLACK 2026 | ISA PRA SEMPRE :: FAIXAS ANIMADAS na base da hero
   Frente (8651e5d): champagne polido, texto em Bigola Display.
   Fundo  (c7d8d39): bronze escuro, discreto, funciona como profundidade.
   Movimento continuo, lento, em sentidos opostos e velocidades diferentes.
   ===================================================================== */

.rb26-front, .rb26-back {
    --rb-ink: #2a1d0e;
    --rb-champ-1: #f6ead0;
    --rb-champ-2: #e6d2a4;
    --rb-champ-3: #cdb07a;
    --rb-bronze-1: #2c1d12;
    --rb-bronze-2: #4a3220;
    --rb-bronze-ink: rgba(226, 196, 138, .55);
    overflow: hidden;
}

/* ---------- inclinacao mais suave (era +-3deg) ---------- */
.elementor-11664 .elementor-element.elementor-element-8651e5d.e-con { --e-con-transform-rotateZ: -1.6deg; }
.elementor-11664 .elementor-element.elementor-element-c7d8d39.e-con { --e-con-transform-rotateZ: 1.4deg; }

/* ---------- FAIXA PRINCIPAL: champagne ---------- */
.elementor-11664 .elementor-element.elementor-element-8651e5d:not(.elementor-motion-effects-element-type-background) {
    background-color: var(--rb-champ-2) !important;
    background-image:
        repeating-linear-gradient(90deg, rgba(255, 255, 255, .045) 0 1px, rgba(255, 255, 255, 0) 1px 4px),   /* escovado sutil */
        linear-gradient(180deg, var(--rb-champ-1) 0%, var(--rb-champ-2) 46%, var(--rb-champ-3) 100%) !important;
    box-shadow:
        0 14px 34px rgba(0, 0, 0, .38),
        inset 0 1px 0 rgba(255, 255, 255, .65),
        inset 0 -1px 0 rgba(120, 86, 38, .45);
    border-top: 1px solid rgba(255, 246, 222, .7);
    border-bottom: 1px solid rgba(138, 100, 45, .55);
    --padding-top: 15px;
    --padding-bottom: 15px;
    z-index: 3;
}

/* ---------- FAIXA DE FUNDO: bronze discreto ---------- */
.elementor-11664 .elementor-element.elementor-element-c7d8d39:not(.elementor-motion-effects-element-type-background) {
    background-color: var(--rb-bronze-1) !important;
    background-image: linear-gradient(180deg, var(--rb-bronze-2) 0%, var(--rb-bronze-1) 100%) !important;
    box-shadow: 0 8px 22px rgba(0, 0, 0, .28);
    border-top: 1px solid rgba(214, 178, 110, .18);
    border-bottom: 1px solid rgba(0, 0, 0, .35);
    opacity: .92;
    --padding-top: 9px;
    --padding-bottom: 9px;
    z-index: 2;
}

/* ---------- trilho: duas metades identicas, loop sem emenda ---------- */
.elementor-11664 .rb26-front .elementor-element.my-list-left.elementor-widget .rb26-track,
.elementor-11664 .rb26-back  .elementor-element.my-list-left.elementor-widget .rb26-track {
    display: flex !important;
    flex-wrap: nowrap !important;
    width: max-content !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    will-change: transform;
}
.elementor-11664 .rb26-front .rb26-track { animation: rb26-left 110s linear infinite !important; }
.elementor-11664 .rb26-back  .rb26-track { animation: rb26-right 150s linear infinite !important; }
@keyframes rb26-left  { from { transform: translate3d(0, 0, 0); }    to { transform: translate3d(-50%, 0, 0); } }
@keyframes rb26-right { from { transform: translate3d(-50%, 0, 0); } to { transform: translate3d(0, 0, 0); } }

/* item = losango + texto, com muito respiro */
.elementor-11664 .rb26-front .rb26-item,
.elementor-11664 .rb26-back .rb26-item {
    display: inline-flex !important;
    align-items: center !important;
    flex-shrink: 0 !important;
    white-space: nowrap !important;
    margin: 0 !important;
    padding: 0 !important;
}
.elementor-11664 .rb26-front .rb26-item:after,
.elementor-11664 .rb26-back .rb26-item:after { display: none !important; }

.elementor-11664 .rb26-front .rb26-sep,
.elementor-11664 .rb26-back .rb26-sep {
    display: inline-flex !important;
    align-items: center;
    margin: 0 !important;
    padding: 0 clamp(26px, 3vw, 46px) !important;
    width: auto !important;
    height: auto !important;
}
.elementor-11664 .rb26-sep .rb26-gem { width: 7px !important; height: 7px !important; display: block; }

/* frente: Bigola, tinta escura, tracking amplo */
.elementor-11664 .rb26-front .rb26-item .elementor-icon-list-text {
    font-family: "Bigola Display", "Laviossa", Georgia, serif !important;
    font-weight: 400 !important;
    font-style: normal !important;
    font-size: 17px !important;
    line-height: 1 !important;
    letter-spacing: .2em !important;
    text-transform: uppercase !important;
    color: var(--rb-ink) !important;
    text-shadow: 0 1px 0 rgba(255, 248, 228, .55);
    padding: 0 !important;
}
.elementor-11664 .rb26-front .rb26-gem { fill: #9c7534; opacity: .85; }

/* fundo: Poppins pequena, bem espacada, baixo contraste */
.elementor-11664 .rb26-back .rb26-item .elementor-icon-list-text {
    font-family: "Poppins", Arial, sans-serif !important;
    font-weight: 400 !important;
    font-size: 10.5px !important;
    line-height: 1 !important;
    letter-spacing: .42em !important;
    text-transform: uppercase !important;
    color: var(--rb-bronze-ink) !important;
    padding: 0 !important;
}
.elementor-11664 .rb26-back .rb26-sep { padding: 0 clamp(22px, 2.6vw, 38px) !important; }
.elementor-11664 .rb26-back .rb26-gem { fill: rgba(214, 178, 110, .45); width: 5px !important; height: 5px !important; }

/* ---------- mobile ---------- */
@media (max-width: 767px) {
    .elementor-11664 .elementor-element.elementor-element-8651e5d:not(.elementor-motion-effects-element-type-background) { --padding-top: 11px; --padding-bottom: 11px; }
    .elementor-11664 .elementor-element.elementor-element-c7d8d39:not(.elementor-motion-effects-element-type-background) { --padding-top: 7px; --padding-bottom: 7px; }
    .elementor-11664 .rb26-front .rb26-item .elementor-icon-list-text { font-size: 13px !important; letter-spacing: .18em !important; }
    .elementor-11664 .rb26-back .rb26-item .elementor-icon-list-text { font-size: 9px !important; letter-spacing: .36em !important; }
    .elementor-11664 .rb26-front .rb26-sep { padding: 0 20px !important; }
    .elementor-11664 .rb26-back .rb26-sep { padding: 0 16px !important; }
    .elementor-11664 .rb26-front .rb26-track { animation-duration: 80s !important; }
    .elementor-11664 .rb26-back .rb26-track { animation-duration: 110s !important; }
}

@media (prefers-reduced-motion: reduce) {
    .elementor-11664 .rb26-front .rb26-track,
    .elementor-11664 .rb26-back .rb26-track { animation: none !important; }
}

/* ---------- composicao: faixa principal um pouco mais baixa, longe do botao;
   no mobile a faixa de fundo aparece por tras, como profundidade ---------- */
.elementor-11664 .elementor-element.elementor-element-8651e5d { --margin-top: -72px; }
@media (max-width: 1024px) {
    .elementor-11664 .elementor-element.elementor-element-8651e5d { --margin-top: -18px; }
}