/* Base */
html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    /* Evita zoom por duplo toque no mobile (Safari/Chrome) */
    touch-action: manipulation;
}

html {
    scroll-behavior: smooth;
    overflow-x: clip;
}

body {
    font-family: "Geist", sans-serif;
    background: #09090F;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    overflow-x: clip;
}

/* Adia layout/pintura das dobras distantes sem esconder conteúdo ao aproximar. */
main > section:not(:first-child), body > section:not(.dobra-1) {
    content-visibility: auto;
    contain-intrinsic-size: auto 900px;
}

/* Vídeos em loop */
video.vy-loop-video,
video.influent-video,
video.d9f2-video,
.hero-bg-video,
.video-hero-bg {
    pointer-events: auto;
}

video.vy-loop-video:not([controls]),
video.influent-video:not([controls]),
video.d9f2-video:not([controls]) {
    object-fit: cover;
}

/* Esconde overlay nativo de play do iOS Safari */
video.vy-loop-video::-webkit-media-controls,
video.vy-loop-video::-webkit-media-controls-enclosure,
video.vy-loop-video::-webkit-media-controls-panel,
video.vy-loop-video::-webkit-media-controls-start-playback-button,
video.vy-loop-video::-webkit-media-controls-play-button,
video.vy-loop-video::-webkit-media-controls-overlay-play-button,
video.influent-video::-webkit-media-controls-start-playback-button,
video.d9f2-video::-webkit-media-controls-start-playback-button,
.hero-bg-video::-webkit-media-controls-start-playback-button,
.video-hero-bg::-webkit-media-controls-start-playback-button {
    display: none !important;
    -webkit-appearance: none;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Menu fixo */
:root {
    --site-nav-h: 68px;
}

.site-nav {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9990;
    width: 100%;
    max-width: 100vw;
    overflow: visible;
    transition:
        background 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;
    background: transparent;
    border-bottom: 1px solid transparent;
}

.site-nav.is-scrolled {
    background: rgba(9, 9, 15, 0.88);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border-bottom-color: rgba(255, 255, 255, 0.07);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.35);
}

.site-nav-bar {
    position: relative;
    z-index: 9992;
    width: 100%;
    max-width: 1020px;
    margin: 0 auto;
    padding: 12px max(16px, env(safe-area-inset-right)) 12px max(16px, env(safe-area-inset-left));
    min-height: var(--site-nav-h);
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-width: 0;
}

.site-nav-logo {
    display: flex;
    align-items: center;
    flex: 0 1 auto;
    min-width: 0;
    max-width: calc(100% - 56px);
    line-height: 0;
}

.site-nav-logo img {
    height: 28px;
    width: auto;
    max-width: 100%;
    display: block;
    object-fit: contain;
}

.site-nav-links {
    display: none;
    align-items: center;
    gap: clamp(16px, 2.2vw, 28px);
    flex: 1;
    justify-content: center;
    padding: 0 12px;
}

.site-nav-links a {
    font-family: "Geist", sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #949495;
    text-decoration: none;
    white-space: nowrap;
    transition: color 0.2s ease, opacity 0.2s ease;
}

.site-nav-links a:hover {
    color: #b8b8b9;
}

.site-nav-actions {
    display: none;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}

.site-nav-actions .container-botao {
    transform: scale(0.92);
    transform-origin: center right;
}

.site-nav-actions .botao .btn-cta {
    padding: 12px 22px !important;
    font-size: 14px !important;
}

.site-nav-login {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-family: "Geist", sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: #949495;
    text-decoration: none;
    border-radius: 8px;
    transition: color 0.2s ease, background 0.2s ease;
}
.site-nav-login svg {
    flex-shrink: 0;
    color: inherit;
}

.site-nav-toggle {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 6px;
    width: 44px;
    height: 44px;
    padding: 10px;
    border: none;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.06);
    cursor: pointer;
    flex-shrink: 0;
    -webkit-tap-highlight-color: transparent;
}

.site-nav-toggle:hover {
    background: rgba(255, 255, 255, 0.1);
}

.site-nav-toggle-bar {
    display: block;
    height: 2px;
    width: 100%;
    border-radius: 2px;
    background: #fff;
    transition: transform 0.3s ease, opacity 0.25s ease;
    transform-origin: center;
}

.site-nav.is-open .site-nav-toggle-bar:nth-child(1) {
    transform: translateY(8px) rotate(45deg);
}

.site-nav.is-open .site-nav-toggle-bar:nth-child(2) {
    opacity: 0;
    transform: scaleX(0);
}

.site-nav.is-open .site-nav-toggle-bar:nth-child(3) {
    transform: translateY(-8px) rotate(-45deg);
}

.site-nav-backdrop {
    display: block;
    position: fixed;
    left: 0;
    right: 0;
    top: var(--site-nav-h);
    bottom: 0;
    z-index: 9988;
    background: rgba(5, 5, 10, 0.6);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    opacity: 0;
    visibility: hidden;
    transition:
        opacity 0.28s ease,
        visibility 0.28s ease;
    pointer-events: none;
}

body.site-nav-menu-open .site-nav-backdrop {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.site-nav-drawer {
    display: flex;
    flex-direction: column;
    position: fixed;
    left: 0;
    right: 0;
    top: var(--site-nav-h);
    bottom: 0;
    z-index: 9989;
    width: 100%;
    max-width: 100vw;
    box-sizing: border-box;
    padding: 12px max(16px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background: rgba(12, 12, 18, 0.98);
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    transform: translate3d(0, -6px, 0);
    opacity: 0;
    visibility: hidden;
    transition:
        opacity 0.28s ease,
        visibility 0.28s ease,
        transform 0.28s ease;
    pointer-events: none;
}

body.site-nav-menu-open .site-nav-drawer {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
    pointer-events: auto;
}

.site-nav-drawer-links {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin: 0;
    padding: 8px 0 16px;
}

.site-nav-drawer-links a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 4px;
    font-family: "Geist", sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #949495;
    text-decoration: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.site-nav-drawer-links a:hover {
    color: #b8b8b9;
}

.site-nav-drawer-links a::after {
    content: "›";
    color: #949495;
    font-size: 18px;
}

.site-nav-drawer-links a:hover::after {
    color: #b8b8b9;
}

.site-nav-drawer-cta {
    display: grid;
    grid-template-columns: auto auto;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding-top: 8px;
}

.site-nav-drawer-cta .container-botao {
    width: auto;
    justify-content: center;
}

.site-nav-drawer-cta .botao {
    width: auto;
}

/* Drawer mobile: sobrescreve o CTA global (.botao .btn-cta) */
.site-nav-drawer-cta .botao .btn-cta {
    font-family: "Qurova", sans-serif;
    width: auto;
    text-align: center;
    padding: 8px 20px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 50px !important;
    min-height: 50px;
    line-height: 1 !important;
    font-size: 11px !important;
    box-sizing: border-box;
}

.site-nav-drawer-cta .botao .btn-cta .btn-cta-label {
    font-family: "Qurova", sans-serif;
    font-size: 14px !important;
    padding-top: 0 !important;
    line-height: 1 !important;
}

.site-nav-drawer-cta .site-nav-login {
    justify-content: center;
    width: auto;
    padding: 0;
    border: none;
    border-radius: 0;
    background: transparent;
    color: #949495;
    font-size: 12px;
    line-height: 1.1;
    gap: 4px;
    justify-self: center;
    white-space: nowrap;
}

.site-nav-drawer-cta .site-nav-login:hover {
    background: transparent;
}

.site-nav-drawer-cta .site-nav-login svg {
    width: 14px;
    height: 14px;
}

@media (min-width: 1025px) {
    .site-nav-links,
    .site-nav-actions {
        display: flex;
    }

    .site-nav-toggle {
        display: none;
    }

    .site-nav-backdrop,
    .site-nav-drawer {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }
}

@media (max-width: 1024px) {
    .site-nav.is-open {
        background: rgba(9, 9, 15, 0.95);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
    }

    body.site-nav-menu-open {
        overflow: hidden;
    }
}

#inicio,
#dobra2,
#dobra3,
#dobra4,
#dobra5,
#dobra6,
#dobra7,
#dobra8,
#dobra11,
#dobra13,
#dobra14,
#suporte {
    scroll-margin-top: calc(var(--site-nav-h) + 12px);
}


/* Botão CTA — fundo bg-cta.webp + brilho animado */
.container-botao {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    z-index: 1;
}

.botao {
    position: relative;
    display: inline-block;
    line-height: 0;
    border-radius: 5px;
    z-index: 3;
    overflow: visible;
    transition: transform 0.35s ease;
}

.botao .btn-cta {
    position: relative;
    display: block;
    border-radius: 5% / 100% !important;
    border: 1px solid #ff1d94;
    z-index: 1;
    line-height: 1.2;
    margin: 0 !important;
    padding: 20px 40px !important;
    color: #fff !important;
    text-align: center;
    text-wrap: balance;
    overflow: hidden;
    transition: transform 0.35s ease, filter 0.35s ease;
    text-decoration: none;
    font-family: "Qurova", sans-serif;
    font-size: 24px !important;
    font-weight: 700;
    letter-spacing: 0.02em;
    height: auto;
    box-sizing: border-box;
    background: linear-gradient(180deg, #ff2a9a 0%, #d4147a 52%, #b81068 100%);
}

.botao .btn-cta .btn-cta-label {
    position: relative;
    display: inline-block;
    padding-top: 2px;
    z-index: 9;
    font-family: "Qurova", sans-serif;
}

.botao .btn-cta::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("/public/assets/img/bg-cta.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -1;
    opacity: 1;
    border-radius: inherit;
}

.botao:hover {
    transform: scale(1.02);
}

.botao .btn-cta:hover {
    filter: brightness(1.08) saturate(1.05);
}

@media (prefers-reduced-motion: no-preference) and (min-width: 768px) {
    .botao .btn-cta::before {
        content: "";
        position: absolute;
        width: 50px;
        height: 110%;
        top: 0;
        left: -100px;
        transform: skewX(-20deg);
        animation: cta-shine 2s linear infinite;
        mix-blend-mode: plus-lighter;
        filter: blur(5px);
        pointer-events: none;
        background: rgb(255, 123, 192);
        z-index: 2;
        overflow: hidden;
    }
}

@keyframes cta-shine {
    0% {
        opacity: 0;
        left: 0%;
    }
    25% {
        opacity: 0.2;
    }
    50% {
        opacity: 0.4;
        left: 10%;
    }
    75% {
        opacity: 0.2;
    }
    100% {
        opacity: 0;
        left: 80%;
    }
}

/* Dobra 1 (Hero) */
.dobra-1 {
    position: relative;
    padding: 0 0 30px;
    margin: 0 auto;
    width: 100%;
    min-height: 100vh;
    height: auto;
    box-sizing: border-box;
    overflow: hidden;
    z-index: 2;
}

.hero-bg-video-wrap {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    
}

.hero-bg-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 1;
    filter: blur(44px);
    transform: scale(1.08);
    mask-image: linear-gradient(to bottom, #000 0%, transparent 70%);
    

}

.hero-bg-video-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgba(9, 9, 15, 0.08), rgba(9, 9, 15, 0.35));
}

/* Ícones Hero Decorativos */
.hero-icon-1 {
    position: absolute;
    top: 450px;
    left: calc(50% - 540px);
    z-index: 5;
    pointer-events: none;
    transform: rotate(-20deg);
    animation: floatIcon1 3s ease-in-out infinite;
}

.hero-icon-2 {
    position: absolute;
    top: 220px;
    right: calc(50% - 540px);
    z-index: 5;
    pointer-events: none;
    transform: rotate(20deg);
    animation: floatIcon2 3s ease-in-out infinite;
}

@keyframes floatIcon1 {
    0%, 100% {
        transform: rotate(-20deg) translateY(0px);
    }
    50% {
        transform: rotate(-20deg) translateY(-20px);
    }
}

@keyframes floatIcon2 {
    0%, 100% {
        transform: rotate(20deg) translateY(0px);
    }
    50% {
        transform: rotate(20deg) translateY(-20px);
    }
}

.hero-icon-1 img,
.hero-icon-2 img {
    width: 80px;
    height: 80px;
    display: block;
    filter: drop-shadow(0 0 31.68px rgba(51, 116, 255, 1));
}

/* Video Hero */
.video-hero {
    position: relative;
    width: 1000px;
    height: 520px;
    margin: 0 auto;
    border-radius: 10px;
    overflow: hidden;
    cursor: pointer;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    mask: linear-gradient(to bottom, #000 0%, #000 40%, transparent 80%);
    z-index: 3;
    margin-top: 140px;
    background: rgba(4, 10, 27, 0.55);
}

.video-hero-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 2;
    mask: linear-gradient(to bottom, #000 0%, #000 40%, transparent 80%);
    padding-bottom: 4px;
    opacity: 0.8;
    pointer-events: none;
}

.video-hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.03);
    border-radius: 12px;
    pointer-events: none;
}

.video-hero-content {
    position: absolute;
    top: 160px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    z-index: 3;
    pointer-events: none;
}

.video-hero-play-btn {
    width: 80px;
    height: 80px;
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: auto;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
    z-index: 3;
    transition: transform 0.25s ease;
    background: transparent;
    border: none;
    padding: 0;
    appearance: none;
    -webkit-appearance: none;
}

.video-hero-play-btn img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: relative;
    z-index: 11;
    pointer-events: none;
}

.video-hero-play-btn:hover {
    transform: scale(1.1);
    transition: 0.3s linear;
}

.video-hero-play-btn::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: rgba(51, 116, 255, 0.45);
    box-shadow: 0 0 24px rgba(51, 116, 255, 0.65);
    pointer-events: none;
    z-index: 10;
}

@media (prefers-reduced-motion: no-preference) and (min-width: 768px) {
    .video-hero-play-btn::before {
        animation: pulse 2s infinite;
    }
}

@keyframes pulse {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0.8;
    }
    70% {
        transform: translate(-50%, -50%) scale(1.5);
        opacity: 0;
    }
    100% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0;
    }
}

.video-popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 100dvh;
    background: rgba(0, 0, 0, 0.9);
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: safe center;
    z-index: 10000;
    padding: max(16px, env(safe-area-inset-top, 0px)) 80px max(32px, env(safe-area-inset-bottom, 0px)) 80px;
    box-sizing: border-box;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.video-popup-overlay.show {
    display: flex;
}

.video-popup-content {
    position: relative;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    background: transparent;
    border-radius: 12px;
    overflow: visible;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
}

.video-popup-media {
    position: relative;
    width: 100%;
    border-radius: 12px;
    overflow: hidden;
    background: #000;
}

.video-popup-close {
    position: absolute;
    top: 10px;
    right: 10px;
    background: rgba(0, 0, 0, 0.65);
    border: 2px solid rgba(255, 255, 255, 0.35);
    border-radius: 50%;
    width: 44px;
    height: 44px;
    cursor: pointer;
    z-index: 10003;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.video-popup-close:hover {
    background: rgba(0, 0, 0, 0.8);
    border-color: rgba(255, 255, 255, 0.3);
}

.video-popup-close svg {
    width: 20px;
    height: 20px;
    stroke: #fff;
}

.video-loading {
    position: relative;
    width: 100%;
    padding: 56.25% 0 0;
    background: #000;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.video-loading::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    border: 3px solid rgba(255, 255, 255, 0.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    to { transform: translate(-50%, -50%) rotate(360deg); }
}

/* Video Popup Title and Button */
.video-popup-info {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 40px;
    padding: 0 20px;
    box-sizing: border-box;
}

.video-popup-title {
    font-family: "Geist", sans-serif;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.3;
    text-align: left;
    color: #fff;
    letter-spacing: 0.5px;
    margin: 0;
    max-width: 450px;
    text-wrap: balance;
}

.video-popup-cta {
    display: flex;
    justify-content: flex-end;
}

.video-popup-cta .botao {
    overflow: visible;
}

.video-popup-cta .btn-cta {
    padding: 20px 3rem !important;
    height: auto;
    font-size: 15px;
    z-index: 3 !important;
}

#popupVideo {
    max-width: 100%;
    width: 100%;
}

@media (max-width: 768px) {
    /* Coluna: conteúdo no meio da tela (vertical + horizontal) */
    .video-popup-overlay {
        flex-direction: column;
        align-items: center;
        justify-content: safe center;
        min-height: 100%;
        min-height: 100dvh;
        padding-top: max(12px, env(safe-area-inset-top, 0px));
        padding-bottom: max(20px, env(safe-area-inset-bottom, 0px));
        padding-left: max(14px, env(safe-area-inset-left, 0px));
        padding-right: max(14px, env(safe-area-inset-right, 0px));
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    .video-popup-content {
        flex: 0 0 auto;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        gap: 16px;
        align-items: stretch;
    }

    .video-popup-close {
        top: 8px;
        right: 8px;
        width: 44px;
        height: 44px;
    }

    .video-popup-close svg {
        width: 18px;
        height: 18px;
    }

    .video-loading {
        max-width: 100%;
        margin: 0 auto;
    }

    #popupVideo {
        max-width: 100%;
    }

    .video-popup-info {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        gap: 14px;
        padding: 0 4px;
        text-align: center;
    }

    .video-popup-title {
        font-size: 17px;
        line-height: 1.35;
        text-align: center;
        max-width: 100%;
        letter-spacing: 0.02em;
    }

    .video-popup-cta {
        width: 100%;
        justify-content: center;
    }

    .video-popup-cta .btn-cta {
        padding: 12px 1.25rem !important;
        font-size: 18px !important;
        width: 100%;
        max-width: 280px;
    }
}

/* Members Section */
.members-container {
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: "Geist", sans-serif;
    letter-spacing: 0.5px;
    font-weight: 500;
    margin: -220px 0 0px;
    justify-content: center;
    position: relative;
    z-index: 4;
}

.members-photos {
    display: flex;
    align-items: center;
    position: relative;
}

.members-photo {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid #000;
    cursor: pointer;
    transition: all 0.3s ease;
    background-size: cover;
    background-position: center;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
    position: relative;
    margin-left: -10px;
}

.members-photo:first-child {
    margin-left: 0;
}

.members-photo:nth-child(1) {
    background-image: url('/public/assets/img/membro-1.webp');
    z-index: 5;
}

.members-photo:nth-child(2) {
    background-image: url('/public/assets/img/membro-2.webp');
    z-index: 4;
}

.members-photo:nth-child(3) {
    background-image: url('/public/assets/img/membro-3.webp');
    z-index: 3;
}

.members-photo:nth-child(4) {
    background-image: url('/public/assets/img/membro-4a.webp');
    z-index: 2;
}

.members-photo:nth-child(5) {
    background-image: url('/public/assets/img/membro-5.webp');
    z-index: 1;
}

.members-photo.active {
    transform: scale(1.1);
    z-index: 10 !important;
    filter: none !important;
    opacity: 1 !important;
}

.members-photos.hovering .members-photo:not(.active) {
    filter: grayscale(100%) blur(2px);
    opacity: 0.6;
}

.members-rating {
    color: #fff;
    border-radius: 30px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}

.stars {
    display: flex;
}

.stars-svg {
    height: 12px;
    width: auto;
}

.rating-text {
    font-size: 14px;
    line-height: 1.2;
    font-family: "Geist", sans-serif;
    font-weight: 400;
    letter-spacing: -0.2px;
}

.rating-number {
    font-weight: 700;
}

/* Hero Title */
.hero-title {
    font-size: 42px;
    font-weight: 500;
    line-height: 1.2em;
    letter-spacing: -2px;
    text-align: center;
    margin: 0 auto 40px;
    padding-top: 10px;
    font-family: "Geist", sans-serif;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    background: linear-gradient(272deg,rgb(200, 220, 255) -20.24%,
    rgb(245, 249, 255) 53.39%,rgb(200, 220, 255) 127.03%) text;
    background-clip: text;
    color: transparent;
    text-wrap: balance;
    position: relative;
    z-index: 4;
    width: 100%;
    max-width: 1000px;
    align-items: center;
    justify-content: center;
}

/* Hero CTA Button */
.hero-cta {
    display: flex;
    justify-content: center;
    margin: 0;
    position: relative;
    z-index: 4;
}

.hero-cta .botao {
    overflow: visible;
}

.hero-cta .btn-cta {
    padding: 20px 40px !important;
    height: auto;
    font-size: 20px;
    z-index: 3 !important;
}

/* Hero — países */
.hero-countries {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-top: 28px;
    padding: 0 16px 8px;
    position: relative;
    z-index: 4;
}

.hero-countries-flags {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
}

.hero-flag {
    display: block;
    width: 22px;
    height: 16px;
    line-height: 0;
}

.hero-flag img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hero-countries-divider {
    width: 1px;
    height: 14px;
    background: rgba(255, 255, 255, 0.28);
    flex-shrink: 0;
}

.hero-countries-text {
    margin: 0;
    padding: 0;
    font-family: "Geist", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0.01em;
    color: rgba(255, 255, 255, 0.62);
    white-space: nowrap;
}

.hero-countries-text b {
    color: rgba(255, 255, 255, 0.92);
    font-weight: 600;
}


/* Notebook / laptop: vídeo e título um pouco menores; ícones alinhados ao viewport */
@media only screen and (min-width: 768px) and (max-width: 1500px) {
    :root {
        --site-nav-h: 62px;
    }

    .site-nav-bar {
        max-width: 940px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .site-nav-logo img {
        height: 26px;
    }

    .site-nav-links {
        gap: clamp(12px, 1.6vw, 22px);
    }

    .site-nav-links a {
        font-size: 13px;
    }

    .site-nav-actions .botao .btn-cta {
        padding: 10px 18px !important;
        font-size: 13px !important;
    }

    .site-nav-login {
        font-size: 12px;
    }

    .video-hero {
        width: 940px;
        height: auto;
        aspect-ratio: 1000 / 520;
        margin-top: 130px;
    }


    .video-hero-play-btn,
    .video-hero-play-btn::before {
        width: 68px;
        height: 68px;
    }

    .hero-title {
        font-size: 36px;
        letter-spacing: -1.4px;
        margin: 0 auto 28px;
        padding-top: 6px;
        max-width: min(940px, 92vw);
    }

    .hero-cta .btn-cta {
        padding: 16px 32px !important;
        font-size: 22px !important;
    }

    .hero-countries {
        margin-top: 22px;
        gap: 10px;
    }

    .hero-flag {
        width: 20px;
        height: 14px;
    }

    .hero-countries-text {
        font-size: 13px;
    }

    .hero-icon-1 {
        top: 420px;
        left: calc(50% - 470px);
    }

    .hero-icon-2 {
        top: 210px;
        right:  calc(50% - 480px);
    }

    .hero-icon-1 img,
    .hero-icon-2 img {
        width: 64px;
        height: 64px;
    }
}

@media only screen and (max-width: 767px) {
    .dobra-1 {
        margin: 0 auto !important;
        width: 100% !important;
        min-height: 100vh;
        height: auto;
        padding-bottom: 0px;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .hero-icon-1,
    .hero-icon-2 {
        display: none;
    }

    .video-hero {
        width: 95%;
        height: 310px;
        margin-top: 0px;
        border-radius: 10px;
    }

    .video-hero-content {
        top: 80px;
    }

    .video-hero-play-btn,
    .video-hero-play-btn::before {
        width: 56px;
        height: 56px;
    }

    .members-container {
        width: 90%;
        max-width: 340px;
        margin: -150px auto 0;
        gap: 8px;
        justify-content: center;
    }

    .members-photo {
        width: 30px;
        height: 30px;
        border-width: 1.5px;
        margin-left: -8px;
        box-shadow: 0 5px 14px rgba(0, 0, 0, 0.24);
    }

    .stars-svg {
        height: 10px;
    }

    .rating-text {
        font-size: 12px;
        line-height: 1.15;
    }

    .hero-title {
        width: 90%;
        margin: 18px auto 22px;
        padding-top: 0;
        font-size: 24px;
        line-height: 1.25;
        letter-spacing: -0.8px;
    }

    .hero-cta {
        width: 94%;
        max-width: 360px;
    }

    .hero-cta .container-botao,
    .hero-cta .botao {
        width: 100%;
    }

    .hero-cta .btn-cta {
        width: 100%;
        padding: 14px 12px !important;
        font-size: clamp(16px, 4.8vw, 19px) !important;
        line-height: 1.2;
        border-radius: 5% / 100% !important;
    }

    .hero-cta .btn-cta::after {
        border-radius: inherit;
    }

    .video-hero-play-btn::before {
        background: rgba(51, 116, 255, 0.35);
        box-shadow: 0 0 18px rgba(51, 116, 255, 0.5);
    }

    .hero-countries {
        width: 94%;
        max-width: 360px;
        margin-top: 14px;
        gap: clamp(4px, 1.4vw, 8px);
        padding: 0 2px;
        box-sizing: border-box;
        justify-content: center;
    }

    .hero-flag {
        width: clamp(13px, 3.8vw, 17px);
        height: clamp(9px, 2.7vw, 12px);
    }

    .hero-countries-flags {
        gap: clamp(3px, 1vw, 5px);
    }

    .hero-countries-divider {
        height: 12px;
    }

    .hero-countries-text {
        font-size: clamp(10px, 3vw, 12px);
        white-space: nowrap;
        text-align: center;
        letter-spacing: -0.01em;
    }
}

/* Dobra 2 */
.dobra-2 {
    position: relative;
    z-index: 6;
    margin-top: 0;
    padding: 88px 24px 110px;
    background: linear-gradient(180deg, #0d0d16 0%, #09090F 100%);
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 0;
    opacity: 1;
    box-shadow: 0 -48px 90px rgba(0, 0, 0, 0.55), 0 -12px 30px rgba(0, 0, 0, 0.4);
}

.dobra-2-inner {
    max-width: 1180px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.97fr);
    gap: 24px;
    align-items: stretch;
}

/* Coluna esquerda: tudo dentro de um card; ilustração absolute embaixo */
.dobra-2-left-card {
    position: relative;
    overflow: hidden;
    border-radius: 28px;
    background: #000000;
    border: 1px solid rgba(255, 255, 255, 0.1);
   
    padding: 36px 32px 180px;
}

.dobra-2-card-content {
    position: relative;
    z-index: 2;
}

.dobra-2-kicker {
    margin: 0 0 14px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.55);
    font-family: "Geist", sans-serif;
}

.dobra-2-title {
    margin: 0 0 20px;
    font-size: 36px;
    line-height: 1.1;
    letter-spacing: -1px;
    font-weight: 500;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    background: linear-gradient(272deg,rgb(200, 220, 255) -20.24%,
    rgb(245, 249, 255) 53.39%,rgb(200, 220, 255) 127.03%) text;
    background-clip: text;
    color: transparent;
    max-width: 100%;
    font-family: "Geist", sans-serif;
}

.dobra-2-text {
    margin: 0;
    font-size: 18px;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.78);
    max-width: 100%;
    letter-spacing: -0.5px;
}

.dobra-2-text + .dobra-2-text {
    margin-top: 16px;
}

.dobra-2-text-destaque {
    color:rgb(255, 54, 87) !important;
}

/* Ilustração: âncora no canto inferior esquerdo; img com bottom/left negativos “sai” do card — o clip vem do .dobra-2-left-card { overflow: hidden } */
.dobra-2-card-visual {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 78%;
    max-width: 400px;
    height: 48%;
    min-height: 200px;
    z-index: 1;
    pointer-events: none;
}

.dobra-2-card-visual video {
    position: absolute;
    left: -10%;
    bottom: -100px;
    width: 125%;
    max-width: 280px;
    height: auto;
    display: block;
    object-fit: contain;
    object-position: left bottom;
    mix-blend-mode: screen;
    pointer-events: auto;
}

.dobra-2-cards {
    list-style: none;
    margin: 0;
    padding: 8px 0 0;
    display: grid;
    gap: 14px;
}

.dobra-2-card {
    display: grid;
    grid-template-columns: 32px 1fr;
    align-items: center;
    gap: 12px;
    padding: 16px 18px;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.11);
    background: rgba(255, 255, 255, 0.03);
}

.dobra-2-icon {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
    background: radial-gradient(circle at 30% 30%, rgb(255, 77, 97), #F31539 55%, #b8102e);
    border: 1px solid rgba(243, 21, 57, 0.85);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.dobra-2-card span {
    font-size: 16px;
    line-height: 1.35;
    color: rgba(255, 255, 255, 0.94);
}

@media only screen and (max-width: 767px) {
    .dobra-2 {
        padding: 44px 20px 56px;
    }

    .dobra-2-inner {
        grid-template-columns: 1fr;
        gap: 14px;
        align-items: start;
    }

    .dobra-2-left-card {
        padding: 22px 18px 140px;
        border-radius: 22px;
    }

    .dobra-2-card-visual {
        width: 70%;
        height: 42%;
        min-height: 160px;
    }

    .dobra-2-card-visual video {
        left: -6%;
        bottom: -70px;
        width: 120%;
        max-width: 220px;
    }

    .dobra-2-title {
        font-size: 22px;
        line-height: 1.2;
        letter-spacing: -0.6px;
        margin-bottom: 14px;
    }

    .dobra-2-text {
        font-size: 14px;
        line-height: 1.5;
        letter-spacing: -0.2px;
    }

    .dobra-2-text + .dobra-2-text {
        margin-top: 10px;
    }

    .dobra-2-cards {
        gap: 10px;
    }

    .dobra-2-card {
        grid-template-columns: 22px 1fr;
        padding: 14px 14px;
        border-radius: 18px;
        gap: 4px !important;
    }

    .dobra-2-icon {
        width: 16px;
        height: 16px;
        font-size: 10px !important;
    }

    .dobra-2-card span {
        font-size: 13px;
        line-height: 1.35;
    }
}

/* Dobra 3 — grade + vinheta em toda a seção; texto à esquerda, fluxo vertical à direita */
.dobra-3 {
    position: relative;
    z-index: 5;
    background: #ffffff;
    color: #14141a;
    padding: 40px 24px 40px;
    border-top: none;
    overflow: hidden;
}
       

.dobra-3-bg {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
}

.dobra-3-dots {
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle, #a8a29e 0.8px, transparent 0.8px);
    background-size: 16px 16px;
    opacity: 0.4;
}

.dobra-3-vignette {
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse at center, transparent 0%, transparent 38%, rgba(255, 255, 255, 0.97) 100%);
}

.dobra-3-inner {
    position: relative;
    z-index: 1;
    max-width: 1180px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 48px;
    align-items: center;
}

.dobra-3-title {
    margin: 0 0 20px;
    font-family: "Geist", sans-serif;
    font-size: clamp(28px, 3.2vw, 40px);
    font-weight: 700;
    line-height: 1.12;
    letter-spacing: -0.02em;
    color: #09090f;
}

.dobra-3-lead {
    margin: 0 0 18px;
    font-family: "Geist", sans-serif;
    font-size: 18px;
    line-height: 1.55;
    color: #2a2a33;
    font-weight: 500;
}

.dobra-3-text {
    margin: 0 0 24px;
    font-family: "Geist", sans-serif;
    font-size: 17px;
    line-height: 1.65;
    color: #45454f;
}

.dobra-3-destaque {
    margin: 0;
    font-family: "Geist", sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.45;
    color: #2563eb;
}

.dobra-3-visual {
    position: relative;
    min-height: 380px;
    border: none;
    border-radius: 0;
    overflow: visible;
    background: transparent;
}

@media only screen and (max-width: 767px) {
    .dobra-3 {
        padding: 34px 20px 36px;
    }

    .dobra-3-inner {
        grid-template-columns: 1fr;
        gap: 18px;
        align-items: start;
    }

    .dobra-3-copy {
        max-width: 36rem;
        order: 1;
    }

    .dobra-3-visual {
        order: 2;
        min-height: 0;
    }

    .dobra-3-title {
        margin-bottom: 12px;
        font-size: 24px;
        line-height: 1.18;
        letter-spacing: -0.01em;
        text-align: center;
    }

    .dobra-3-lead {
        margin-bottom: 12px;
        font-size: 14px;
        line-height: 1.45;
        color: #1f2937;
        text-align: center;
    }

    .dobra-3-text {
        margin-bottom: 14px;
        font-size: 14px;
        line-height: 1.5;
        text-align: center;
    }

    .dobra-3-destaque {
        font-size: 14px;
        line-height: 1.4;
        text-align: center;
    }

    .dobra-3-dots {
        opacity: 0.32;
        -webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 76%);
        mask-image: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 76%);
    }

    /* Mantém a mesma animação, só reduz escala no mobile */
    .d3viz-content {
        max-width: 300px;
        transform: scale(0.92);
        transform-origin: top center;
    }

    .d3viz-pills-row {
        width: 240px;
    }

    .d3viz-pill {
        padding: 6px 11px;
        font-size: 11px;
        gap: 6px;
    }

    .d3viz-pill svg {
        width: 12px;
        height: 12px;
    }

    .d3viz-merge-wrap {
        height: 72px;
    }

    .d3viz-node {
        border-radius: 14px;
    }

    .d3viz-node-label {
        font-size: 9px;
        padding: 10px 12px 0;
    }

    .d3viz-node--trans .d3viz-node-label {
        padding-top: 12px;
    }

    .d3viz-node-scroll {
        padding: 10px 10px 8px;
        max-height: 80px;
    }

    .d3viz-node--trans .d3viz-node-text {
        font-size: 10px;
        line-height: 1.42;
    }

    .d3viz-vlink {
        margin: 2px 0;
    }

    .d3viz-vlink-svg {
        height: 48px;
    }

    .d3viz-node--video .d3viz-node-body {
        --d3viz-notif-viewport-h: 116px;
        gap: 10px;
        padding: 10px 8px 10px;
    }

    .d3viz-notif-container {
        gap: 5px;
    }

    .d3viz-notif {
        min-height: 36px;
        padding: 5px 7px 5px 6px;
        border-radius: 8px;
        gap: 6px;
    }

    .d3viz-notif-icon {
        width: 23px;
        height: 23px;
    }

    .d3viz-notif-title {
        font-size: 9px;
    }

    .d3viz-notif-commission {
        font-size: 10px;
    }

    .d3viz-notif-time {
        font-size: 8px;
    }
}

/* Dobra 4 — Conheça a VYRAL */
.dobra-4 {
    position: relative;
    z-index: 6;
    background: #09090F;
    opacity: 1;
    padding: 60px 20px 0px;
    overflow: hidden;

}

.dobra-4::before{
    content: "";
  position: absolute;
  top: -20%;
  left: 50%;
  transform: translate(-50%, -50%);
  filter: blur(100px);
  width: 1000px;
  height: 500px;
  border-radius: 50%;
  background:rgb(3, 19, 68);
  pointer-events: none;
}


.dobra-4-inner {
    position: relative;
    z-index: 1;
    max-width: 1000px;
    margin: 0 auto;
}


.dobra-4-head::-webkit-scrollbar {
    height: 4px;
}

.dobra-4-head::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.15);
    border-radius: 4px;
}

/*
 * Estrutura: <div class="dobra-4-title"> <span class="dobra-4-title-text">…</span> <div class="dobra-4-title-icons">…</div> <span>…</span> </div>
 * Gradiente só no texto — ícones fora do background-clip:text (senão a troca do rotor não pinta).
 */
.dobra-4-title {
    margin: 0 auto;
    font-family: "Geist", sans-serif;
    font-size: 42px;
    font-weight: 600;
    line-height: 1.35;
    letter-spacing: -0.03em;
    text-align: center;
    text-wrap: balance;
    vertical-align: top;
    overflow: visible;
    color: rgb(245, 249, 255);
}

.dobra-4-title-text {
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    background: linear-gradient(272deg,rgb(200, 220, 255) -20.24%,
    rgb(245, 249, 255) 53.39%,rgb(200, 220, 255) 127.03%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
}

.dobra-4-title-icons {
    display: inline-block;
    vertical-align: middle;
    margin: 0 12px;
    line-height: 0;
    overflow: visible;
    /* Sai do background-clip:text do título — senão o <img> troca a classe e não pinta */
    position: relative;
    z-index: 1;
    color: #fff;
    -webkit-text-fill-color: initial;
    background: none;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    isolation: isolate;
}

.dobra-4-rotor {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    flex-shrink: 0;
    vertical-align: middle;
    overflow: visible;
    transform: translateZ(0);
    margin-top: -6px;
}

.dobra-4-rotor-item {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
    z-index: 0;
}

.dobra-4-rotor-item.is-active {
    opacity: 1;
    z-index: 1;
}

.dobra-4-rotor-item:nth-child(odd) .dobra-4-rotor-frame {
    transform: rotate(-4deg);
}

.dobra-4-rotor-item:nth-child(even) .dobra-4-rotor-frame {
    transform: rotate(4deg);
}

.dobra-4-rotor-frame {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 84px !important;
    height: 64px;
    padding: 0px 10px !important;
    transform-origin: center center;
    overflow: visible;
}

.dobra-4-rotor-frame img {
    display: block;
    width: 64px;
    height: 64px;
    object-fit: contain;
    margin: 0;
}


.dobra-4-stage {
    width: 100%;
    max-width: min(1180px, 100%);
    margin: 0 auto;
    position: relative;
}

/* Barra de progresso — 80% da largura do bloco do vídeo; trilho quase invisível; progresso branco + glow leve */
.dobra-4-video-progress {
    width: 80%;
    max-width: 100%;
    margin: 0 auto 10px;
    padding: 10px 0 20px 0;
    box-sizing: border-box;
}

.dobra-4-video-progress-track {
    position: relative;
    height: 1px;
    border-radius: 1px;
    background: rgba(255, 255, 255, 0.028);
    overflow: visible;
}

.dobra-4-video-progress-fill {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    transform-origin: left center;
    transform: scaleX(0);
    border-radius: 1px;
    background: #ffffff;
    box-shadow:
        0 0 4px 0.5px rgba(255, 255, 255, 0.35),
        0 0 10px 1px rgba(200, 215, 255, 0.12);
    pointer-events: none;
}

/* padding 1px + ::before barra 10px × 110% a girar → padding 6px → vídeo */
.dobra-4-video-outer {
    position: relative;
    padding: 1px;
    border-radius: 26px;
    overflow: hidden;
    background: #080c14;
    mask: linear-gradient(to bottom, rgba(0, 0, 0, 1) 60%, rgba(0, 0, 0, 0) 100%);
}

.dobra-4-video-outer::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 110%;
    height: 40px;
    margin-left: -55%;
    margin-top: -5px;
    z-index: 0;
    pointer-events: none;
    background: #38bdf8;
   filter: blur(10px);
    transform-origin: center center;
    animation: d4BarRotate 14s linear infinite;
}

@keyframes d4BarRotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.dobra-4-video-mid {
    position: relative;
    z-index: 1;
    padding: 6px;
    border-radius: 24px;
    background:rgb(4, 10, 27);
}

.dobra-4-video-media {
    position: relative;
    border-radius: 18px;
    overflow: hidden;
    aspect-ratio: 16 / 9;
    background: #000;
    border: 1px solid rgb(19, 21, 21);
}

.dobra-4-video-media video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


@media only screen and (max-width: 767px) {
    .dobra-4 {
        padding: 42px 10px 0;
    }

    .dobra-4-title {
        font-size: 26px;
        line-height: 1.25;
    }

    .dobra-4-title-icons {
        margin: 0 8px;
    }

    .dobra-4-rotor {
        width: 28px;
        height: 38px;
    }

    .dobra-4-rotor-frame {
        width: 40px !important;
        height: 42px;
        padding: 0 0px !important;
    }

    .dobra-4-rotor-frame img {
        width: 36px;
        height: 36px;
    }

    .dobra-4-video-progress {
        width: 72%;
        margin-bottom: 8px;
        padding: 6px 0 14px;
    }

    .dobra-4-video-progress-track {
        height: 1px;
        background: rgba(255, 255, 255, 0.04);
    }

    .dobra-4-video-progress-fill {
        box-shadow: none;
    }

    .dobra-4-video-outer {
        width: 98%;
        margin-left: auto;
        margin-right: auto;
        border-radius: 22px;
    }

    .dobra-4-video-mid {
        padding: 5px;
        border-radius: 20px;
    }

    .dobra-4-video-media {
        border-radius: 14px;
    }
}

/* Dobra 5 — fundo branco + grid de pontos igual à dobra 3 · caixa estilo prompt */
.dobra-5 {
    position: relative;
    z-index: 7;
    overflow-x: hidden;
    overflow-y: visible;
    margin-top: 0;
    padding: 40px 24px 108px;
    background: #ffffff;
    border-top: 1px solid rgba(15, 23, 42, 0.06);
    color: #0f172a;
    border-radius: 50px;
}

.dobra-5-bg {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
}

/* Mesmo padrão visual da .dobra-3-dots */
.dobra-5-dots {
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle, #a8a29e 0.8px, transparent 0.8px);
    background-size: 16px 16px;
    opacity: 0.4;
}

.dobra-5-inner {
    position: relative;
    z-index: 1;
    max-width: 1120px;
    margin: 0 auto;
}

.dobra-5-layout {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: clamp(24px, 4vw, 40px);
}

/* Linha superior: [vídeo] [prompt IA] [vídeo] */
.dobra-5-row--top {
    display: grid;
    grid-template-columns: minmax(96px, 1fr) minmax(280px, min(100%, 620px)) minmax(96px, 1fr);
    grid-template-areas: "slot-tl copy slot-tr";
    align-items: center;
    gap: clamp(20px, 3.5vw, 48px);
}

.dobra-5-slot--tl {
    grid-area: slot-tl;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    pointer-events: none;
}

.dobra-5-slot--tr {
    grid-area: slot-tr;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    pointer-events: none;
}

.dobra-5-copy {
    grid-area: copy;
    padding: 0 6px;
    margin: 0 auto;
    width: 100%;
}

.dobra-5-prompt-box {
    text-align: center;
    background: #ffffff;
    border-radius: 22px;
   border: 1.5px solid rgba(37, 99, 235, 0.5);
   box-shadow:
    0 0 0 1.5px rgba(147, 197, 253, 0.45),
    0 26px 62px rgba(15, 23, 42, 0.07),
    0 10px 28px rgba(37, 99, 235, 0.08);
    overflow: hidden;
}

.dobra-5-prompt-main {
    padding: 20px 22px 10px;
    min-height: 0;
}

.dobra-5-prompt-type {
    margin: 0 auto;
    max-width: 38rem;
    font-family: "Geist", sans-serif;
    font-size: clamp(17px, 2.15vw, 22px);
    font-weight: 500;
    line-height: 1.45;
    letter-spacing: -0.02em;
    color: #0f172a;
    text-wrap: balance;
    text-align: center;
}

.dobra-5-title-brand {
    font-weight: 700;
    letter-spacing: -0.03em;
    color: #2563eb;
}

.dobra-5-prompt-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 12px 12px;
    border-top: 1px solid rgba(15, 23, 42, 0.06);
    background: linear-gradient(180deg, #fafbfc 0%, #f4f6f8 100%);
}

.dobra-5-prompt-toolbar-left {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}

.dobra-5-tb-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    border-radius: 10px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    background: #fff;
    color: #64748b;
    box-shadow: none;
    cursor: default;
    pointer-events: none;
}

.dobra-5-tb-icon svg {
    display: block;
}

.dobra-5-tb-send {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    border: 1px solid rgba(37, 99, 235, 0.28);
    background: #f8fafc;
    color: #2563eb;
    box-shadow: none;
    cursor: default;
    pointer-events: none;
}

.dobra-5-tb-send svg {
    display: block;
}

/* Linha inferior: mais próxima do prompt; meio reto, laterais levemente giradas */
.dobra-5-row--bottom {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(24px, 6vw, 72px);
    padding: 0 clamp(8px, 3vw, 40px);
    margin-top: -18px;
    align-items: start;
    pointer-events: none;
}

.dobra-5-slot--b2 {
    display: flex;
    justify-content: center;
}

.dobra-5-slot--b1 {
    display: flex;
    justify-content: flex-end;
    padding-right: clamp(0px, 2vw, 16px);
}

.dobra-5-slot--b3 {
    display: flex;
    justify-content: flex-start;
    padding-left: clamp(0px, 2vw, 16px);
}

.dobra-5-card-wrap {
    width: clamp(102px, 12.5vw, 142px);
    flex-shrink: 0;
}

.dobra-5-card-wrap--t1 {
    transform: rotate(-5deg) translateY(-10px);
}

.dobra-5-card-wrap--t2 {
    transform: rotate(5.5deg) translateY(8px);
}

.dobra-5-card-wrap--b1 {
    transform: rotate(4deg) translateY(8px) scale(0.96);
}

.dobra-5-card-wrap--b2 {
    transform: none;
}

.dobra-5-card-wrap--b3 {
    transform: rotate(-5deg) translateY(8px) scale(0.98);
}

.dobra-5-card-inner {
    border-radius: 18px;
    overflow: hidden;
    aspect-ratio: 9 / 16;
    border: 1.5px solid rgba(37, 99, 235, 0.5);
   box-shadow:
    0 0 0 1.5px rgba(147, 197, 253, 0.45),
    0 26px 62px rgba(15, 23, 42, 0.07),
    0 10px 28px rgba(37, 99, 235, 0.08);
}

.dobra-5-card-inner video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    pointer-events: auto;
}
.dobra-5-videos-mobile{
    display: none;
}


@media only screen and (max-width: 767px) {
    .dobra-5 {
        padding: 40px 0px;
        border-radius: 24px;
        width: 100%;
        height: auto !important;
    }

    .dobra-5-layout {
        gap: 18px;
    }
    .dobra-5-inner {
    max-width: 100%;
   
}

    /* Mobile: prompt no topo, vídeos empilhados abaixo (como print) */
    .dobra-5-row--top {
        grid-template-columns: 1fr;
        grid-template-areas:
            "copy"
            "videos";
        gap: 32px;
        min-width: 0;
        justify-items: center;
    }

    .dobra-5-copy {
        padding: 0;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        min-width: 0 !important;
       
    }

    .dobra-5-slot--tl,
    .dobra-5-slot--tr {
        display: none;
    }

    .dobra-5-prompt-box {
        border-radius: 16px;
        width: min(100%, 360px);
        max-width: 100%;
        margin: 0 auto 34px;
        box-sizing: border-box;
        
     }

    .dobra-5-prompt-main {
        padding: 16px 16px 10px;
    }

    .dobra-5-prompt-type {
        font-size: 16px;
        line-height: 1.35;
        max-width: 100%;
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    .dobra-5-prompt-toolbar {
        padding: 8px 10px 10px;
    }

    .dobra-5-tb-icon,
    .dobra-5-tb-send {
        width: 32px;
        height: 32px;
        border-radius: 9px;
    }

    .dobra-5-slot--tl,
    .dobra-5-slot--tr {
        justify-content: center;
    }

    .dobra-5-card-wrap {
        width: min(180px, 56vw);
    }

    .dobra-5-card-inner {
        border-radius: 16px;
    }

    .dobra-5-row--bottom {
        display: none;
    }

    /* Mobile: faixa com 5 vídeos (1-2-3-4-5) sobrepostos */
    .dobra-5-videos-mobile {
        display: flex;
        justify-content: center;
        align-items: flex-end;
        gap: 0;
        margin-top: 14px;
        width: 100%;
        max-width: 100%;
        padding: 0;
        overflow: visible;
    }

    .dobra-5-videos-mobile .dobra-5-card-wrap {
        width: 100px;
        margin-left: -14px;
    }

    .dobra-5-videos-mobile .dobra-5-card-wrap:first-child {
        margin-left: 0;
    }

    .dobra-5-card-wrap--m1 { z-index: 4; transform: rotate(6deg) translateY(0px) ; }
    .dobra-5-card-wrap--m2 { z-index: 5; transform: rotate(-4deg) translateY(0px) ; }
    .dobra-5-card-wrap--m3 { z-index: 6; transform: rotate(0deg) translateY(0px) ; }
    .dobra-5-card-wrap--m4 { z-index: 3; transform: rotate(6deg) translateY(0px) ; }
    .dobra-5-card-wrap--m5 { z-index: 2; transform: rotate(-4deg) translateY(0px) ; }
}

/* Dobra 6 — estilos completos */
.dobra-6 {
    position: relative;
    z-index: 8;
    padding: 72px 24px 100px;
    background: #09090F;
    color: #f8fafc;
    overflow: hidden;
}

.dobra-6::before{
    content: "";
  position: absolute;
  top: -20%;
  left: 50%;
  transform: translate(-50%, -50%);
  filter: blur(100px);
  width: 1000px;
  height: 500px;
  border-radius: 50%;
  background:rgb(3, 19, 68);
  pointer-events: none;
}

.dobra-6::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    opacity: 0;
    background: none;
}

.dobra-6-inner {
    position: relative;
    z-index: 1;
    max-width: 1220px;
    margin: 0 auto;
}

.dobra-6-head {
    text-align: center;
    margin: 0 auto 32px;
}

.dobra-6-lead,
.dobra-6-novidades-lead {
    margin: 0;
    font-family: "Geist", sans-serif;
    font-size: 42px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -2px;
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    -webkit-text-fill-color: transparent;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    background: linear-gradient(272deg,rgb(200, 220, 255) -20.24%,
  rgb(245, 249, 255) 53.39%,rgb(200, 220, 255) 127.03%) text;
    background-clip: text;
    color: transparent;
    text-wrap: balance;
}

.dobra-6-novidades-lead {
    margin-bottom: 32px;
    text-align: center;
}

.dobra-6-lead strong,
.dobra-6-novidades-lead strong {
    font-weight: 700;
    color: #ffffff;
    background: inherit;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Estrutura bento 2×2 */
.dobra-6-bento {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(16px, 2vw, 24px);
    max-width: 1220px;
    margin: 0 auto;
    grid-template-areas:
        "a b"
        "c d";
}

.dobra-6-cell {
    position: relative;
    isolation: isolate;
    display: flex;
    flex-direction: column;
    width: auto;
    max-width: none;
    margin: 0;
    min-height: 400px;
    border-radius: 14px;
    border: 2px solid #0D1326;
    background-image: url('/public/assets/img/img-fundo.webp');
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
    box-shadow: none;
    overflow: hidden;
    transition: border-color 0.35s ease, box-shadow 0.4s ease, transform 0.35s ease;
}

.dobra-6-cell-bgnum {
    position: absolute;
    right: 14px;
    top: 10px;
    font-family: "Geist", sans-serif;
    font-size: clamp(2.6rem, 5vw, 3.4rem);
    font-weight: 700;
    letter-spacing: -0.05em;
    line-height: 1;
    color: rgba(255, 255, 255, 0.06);
    pointer-events: none;
    z-index: 2;
    user-select: none;
    filter: blur(4px);
}

.dobra-6-cell--4 .dobra-6-cell-bgnum {
    color: rgba(255, 255, 255, 0.03);
}

.dobra-6-cell:hover {
    transform: none;
    border-color: rgba(41, 64, 131, 0.2);
    box-shadow: none;
}

.dobra-6--enhanced:not(.dobra-6--inview) .dobra-6-cell {
    opacity: 1;
    transform: none;
}

.dobra-6--enhanced.dobra-6--inview .dobra-6-cell {
    animation: d6CardIn 0.7s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

.dobra-6--enhanced.dobra-6--inview .dobra-6-cell--1 { animation-delay: 0.04s; }
.dobra-6--enhanced.dobra-6--inview .dobra-6-cell--2 { animation-delay: 0.12s; }
.dobra-6--enhanced.dobra-6--inview .dobra-6-cell--3 { animation-delay: 0.2s; }
.dobra-6--enhanced.dobra-6--inview .dobra-6-cell--4 { animation-delay: 0.28s; }

@keyframes d6CardIn {
    from {
        opacity: 0;
        transform: translateY(16px) scale(0.985);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.dobra-6-cell--1 {
    grid-area: a;
    position: relative;
}

.dobra-6-cell--2 {
    grid-area: b;
}

.dobra-6-cell--3 {
    grid-area: c;
}

.dobra-6-cell--4 {
    grid-area: d;
    position: relative;
}

.dobra-6-visual {
    position: absolute;
    z-index: 2;
    left: 10px;
    right: 10px;
    top: 120px;
    bottom: 8px;
    margin-top: 0;
    min-height: 0;
    width: auto;
    max-width: none !important;
    margin-bottom: -24px;
}

.dobra-6-mock {
    position: relative;
    z-index: 2;
    height: 100%;
    min-height: 0;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(8, 12, 24, 1);
    padding: 10px 10px 12px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.1),
        0 10px 30px rgba(2, 8, 20, 0.35);
    overflow: hidden;
}

.dobra-6-mock-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 2px;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.dobra-6-mock-live {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.88);
}

.dobra-6-mock-pulse {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #22c55e;
    box-shadow: 0 0 10px #22c55e;
    animation: d6Pulse 1.8s ease-in-out infinite;
}

@keyframes d6Pulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.65; transform: scale(0.92); }
}

.dobra-6-mock-sub {
    font-size: 10px;
    color: rgba(255, 255, 255, 0.38);
    letter-spacing: 0.02em;
}

/* Card 01 — ranking ao vivo (países + FLIP) */
.dobra-6-mock--live {
    gap: 8px;
}

.dobra-6-live-head {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 2px;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.dobra-6-live-head-ico {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    color: #E10076;
}

.dobra-6-live-head-title {
    font-size: 11px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.55);
    letter-spacing: 0.01em;
}

.dobra-6-live-list {
    display: flex;
    flex-direction: column;
    gap: 7px;
    position: relative;
    min-height: 156px;
}

.dobra-6-live-row {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px 9px;
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.035);
    border: 1px solid rgba(255, 255, 255, 0.07);
    will-change: transform;
}

.dobra-6-live-row.is-leader {
    background: rgba(225, 0, 118, 0.2);
    border-color: rgba(225, 0, 118, 0.35);
    box-shadow: 0 0 0 1px rgba(225, 0, 118, 0.16);
}

.dobra-6-flag-wrap {
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
}

.dobra-6-flag-wrap img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.dobra-6-live-geo {
    display: block;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.38);
    margin-top: 2px;
}

.dobra-6-live-you {
    flex-shrink: 0;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding: 3px 7px;
    border-radius: 999px;
    color: #fff;
    background: linear-gradient(135deg, #E10076 0%, #ff4aa7 100%);
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 4px 14px rgba(225, 0, 118, 0.35);
    animation: d6YouPulse 2s ease-in-out infinite;
}

@keyframes d6YouPulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.88; transform: scale(0.98); }
}

.dobra-6--enhanced:not(.dobra-6--inview) .dobra-6-live-row {
    opacity: 0;
    transform: translateY(8px);
}

.dobra-6--enhanced.dobra-6--inview .dobra-6-live-row {
    animation: d6RowIn 0.55s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

.dobra-6--enhanced.dobra-6--inview .dobra-6-live-row.d6-delay-0 { animation-delay: 0s; }
.dobra-6--enhanced.dobra-6--inview .dobra-6-live-row.d6-delay-1 { animation-delay: 0.12s; }
.dobra-6--enhanced.dobra-6--inview .dobra-6-live-row.d6-delay-2 { animation-delay: 0.24s; }

/* Card 01 — conceito novo: insights ao vivo */
.d6-insights {
    gap: 10px;
    padding: 12px;
}

.d6-insights-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.d6-insights-live {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.92);
}

.d6-insights-refresh {
    font-size: 10px;
    color: rgba(249, 168, 212, 0.82);
    letter-spacing: 0.02em;
}

.d6-insights-main {
    display: grid;
    grid-template-columns: 1.15fr 0.85fr;
    gap: 10px;
    min-height: 0;
    flex: 1;
}

.d6-insights-feature {
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 10px;
    padding: 10px;
    background: linear-gradient(160deg, rgba(14, 26, 48, 0.88), rgba(8, 13, 26, 0.8));
}

.d6-insights-kicker {
    display: block;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(244, 114, 182, 0.95);
    margin-bottom: 4px;
}

.d6-insights-meta {
    margin: 0;
    font-size: 10px;
    line-height: 1.35;
    color: rgba(226, 232, 240, 0.75);
}

.d6-insights-tags {
    margin-top: 8px;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.d6-insights-tag {
    display: inline-flex;
    align-items: center;
    padding: 4px 7px;
    border-radius: 999px;
    font-size: 9px;
    font-weight: 700;
    color: #ffd7eb;
    background: rgba(225, 0, 118, 0.22);
    border: 1px solid rgba(244, 114, 182, 0.38);
}

.d6-insights-countries {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.d6-insights-pills {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 6px;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

.d6-insights-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 22px;
    padding: 0 10px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.01em;
    color: rgba(226, 232, 240, 0.82);
    background: rgba(15, 23, 42, 0.62);
    border: 1px solid rgba(148, 163, 184, 0.24);
    transition: all 0.28s ease;
}

.d6-insights-pill.is-active {
    color: #e0f2fe;
    background: linear-gradient(135deg, rgba(225, 0, 118, 0.26), rgba(255, 74, 167, 0.24));
    border-color: rgba(225, 0, 118, 0.58);
    box-shadow: 0 0 0 1px rgba(225, 0, 118, 0.22), 0 8px 20px rgba(170, 0, 94, 0.26);
}

/* Novo layout Card 01 (vídeo + métricas) */
.d6-insights-body {
    display: grid;
    grid-template-columns: 160px 1fr;
    gap: 12px;
    align-items: start;
}

.d6-insights-left {
    display: flex;
    flex-direction: column;
    gap: 0;
    min-width: 0;
}

.d6-insights-right {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    min-width: 0;
    padding-top: 8px;
}

.d6-insights-country-panel {
    width: 100%;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: linear-gradient(165deg, rgba(10, 16, 30, 0.78), rgba(6, 11, 22, 0.76));
    padding: 8px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.d6-insights-country-kicker {
    display: block;
    margin: 0 0 7px;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(249, 168, 212, 0.9);
}

.d6-insights-country-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px;
}

.d6-country-opt {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 22px 8px 8px;
    border-radius: 9px;
    border: 1px solid rgba(148, 163, 184, 0.24);
    background: rgba(15, 23, 42, 0.62);
    color: rgba(241, 245, 249, 0.82);
    cursor: pointer;
    text-align: left;
    min-width: 0;
    min-height: 44px;
    transition: border-color 0.28s ease, box-shadow 0.28s ease, transform 0.28s ease, color 0.28s ease;
    border-color: rgba(148, 163, 184, 0.24);
}

.d6-country-opt-tag {
    position: absolute;
    top: 50%;
    right: 6px;
    transform: translateY(-50%);
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    width: 10px;
    height: 10px;
    color: #facc15;
    pointer-events: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.d6-country-opt-tag svg {
    width: 100%;
    height: 100%;
    display: block;
    fill: currentColor;
}

.d6-country-opt.is-active {
    color: #e0f2fe;
    border-color: rgba(225, 0, 118, 0.62);
    background: linear-gradient(135deg, rgba(225, 0, 118, 0.22), rgba(255, 74, 167, 0.2));
    box-shadow: 0 0 0 1px rgba(225, 0, 118, 0.2), 0 8px 22px rgba(170, 0, 94, 0.24);
    transform: translateX(1px);
    animation: d6CountryPulse 2s ease-in-out infinite;
}

.d6-country-opt:focus-visible {
    outline: 2px solid rgba(244, 114, 182, 0.55);
    outline-offset: 1px;
}

@keyframes d6CountryPulse {
    0%, 100% { box-shadow: 0 0 0 1px rgba(225, 0, 118, 0.18), 0 8px 22px rgba(170, 0, 94, 0.22); }
    50% { box-shadow: 0 0 0 1px rgba(244, 114, 182, 0.28), 0 10px 26px rgba(225, 0, 118, 0.24); }
}

.d6-insights-data {
    margin-top: 8px;
    border-top: 1px solid rgba(148, 163, 184, 0.18);
    padding-top: 8px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.d6-insights-video {
    width: 100%;
    aspect-ratio: 9 / 16;
    height: auto;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(0, 0, 0, 0.35);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.d6-insights-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.d6-insights-info {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}

.d6-insights-countryline {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.d6-insights-flag img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.d6-insights-headline {
    font-size: 12px;
    font-weight: 700;
    color: rgba(241, 245, 249, 0.95);
    text-wrap: balance;
    line-height: 1.22;
    margin: 0;
}

.d6-insights-metrics {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.d6-insights-metric {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 6px 7px;
    border-radius: 9px;
    border: 1px solid rgba(148, 163, 184, 0.2);
    background: rgba(15, 23, 42, 0.52);
}

.d6-insights-metric-label {
    font-size: 10px;
    font-weight: 650;
    letter-spacing: 0.02em;
    color: rgba(226, 232, 240, 0.8);
    text-transform: none;
}

.d6-insights-metric-val {
    font-size: 11px;
    font-weight: 850;
    letter-spacing: 0.01em;
    color: var(--d6AccentVal, rgba(255, 74, 167, 0.95));
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.d6-insights-country {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 8px;
    padding: 8px;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.04);
}

.d6-insights-country.is-hot {
    background: linear-gradient(135deg, rgba(225, 0, 118, 0.24), rgba(255, 74, 167, 0.18));
    border-color: rgba(244, 114, 182, 0.35);
    box-shadow: 0 0 0 1px rgba(225, 0, 118, 0.16);
}

.d6-insights-flag {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.22);
}

.d6-insights-country-name {
    font-size: 10px;
    font-weight: 600;
    color: rgba(241, 245, 249, 0.92);
}

.d6-insights-country-val {
    font-size: 10px;
    font-weight: 700;
    color: rgba(255, 181, 220, 0.95);
    font-variant-numeric: tabular-nums;
}

.dobra-6-mock-row {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 11px;
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.035);
    border: 1px solid rgba(255, 255, 255, 0.07);
}

.dobra-6--enhanced:not(.dobra-6--inview) .dobra-6-mock-row {
    opacity: 0;
    transform: translateY(8px);
}

.dobra-6--enhanced.dobra-6--inview .dobra-6-mock-row {
    animation: d6RowIn 0.55s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

.dobra-6--enhanced.dobra-6--inview .dobra-6-mock-row.d6-delay-0 { animation-delay: 0s; }
.dobra-6--enhanced.dobra-6--inview .dobra-6-mock-row.d6-delay-1 { animation-delay: 0.14s; }
.dobra-6--enhanced.dobra-6--inview .dobra-6-mock-row.d6-delay-2 { animation-delay: 0.28s; }
.dobra-6--enhanced.dobra-6--inview .dobra-6-mock-row.d6-delay-3 { animation-delay: 0.42s; }

@keyframes d6RowIn {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.dobra-6-mock-rank {
    font-size: 10px;
    font-weight: 800;
    color: rgba(255, 255, 255, 0.25);
    min-width: 1.25rem;
    font-variant-numeric: tabular-nums;
}

.dobra-6-mock-row-main {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.dobra-6-mock-title {
    font-size: 11px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.82);
    line-height: 1.25;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dobra-6-mock-meta {
    font-size: 9px;
    color: rgba(255, 255, 255, 0.35);
    letter-spacing: 0.02em;
}

.dobra-6-mock-play {
    position: relative;
    width: 28px;
    height: 28px;
    border-radius: 8px;
    background: rgba(225, 0, 118, 0.35);
    border: 1px solid rgba(244, 114, 182, 0.35);
    flex-shrink: 0;
}

.dobra-6-mock-play::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-40%, -50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 8px;
    border-color: transparent transparent transparent rgba(255, 255, 255, 0.9);
}

.dobra-6-mock-line {
    flex: 1;
    height: 8px;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.1);
}

.dobra-6-mock-line--short {
    max-width: 42%;
}

.dobra-6-mock-line--mid {
    max-width: 55%;
}

.dobra-6-mock-profit-row {
    margin-top: 4px;
}

.dobra-6-mock-tags {
    display: flex;
    gap: 6px;
    flex-shrink: 0;
}

.dobra-6-mock-tag {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    padding: 4px 7px;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.75);
}

.dobra-6-mock-tag--br {
    color: #ffb5dc;
    border: 1px solid rgba(244, 114, 182, 0.35);
    background: rgba(225, 0, 118, 0.15);
}

.dobra-6-mock-tag--us {
    color: #fca5a5;
    border: 1px solid rgba(248, 113, 113, 0.35);
    background: rgba(239, 68, 68, 0.12);
}

.dobra-6-mock-tag--push {
    margin-left: auto;
}

/* Card 02 — ganhos estimados por vídeo */


.d6-gains-top {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(148, 163, 184, 0.2);
}

.d6-gains-kicker {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: rgba(255, 181, 220, 0.92);
}

.d6-gains-live {
    font-size: 10px;
    color: rgba(148, 163, 184, 0.88);
}

.d6-gains-body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 72px 118px;
    gap: 18px;
    align-items: stretch;
    height: auto;
    overflow: hidden;
}

/* Escopo exclusivo do card 2 para não impactar outros cards */
#d6GainsCard {
    position: relative;
    overflow: hidden;
}

#d6GainsCard .d6-gains-body {
    grid-template-columns: minmax(0, 172px) 128px 116px;
    gap: 6px;
    align-items: center;
    justify-content: center;
}

#d6GainsCard .d6-gains-left {
    width: 172px;
    margin-top: -40px;
}

.d6-gains-left {
    display: flex;
    align-items: stretch;
    min-width: 0;
}

.d6-gains-right {
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 11px;
    padding: 10px;
    background: linear-gradient(165deg, rgba(12, 21, 40, 0.75), rgba(7, 12, 24, 0.75));
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 6px;
    min-width: 0;
    margin-top: 35px;
}

.d6-gains-video-col {
    display: flex;
    align-items: stretch;
    min-width: 0;
}

.d6-gains-video-wrap {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, 0.24);
    background: rgba(6, 10, 20, 0.85);
    aspect-ratio: 9 / 16;
    min-height: 142px;
}

#d6GainsCard .d6-gains-video-wrap {
    min-height: 174px;
    border-radius: 12px;
    box-shadow: 0 10px 26px rgba(2, 8, 20, 0.35);
}

#d6GainsCard .d6-gains-right {
    justify-content: flex-start;
    align-self: start;
    text-wrap: balance;
    padding: 7px;
    border-radius: 12px;
    gap: 7px;
    background: linear-gradient(165deg, rgba(10, 18, 34, 0.88), rgba(6, 11, 22, 0.88));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 10px 22px rgba(2, 8, 20, 0.28);
}

#d6GainsCard .d6-gains-stats {
    gap: 7px;
}

#d6GainsCard .d6-gains-stat {
    padding: 7px 9px;
    border-radius: 10px;
    border-color: rgba(225, 0, 118, 0.3);
    background: linear-gradient(160deg, rgba(6, 15, 31, 0.95), rgba(2, 10, 24, 0.9));
    box-shadow: inset 0 1px 0 rgba(244, 114, 182, 0.1);
}

#d6GainsCard .d6-gains-stat-label {
    font-size: 9px;
}

#d6GainsCard .d6-gains-stat-value {
    font-size: 12px;
}

#d6GainsCard .d6-gains-thumb {
    border-radius: 11px;
}

.d6-gains-video-wrap video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.d6-gains-thumb {
    width: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(0, 0, 0, 0.35);
}

.d6-gains-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.d6-gains-product-copy {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.d6-gains-product-copy strong {
    font-size: 11px;
    color: rgba(248, 250, 252, 0.95);
    line-height: 1.2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.d6-gains-product-copy span {
    font-size: 9px;
    color: rgba(148, 163, 184, 0.9);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.d6-gains-stats {
    display: grid;
    grid-template-columns: 1fr;
    gap: 6px;
    width: 100%;
    margin-top: 30px;
}

.d6-gains-stat {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: 5px 6px;
    border-radius: 8px;
    border: 1px solid rgba(148, 163, 184, 0.2);
    background: rgba(9, 15, 30, 0.72);
    opacity: 0.25;
    transform: translateY(6px) scale(0.99);
    transition: opacity 0.32s ease, transform 0.32s ease, border-color 0.32s ease, box-shadow 0.32s ease;
    width: 100%;
    border-color: rgba(148, 163, 184, 0.2);
}

.d6-gains-stat.is-open {
    opacity: 1;
    transform: translateY(0) scale(1);
    border-color: rgba(225, 0, 118, 0.35);
    box-shadow: 0 0 0 1px rgba(225, 0, 118, 0.12);
}

.d6-gains-stat-label {
    font-size: 10px;
    color: rgba(203, 213, 225, 0.88);
    white-space: nowrap;
}

.d6-gains-stat-value {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: -0.01em;
    color: #e2e8f0;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.d6-gains-stat-value--comm {
    color: #ff66b8;
}

/* Card 02 — gráfico em linha: vendas + comissões */
.dobra-6-mock--linechart {
    gap: 10px;
    width: 100%;
}

.dobra-6-line-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}

.dobra-6-line-stats {
    display: flex;
    gap: 14px;
    margin-top: 6px;
    flex-wrap: wrap;
}

.dobra-6-line-stat {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.dobra-6-line-stat-label {
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.38);
}

.dobra-6-line-stat-val {
    font-size: clamp(14px, 1.35vw, 17px);
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.02em;
    color: #fff;
    text-shadow: 0 0 24px rgba(225, 0, 118, 0.4);
    line-height: 1.15;
}

.dobra-6-line-stat-val--comm {
    color: #ffb5dc;
    text-shadow: 0 0 20px rgba(244, 114, 182, 0.35);
}

.dobra-6-line-legend {
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: rgba(255, 255, 255, 0.55);
    text-align: right;
    flex-shrink: 0;
}

.dobra-6-line-legend span {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
}

.dobra-6-leg-dot {
    width: 7px;
    height: 3px;
    border-radius: 2px;
    flex-shrink: 0;
}

.dobra-6-leg-dot--sales {
    background: linear-gradient(90deg, #ff4aa7, #E10076);
    box-shadow: 0 0 8px rgba(225, 0, 118, 0.6);
}

.dobra-6-leg-dot--comm {
    background: linear-gradient(90deg, #5eead4, #14b8a6);
    box-shadow: 0 0 8px rgba(20, 184, 166, 0.45);
}

.dobra-6-line-chart-wrap {
    position: relative;
    border-radius: 12px;
    padding: 6px 4px 2px;
    background:
        linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px);
    background-size: 100% 22px, 100% 100%;
    background-position: 0 100%, 0 0;
    border: 1px solid rgba(255, 255, 255, 0.07);
    overflow: hidden;
    min-height: 118px;
}

.dobra-6-line-chart-wrap svg {
    display: block;
    width: 100%;
    height: auto;
    max-height: 132px;
}

.d6-line-area-sales {
    opacity: 0;
    transition: opacity 0.6s ease 0.85s;
}

.dobra-6--enhanced.dobra-6--inview .d6-line-area-sales {
    opacity: 1;
}

.d6-line-sales {
    fill: none;
    stroke: url(#d6LineStrokeSales);
    stroke-width: 2.25;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 100;
    stroke-dashoffset: 100;
    transition: stroke-dashoffset 1.45s cubic-bezier(0.22, 1, 0.36, 1);
}

.d6-line-comm {
    fill: none;
    stroke: url(#d6LineStrokeComm);
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 100;
    stroke-dashoffset: 100;
    transition: stroke-dashoffset 1.45s cubic-bezier(0.22, 1, 0.36, 1) 0.12s;
}

.dobra-6--enhanced.dobra-6--inview .d6-line-sales,
.dobra-6--enhanced.dobra-6--inview .d6-line-comm {
    stroke-dashoffset: 0;
}

.d6-line-xlab {
    font-size: 6.5px;
    font-weight: 700;
    fill: rgba(255, 255, 255, 0.28);
    letter-spacing: 0.02em;
}

.d6-line-ytick {
    font-size: 6px;
    font-weight: 600;
    fill: rgba(255, 255, 255, 0.22);
    font-variant-numeric: tabular-nums;
}

.dobra-6-chart {
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex: 1;
    min-height: 0;
}

.dobra-6-chart-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
}

.dobra-6-spark-wrap {
    width: 100%;
    height: 44px;
    margin: 2px 0 4px;
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.35);
    border: 1px solid rgba(255, 255, 255, 0.06);
    overflow: hidden;
}

.dobra-6-spark-wrap svg {
    display: block;
    width: 100%;
    height: 100%;
}

.d6-spark-area {
    opacity: 0.9;
}

.d6-spark-line {
    fill: none;
    stroke: #E10076;
    stroke-width: 1.75;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 100;
    stroke-dashoffset: 100;
    transition: stroke-dashoffset 1.35s cubic-bezier(0.22, 1, 0.36, 1);
}

.dobra-6--enhanced.dobra-6--inview .d6-spark-line {
    stroke-dashoffset: 0;
}

.d6-spark-dot {
    fill: #22c55e;
    filter: drop-shadow(0 0 6px rgba(34, 197, 94, 0.75));
    opacity: 0;
    transition: opacity 0.4s ease 1.1s;
}

.dobra-6--enhanced.dobra-6--inview .d6-spark-dot {
    opacity: 1;
}

.dobra-6-chart-label {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.4);
}

.dobra-6-chart-total {
    font-size: 13px;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.02em;
    color: #fff;
    text-shadow: 0 0 28px rgba(225, 0, 118, 0.45);
}

.dobra-6-chart-grid {
    position: relative;
    flex: 1;
    min-height: 118px;
    padding: 6px 4px 0;
    border-radius: 12px;
    background:
        linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
    background-size: 100% 28px, 100% 100%;
    background-position: 0 100%, 0 0;
    border: 1px solid rgba(255, 255, 255, 0.06);
}

.dobra-6-mock-bars {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 8px;
    height: 112px;
    padding: 0 6px 4px;
}

.dobra-6-bar-col {
    flex: 1;
    max-width: 44px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
}

.dobra-6-bar-track {
    width: 100%;
    height: 112px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.dobra-6-bar-fill {
    width: 100%;
    max-width: 32px;
    height: var(--h);
    border-radius: 8px 8px 3px 3px;
    background: linear-gradient(180deg, #ff8ac8 0%, #E10076 42%, #9b004f 100%);
    box-shadow:
        0 0 24px rgba(225, 0, 118, 0.4),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
    transition: height 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

.dobra-6--enhanced:not(.dobra-6--inview) .dobra-6-bar-fill {
    height: 0%;
}

.dobra-6-bar-col:nth-child(1) .dobra-6-bar-fill { transition-delay: 0.12s; }
.dobra-6-bar-col:nth-child(2) .dobra-6-bar-fill { transition-delay: 0.22s; }
.dobra-6-bar-col:nth-child(3) .dobra-6-bar-fill { transition-delay: 0.32s; }
.dobra-6-bar-col:nth-child(4) .dobra-6-bar-fill { transition-delay: 0.42s; }

.dobra-6-bar-cap {
    font-size: 9px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    color: rgba(255, 255, 255, 0.45);
    letter-spacing: 0.02em;
}

.d6-transcript-scroll {
    position: relative;
    flex: 1;
    min-height: 0;
    overflow: hidden;
    border-radius: 10px;
}

.d6-transcript-scroll::before,
.d6-transcript-scroll::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 16px;
    z-index: 2;
    pointer-events: none;
}

.d6-transcript-scroll::before {
    top: 0;
    background: linear-gradient(180deg, rgba(8, 12, 24, 0.98) 0%, rgba(8, 12, 24, 0) 100%);
}

.d6-transcript-scroll::after {
    bottom: 0;
    background: linear-gradient(0deg, rgba(8, 12, 24, 0.98) 0%, rgba(8, 12, 24, 0) 100%);
}

.d6-transcript-track {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 2px 0 18px;
    will-change: transform;
    /* linear no root: o ritmo vem dos timing-functions entre keyframes */
    animation: d6TranscriptScroll 162s linear infinite;
}

/* Começa a rolar “normal” (ritmo constante); no fim desacelera muito; repete igual */
@keyframes d6TranscriptScroll {
    0% {
        transform: translateY(0);
        animation-timing-function: linear;
    }
    72% {
        transform: translateY(-44%);
        animation-timing-function: cubic-bezier(0.08, 0.82, 0.12, 1);
    }
    100% {
        transform: translateY(-50%);
    }
}

.d6-transcript-stack {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    width: 100%;
}

.d6-transcript-item {
    border-left: 4px solid var(--d6-card-accent, #f59e0b);
    border-radius: 12px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    border: 1px solid var(--d6-card-border, rgba(245, 158, 11, 0.28));
    border-left-width: 4px;
    background: linear-gradient(165deg, rgba(10, 17, 31, 0.94), rgba(5, 10, 20, 0.9));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
    padding: 12px 14px 13px;
    min-height: 64px;
    border-color: var(--d6-card-border);
}

.d6-transcript-item--context {
    --d6-card-accent: #facc15;
    --d6-card-border: rgba(250, 204, 21, 0.38);
}

.d6-transcript-item--hook {
    --d6-card-accent: #f87171;
    --d6-card-border: rgba(248, 113, 113, 0.36);
}

.d6-transcript-item--problem {
    --d6-card-accent: #fb923c;
    --d6-card-border: rgba(251, 146, 60, 0.35);
}

.d6-transcript-item--solution {
    --d6-card-accent: #4ade80;
    --d6-card-border: rgba(74, 222, 128, 0.36);
}

.d6-transcript-item--cta {
    --d6-card-accent: #E10076;
    --d6-card-border: rgba(225, 0, 118, 0.42);
}

.d6-transcript-item--copy {
    --d6-card-accent: #fbbf24;
    --d6-card-border: rgba(251, 191, 36, 0.38);
    padding-bottom: 10px;
}

.d6-transcript-head {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 7px;
    font-family: "Geist", sans-serif;
    font-size: 26px;
    font-weight: 700;
    letter-spacing: -0.01em;
    color: var(--d6-card-accent, #facc15);
    line-height: 1.1;
}

.d6-transcript-label {
    font-size: 21px;
    line-height: 1.1;
}

.d6-transcript-title {
    font-size: 13px;
}

.d6-transcript-text {
    margin: 0;
    font-family: "Geist", sans-serif;
    font-size: 13px;
    line-height: 1.38;
    color: rgba(226, 232, 240, 0.93);
    letter-spacing: -0.01em;
    text-wrap: balance;
}

.d6-transcript-copy-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 9px;
}

.d6-transcript-copy-btn {
    border: 1px solid rgba(225, 0, 118, 0.45);
    background: linear-gradient(135deg, rgba(225, 0, 118, 0.26), rgba(170, 0, 94, 0.24));
    color: #ffd7eb;
    font-family: "Geist", sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.01em;
    border-radius: 8px;
    padding: 5px 9px;
    line-height: 1;
}

.d6-tx-item {
    opacity: 1;
    transform: none;
}

.dobra-6--enhanced:not(.dobra-6--inview) .d6-tx-item {
    opacity: 0;
    transform: translateY(8px);
}

.dobra-6--enhanced.dobra-6--inview .d6-tx-item {
    animation: d6TxIn 0.5s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

.dobra-6--enhanced.dobra-6--inview .d6-transcript-stack .d6-tx-item:nth-child(1) { animation-delay: 0.05s; }
.dobra-6--enhanced.dobra-6--inview .d6-transcript-stack .d6-tx-item:nth-child(2) { animation-delay: 0.11s; }
.dobra-6--enhanced.dobra-6--inview .d6-transcript-stack .d6-tx-item:nth-child(3) { animation-delay: 0.17s; }
.dobra-6--enhanced.dobra-6--inview .d6-transcript-stack .d6-tx-item:nth-child(4) { animation-delay: 0.23s; }
.dobra-6--enhanced.dobra-6--inview .d6-transcript-stack .d6-tx-item:nth-child(5) { animation-delay: 0.29s; }
.dobra-6--enhanced.dobra-6--inview .d6-transcript-stack .d6-tx-item:nth-child(6) { animation-delay: 0.35s; }

@keyframes d6TxIn {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.dobra-6-mock-chip {
    align-self: flex-start;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    padding: 4px 8px;
    border-radius: 6px;
    color: #ffb5dc;
    border: 1px solid rgba(244, 114, 182, 0.4);
    background: rgba(225, 0, 118, 0.18);
}

.dobra-6-mock-chip--problem {
    color: #fecaca;
    border-color: rgba(248, 113, 113, 0.35);
    background: rgba(248, 113, 113, 0.08);
}

.dobra-6-mock-chip--cta {
    color: #ff8ac8;
    border-color: rgba(225, 0, 118, 0.45);
    background: rgba(225, 0, 118, 0.1);
}

.dobra-6-mock-chip--mint {
    color: #6ee7b7;
    border-color: rgba(52, 211, 153, 0.4);
    background: rgba(16, 185, 129, 0.12);
}

.dobra-6-mock-search {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 10px;
    min-height: 176px;
    padding-top: 2px;
}


.d6-search-field {
    position: relative;
    z-index: 1;
    width: 530px;
    min-height: 46px;
    border-radius: 13px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: linear-gradient(165deg, rgba(4, 10, 22, 0.96), rgba(7, 12, 24, 0.98));
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr) auto;
    align-items: center;
    column-gap: 9px;
    padding: 0 11px;
}

.d6-search-icon {
    width: 16px;
    height: 16px;
    color: rgba(148, 163, 184, 0.82);
    flex-shrink: 0;
}

.dobra-6-type-wrap {
    min-height: 1.6rem;
    display: inline-flex;
    align-items: center;
    gap: 0;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.35;
    color: rgba(226, 232, 240, 0.9);
    letter-spacing: -0.01em;
}

.dobra-6-type-text {
    color: rgba(226, 232, 240, 0.88);
}

.d6-search-cta {
    height: 28px;
    padding: 0 10px;
    border-radius: 9px;
    border: 1px solid rgba(236, 72, 153, 0.36);
    background: #E10076;
    color: #fff !important;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.01em;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 8px 18px rgba(2, 8, 20, 0.28);
}

.dobra-6-suggest-list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 6px;
    margin: 0;
    padding: 0;
    list-style: none;
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    pointer-events: none;
    transform: translateY(-4px);
    transition: opacity 0.22s ease, transform 0.22s ease, max-height 0.22s ease;
}

.dobra-6-suggest-list.is-visible {
    opacity: 1;
    max-height: 220px;
    pointer-events: auto;
    transform: translateY(0);
}

.dobra-6-suggest-item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    min-height: 34px;
    padding: 7px 9px;
    border-radius: 10px;
    border: 1px solid rgba(225, 0, 118, 0.28);
    background: linear-gradient(160deg, rgba(6, 14, 26, 0.96), rgba(2, 10, 22, 0.94));
    box-shadow: inset 0 1px 0 rgba(244, 114, 182, 0.08);
    transition: border-color 0.22s ease, transform 0.22s ease, box-shadow 0.22s ease;
    width: 530px;
}

.d6-suggest-main {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
}

.d6-suggest-dot {
    width: 5px;
    height: 5px;
    border-radius: 999px;
    background: #E10076;
    box-shadow: 0 0 10px rgba(225, 0, 118, 0.75);
    flex-shrink: 0;
}

.d6-suggest-text {
    font-size: 11px;
    color: rgba(226, 232, 240, 0.92);
    letter-spacing: -0.01em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.d6-suggest-meta {
    display: none;
}

.dobra-6-suggest-item.is-active {
    border-color: rgba(225, 0, 118, 0.62);
    box-shadow: 0 0 0 1px rgba(225, 0, 118, 0.2), 0 10px 22px rgba(170, 0, 94, 0.24);
    transform: translateX(2px);
}

.dobra-6-suggest-item.is-active .d6-suggest-text {
    color: #e0f2fe;
}

.dobra-6-type-cursor {
    display: inline-block;
    width: 2px;
    height: 1em;
    margin-left: 1px;
    background: #E10076;
    border-radius: 1px;
    animation: d6Cursor 1s step-end infinite;
    vertical-align: -2px;
}

@keyframes d6Cursor {
    0%, 100% { opacity: 1; }
    50% { opacity: 0; }
}

.dobra-6-mock-hint { display: none; }

.dobra-6-copy {
    position: absolute;
    z-index: 4;
    left: 0;
    right: 0;
    top: 0;
    margin: 0;
    padding: 30px 20px 0px;
    border-top: none;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    background: linear-gradient(180deg, rgba(2, 6, 23, 0.98) 0%, rgba(2, 6, 23, 0.9) 62%, rgba(2, 6, 23, 0) 100%);
}

.dobra-6-num {
    display: none;
    font-family: "Geist", sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.18em;
    color: #E10076;
    margin-bottom: 10px;
}

.dobra-6-title {
    margin: 0 0 6px;
    font-family: "Geist", sans-serif;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -0.5px;
    color: #ffffff;
    line-height: 1.05;
}

.dobra-6-desc {
    margin: 0;
    font-family: "Geist", sans-serif;
    font-size: 13px;
    line-height: 1.32;
    color: #D1D1D1;
    max-width: 92%;
    text-wrap: balance;
    font-weight: 500;
    letter-spacing: -0.2px;
}

.dobra-6-cell--3 .dobra-6-desc {
    max-width: 94%;
}

.dobra-6-title-num {
    color: #E10076;
    font-weight: 700;
}

.dobra-6-title--icon {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.dobra-6-title--icon .d6-market-rank-icon {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    color: #E10076;
}

.dobra-6-badge {
    position: absolute;
    top: 14px;
    right: 14px;
    z-index: 12;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
    padding: 4px 9px;
    border-radius: 999px;
    color: #111827;
    background: #facc15;
    border: 1px solid rgba(251, 191, 36, 0.85);
    box-shadow: 0 10px 24px rgba(2, 8, 20, 0.32);
}

.dobra-6-badge-star {
    width: 10px;
    height: 10px;
    flex-shrink: 0;
    color: #111827;
}

/* Dobra 6 — novidades */
.dobra-6-novidades {
    position: relative;
    z-index: 20;
    margin-top: 0;
    padding: 0 16px clamp(56px, 7vw, 88px);
    background: linear-gradient(180deg, #0d0d16 0%, #09090F 100%);
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    color: #f8fafc;
    overflow: visible;
    content-visibility: visible !important;
    contain: none;
    isolation: isolate;
}

.dobra-6-novidades-inner {
    position: relative;
    z-index: 21;
    max-width: 1400px;
    margin: 0 auto;
    overflow: visible;
}

.dobra-6-novidades-divider {
    position: relative;
    z-index: 22;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin: 0 auto clamp(28px, 4vw, 40px);
    overflow: visible;
}

.dobra-6-novidades-sticker {
    display: block;
    width: min(100%, 300px);
    height: auto;
    flex-shrink: 0;
    margin-top: -14.5px;
    position: relative;
    z-index: 11;
}

.dobra-6-novidades-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(10px, 1vw, 12px);
}

.dobra-6-novidades .dobra-6-cell {
    min-height: 450px;
    transition: border-color 0.45s ease, box-shadow 0.55s ease, transform 0.45s ease;
}

.dobra-6-novidades .dobra-6-copy {
    padding: 28px 20px 24px;
    background: linear-gradient(180deg, rgba(2, 6, 23, 0.99) 0%, rgba(2, 6, 23, 0.94) 56%, rgba(2, 6, 23, 0.62) 80%, rgba(2, 6, 23, 0) 100%);
}

.dobra-6-novidades .dobra-6-visual {
    top: 132px;
}

.dobra-6-novidades--inview .dobra-6-cell--5 {
    animation: d6NovCardIn 0.75s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.dobra-6-novidades--inview .dobra-6-cell--6 {
    animation: d6NovCardIn 0.75s cubic-bezier(0.22, 1, 0.36, 1) 0.1s both;
}

.dobra-6-novidades--inview .dobra-6-cell--7 {
    animation: d6NovCardIn 0.75s cubic-bezier(0.22, 1, 0.36, 1) 0.2s both;
}

.dobra-6-novidades .dobra-6-title--icon {
    flex-wrap: wrap;
    gap: 6px 8px;
}

.d6-novo-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 8px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.02em;
    line-height: 1;
    color: #111827;
    background: #facc15;
    border: 1px solid rgba(251, 191, 36, 0.85);
    box-shadow: 0 4px 10px rgba(2, 8, 20, 0.18);
    flex-shrink: 0;
}

.d6-novo-badge-icon {
    width: 11px;
    height: 11px;
    flex-shrink: 0;
    color: #111827;
}

@keyframes d6NovCardIn {
    from { opacity: 0; transform: translateY(18px) scale(0.985); }
    to { opacity: 1; transform: none; }
}

/* Card 5 — Produtos bombando (carrossel vertical com peek) */
.d6-hot-stack {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: 100%;
    min-height: 0;
    width: 100%;
    padding: 14px;
    box-sizing: border-box;
    color: #f8fafc;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 14px;
    background: #08090d;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 18px 40px rgba(0, 0, 0, 0.38);
    overflow: hidden;
}

.d6-hot-viewport {
    position: relative;
    flex: 1;
    min-height: 0;
    overflow: hidden;
    padding: 2px 2px 0;
}

.d6-hot-viewport::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 76px;
    background: linear-gradient(180deg, rgba(8, 9, 13, 0) 0%, rgba(8, 9, 13, 0.45) 32%, rgba(8, 9, 13, 0.88) 62%, rgba(8, 9, 13, 0.97) 82%, #08090d 100%);
    pointer-events: none;
    z-index: 3;
}

.d6-hot-track {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
    will-change: transform;
    transition: transform 0.65s cubic-bezier(0.22, 1, 0.36, 1);
}

.d6-hot-track.is-instant {
    transition: none !important;
}

.d6-hot-slide {
    display: flex;
    flex-shrink: 0;
    width: 100%;
    flex-direction: column;
    gap: 10px;
    padding: 8px 8px 0;
    box-sizing: border-box;
    overflow: hidden;
}

.d6-hot-slide--clone {
    pointer-events: none;
}

.d6-hot-item-head {
    display: grid;
    grid-template-columns: 76px minmax(0, 1fr);
    gap: 14px;
    align-items: start;
    padding: 0;
}

.d6-hot-item-media {
    position: relative;
    width: 76px;
    height: 76px;
    border-radius: 11px;
    overflow: visible;
    background: #fff;
    border: 1px solid rgba(255, 255, 255, 0.12);
    flex-shrink: 0;
    margin: 0;
    align-self: start;
}

.d6-hot-item-media img {
    width: 100%;
    height: 100%;
    border-radius: 11px;
    object-fit: cover;
    display: block;
}

.d6-hot-rank {
    position: absolute;
    top: -7px;
    right: -7px;
    z-index: 4;
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #E10076;
    color: #fff;
    font: 800 12px "Geist", sans-serif;
    line-height: 1;
    border: 2px solid #08090d;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}

.d6-hot-item-info {
    min-width: 0;
    padding: 0;
    align-self: start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 0;
}

.d6-hot-item-name {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin: 0 0 6px;
    font-size: 13.5px;
    font-weight: 700;
    line-height: 1.28;
    letter-spacing: -0.03em;
    color: #fff;
}

.d6-hot-item-cat {
    display: inline-block;
    width: fit-content;
    max-width: 100%;
    margin-bottom: 6px;
    padding: 4px 9px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 600;
    color: rgba(226, 232, 240, 0.9);
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.d6-hot-item-shop {
    display: flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
}

.d6-hot-item-shop img {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.d6-hot-item-shop span {
    font-size: 12px;
    color: rgba(203, 213, 225, 0.94);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.d6-hot-item-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
    width: 100%;
    margin: 0;
    padding: 9px 10px;
    border-radius: 10px;
    background: #101116;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-left: 2px solid #E10076;
    box-sizing: border-box;
}

.d6-hot-item-stats div {
    min-width: 0;
}

.d6-hot-item-stats span {
    display: block;
    font-size: 10.5px;
    line-height: 1.25;
    color: rgba(148, 163, 184, 0.88);
}

.d6-hot-item-stats strong {
    display: block;
    margin-top: 4px;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.1;
    color: #fff;
    letter-spacing: -0.03em;
    font-variant-numeric: tabular-nums;
}

.d6-hot-item-stats strong.is-sm {
    font-size: 13px;
    line-height: 1.15;
}

.d6-hot-dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 16px;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 0 8px;
}

.d6-hot-dots button {
    width: 36px;
    height: 36px;
    padding: 0;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(8, 9, 13, 0.72);
    backdrop-filter: blur(6px);
    color: rgba(203, 213, 225, 0.82);
    font: 700 11px "Geist", sans-serif;
    cursor: pointer;
    transition: background 0.32s ease, border-color 0.32s ease, color 0.32s ease, transform 0.32s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.32s ease;
}

.d6-hot-dots button:hover {
    border-color: rgba(255, 255, 255, 0.22);
    color: #fff;
    transform: translateY(-1px);
}

.d6-hot-dots button.is-hot-dot-active {
    background: #E10076;
    border-color: #E10076;
    color: #fff;
    transform: scale(1.08);
    box-shadow: 0 4px 14px rgba(225, 0, 118, 0.38);
    animation: d6HotDotPop 0.42s cubic-bezier(0.22, 1, 0.36, 1);
}

@keyframes d6HotDotPop {
    0% { transform: scale(0.92); }
    55% { transform: scale(1.14); }
    100% { transform: scale(1.08); }
}

/* Card 6 — Multiplicador de Roteiros */
.d6-script {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 8px;
    height: 100%;
    min-height: 0;
    padding: 12px;
    box-sizing: border-box;
    color: #f8fafc;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 14px;
    background: #08090d;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 18px 40px rgba(0, 0, 0, 0.38);
    overflow: hidden;
}

.d6-script-top {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 50px minmax(0, 1fr);
    grid-template-rows: auto auto;
    gap: 5px 8px;
    align-items: start;
    flex: 0 0 auto;
}

.d6-script-video {
    grid-row: 1 / 3;
    position: relative;
    width: 50px;
    height: 62px;
    min-height: 62px;
    align-self: start;
    border-radius: 8px;
    overflow: hidden;
    background: #05070c;
    border: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.32);
}

.dobra-6-novidades--inview .d6-script-video {
    animation: d6VideoFloat 3.2s ease-in-out infinite;
}

@keyframes d6VideoFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-2px); }
}

.d6-script-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.d6-script-video-badge {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.45) 100%);
    pointer-events: none;
}

.d6-script-video-badge svg {
    width: 18px;
    height: 18px;
    color: #fff;
    filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.5));
}

.dobra-6-novidades--inview .d6-script-video-badge svg {
    animation: d6ClapperPulse 2.8s ease-in-out infinite;
}

@keyframes d6ClapperPulse {
    0%, 100% { transform: scale(1); opacity: 0.92; }
    50% { transform: scale(1.06); opacity: 1; }
}

.d6-script-intro {
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
}

.d6-script-intro strong {
    display: block;
    margin-bottom: 3px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.03em;
}

.d6-script-intro p {
    margin: 0;
    font-size: 10px;
    line-height: 1.38;
    color: rgba(203, 213, 225, 0.82);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.d6-script-actions {
    grid-column: 2;
    grid-row: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-width: 0;
}

.d6-script-generate {
    flex: 0 0 auto;
    width: fit-content;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-height: 24px;
    padding: 4px 8px;
    border: none;
    border-radius: 8px;
    background: linear-gradient(135deg, #ff1d94 0%, #E10076 55%, #c4006a 100%);
    color: #fff;
    font: 700 9px "Geist", sans-serif;
    letter-spacing: -0.02em;
    cursor: default;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
    white-space: nowrap;
}

.d6-script-generate svg {
    width: 11px;
    height: 11px;
    flex-shrink: 0;
}

.d6-script-block.is-d6-reading,
.d6-script-why.is-d6-reading,
.d6-script-why-item.is-d6-reading {
    background: rgba(255, 255, 255, 0.085);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
}

.d6-script-block.is-d6-reading {
    transform: translateX(2px);
}

.d6-script-why-item.is-d6-reading {
    border-radius: 6px;
    padding: 4px 6px;
    margin-left: -6px;
    margin-right: -6px;
}

.d6-script-tabs {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    gap: 3px;
    width: fit-content;
    padding: 2px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.d6-script-tabs button {
    border: none;
    background: transparent;
    color: rgba(203, 213, 225, 0.72);
    font: 600 8px "Geist", sans-serif;
    width: fit-content;
    padding: 3px 6px;
    border-radius: 999px;
    cursor: default;
    transition: color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
    white-space: nowrap;
}

.d6-script-tabs button.is-d6-tab-on {
    color: #fff;
    background: rgba(59, 130, 246, 0.55);
    box-shadow: inset 0 0 0 1px rgba(96, 165, 250, 0.5);
}

.d6-script-body {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

.d6-script-panels {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

.d6-script-panel {
    display: none;
    flex-direction: column;
    gap: 6px;
    flex: 1;
    min-height: 0;
}

.d6-script-panel.is-d6-panel-on {
    display: flex;
    animation: d6ScriptPanelIn 0.45s cubic-bezier(0.22, 1, 0.36, 1) both;
}

@keyframes d6ScriptPanelIn {
    from { opacity: 0; transform: translateY(6px); }
    to { opacity: 1; transform: none; }
}

.d6-script-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    flex: 0 0 auto;
    min-width: 0;
}

.d6-script-meta strong {
    display: block;
    margin: 0;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -0.02em;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.d6-script-tags {
    display: flex;
    flex-wrap: nowrap;
    gap: 4px;
    flex-shrink: 0;
}

.d6-script-tags i {
    font-style: normal;
    padding: 3px 8px;
    border-radius: 999px;
    font-size: 9px;
    font-weight: 600;
    color: rgba(241, 245, 249, 0.92);
    background: rgba(255, 255, 255, 0.07);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.d6-script-scroll-wrap {
    position: relative;
    display: flex;
    align-items: stretch;
    gap: 6px;
    flex: 1 1 0;
    min-height: 0;
    overflow: hidden;
}

.d6-script-scroll {
    position: relative;
    flex: 1 1 0;
    min-height: 0;
    min-width: 0;
    overflow-x: hidden;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding-right: 2px;
    scrollbar-width: none;
    -ms-overflow-style: none;
    -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 88%, transparent 100%);
    mask-image: linear-gradient(180deg, #000 0%, #000 88%, transparent 100%);
}

.d6-script-scroll > * {
    flex: 0 0 auto;
}

.d6-script-scroll::-webkit-scrollbar {
    display: none;
}

.d6-script-scroll-rail {
    flex: 0 0 3px;
    width: 3px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.06);
    position: relative;
    overflow: hidden;
    opacity: 0;
    transition: opacity 0.25s ease;
}

.d6-script-scroll-rail.is-visible {
    opacity: 1;
}

.d6-script-scroll-thumb {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 24%;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.28);
    will-change: transform;
}

.d6-script-block {
    padding: 8px 10px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.04);
    border-left: 3px solid rgba(255, 255, 255, 0.18);
    opacity: 1;
    transform: none;
    transition: background 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
}

.dobra-6-novidades--inview .d6-script-block.is-visible {
    opacity: 1;
    transform: none;
}

.dobra-6-novidades--inview .d6-script-block.is-visible:hover {
    background: rgba(255, 255, 255, 0.065);
}

.d6-script-block--pink { border-left-color: #ff1d94; }
.d6-script-block--purple { border-left-color: #a855f7; }
.d6-script-block--blue { border-left-color: #3b82f6; }
.d6-script-block--cyan { border-left-color: #22d3ee; }

.d6-script-block strong {
    display: block;
    margin-bottom: 4px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.01em;
}

.d6-script-block--pink strong { color: #ff5daf; }
.d6-script-block--purple strong { color: #c084fc; }
.d6-script-block--blue strong { color: #60a5fa; }
.d6-script-block--cyan strong { color: #67e8f9; }

.d6-script-block p {
    margin: 0;
    font-size: 10.5px;
    line-height: 1.45;
    color: rgba(241, 245, 249, 0.9);
}

.d6-script-why {
    margin-top: 2px;
    padding-top: 8px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    opacity: 1;
    transform: none;
}

.dobra-6-novidades--inview .d6-script-why.is-visible {
    opacity: 1;
    transform: none;
}

.d6-script-why > strong {
    display: block;
    margin-bottom: 8px;
    font-size: 11px;
    font-weight: 700;
    color: #fff;
}

.d6-script-why-item {
    margin-bottom: 7px;
}

.d6-script-why-item em {
    display: block;
    margin-bottom: 3px;
    font-style: normal;
    font-size: 10px;
    font-weight: 700;
}

.d6-script-why-item em.is-pink { color: #ff5daf; }
.d6-script-why-item em.is-purple { color: #c084fc; }
.d6-script-why-item em.is-blue { color: #60a5fa; }
.d6-script-why-item em.is-cyan { color: #67e8f9; }

.d6-script-why-item p {
    margin: 0;
    font-size: 10px;
    line-height: 1.4;
    color: rgba(203, 213, 225, 0.88);
}

/* Card 7 — Estúdio de IA */
.d6-studio {
    position: relative;
    height: 100%;
    min-height: 0;
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 14px;
    background: #060608;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 16px 36px rgba(0, 0, 0, 0.35);
    overflow: hidden;
}

.d6-studio-canvas {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 220px;
    border-radius: 10px;
    background: #050507;
    overflow: hidden;
}

.d6-studio-canvas::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    border-radius: inherit;
    background-image: radial-gradient(circle, rgba(255, 255, 255, 0.24) 0.8px, transparent 0.8px);
    background-size: 16px 16px;
    opacity: 0.22;
    pointer-events: none;
}

.d6-studio-canvas::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    border-radius: inherit;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04);
    pointer-events: none;
}

.d6-studio-links {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1;
    overflow: visible;
}

.d6-studio-ports {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 4;
    overflow: visible;
}

.d6-studio-link {
    fill: none;
    stroke: rgba(255, 29, 148, 0.28);
    stroke-width: 1.15;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 3.5 3.5;
    vector-effect: non-scaling-stroke;
    opacity: 0.5;
    transition: stroke 0.45s ease, opacity 0.45s ease;
}

.d6-studio-link--2 {
    stroke: rgba(59, 130, 246, 0.26);
}

.d6-studio-port {
    position: absolute;
    top: 0;
    left: 0;
    width: 9px;
    height: 9px;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.42;
    transition: opacity 0.45s ease;
}

.d6-studio-port-ring {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    box-sizing: border-box;
    background: rgba(6, 6, 10, 0.96);
}

.d6-studio-port-core {
    position: relative;
    z-index: 1;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    flex-shrink: 0;
}

.d6-studio-port--pink .d6-studio-port-ring {
    border: 1.5px solid rgba(255, 29, 148, 0.62);
}

.d6-studio-port--pink .d6-studio-port-core {
    background: #FF1D94;
}

.d6-studio-port--blue .d6-studio-port-ring {
    border: 1.5px solid rgba(59, 130, 246, 0.62);
}

.d6-studio-port--blue .d6-studio-port-core {
    background: #3B82F6;
}

.d6-studio[data-step="2"] .d6-studio-link--1,
.d6-studio[data-step="3"] .d6-studio-link--1,
.d6-studio[data-step="4"] .d6-studio-link--1 {
    stroke: rgba(255, 42, 154, 0.78);
    opacity: 1;
    animation: d6StudioLinkFlow 1.15s linear infinite;
}

.d6-studio[data-step="2"] .d6-studio-port--1a,
.d6-studio[data-step="2"] .d6-studio-port--1b,
.d6-studio[data-step="3"] .d6-studio-port--1a,
.d6-studio[data-step="3"] .d6-studio-port--1b,
.d6-studio[data-step="4"] .d6-studio-port--1a,
.d6-studio[data-step="4"] .d6-studio-port--1b {
    opacity: 1;
}

.d6-studio[data-step="3"] .d6-studio-link--2,
.d6-studio[data-step="4"] .d6-studio-link--2 {
    stroke: rgba(59, 130, 246, 0.78);
    opacity: 1;
    animation: d6StudioLinkFlow 1.15s linear infinite;
}

.d6-studio[data-step="3"] .d6-studio-port--2a,
.d6-studio[data-step="3"] .d6-studio-port--2b,
.d6-studio[data-step="4"] .d6-studio-port--2a,
.d6-studio[data-step="4"] .d6-studio-port--2b {
    opacity: 1;
}

.d6-studio-tile {
    position: absolute;
    z-index: 2;
    width: 27%;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.d6-studio-tile--produto {
    top: 4%;
    left: 3%;
}

.d6-studio-tile--avatar {
    top: 29%;
    left: 36.5%;
}

.d6-studio-tile--video {
    top: 54%;
    left: 70%;
}

.d6-studio-frame {
    position: relative;
    width: 100%;
    aspect-ratio: 4 / 4.6;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: #101016;
    box-shadow:
        0 10px 22px rgba(0, 0, 0, 0.38),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);
    transition: border-color 0.45s ease, box-shadow 0.45s ease, transform 0.45s ease;
}

.d6-studio-tile--video .d6-studio-frame {
    background: #f4f5f8;
    border-color: rgba(255, 255, 255, 0.82);
}

.d6-studio-frame-empty {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 14px 8px 10px;
    box-sizing: border-box;
    text-align: center;
    background: #101016;
    transition: opacity 0.45s ease, transform 0.45s ease;
}

.d6-studio-tile--video .d6-studio-frame-empty {
    background: #f4f5f8;
}

.d6-studio-empty-emoji {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    font-size: 22px;
    line-height: 1;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.07);
}

.d6-studio-tile--video .d6-studio-empty-emoji {
    background: rgba(255, 255, 255, 0.72);
    border-color: rgba(15, 23, 42, 0.07);
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.08);
}

.d6-studio-empty-title {
    display: block;
    font-size: 9px;
    font-weight: 700;
    line-height: 1.15;
    color: rgba(226, 232, 240, 0.88);
    letter-spacing: -0.01em;
}

.d6-studio-empty-hint {
    display: block;
    font-size: 6.5px;
    font-weight: 600;
    line-height: 1;
    color: rgba(148, 163, 184, 0.56);
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.d6-studio-tile--video .d6-studio-empty-title {
    color: rgba(30, 41, 59, 0.86);
}

.d6-studio-tile--video .d6-studio-empty-hint {
    color: rgba(71, 85, 105, 0.52);
}

.d6-studio-frame-media {
    position: absolute;
    inset: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transform: scale(1.03);
    transition:
        opacity 0.55s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
}

.d6-studio-frame-media--avatar {
    object-position: center 8%;
}

.d6-studio[data-step="1"] .d6-studio-tile--produto .d6-studio-frame::after,
.d6-studio[data-step="2"] .d6-studio-tile--avatar .d6-studio-frame::after,
.d6-studio[data-step="3"] .d6-studio-tile--video .d6-studio-frame::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 4;
    background: linear-gradient(108deg, transparent 38%, rgba(255, 255, 255, 0.12) 50%, transparent 62%);
    animation: d6StudioShimmer 0.9s ease-in-out infinite;
    pointer-events: none;
}

.d6-studio[data-step="2"] .d6-studio-tile--produto .d6-studio-frame-media,
.d6-studio[data-step="3"] .d6-studio-tile--produto .d6-studio-frame-media,
.d6-studio[data-step="4"] .d6-studio-tile--produto .d6-studio-frame-media {
    opacity: 1;
    transform: scale(1);
}

.d6-studio[data-step="2"] .d6-studio-tile--produto .d6-studio-frame-empty,
.d6-studio[data-step="3"] .d6-studio-tile--produto .d6-studio-frame-empty,
.d6-studio[data-step="4"] .d6-studio-tile--produto .d6-studio-frame-empty {
    opacity: 0;
    transform: scale(0.98);
}

.d6-studio[data-step="3"] .d6-studio-tile--avatar .d6-studio-frame-media,
.d6-studio[data-step="4"] .d6-studio-tile--avatar .d6-studio-frame-media {
    opacity: 1;
    transform: scale(1);
}

.d6-studio[data-step="3"] .d6-studio-tile--avatar .d6-studio-frame-empty,
.d6-studio[data-step="4"] .d6-studio-tile--avatar .d6-studio-frame-empty {
    opacity: 0;
    transform: scale(0.98);
}

.d6-studio-frame-loading {
    position: absolute;
    inset: 0;
    z-index: 3;
    display: grid;
    place-items: center;
    background: rgba(4, 6, 14, 0.72);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.35s ease, visibility 0.35s ease;
}

.d6-studio-frame-loading span {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.12);
    border-top-color: rgba(255, 255, 255, 0.82);
    animation: d6StudioSpin 0.65s linear infinite;
}

.d6-studio[data-step="3"] .d6-studio-tile--video .d6-studio-frame-loading {
    opacity: 1;
    visibility: visible;
}

.d6-studio[data-step="4"] .d6-studio-tile--video .d6-studio-frame-media {
    opacity: 1;
    transform: scale(1);
}

.d6-studio[data-step="4"] .d6-studio-tile--video .d6-studio-frame-empty,
.d6-studio[data-step="4"] .d6-studio-tile--video .d6-studio-frame-loading {
    opacity: 0;
    visibility: hidden;
}

.d6-studio-tile-label {
    position: absolute;
    top: 7px;
    left: 7px;
    z-index: 5;
    display: inline-flex;
    width: fit-content;
    padding: 3px 7px;
    border-radius: 6px;
    font-size: 6.5px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: rgba(226, 232, 240, 0.72);
    background: rgba(8, 8, 12, 0.72);
    border: 1px solid rgba(255, 255, 255, 0.08);
    pointer-events: none;
}

.d6-studio-tile--video .d6-studio-tile-label {
    color: rgba(30, 41, 59, 0.68);
    background: rgba(255, 255, 255, 0.82);
    border-color: rgba(15, 23, 42, 0.06);
}

.d6-studio[data-step="1"] .d6-studio-tile--produto .d6-studio-frame,
.d6-studio[data-step="2"] .d6-studio-tile--avatar .d6-studio-frame,
.d6-studio[data-step="3"] .d6-studio-tile--video .d6-studio-frame {
    border-color: rgba(255, 255, 255, 0.18);
    box-shadow:
        0 12px 26px rgba(0, 0, 0, 0.42),
        inset 0 1px 0 rgba(255, 255, 255, 0.06);
    transform: translateY(-1px);
}

@keyframes d6StudioLinkFlow {
    to { stroke-dashoffset: -10; }
}

@keyframes d6StudioShimmer {
    0% { transform: translateX(-120%); }
    100% { transform: translateX(120%); }
}

@keyframes d6StudioSpin {
    to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
    .dobra-6-novidades--inview .dobra-6-cell--5,
    .dobra-6-novidades--inview .dobra-6-cell--6,
    .dobra-6-novidades--inview .dobra-6-cell--7,
    .d6-script-video,
    .d6-script-panel.is-d6-panel-on {
        animation: none !important;
    }

    .d6-hot-track.is-instant {
        transition: none !important;
    }

    .d6-script-block,
    .d6-script-why {
        opacity: 1 !important;
        transform: none !important;
    }
}

/* Movimentos das interfaces */
.dobra-6--enhanced.dobra-6--inview .d6-country-opt.is-active {
    animation: d6ActiveMarket 2.8s ease-in-out infinite;
}

.dobra-6--enhanced.dobra-6--inview .d6-gains-stat.is-open {
    animation: d6MetricFocus 0.72s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.dobra-6--enhanced.dobra-6--inview .dobra-6-suggest-item.is-active {
    animation: d6SearchResult 1.9s ease-in-out infinite;
}

@keyframes d6ActiveMarket {
    0%, 100% { box-shadow: 0 0 0 1px rgba(225, 0, 118, 0.18), 0 8px 22px rgba(170, 0, 94, 0.22); }
    50% { box-shadow: 0 0 0 2px rgba(244, 114, 182, 0.24), 0 11px 28px rgba(225, 0, 118, 0.28); }
}

@keyframes d6MetricFocus {
    0% { transform: translateY(5px); filter: brightness(0.86); }
    55% { transform: translateY(-2px); filter: brightness(1.14); }
    100% { transform: translateY(0); filter: brightness(1); }
}

@keyframes d6SearchResult {
    0%, 100% { transform: translateX(2px); filter: brightness(1); }
    50% { transform: translateX(5px); filter: brightness(1.12); }
}

@media (prefers-reduced-motion: reduce) {
    .dobra-6--enhanced.dobra-6--inview .d6-country-opt.is-active,
    .dobra-6--enhanced.dobra-6--inview .dobra-6-suggest-item.is-active {
        animation: none !important;
    }
}


/* Interfaces dos cards 1–4 */
@keyframes d6InterfaceSwap {
    from { opacity: 0; transform: translateY(7px); }
    to { opacity: 1; transform: none; }
}

.d6-market,
.d6-performance,
.d6-discovery {
    height: 100%;
    min-height: 0;
    box-sizing: border-box;
    color: #f8fafc;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    background: #08090d;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035), 0 14px 34px rgba(0, 0, 0, 0.3);
}

.d6-market,
.d6-performance {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 10px;
    overflow: hidden;
}

.d6-market-tabs {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 5px;
    flex: 0 0 auto;
    padding-bottom: 8px;
}

.d6-market .d6-country-opt {
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 4px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    background: #101116;
    font: 650 9px "Geist", sans-serif;
    cursor: pointer;
}

.d6-market .d6-country-opt img {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    object-fit: cover;
}

.d6-market .d6-country-opt.is-active {
    border-color: rgba(255, 29, 148, 0.6);
    background: #26101d;
    box-shadow: inset 0 0 0 1px rgba(255, 29, 148, 0.14);
}

.d6-market-stage {
    display: grid;
    flex: 1;
    min-height: 0;
    grid-template-columns: 160px minmax(0, 1fr);
    gap: 12px;
    align-items: stretch;
}

.d6-market-video {
    position: relative;
    height: auto;
    min-height: 0;
    max-height: none;
    align-self: stretch;
    overflow: hidden;
    border: none;
    border-radius: 10px 10px 0 0;
    background: #05070c;
    box-shadow: none;
}

.d6-market-video video {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.d6-market-rank {
    position: absolute;
    top: 7px;
    left: 7px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 3px;
    width: auto;
    height: auto;
    padding: 4px 6px 4px 5px;
    border-radius: 7px;
    background: rgba(4, 7, 14, 0.82);
    color: #fff;
    font-size: 8px;
    font-weight: 800;
    line-height: 1;
    backdrop-filter: blur(7px);
}

.d6-market-rank-icon {
    width: 10px;
    height: 10px;
    flex-shrink: 0;
    color: #ff5daf;
}

.d6-market-detail {
    display: flex;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
    height: 100%;
}

.d6-market-title-row {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
    min-width: 0;
    margin: 4px 0 10px;
}

.d6-market-title-row .d6-market-name {
    min-width: 0;
    margin: 0;
    overflow: hidden;
    font-size: 14px;
    line-height: 1.15;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.d6-market-title-row em {
    flex: 0 0 auto;
    color: #4ade80;
    font-size: 10px;
    font-style: normal;
    font-weight: 750;
}

.d6-market-label {
    color: rgba(148, 163, 184, 0.7);
    font-size: 9px;
}

.d6-market-gmv {
    font-size: 28px;
    margin: 4px 0 10px;
    color: #fff;
    letter-spacing: -0.055em;
}

.d6-market-metrics {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 7px;
    flex: 0 0 auto;
}

.d6-market-metrics div {
    padding: 8px 9px;
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 7px;
    background: rgba(255, 255, 255, 0.035);
}

.d6-market-metrics span {
    display: block;
    color: rgba(148, 163, 184, 0.68);
    font-size: 10px;
}

.d6-market-metrics strong {
    display: block;
    margin-top: 3px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
}

.d6-market-trend {
    display: flex;
    align-items: flex-end;
    gap: 3px;
    flex: 0 0 58px;
    height: 58px;
    margin-top: auto;
    padding-top: 6px;
}

.d6-market-trend i {
    flex: 1;
    min-width: 2px;
    height: 0%;
    border-radius: 3px 3px 1px 1px;
    background: linear-gradient(#3b82f6, rgba(59, 130, 246, 0.12));
    transition: height 0.55s cubic-bezier(0.22, 1, 0.36, 1);
}

.d6-market.is-refreshing .d6-market-stage {
    animation: d6InterfaceSwap 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}

.d6-performance-body {
    display: grid;
    flex: 1;
    min-height: 0;
    height: 100%;
    grid-template-columns: 168px minmax(0, 1fr);
    gap: 12px;
    padding-top: 0;
    align-items: stretch;
}

.d6-performance-media {
    position: relative;
    height: 100%;
    min-height: 0;
    max-height: none;
    align-self: stretch;
    overflow: hidden;
    border: none;
    border-radius: 10px 10px 0 0;
    background: #05070c;
    box-shadow: none;
}

.d6-performance-media video {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.d6-performance-data {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    min-width: 0;
    justify-content: flex-start;
    gap: 8px;
}

.d6-performance-product {
    display: grid;
    grid-template-columns: 54px 1fr;
    gap: 10px;
    align-items: center;
    flex: 0 0 auto;
}

.d6-performance-product img {
    width: 54px;
    height: 54px;
    border-radius: 10px;
    object-fit: cover;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.d6-performance-product strong,
.d6-performance-product span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.d6-performance-product strong { font-size: 12px; }

.d6-performance-product span {
    margin-top: 2px;
    color: rgba(148, 163, 184, 0.68);
    font-size: 9px;
}

.d6-performance-primary {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 4px 0 6px;
    padding: 9px 10px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 9px;
    background: #101116;
}

.d6-performance-primary span {
    display: block;
    color: rgba(148, 163, 184, 0.7);
    font-size: 9px;
    letter-spacing: 0.02em;
}

.d6-performance-primary strong {
    display: block;
    margin: 5px 0 4px;
    font-size: 28px;
    line-height: 1.02;
    letter-spacing: -0.055em;
    color: #fff;
}

.d6-performance-primary em {
    display: block;
    color: #4ade80;
    font-size: 9px;
    font-style: normal;
}

.d6-performance-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 8px;
    width: 100%;
    min-width: 0;
    flex: 0 0 auto;
}

.d6-performance .d6-gains-stat {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 3px;
    width: auto;
    min-width: 0;
    max-width: 100%;
    min-height: 54px;
    opacity: 1 !important;
    transform: none !important;
    padding: 10px 9px;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 8px;
    background: #101216 !important;
    box-shadow: none !important;
    transition: none;
}

.d6-performance .d6-gains-stat.is-open {
    opacity: 1 !important;
    transform: none !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    box-shadow: none !important;
}

.d6-performance .d6-gains-stat span {
    display: block;
    width: 100%;
    color: rgba(148, 163, 184, 0.7);
    font-size: 11px;
}

.d6-performance .d6-gains-stat strong {
    display: block;
    width: 100%;
    margin-top: 1px;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.d6-performance-meter {
    position: relative;
    flex: 0 0 5px;
    width: 100%;
    height: 5px;
    margin-top: 2px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    overflow: hidden;
}

.d6-performance-meter span {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform-origin: left center;
    transform: scaleX(0);
    border-radius: inherit;
    background: #ff1d94;
    box-shadow: 0 0 6px rgba(255, 29, 148, 0.32);
    will-change: transform;
}

.d6-performance-meter.is-live span {
    transition: none;
}

.dobra-6-cell--3 .dobra-6-mock {
    height: 100%;
    overflow: hidden;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

/* Card 03 — Insight VYRAL */
.d6-vyral {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: 100%;
    min-height: 0;
    box-sizing: border-box;
    padding: 10px 11px 11px;
    gap: 0;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    background: linear-gradient(155deg, rgba(8, 9, 14, 0.99), rgba(4, 6, 11, 0.98));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.055), 0 18px 40px rgba(0, 0, 0, 0.24);
    overflow: hidden;
}

.d6-vyral-head {
    display: grid;
    flex: 0 0 auto;
    grid-template-columns: 50px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    min-height: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.d6-vyral-score {
    position: relative;
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: conic-gradient(#22c55e 0 80%, rgba(255, 255, 255, 0.08) 80%);
    box-shadow: 0 0 16px rgba(34, 197, 94, 0.12);
}

.d6-vyral-score::before {
    content: "";
    position: absolute;
    inset: 3px;
    border-radius: inherit;
    background: #090b10;
}

.d6-vyral-score > div {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.d6-vyral-score strong {
    color: #4ade80;
    font-size: 18px;
    letter-spacing: -0.04em;
}

.d6-vyral-score small {
    margin-top: 1px;
    color: rgba(203, 213, 225, 0.72);
    font-size: 9px;
}

.d6-vyral-summary > span {
    display: block;
    overflow: hidden;
    font-size: 10px;
    line-height: 1.3;
    color: rgba(226, 232, 240, 0.82);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.d6-vyral-summary strong {
    font-size: 14px;
    line-height: 1.2;
}

.d6-vyral-tags {
    display: flex;
    gap: 5px;
    margin-top: 5px;
}

.d6-vyral-tags i {
    padding: 3px 6px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.05);
    color: rgba(226, 232, 240, 0.78);
    font-size: 9px;
    font-style: normal;
}

.d6-vyral-tabs {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    flex: 0 0 auto;
    gap: 6px;
    padding: 9px 0;
}

.d6-vyral-tab {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-height: 36px;
    min-width: 0;
    padding: 0 6px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 7px;
    background: #101116;
    color: rgba(226, 232, 240, 0.88);
    font-size: 10px;
    font-weight: 650;
    cursor: pointer;
}

.d6-vyral-tab.is-active {
    border-color: rgba(255, 29, 148, 0.65);
    background: #28101f;
    color: #fff;
    box-shadow: inset 0 0 0 1px rgba(255, 29, 148, 0.12);
}

.d6-vyral-tab.is-active::after {
    display: none;
}

.d6-vyral-tab svg {
    width: 13px;
    height: 13px;
    flex-shrink: 0;
    fill: #fff;
    color: #fff;
}

.d6-vyral-tab svg path {
    fill: currentColor;
}

.d6-vyral-panels {
    position: relative;
    flex: 1;
    min-height: 0;
    display: block;
}

.dobra-6-cell--3 .d6-vyral-panel,
#d6VyralInsight .d6-vyral-panel {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.dobra-6-cell--3 .d6-vyral-panel::-webkit-scrollbar,
#d6VyralInsight .d6-vyral-panel::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
}

.d6-vyral-scroll-rail {
    position: absolute;
    top: 0;
    right: 1px;
    bottom: 0;
    width: 2px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.04);
    pointer-events: none;
    z-index: 6;
    opacity: 0;
    transition: opacity 0.2s ease;
}

.d6-vyral-scroll-rail.is-visible {
    opacity: 1;
}

.d6-vyral-scroll-thumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 10px;
    border-radius: 999px;
    background: rgba(255, 29, 148, 0.5);
    will-change: transform, height;
}

.d6-vyral-panel {
    display: none;
    height: 100%;
    max-height: none;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
}

.d6-vyral-panel.is-active {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.d6-vyral-panel h4 {
    margin: 0 0 5px;
    font-size: 12px;
    font-weight: 650;
    color: rgba(248, 250, 252, 0.96);
}

.d6-vyral-card {
    padding: 10px 11px;
    border: none;
    border-left: 2px solid rgba(255, 255, 255, 0.18);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.04);
}

.d6-vyral-card--pink,
.d6-vyral-card:not([class*="d6-vyral-card--"]) {
    border-left-color: #ff1d94;
}

.d6-vyral-card--pink strong,
.d6-vyral-card:not([class*="d6-vyral-card--"]) strong {
    color: #ff5daf;
}

.d6-vyral-card--blue {
    border-left-color: #3b82f6;
}

.d6-vyral-card--blue strong {
    color: #60a5fa;
}

.d6-vyral-card--purple {
    border-left-color: #a855f7;
}

.d6-vyral-card--purple strong {
    color: #c084fc;
}

.d6-vyral-card strong {
    display: block;
    margin-bottom: 4px;
    font-size: 11px;
    line-height: 1.25;
}

.d6-vyral-card p {
    margin: 0;
    font-size: 10.5px;
    line-height: 1.42;
    color: rgba(226, 232, 240, 0.82);
}

.d6-vyral-card--wide {
    width: 100%;
}

.d6-vyral-grid--quad {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.d6-vyral-structure {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.d6-vyral-block {
    padding: 10px 11px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.04);
    border-left: 2px solid rgba(255, 255, 255, 0.18);
}

.d6-vyral-block--pink {
    border-left-color: #ff1d94;
}

.d6-vyral-block--pink .d6-vyral-block-title {
    color: #ff5daf;
}

.d6-vyral-block--purple {
    border-left-color: #a855f7;
}

.d6-vyral-block--purple .d6-vyral-block-title {
    color: #c084fc;
}

.d6-vyral-block--blue {
    border-left-color: #3b82f6;
}

.d6-vyral-block--blue .d6-vyral-block-title {
    color: #60a5fa;
}

.d6-vyral-block-title {
    display: block;
    margin-bottom: 6px;
    font-size: 11px;
    font-weight: 700;
}

.d6-vyral-block-row {
    margin-top: 8px;
    font-size: 10px;
    line-height: 1.45;
    color: rgba(226, 232, 240, 0.82);
}

.d6-vyral-block-row span {
    display: inline;
    color: rgba(148, 163, 184, 0.92);
    font-size: 10px;
    font-weight: 650;
    line-height: 1.45;
}

.d6-vyral-block-row span::after {
    content: " — ";
    font-weight: 500;
    color: rgba(148, 163, 184, 0.45);
}

.d6-vyral-block-row p {
    display: inline;
    margin: 0;
    color: rgba(226, 232, 240, 0.82);
    font-size: 10px;
    line-height: 1.45;
}

.d6-vyral-copy,
.d6-vyral-adapt,
.d6-vyral-learnings {
    padding: 10px 11px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.04);
    border-left: 2px solid rgba(255, 255, 255, 0.18);
}

.d6-vyral-copy--pink,
.d6-vyral-adapt--pink {
    border-left-color: #ff1d94;
}

.d6-vyral-copy--pink strong,
.d6-vyral-adapt--pink strong {
    color: #ff5daf;
}

.d6-vyral-learnings--blue {
    border-left-color: #3b82f6;
}

.d6-vyral-learnings--blue > strong {
    color: #60a5fa;
    font-size: 11px;
}

.d6-vyral-copy-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 6px;
}

.d6-vyral-copy-head strong {
    font-size: 11px;
}

.d6-vyral-copy-btn {
    flex: 0 0 auto;
    height: 24px;
    padding: 0 9px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.06);
    color: rgba(226, 232, 240, 0.88);
    font: 600 9px "Geist", sans-serif;
    cursor: pointer;
}

.d6-vyral-copy p,
.d6-vyral-adapt p {
    margin: 0;
    font-size: 10px;
    line-height: 1.45;
    color: rgba(226, 232, 240, 0.82);
    font-style: italic;
}

.d6-vyral-adapt strong {
    display: block;
    margin-bottom: 5px;
    font-size: 11px;
}

.d6-vyral-learn-list {
    display: flex;
    flex-direction: column;
    gap: 9px;
    margin: 9px 0 0;
    padding: 0;
    list-style: none;
}

.d6-vyral-learn-list li {
    display: grid;
    grid-template-columns: 20px 1fr;
    gap: 7px;
    align-items: start;
}

.d6-vyral-learn-list li span {
    display: grid;
    place-items: center;
    width: 20px;
    height: 20px;
    border-radius: 5px;
    background: rgba(59, 130, 246, 0.14);
    color: #60a5fa;
    font-size: 9px;
    font-weight: 800;
}

.d6-vyral-learn-list li p {
    margin: 0;
    font-size: 10px;
    line-height: 1.4;
    color: rgba(226, 232, 240, 0.82);
}

/* Card 04 — busca compacta, alinhada ao topo */
.d6-discovery {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 10px;
}

.d6-discovery-form {
    display: grid;
    align-items: center;
    grid-template-columns: 15px minmax(0, 1fr) auto;
    gap: 6px;
    min-height: 36px;
    margin: 0 0 8px;
    padding: 0 6px 0 11px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 999px;
    background: #111217;
}

.d6-discovery-form .d6-search-icon {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
    color: rgba(203, 213, 225, 0.58);
}

.d6-discovery-form .dobra-6-type-wrap {
    min-width: 0;
    font-size: 11px;
}

.d6-discovery-form button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    padding: 0 12px;
    border: 1px solid #ff1d94;
    border-radius: 999px;
    background: linear-gradient(180deg, #ff2a9a, #d4147a 60%, #b81068);
    color: #fff;
    font: 700 9px "Geist", sans-serif;
    box-shadow: 0 8px 20px rgba(212, 20, 122, 0.28);
    cursor: pointer;
}

.d6-discovery-label {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px;
    color: rgba(226, 232, 240, 0.72);
    font-size: 8px;
}

.d6-discovery-label em {
    color: rgba(148, 163, 184, 0.58);
    font-style: normal;
}

.d6-discovery .dobra-6-suggest-list {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.d6-discovery .dobra-6-suggest-list.is-visible {
    opacity: 1;
    max-height: none;
    overflow: visible;
    pointer-events: auto;
    transform: none;
}

.d6-discovery .dobra-6-suggest-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 32px;
    padding: 5px 8px;
    border: 1px solid rgba(255, 255, 255, 0.075);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.03);
}

.d6-discovery .dobra-6-suggest-item.is-active {
    border-color: rgba(255, 29, 148, 0.34);
    background: linear-gradient(90deg, rgba(255, 29, 148, 0.1), rgba(255, 255, 255, 0.025));
    animation: d6SearchResult 1.9s ease-in-out infinite;
}

.d6-discovery .d6-suggest-text {
    font-size: 10px;
}

.d6-discovery .d6-suggest-index {
    display: grid;
    place-items: center;
    width: 26px;
    height: 26px;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.055);
    color: rgba(226, 232, 240, 0.72);
    font-size: 10px;
    font-weight: 800;
    flex-shrink: 0;
}

.d6-suggest-index {
    display: grid;
    place-items: center;
    width: 22px;
    height: 22px;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.055);
    color: rgba(226, 232, 240, 0.52);
    font-size: 8px;
    font-weight: 800;
}

.d6-discovery .d6-suggest-meta {
    color: #4ade80;
    font-size: 8px;
    font-weight: 700;
}

@media (prefers-reduced-motion: reduce) {
    .d6-vyral-panel.is-active,
    .d6-performance-meter span,
    .d6-market-trend i,
    .d6-market.is-refreshing .d6-market-stage {
        animation: none !important;
        transition: none !important;
    }
}

@media (max-width: 767px) {
    .dobra-6 {
        padding: 56px 16px 72px;
    }

    .dobra-6-head {
        margin-bottom: 22px;
    }

    .dobra-6-lead,
    .dobra-6-novidades-lead {
        font-size: 26px;
        line-height: 1.25;
        letter-spacing: -0.03em;
        max-width: 24rem;
    }

    .dobra-6-novidades-lead {
        margin-bottom: 22px;
    }

    .dobra-6-bento {
        grid-template-columns: 1fr;
        grid-template-areas:
            "a"
            "b"
            "c"
            "d";
        gap: 20px;
        max-width: none;
    }

    .dobra-6-novidades {
        padding: 0 20px 52px;
    }

    .dobra-6-novidades-divider {
        margin-bottom: 22px;
    }

    .dobra-6-novidades-sticker {
        width: min(100%, 260px);
        margin-top: -12px;
    }

    .dobra-6-novidades-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .d6-hot-item-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dobra-6-cell {
        min-height: 360px;
    }

    .dobra-6-novidades .dobra-6-cell {
        min-height: 330px;
    }

    .dobra-6-cell-bgnum {
        right: 12px;
        font-size: 2.05rem;
    }

    .dobra-6-copy {
        padding: 20px 10px 8px 20px;
    }

    .dobra-6-cell--3 .dobra-6-copy {
        padding-bottom: 14px;
    }

    .dobra-6-novidades .dobra-6-visual {
        top: 108px;
        bottom: 6px;
    }

    .dobra-6-novidades .dobra-6-copy {
        padding: 20px 10px 8px 20px;
    }

    .dobra-6-novidades .d6-hot-stack,
    .dobra-6-novidades .d6-script {
        padding: 10px;
        gap: 8px;
    }

    .dobra-6-novidades .d6-hot-item-stats {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 3px;
        padding: 7px 6px;
    }

    .dobra-6-novidades .d6-hot-item-name {
        font-size: 11px;
        margin-bottom: 5px;
        line-height: 1.2;
    }

    .dobra-6-novidades .d6-hot-item-stats span {
        font-size: 8.5px;
        line-height: 1.15;
    }

    .dobra-6-novidades .d6-hot-item-stats strong {
        margin-top: 2px;
        font-size: 11px;
    }

    .dobra-6-novidades .d6-hot-item-stats strong.is-sm {
        font-size: 10px;
    }

    .dobra-6-novidades .dobra-6-cell--6 {
        min-height: 330px;
    }

    .dobra-6-novidades .d6-script-top {
        gap: 5px 8px;
        align-items: end;
    }

    .dobra-6-novidades .d6-hot-viewport::after {
        height: 92px;
        transform: translateY(14px);
    }

    .dobra-6-novidades .d6-script-video {
        width: 48px;
        height: 62px;
        min-height: 62px;
        align-self: end;
    }

    .dobra-6-novidades .d6-script-video-badge svg {
        width: 15px;
        height: 15px;
    }

    .dobra-6-novidades .d6-script-actions {
        align-items: center;
    }

    .dobra-6-novidades .dobra-6-cell--7 {
        min-height: 350px;
    }

    .dobra-6-novidades .dobra-6-cell--7 .d6-studio-canvas {
        min-height: 210px;
    }

    .dobra-6-novidades .dobra-6-cell--7 .d6-studio-tile {
        width: 29%;
        gap: 12px;
    }

    .dobra-6-novidades .dobra-6-cell--7 .d6-studio-tile--produto {
        top: 3%;
        left: 3%;
    }

    .dobra-6-novidades .dobra-6-cell--7 .d6-studio-tile--avatar {
        top: 18%;
        left: 35.5%;
    }

    .dobra-6-novidades .dobra-6-cell--7 .d6-studio-tile--video {
        top: 36%;
        left: 68%;
    }

    .d6-studio-canvas {
        min-height: 180px;
    }

    .d6-studio-tile {
        width: 29%;
    }

    .d6-studio-tile--produto {
        top: 4%;
        left: 3%;
    }

    .d6-studio-tile--avatar {
        top: 29%;
        left: 35.5%;
    }

    .d6-studio-tile--video {
        top: 54%;
        left: 68%;
    }

    .d6-studio-tile-label {
        font-size: 7.5px;
    }

    .dobra-6-visual {
        top: 112px;
        bottom: 6px;
    }

    .dobra-6-title {
        font-size: 18px;
        line-height: 1.08;
        letter-spacing: -0.3px;
    }

    .dobra-6-desc {
        font-size: 12px;
        line-height: 1.28;
        max-width: 100%;
        letter-spacing: -0.1px;
    }

    .dobra-6-badge {
        top: 10px;
        right: 10px;
        font-size: 7px;
        padding: 3px 7px;
        box-shadow: none;
        gap: 4px;
    }

    .dobra-6-badge-star {
        width: 8px;
        height: 8px;
    }

    .d6-novo-badge {
        font-size: 8px;
        padding: 2px 6px;
        gap: 3px;
        box-shadow: none;
    }

    .d6-novo-badge-icon {
        width: 9px;
        height: 9px;
    }

    .dobra-6-mock {
        padding: 8px 8px 10px;
        gap: 5px;
    }

    #d6SearchCard {
        padding: 8px 10px 10px;
    }

    #d6SearchCard .d6-discovery-form {
        width: 100%;
        max-width: 100%;
        margin: 0 0 8px;
        min-height: 38px;
        padding: 0 8px 0 10px;
        box-sizing: border-box;
    }

    #d6SearchCard .d6-search-icon {
        width: 13px;
        height: 13px;
    }

    #d6SearchCard .dobra-6-type-wrap {
        font-size: 10px;
        min-height: 1.3rem;
    }

    #d6SearchCard .d6-discovery-form button {
        height: 26px;
        padding: 0 9px;
        font-size: 8px;
    }

    #d6SearchCard .d6-discovery-label {
        width: 100%;
        max-width: 100%;
        margin: 0 0 6px;
        padding: 0 1px;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
        align-items: baseline;
        gap: 6px;
        font-size: 7.5px;
    }

    #d6SearchCard .d6-discovery-label span,
    #d6SearchCard .d6-discovery-label em {
        white-space: nowrap;
    }

    #d6SearchCard .dobra-6-suggest-list {
        width: 100%;
        max-width: 100%;
        margin: 0;
    }

    #d6SearchCard .dobra-6-suggest-item {
        width: 100%;
        max-width: 100%;
        margin: 0;
        box-sizing: border-box;
    }

    .dobra-6-cell--3 .d6-vyral-tabs {
        gap: 4px;
        padding: 8px 0;
    }

    .d6-vyral-tab {
        flex-direction: column;
        gap: 2px;
        min-height: 36px;
        padding: 4px 2px;
        font-size: 7.5px;
        line-height: 1.08;
        text-align: center;
    }

    .d6-vyral-tab svg {
        width: 10px;
        height: 10px;
    }

    .d6-vyral-tab span {
        display: block;
        white-space: normal;
        line-height: 1.08;
    }

    .d6-vyral-grid--quad {
        grid-template-columns: 1fr;
    }

    .d6-country-opt.is-active,
    .dobra-6-live-you {
        animation: none !important;
    }

    .d6-market-stage {
        grid-template-columns: 145px minmax(0, 1fr);
    }

    .d6-performance-body {
        grid-template-columns: 128px minmax(0, 1fr);
    }

    .d6-discovery-form {
        min-height: 34px;
    }

    .d6-discovery-form button {
        height: 28px;
        padding: 0 10px;
    }

    .dobra-6--enhanced.dobra-6--inview .dobra-6-cell,
    .dobra-6--enhanced.dobra-6--inview .dobra-6-live-row,
    .dobra-6--enhanced.dobra-6--inview .dobra-6-mock-row,
    .dobra-6--enhanced.dobra-6--inview .d6-tx-item {
        animation: none !important;
        opacity: 1 !important;
        transform: none !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1441px) {
    .dobra-6-inner { max-width: 940px; }
}


.d3viz-content {
    position: relative;
    z-index: 1;
    max-width: 420px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
}

/* Duas colunas: Transcrição à esquerda, Insight à direita — alinhado ao SVG (25% / 75%) */
.d3viz-pills-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    width: 300px;
    margin: 0 auto;
}

.d3viz-pills-row > .d3viz-pill:first-child,
.d3viz-pills-row > .d3viz-pill:last-child {
    justify-self: center;
}

.d3viz-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    border-radius: 10px;
    background: #fff;
    font-size: 12px;
    font-weight: 600;
    color: #4a3540;
    box-shadow: 
    0px 2px 3px -3px rgba(28, 40, 64, 0.10),
    0px 4px 6px -2px rgba(28, 40, 64, 0.04),
    0px 0px 0px 4px #F4F5F6;
    border: 1px solid #2563eb50;
}

.d3viz-pill svg {
    flex-shrink: 0;
    display: block;
    opacity: 0.92;
    color: #2563eb;
}

/* Linhas só no vão entre pills e o card — fica atrás do card (z-index menor) */
.d3viz-merge-wrap {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 88px;
    margin: 0;
    flex-shrink: 0;
    pointer-events: none;
    overflow: visible;
}

.d3viz-merge-wrap svg {
    width: 100%;
    height: 100%;
    display: block;
    overflow: visible;
}

.d3viz-trans-wrap {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    overflow: visible;
}

/* Card por cima do SVG: altura só do conteúdo (sem min-height para não sobrar faixa branca) */
.d3viz-node--trans {
    margin-top: -32px;
    position: relative;
    z-index: 2;
    margin-bottom: -8px;
}

.d3viz-stack {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    margin-top: 16px;
}

.d3viz-node {
    width: 100%;
    min-width: 0;
    border-radius: 18px;
    border: none;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    background: #fff;
    box-shadow: 
    0px 2px 3px -3px rgba(28, 40, 64, 0.10),
    0px 4px 6px -2px rgba(28, 40, 64, 0.04),
    0px 0px 0px 4px #F4F5F6;
    border: 1px solid #2563eb50;
}

.d3viz-node-label {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #64748b;
    padding: 12px 16px 0;
}

.d3viz-node--trans .d3viz-node-label {
    padding-top: 14px;
}

.d3viz-node--trans .d3viz-node-body {
    padding: 0 0 8px;
    font-style: normal;
    display: flex;
    flex-direction: column;
    gap: 0;
}

.d3viz-node-scroll {
    position: relative;
    padding: 14px 14px 12px;
    max-height: 96px;
    overflow: hidden;
}

.d3viz-node-scroll::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 40px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, #fff 100%);
    pointer-events: none;
}

.d3viz-node--trans .d3viz-node-text {
    margin: 0;
    font-size: 11px;
    line-height: 1.48;
    color: #3f3f46;
}

.d3viz-node--video {
    overflow: visible;
}

.d3viz-node--video .d3viz-node-body {
    --d3viz-notif-viewport-h: 142px;
    position: relative;
    padding: 12px 10px 12px;
    background: transparent;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 14px;
    align-items: end;
    min-height: 0;
}

.d3viz-video-phone {
    position: relative;
    border-radius: 14px;
    overflow: hidden;
    width: calc(var(--d3viz-notif-viewport-h) * 9 / 16);
    height: var(--d3viz-notif-viewport-h);
    max-height: var(--d3viz-notif-viewport-h);
    aspect-ratio: 9 / 16;
    margin: 0;
    justify-self: start;
    align-self: end;
    background: #0a0a0c;
    box-shadow:
        0 8px 28px rgba(0, 0, 0, 0.18),
        0 0 0 1px rgba(255, 255, 255, 0.06);
}

.d3viz-video-phone video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.d3viz-video-toasts {
    position: relative;
    width: 100%;
    min-width: 0;
    min-height: var(--d3viz-notif-viewport-h);
    align-self: end;
}

.d3viz-notif-wrapper {
    position: relative;
    width: 100%;
    min-height: var(--d3viz-notif-viewport-h);
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
}

.d3viz-notif-container {
    position: relative;
    width: 100%;
    max-width: 400px;
    height: var(--d3viz-notif-viewport-h);
    min-height: var(--d3viz-notif-viewport-h);
    max-height: var(--d3viz-notif-viewport-h);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 6px;
    overflow: hidden;
    font-family: "Geist", system-ui, sans-serif;
    flex-shrink: 0;
}

.d3viz-notif {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    min-height: 42px;
    padding: 6px 9px 6px 7px;
    border-radius: 10px;
    box-sizing: border-box;
    font-family: inherit;
    background: #fafafa;
    border: 1px solid #e4e4e7;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
    animation: d3vizNotifDropIn 0.32s ease-out forwards;
    opacity: 0;
    transform: translateY(-6px);
}

.d3viz-notif--removing {
    animation: d3vizNotifSlideOut 0.26s ease-in forwards;
}

@keyframes d3vizNotifDropIn {
    from {
        opacity: 0;
        transform: translateY(-6px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes d3vizNotifSlideOut {
    from {
        opacity: 1;
        transform: translateY(0);
        max-height: 64px;
        padding-top: 6px;
        padding-bottom: 6px;
        margin-bottom: 0;
    }
    to {
        opacity: 0;
        transform: translateY(-4px);
        max-height: 0;
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: -6px;
    }
}

.d3viz-notif-icon {
    width: 28px;
    height: 28px;
    border-radius: 7px;
    flex-shrink: 0;
    object-fit: cover;
    display: block;
}

.d3viz-notif-body {
    flex: 1;
    min-width: 0;
}

.d3viz-notif-title {
    font-size: 10px;
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: 0;
    color: #71717a;
}

.d3viz-notif-commission {
    margin-top: 1px;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -0.01em;
    color: #18181b;
    font-variant-numeric: tabular-nums;
}

.d3viz-notif-commission-label {
    font-weight: 400;
    font-size: 10px;
    color: #71717a;
}

.d3viz-notif-time {
    font-size: 9px;
    font-weight: 400;
    color: #a1a1aa;
    flex-shrink: 0;
    align-self: center;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.d3viz-notif-feed--reduced .d3viz-notif {
    animation: none;
    opacity: 1;
    transform: none;
}

.d3viz-vlink {
    width: 100%;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: -8px 0;
    overflow: visible;
}

.d3viz-beam-base {
    fill: none;
    stroke: #e2e8f0;
    stroke-width: 1;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* Linha até o vídeo: mesmo sistema do merge (SVG mask + gradiente + blur) — ver HTML */
.d3viz-vlink-svg {
    width: 24px;
    height: 52px;
    display: block;
    overflow: visible;
}


/* Faixa de estatísticas TikTok Shop */
.dobra-stats {
    background: #fff;
    padding: 40px 16px 44px;
    border-bottom: 1px solid #dbe4f0;
}

.dobra-stats-grid {
    box-sizing: border-box;
    max-width: 1000px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px 12px;
    text-align: center;
}

.dobra-stats-value {
    margin: 0 0 8px;
    font-family: "Geist", sans-serif;
    font-size: clamp(22px, 4vw, 30px);
    font-weight: 500;
    line-height: 1.15;
    letter-spacing: -0.03em;
    color: #4f5d6f;
}

.dobra-stats-desc {
    margin: 0 auto;
    font-family: "Geist", sans-serif;
    font-size: 14px;
    line-height: 1.35;
    color: #64748b;
    text-wrap: balance;
    width: 200px;
}

/* Dobra 7 — card com textos + vídeo vd-d7 */
.dobra-7 {
    position: relative;
    z-index: 7;
    overflow-x: clip;
    overflow-y: visible;
    background: #ffffff;
}

.dobra-7-wave-corner {
    position: absolute;
    top: -180px;
    right: -150px;
    z-index: 10;
    width: auto;
    height: 350px;
    max-width: none;
    pointer-events: none;
    user-select: none;
    rotate: -2deg;
}

.dobra-7-inner {
    position: relative;
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    overflow: hidden;
}

.dobra-7-card {
    text-align: center;
    padding-top: 40px;
    border: 1px solid #dbe4f0;
    border-top: none;
    border-bottom: none;
    background: #fff;
}

.dobra-7-header {
    position: relative;
    z-index: 2;
    width: 100%;
    text-wrap: balance;
}

.dobra-7-title {
    margin: 0 0 0.65em;
    font-family: "Geist", sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -1px;
    color: #0f172a;
    text-wrap: balance;
    width: 800px;
    margin: 0 auto;
    padding-bottom: 20px;
}

.dobra-7-desc {
    margin: 0;
    font-family: "Geist", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3em;
    letter-spacing: -0.015em;
    color: #475569;
    width: 600px;
    margin: 0 auto;
}

.dobra-7-video-wrap {
    position: relative;
    z-index: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    overflow: visible;
}

.dobra-7-bg-24h {
    position: absolute;
    z-index: 0;
    left: 50%;
    top: -80px;
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto;
    max-width: none;
    pointer-events: none;
    user-select: none;
    opacity: 0.5;
    mask: linear-gradient(to bottom, #000, transparent) ;
}

.dobra-7-video-stack {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 500px;
    margin: 0 auto;
    transform: scale(1.1);
    transform-origin: top center;
    aspect-ratio: 9 / 16;
    overflow: hidden;
    mask: linear-gradient(to left, transparent 0%, #fff 10%, #fff 90%,transparent 100%);
    overflow: hidden;
    mix-blend-mode: multiply;
    margin-bottom: -40px;
}

.dobra-7-video-media {
    position: absolute;
    inset: 0;
    z-index: 0;
}

.dobra-7-video-media video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    display: block;
}
@media only screen and (max-width: 767px) {
    /* Stats (entre Dobra 6 e 7): 2x2 no mobile + fontes menores */
    .dobra-stats {
        padding: 28px 16px 32px;
    }

    .dobra-stats-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px 12px;
    }

    .dobra-stats-value {
        font-size: 20px;
        margin-bottom: 6px;
    }

    .dobra-stats-desc {
        font-size: 12px;
        line-height: 1.25;
        width: auto;
        max-width: 150px;
    }

    /* Dobra 7 (mobile): reduzir geral + inner 100% */
    .dobra-7-inner {
        max-width: 100%;
        width: 100%;
        padding: 0;
        box-sizing: border-box;
        overflow: visible;
    }

    .dobra-7-card {
        padding-top: 26px;
    }

    .dobra-7-title {
        width: 100%;
        font-size: 22px;
        line-height: 1.2;
        letter-spacing: -0.4px;
        padding-bottom: 12px;
    }

    .dobra-7-desc {
        width: 100%;
        font-size: 13px;
        line-height: 1.3;
    }

    .dobra-7-video-stack {
        height: 250px;
        transform: scale(1);
        margin-bottom: -30px;
    }

    .dobra-7-bg-24h {
        top: -60px;
        opacity: 0.42;
    }

    /* Dobra 7: reduzir muito a imagem do canto no mobile */
    .dobra-7-wave-corner {
        height: 80px;
        top: -64px;
        right: -92px;
    }
}

/* Dobra 8 — Como a VYRAL funciona? (carrossel horizontal preso ao scroll) */
.dobra-8 {
    position: relative;
    z-index: 7;
    padding: 96px 24px 110px;
    background: linear-gradient(180deg, #0d0d16 0%, #09090F 100%);
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    overflow: hidden;
    color: #f8fafc;
    text-wrap: balance;
}

.dobra-8::before{
    content: "";
  position: absolute;
  top: -20%;
  left: 50%;
  transform: translate(-50%, -50%);
  filter: blur(100px);
  width: 1000px;
  height: 500px;
  border-radius: 50%;
  background:rgb(3, 19, 68);
  pointer-events: none;
}

.dobra-8::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    opacity: 0.72;
    background-image:
        radial-gradient(circle, rgba(200, 220, 255, 0.22) 0.6px, transparent 0.6px);
    background-size: 16px 16px;
    background-position: 0 0;
    background-repeat: repeat;
    -webkit-mask-image: radial-gradient(ellipse 85% 70% at 50% 18%, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.72) 48%, rgba(0, 0, 0, 0.25) 70%, transparent 100%);
    mask-image: radial-gradient(ellipse 85% 70% at 50% 18%, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.72) 48%, rgba(0, 0, 0, 0.25) 70%, transparent 100%);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.dobra-8-inner {
    position: relative;
    z-index: 1;
    max-width: 1180px;
    margin: 0 auto;
}

.dobra-8-title {
    margin: 0 auto;
    font-family: "Geist", sans-serif;
    font-size: 42px;
    font-weight: 600;
    line-height: 1.15;
    letter-spacing: -1px;
    text-align: center;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    background: linear-gradient(272deg,rgb(200, 220, 255) -20.24%,
    rgb(245, 249, 255) 53.39%,rgb(200, 220, 255) 127.03%) text !important;
    background-clip: text;
    color: transparent;
    padding-top: 10px;
}

.d8-scroll {
    position: relative;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    /* Sem gutter aqui: o centramento vem do carrossel + spacers */
    padding: 0;
    overflow: visible;
}

.d8-track {
    display: flex;
    align-items: stretch;
    gap: 56px;
    flex-wrap: nowrap;
    transform: translate3d(0px, 0px, 0px);
    transition: transform 560ms cubic-bezier(0.22, 1, 0.36, 1);
    will-change: transform;
}

.d8-card {
    flex: 0 0 min(980px, 88vw);
    overflow: visible;
    min-width: 0;
}

.d8-spacer {
    flex: 0 0 0px;
    width: 0px;
    pointer-events: none;
    opacity: 0;
}

.d8-card-inner {
    display: grid;
    grid-template-columns: 1.06fr 0.94fr;
    gap: 10px;
    height: 410px;
    align-items: stretch;
}

.d8-step {
    margin: 0 0 10px;
    font-family: "Geist", sans-serif;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.55);
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 12px 7px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.02);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.d8-headline {
    margin: 0 0 14px;
    font-family: "Geist", sans-serif;
    font-size: 25px;
    font-weight: 600;
    line-height: 1.18;
    letter-spacing: -0.02em;
    color: rgba(255, 255, 255, 0.95);
    text-wrap: balance;
}

.d8-kicker {
    margin: 0 0 12px;
    font-family: "Geist", sans-serif;
    font-size: 15px;
    line-height: 1.55;
    color: rgba(226, 232, 240, 0.85);
    font-weight: 500 !important;
}

.d8-list {
    margin: 0 0 18px;
    padding-left: 0;
    list-style: none;
    color: rgba(226, 232, 240, 0.9);
    font-family: "Geist", sans-serif;
    font-size: 13px;
    line-height: 1.55;
}

.d8-list li {
    position: relative;
    padding: 10px 12px 10px 28px;
    border-radius: 14px;
    border: 1px dashed rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.03);
}

.d8-list li::before {
    content: "";
    position: absolute;
    left: 12px;
    top: 20px;
    width: 10px;
    height: 10px;
    transform: translateY(-50%);
    background: url("/public/assets/img/icon-funciona.svg") center / contain no-repeat;
    opacity: 1;
}

.d8-list li + li {
    margin-top: 10px;
}

.d8-subcard {
    position: relative;
    border-radius: 24px;
    background: #000;
    border: 1px solid rgba(255, 255, 255, 0.09);
    box-shadow:
        0 18px 60px rgba(0, 0, 0, 0.34),
        inset 0 1px 0 rgba(255, 255, 255, 0.06);
    overflow: hidden;
    height: 100%;
}

.d8-subcard--left {
    height: 460px !important;
}

.d8-subcard--right {
    background: rgba(6, 6, 10, 0.88);
    height: 460px !important;
}

/* Card da direita: imagem inteira como fundo */
.d8-subcard--right.d8-subcard--bg {
    padding: 0;
    background-image:
        url('/public/assets/img/img-funciona-1.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.d8-subcard--right.d8-subcard--bg.d8-subcard--bg2 {
    background-image:
        url('/public/assets/img/img-funciona-2.webp');
}

.d8-subcard--right.d8-subcard--bg.d8-subcard--bg3 {
    background-image:
        url('/public/assets/img/img-funciona-3.webp');
}

.d8-subcard--right.d8-subcard--bg.d8-subcard--bg4 {
    background-image:
        url('/public/assets/img/img-funciona-4.webp');
}

.d8-timeline {
    position: relative;
    width: min(860px, 92%);
    height: 16px;
    margin: 40px auto 26px;
    opacity: 0.95;
}

.d8-tl-track {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 1px;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.1);
    border-radius: 999px;
}

.d8-tl-fill {
    position: absolute;
    left: 0;
    top: 50%;
    height: 1px;
    width: 100%;
    transform: translateY(-50%) scaleX(0);
    transform-origin: left center;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.95), rgba(200, 220, 255, 0.55));
    border-radius: 999px;
    box-shadow: 0 0 10px rgba(147, 197, 253, 0.12);
    will-change: transform;
}

.d8-tl-dot {
    position: absolute;
    top: 50%;
    width: 10px;
    height: 10px;
    transform: translate(-50%, -50%);
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    background: rgba(9, 9, 15, 0.92);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.d8-tl-dot[data-step="1"] { left: 0%; }
.d8-tl-dot[data-step="2"] { left: 33.333%; }
.d8-tl-dot[data-step="3"] { left: 66.666%; }
.d8-tl-dot[data-step="4"] { left: 100%; }

.d8-tl-dot-core {
    position: absolute;
    inset: 2px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.14);
    transition: background 0.35s ease, box-shadow 0.35s ease;
}

.d8-tl-dot.is-active .d8-tl-dot-core {
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 0 10px rgba(147, 197, 253, 0.12);
}

.d8-carousel-nav {
    margin: 80px auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    width: fit-content;
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.12);
}

.d8-nav-btn {
    width: 44px;
    height: 44px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: rgba(255, 255, 255, 0.08);
    color: rgba(248, 250, 252, 0.95);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: opacity 0.24s ease, transform 0.24s ease, background 0.24s ease;
}

.d8-nav-btn:hover {
    transform: translateY(-1px);
    background: rgba(255, 255, 255, 0.14);
}

.d8-nav-btn[disabled] {
    opacity: 0.45;
    cursor: not-allowed;
    transform: none;
}

.d8-nav-arrow {
    width: 18px;
    height: 18px;
    display: block;
}

.d8-nav-btn.d8-nav-btn--prev .d8-nav-arrow {
    transform: rotate(180deg);
}

.d8-nav-dots {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.d8-nav-dot {
    width: 24px;
    height: 24px;
    border-radius: 999px;
    border: 0;
    padding: 0;
    background: radial-gradient(circle, rgba(248, 250, 252, 0.35) 0 4px, transparent 4.5px);
    cursor: pointer;
    transition: transform 0.24s ease, background 0.24s ease;
}

.d8-nav-dot.is-active {
    background: radial-gradient(circle, rgba(248, 250, 252, 0.95) 0 4px, transparent 4.5px);
    transform: none;
}

@media only screen and (max-width: 767px) {
    .dobra-8 {
        padding: 68px 14px 76px;
    }

    .dobra-8-inner {
        max-width: 100%;
    }

    .dobra-8-title {
        font-size: 28px;
        letter-spacing: -0.03em;
        line-height: 1.18;
        padding-top: 0;
    }

    .d8-scroll {
        width: 100%;
        margin: 0;
        overflow: hidden;
    }

    .d8-track {
        gap: 0;
    }

    .d8-card {
        flex: 0 0 100%;
    }

    .d8-spacer {
        display: none;
    }

    .d8-card-inner {
        display: flex;
        flex-direction: column;
        height: auto;
    }

    .d8-subcard--right {
        order: 1;
        height: 190px !important;
        border-radius: 20px;
    }

    .d8-subcard--left {
        order: 2;
        min-height: 420px !important;
        height: auto !important;
    }

    .d8-left-content {
        padding: 18px 16px 0;
    }

    /* Mobile: vídeo menor dentro do card de texto */
    .d8-left-visual {
        height: 150px !important;
    }

    .d8-left-visual video {
        max-width: 220px;
        left: -20px;
        bottom: -78px;
    }

    .d8-headline {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .d8-list {
        font-size: 12px;
    }

    .d8-timeline {
        width: 94%;
        margin: 24px auto 16px;
    }

    .d8-carousel-nav {
        margin-top: 14px;
        gap: 10px;
        padding: 5px 8px;
    }

    .d8-nav-btn {
        width: 44px;
        height: 44px;
    }

   
}

/* VYRAL em títulos: strong 700 sem quebrar gradiente */
.hero-title strong,
.dobra-2-title strong,
.dobra-4-title-text strong,
.dobra-8-title strong {
    font-weight: 700;
    background: inherit;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
}

/* Popup: VYRAL visível (fundo escuro — sem gradiente no pai, o strong sumia) */
.video-popup-title strong {
    font-weight: 700;
    color: #ffffff;
    -webkit-text-fill-color: #ffffff;
    background: none;
    -webkit-background-clip: unset;
    background-clip: unset;
}

.d8-left-content {
    position: relative;
    z-index: 2;
    padding: 24px 24px 0px 24px;
}

.d8-left-visual {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 78%;
    height: 48%;
    height: 200px !important;
    z-index: 1;
    pointer-events: none;
}

.d8-left-visual video {
    position: absolute;
    left: -28px;
    bottom: -100px;
    width: 100%;
    max-width: 280px;
    height: auto;
    display: block;
    object-fit: contain;
    object-position: left bottom;
    mix-blend-mode: screen;
}

.d8-left-visual video.d8-video-galeria {
    max-width: 330px;
    left: -56px;
    bottom: -120px;
}

@media only screen and (max-width: 767px) {
    .d8-left-visual video.d8-video-lupa {
        max-width: 214px;
        width: 214px;
        left: -18px;
        bottom: -74px;
    }

    .d8-left-visual video.d8-video-galeria {
        max-width: 300px;
        width: 300px;
        left: -62px;
        bottom: -120px;
    }
}

/* Dobra 9 — feedbacks (estilo print: 3 colunas em loop, imagem full width + texto embaixo) */
.dobra-9 {
    position: relative;
    z-index: 7;
    background: #ffffff;
    color: #0f172a;
    overflow: hidden;
    border-top: 1px solid rgba(15, 23, 42, 0.06);
}

.dobra-9-inner {
    max-width: 1000px;
    margin: 0 auto;
    position: relative;
    height: 640px;
}

.dobra-9-head {
    position: absolute;
    left: -20px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    max-width: 550px;
    padding: 26px 0 0;
    text-align: left;
    pointer-events: none;
}

.dobra-9-title {
    margin: 0 0 14px;
    font-family: "Geist", sans-serif;
    font-size: 36px;
    font-weight: 650;
    line-height: 1.08;
    letter-spacing: -1px;
    color: #2563eb;
    text-wrap: balance;
}

.dobra-9-lead {
    margin: 0;
    font-family: "Geist", sans-serif;
    font-size: 16px;
    font-weight: 450;
    line-height: 1.65;
    color: #334155;
    text-wrap: balance;
}

.dobra-9-lead + .dobra-9-lead {
    margin-top: 10px;
}

.dobra-9-lead strong {
    font-weight: 700;
    color: #0f172a;
}

.d9-reviews {
    position: relative;
    height: 100%;
}

.d9-grid {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    align-items: stretch;
    /* Fade geral do bloco (radial), sem pseudo-elementos */
    mask-image: radial-gradient(
  ellipse 35% 50% at 50% 46%,
  rgba(0, 0, 0, 1) 43%,
  rgba(0, 0, 0, 0.6) 59%,
  rgba(0, 0, 0, 0.1) 100%
);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    transform: translateX(120px);
}

.d9-col {
    position: relative;
    overflow: clip;
    height: 100%;
    border-radius: 22px;
}

.d9-col--focus {
    transform: translateY(-8px);
}

.d9-col--fade {
    opacity: 0.5;
    filter: saturate(0.9);
}


.d9-track {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 10px 0;
    will-change: transform;
    user-select: none;
}

/* 1 e 3 descem; 2 sobe */
.d9-col--a .d9-track { animation: d9MarqueeDown 92s linear infinite; }
.d9-col--b .d9-track { animation: d9MarqueeUp 84s linear infinite; }
.d9-col--c .d9-track { animation: d9MarqueeDown 88s linear infinite; }

@keyframes d9MarqueeUp {
    from { transform: translateY(0); }
    to { transform: translateY(-50%); }
}

@keyframes d9MarqueeDown {
    from { transform: translateY(-50%); }
    to { transform: translateY(0); }
}

.d9-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.d9-item {
    flex: 0 0 auto;
}

.d9-review {
    width: 100%;
    border-radius: 18px;
}

.d9-review-media {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: rgba(15, 23, 42, 0.04);
}

.d9-review-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.d9-review-body {
    padding: 12px 14px 14px;
}

.d9-review-name {
    margin: 0 0 6px;
    font-family: "Geist", sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: #0f172a;
    letter-spacing: -0.01em;
}

.d9-review-quote {
    margin: 0;
    font-family: "Geist", sans-serif;
    font-size: 13px;
    line-height: 1.45;
    color: #475569;
    text-wrap: balance;
}

/* Dobra 9 (mobile): mantém o carrossel 3 colunas; texto fica abaixo */
@media only screen and (max-width: 767px) {
    /* Reordena: carrossel em cima, texto abaixo */
    .dobra-9-inner {
        display: flex;
        flex-direction: column;
        height: auto;
        max-width: 100%;
        padding: 0px 0 54px;
    }

    .d9-reviews {
        order: 1;
        position: relative;
    
        height: 300px;
    }

    .dobra-9-head {
        order: 2;
        position: relative;
        left: auto;
        right: auto;
        top: auto;
        transform: none;
        max-width: none;
        padding: 0px 0px !important;
        width: 100%;
        box-sizing: border-box;
        margin-left: 0 !important;
        margin-right: 0 !important;
        text-align: center;
        pointer-events: auto;
        margin: 16px 0 0;
    }

    .dobra-9-title {
        font-size: 22px;
        line-height: 1.15;
        letter-spacing: -0.5px;
        margin-bottom: 10px;
    }

    .dobra-9-lead {
        font-size: 13px;
        line-height: 1.45;
    }

    /* Mantém as 3 colunas (carrossel vertical igual desktop), mas com sizing mobile */
    /* Carrossel igual ao desktop, só escalado no mobile */
    .d9-grid {
        position: absolute;
        top: 0;
        bottom: 0;
        height: 100%;
        width: 860px;
        margin: 0 auto;
        padding: 0;
        gap: 12px;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        transform-origin: 50% 50%;
        left: 50%;
        right: auto;
        transform: translateX(-50%) scale(1);
        margin-left: 20px;
    }

    .d9-col {
        display: block;
    }

    .d9-track {
        position: relative;
    }

    .d9-review-body {
        padding: 12px 0px 14px;
    }

    .d9-review-name {
        font-size: 12px;
        margin-bottom: 6px;
    }

    .d9-review-quote {
        font-size: 12px;
        line-height: 1.4;
    }
}

/* Feedbacks 2 — vídeos em carrossel (4 desktop / 2 mobile) */
.dobra-feedbacks2 {
    position: relative;
    z-index: 7;
    background: #ffffff;
    padding: 52px 20px 60px;
    border-top: 1px solid rgba(15, 23, 42, 0.06);
    overflow: hidden;
}

.dobra-feedbacks2-inner {
    max-width: 1000px;
    margin: 0 auto;
}

.d9f2-scroll {
    overflow: hidden;
    width: 100%;
    border-radius: 18px;
}

.d9f2-track {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 12px;
    transition: transform 0.42s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: transform;
}

.d9f2-slide {
    flex-shrink: 0;
    box-sizing: border-box;
}

.d9f2-video-wrap {
    position: relative;
    width: 100%;
    aspect-ratio: 9 / 16;
    max-height: min(420px, 70vh);
    margin: 0 auto;
    border-radius: 14px;
    overflow: hidden;
    background: #0f172a;
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.12);
    cursor: pointer;
}

.d9f2-video-wrap video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    pointer-events: auto;
}

.d9f2-play {
    position: absolute;
    inset: 0;
    margin: auto;
    width: 64px;
    height: 64px;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.25s ease;
}

.d9f2-play svg {
    width: 64px;
    height: 64px;
    display: block;
    filter: drop-shadow(0 6px 16px rgba(0, 0, 0, 0.35));
}

.d9f2-video-wrap:hover .d9f2-play {
    transform: scale(1.06);
}

video:not(#popupVideo):not(.d9f2-story-video):not(#influentGalleryVideo) {
    object-fit: cover;
}

/* Nav igual Dobra 8 — tema claro */
.dobra-feedbacks2 .d8-carousel-nav {
    margin: 24px auto 0;
    background: rgba(15, 23, 42, 0.06);
    border-color: rgba(15, 23, 42, 0.1);
}

.dobra-feedbacks2 .d8-nav-btn {
    border-color: rgba(15, 23, 42, 0.16);
    background: rgba(255, 255, 255, 0.95);
    color: #0f172a;
}

.dobra-feedbacks2 .d8-nav-btn:hover {
    background: #ffffff;
}

.dobra-feedbacks2 .d8-nav-btn[disabled] {
    opacity: 0.4;
}

.dobra-feedbacks2 .d8-nav-dot {
    background: radial-gradient(circle, rgba(15, 23, 42, 0.28) 0 4px, transparent 4.5px);
}

.dobra-feedbacks2 .d8-nav-dot.is-active {
    background: radial-gradient(circle, #2563eb 0 4px, transparent 4.5px);
    transform: none;
}

/* Story modal — feedbacks2 */
.d9f2-story-modal {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 10020;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.2s ease;
}

.d9f2-story-modal.is-open {
    display: flex;
    visibility: visible;
    opacity: 1;
}

.d9f2-story-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.9);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.d9f2-story-content {
    position: relative;
    width: min(400px, calc(100vw - 28px));
    height: min(700px, calc(100dvh - 40px));
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.d9f2-story-video-wrap {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 16px;
    overflow: hidden;
    background: #000;
    touch-action: pan-y;
}

.d9f2-story-video-wrap video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    z-index: 1;
}

.d9f2-story-tap {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 32%;
    z-index: 3;
    background: transparent;
    border: 0;
    padding: 0;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

.d9f2-story-tap--prev {
    left: 0;
}

.d9f2-story-tap--next {
    right: 0;
}

.d9f2-story-progress {
    position: absolute;
    top: 14px;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    height: 3px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.28);
    overflow: hidden;
    z-index: 4;
    pointer-events: none;
}

.d9f2-story-progress-fill {
    height: 100%;
    width: 0%;
    border-radius: inherit;
    background: #fff;
}

.d9f2-story-close,
.d9f2-story-mute {
    position: absolute;
    top: 26px;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 6;
    opacity: 0.92;
    transition: opacity 0.2s ease;
}

.d9f2-story-close:hover,
.d9f2-story-mute:hover {
    opacity: 0.7;
}

.d9f2-story-close {
    right: 10px;
}

.d9f2-story-mute {
    right: 54px;
}

.d9f2-story-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 8;
    opacity: 0.9;
    transition: opacity 0.2s ease;
    filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.45));
}

.d9f2-story-nav svg {
    width: 22px;
    height: 22px;
}

.d9f2-story-nav:hover {
    opacity: 0.7;
}

.d9f2-story-nav:disabled {
    opacity: 0.28;
    cursor: not-allowed;
}

.d9f2-story-nav--prev {
    left: -34px;
}

.d9f2-story-nav--next {
    right: -34px;
}

.d9f2-story-cta {
    position: absolute;
    left: 50%;
    bottom: 18px;
    transform: translateX(-50%);
    width: calc(100% - 28px);
    max-width: 340px;
    padding: 16px;
    box-sizing: border-box;
    border-radius: 16px;
    background: rgba(8, 8, 14, 0.72);
    border: 1px solid rgba(255, 255, 255, 0.14);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    text-align: center;
    z-index: 5;
    text-decoration: none;
}

.d9f2-story-cta-title {
    margin: 0;
    font-family: "Geist", sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.35;
    color: rgba(255, 255, 255, 0.9);
    text-wrap: balance;
}

.d9f2-story-cta-title strong {
    font-weight: 700;
    color: #fff;
}

.d9f2-story-cta .container-botao,
.d9f2-story-cta .botao {
    width: 100%;
}

.d9f2-story-cta .btn-cta {
    width: 100%;
    padding: 12px 18px !important;
    font-size: 14px !important;
    height: auto;
}

@media only screen and (max-width: 767px) {
    .dobra-feedbacks2 {
        padding: 10px 14px 48px;
        border: none !important;
        margin-top: -10px;
    }

    .d9f2-video-wrap {
        max-height: min(380px, 62vh);
    }

    .d9f2-play svg {
        width: 52px;
        height: 52px;
    }

    .d9f2-play {
        width: 52px;
        height: 52px;
    }

    .dobra-feedbacks2 .d8-carousel-nav {
        margin-top: 18px;
    }

    .d9f2-story-modal {
        align-items: stretch;
        justify-content: center;
        padding: 0;
        overflow: hidden;
    }

    .d9f2-story-content {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: calc(100vw - 32px);
        max-width: 340px;
        height: auto;
        max-height: calc(100dvh - 40px);
        margin: 0;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: stretch;
        border-radius: 12px;
        overflow: visible;
        background: transparent;
        z-index: 10001;
    }

    .d9f2-story-video-wrap {
        position: relative;
        width: 100%;
        height: auto;
        aspect-ratio: 9 / 16;
        max-height: calc(100dvh - 40px);
        border-radius: 12px;
        overflow: hidden;
    }

    .d9f2-story-progress {
        top: 12px;
    }

    .d9f2-story-close,
    .d9f2-story-mute {
        top: 22px;
        width: 44px;
        height: 44px;
    }

    .d9f2-story-close {
        right: 8px;
    }

    .d9f2-story-mute {
        right: 52px;
    }

    .d9f2-story-nav {
        width: 44px;
        height: 44px;
        filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.55));
    }

    .d9f2-story-nav svg {
        width: 18px;
        height: 18px;
    }

    .d9f2-story-nav--prev {
        left: auto;
        right: calc(100% + 8px);
    }

    .d9f2-story-nav--next {
        right: auto;
        left: calc(100% + 8px);
    }

    .d9f2-story-tap {
        width: 30%;
    }

    .d9f2-story-cta {
        bottom: 12px;
        width: calc(100% - 24px);
        max-width: none;
        padding: 12px;
        border-radius: 12px;
        gap: 10px;
    }

    .d9f2-story-cta-title {
        font-size: 13px;
        line-height: 1.3;
    }

    .d9f2-story-cta .btn-cta {
        padding: 11px 14px !important;
        font-size: 13px !important;
    }
}

/* Dobra 10 — CTA full-bleed com imagem de fundo */
.dobra-10 {
    position: relative;
    z-index: 8;
    width: 100%;
    min-height: 700px;
    height: 700px;
    overflow: hidden;
    background: #000000;
}

.dobra-10-bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    pointer-events: none;
    opacity: 1;
}

.dobra-10-bg img {
    width: min(1600px, 100vw);
    height: auto;
    max-width: none;
    max-height: none;
    object-fit: contain;
    object-position: top center;
    display: block;
    user-select: none;
    transform-origin: top center;
    transform: scale(1.04) !important;
    margin-left: -10px;
}

.dobra-10-inner {
    position: relative;
    z-index: 2;
    box-sizing: border-box;
    max-width: 920px;
    margin: 0 auto;
    height: 100%;
    padding: 60px 20px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
}

.dobra-10-title {
    margin: 0;
    font-family: "Geist", sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.22;
    letter-spacing: -0.03em;
    -webkit-box-decoration-break: clone;
    background: linear-gradient(272deg,rgb(200, 220, 255) -20.24%,
    rgb(245, 249, 255) 53.39%,rgb(200, 220, 255) 127.03%) text !important;
    background-clip: text;
    color: transparent;
    text-wrap: balance;
    max-width: 52ch;
}

.dobra-10-cta {
    margin-top: 28px;
    display: flex;
    justify-content: center;
}

.dobra-10-cta .botao {
    overflow: visible;
}

.dobra-10-cta .btn-cta {
    padding: 18px 32px !important;
    height: auto;
    font-size: 17px;
}
@media only screen and (min-width: 1400px) {
    .dobra-10 {
    min-height: 750px;
    height: 750px;}
}

@media only screen and (max-width: 767px) {
    /* Dobra 10 (mobile): título menor + botão menor + fundo bem grande */
    .dobra-10 {
        height: 420px;
        min-height: auto;
    }

    .dobra-10-inner {
        padding: 44px 16px 0;
        max-width: 100%;
    }

    .dobra-10-title {
        font-size: 18px;
        line-height: 1.25;
        letter-spacing: -0.02em;
        max-width: 340px;
    }

    .dobra-10-cta {
        margin-top: 18px;
    }

    .dobra-10-cta .btn-cta {
        padding: 14px 22px !important;
        font-size: 15px !important;
    }

    .dobra-10-bg img {
        width: 700px;
        max-width: none;
        transform: scale(1) !important;
        margin-left: 0;
    }
}

/* Dobra 11 — Pra quem é a VYRAL? (grid 3×2, premium, hover + blur) */
.dobra-11 {
    position: relative;
    background: linear-gradient(180deg, #f8fafc 0%, #ffffff 38%, #f1f5f9 100%);
    padding: 88px 24px 96px;
    border-top: 1px solid #dbe4f0;
}
.dobra-11::after {   
    content: "";
    z-index: 1;
    border-radius: 48px;
    background: radial-gradient(
    120% 120% at 50% 100%,
     rgba(59, 130, 246, 0.25) 0%,
     rgba(59, 130, 246, 0.15) 25%,
     rgba(59, 130, 246, 0.08) 45%,
     rgba(59, 130, 246, 0.03) 65%,
    transparent 80%);    
    width: 100%;
    height: 200px;
    position: absolute;
    bottom: 0;
    left: 0;
    pointer-events: none;
}

.dobra-11::before {   
    content: "";
    background: transparent; 
    width: 1200px;
    height: 100%;
    position: absolute;
    border: 1px dashed rgb(194, 208, 226);
    border-top: none;
    border-bottom: none;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
}


.dobra-11-inner {
    max-width: 1100px;
    margin: 0 auto;
}

.dobra-11-foot {
    margin: 28px auto 18px;
    max-width: 48rem;
    padding: 0 10px;
    text-align: center;
    font-family: "Geist", sans-serif;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.16;
    letter-spacing: -1px;
    color:rgb(31, 32, 35);
    text-wrap: balance;
}

.dobra-11-head {
    text-align: center;
    max-width: 52rem;
    margin: 0 auto 0px;
}

.dobra-11-title {
    margin: 0px 0 20px;
    font-family: "Geist", sans-serif;
    font-size: 48px;
    font-weight: 700;
    letter-spacing: -2px;
    line-height: 1.12;
    color: #0f172a;
}

.d11-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    border: 1px solid #dbe4f0;
    border-radius: 18px;
    overflow: hidden;
    background: #ffffff;
    isolation: isolate;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.9) inset,
        0 24px 48px rgba(15, 23, 42, 0.06);
    text-wrap: balance;
}

.d11-card {
    position: relative;
    box-sizing: border-box;
    padding: 26px 22px 28px;
    text-align: left;
    border-right: 1px solid #dbe4f0;
    border-bottom: 1px solid #dbe4f0;
    background: #ffffff;
    box-shadow:
        inset 1px 1px 0 rgba(255, 255, 255, 0.95),
        inset -1px -1px 2px rgba(15, 23, 42, 0.04);
}

/* Cards 1, 3 e 5: degradê azul fixo; 2, 4 e 6 ficam brancos */
.d11-card:nth-child(1),
.d11-card:nth-child(3),
.d11-card:nth-child(5) {
    z-index: 1;
    background: linear-gradient(145deg, #1e40af 0%, #2563eb 42%, #6366f1 100%);
    box-shadow:
        0 12px 36px rgba(37, 99, 235, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

.d11-card:nth-child(1) .d11-card-num,
.d11-card:nth-child(3) .d11-card-num,
.d11-card:nth-child(5) .d11-card-num {
    color: rgba(255, 255, 255, 0.55);
}

.d11-card:nth-child(1) .d11-card-title,
.d11-card:nth-child(3) .d11-card-title,
.d11-card:nth-child(5) .d11-card-title {
    color: #ffffff;
}

.d11-card:nth-child(1) .d11-card-desc,
.d11-card:nth-child(3) .d11-card-desc,
.d11-card:nth-child(5) .d11-card-desc {
    color: rgba(255, 255, 255, 0.92);
}

.d11-card:nth-child(1) .d11-card-icon,
.d11-card:nth-child(3) .d11-card-icon,
.d11-card:nth-child(5) .d11-card-icon {
    box-shadow:
        0 8px 20px rgba(0, 0, 0, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.35);
}

.d11-card:nth-child(3n) {
    border-right: none;
}

.d11-card:nth-child(n + 4) {
    border-bottom: none;
}

.d11-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
    width: 100%;
    min-width: 0;
}

.d11-card-num {
    margin: 0;
    flex-shrink: 0;
    font-family: "Geist", sans-serif;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.14em;
    color: #94a3b8;
}

.d11-card-icon {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    box-shadow:
        4px 4px 10px rgba(15, 23, 42, 0.08),
        -2px -2px 8px rgba(255, 255, 255, 0.9);
}

.d11-card-icon--a {
    background: linear-gradient(145deg, #3b82f6 0%, #1d4ed8 100%);
}

/* Cards 2, 4 e 6 — degradê mais claro; sombra usa rosa escuro (#9b004f) */
.d11-card-icon--b {
    background: linear-gradient(145deg, #FF59CD 0%, #FF2F9C 45%, #e10076 100%);
    box-shadow:
        5px 5px 16px rgba(155, 0, 79, 0.38),
        4px 4px 10px rgba(91, 0, 47, 0.22),
        -4px -4px 12px rgba(255, 255, 255, 0.95),
        inset 0 1px 0 rgba(255, 255, 255, 0.45),
        inset 0 -2px 6px rgba(91, 0, 47, 0.35);
}

.d11-card-icon svg {
    width: 22px;
    height: 22px;
    color: #fff;
}

.d11-card-title {
    margin: 0 0 10px;
    font-family: "Geist", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -0.02em;
    color: #0f172a;
}

.d11-card-desc {
    margin: 0;
    font-family: "Geist", sans-serif;
    font-size: 14px;
    font-weight: 450;
    line-height: 1.55;
    color: #475569;
}

.dobra-11-cta {
    margin-top: 0;
    display: flex;
    justify-content: center;
}

.dobra-11-cta .botao {
    overflow: visible;
}

.dobra-11-cta .btn-cta {
    padding: 18px 32px !important;
    height: auto;
    font-size: 17px;
}

@media only screen and (max-width: 767px) {
    .dobra-11 {
        padding: 56px 14px 62px;
    }

    .dobra-11-title {
        font-size: 24px;
        line-height: 1.22;
        letter-spacing: -0.02em;
        margin-bottom: 14px;
    }

    .d11-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .d11-card {
        padding: 16px 14px 18px;
        border-right: 1px solid #dbe4f0;
        border-bottom: 1px solid #dbe4f0;
    }

    .d11-card:nth-child(3n) {
        border-right: 1px solid #dbe4f0;
    }

    .d11-card:nth-child(2n) {
        border-right: none;
    }

    .d11-card:nth-child(n + 4) {
        border-bottom: 1px solid #dbe4f0;
    }

    .d11-card:nth-child(n + 5) {
        border-bottom: none;
    }

    .d11-card-title {
        font-size: 13px;
        line-height: 1.28;
    }

    .d11-card-desc {
        font-size: 10px;
        line-height: 1.42;
    }

    .d11-card-icon {
        width: 36px;
        height: 36px;
        border-radius: 10px;
    }

    .d11-card-icon svg {
        width: 18px;
        height: 18px;
    }

    .d11-card-num {
        font-size: 10px;
    }

    .dobra-11-foot {
        font-size: 20px;
        margin: 18px auto 14px;
    }

    .dobra-11-cta .btn-cta {
        padding: 14px 20px !important;
        font-size: 20px !important;
    }
}

/* Dobra 12 — guia premium (abas + painel imagem + copy) — fundo alinhado à dobra 8 */
.dobra-12 {
    position: relative;
    z-index: 8;
    padding: 64px 20px;
    background: linear-gradient(180deg, #0d0d16 0%, #09090f 100%);
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    overflow: visible;
    color: #f8fafc;
    text-wrap: balance !important;
}


.dobra-12-inner {
    position: relative;
    z-index: 1;
    max-width: 820px;
    margin: 0 auto;
}

.dobra-12-title {
    margin: 0 auto 28px;
    max-width: 36rem;
    font-family: "Geist", sans-serif;
    font-size: clamp(24px, 3vw, 34px);
    font-weight: 600;
    letter-spacing: -0.04em;
    line-height: 1.15;
    text-align: center;
    -webkit-box-decoration-break: clone;
    background: linear-gradient(272deg,rgb(200, 220, 255) -20.24%,
    rgb(245, 249, 255) 53.39%,rgb(200, 220, 255) 127.03%) text !important;
    background-clip: text;
    color: transparent;
    text-wrap: balance;
}

.dobra-12-title strong {
    font-weight: 700;
    color: #f8fafc;
    -webkit-text-fill-color: #f8fafc;
}

.d12-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.d12-tablist {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    gap: 8px;
    width: fit-content;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0 auto 14px;
    padding: 10px 12px 10px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    overflow: visible;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.d12-tablist::-webkit-scrollbar {
    display: none;
}

.d12-tablist-wrap {
    display: contents;
}

.d12-tab {
    position: relative;
    flex: 0 0 auto;
    min-width: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 11px;
    border: none;
    border-radius: 999px;
    font-family: "Geist", sans-serif;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.01em;
    line-height: 1;
    text-align: center;
    color: rgba(226, 232, 240, 0.72);
    background: transparent;
    cursor: pointer;
    overflow: visible;
    transition:
        color 0.3s ease,
        background 0.35s ease,
        box-shadow 0.35s ease;
    white-space: nowrap;
}

.d12-tab-badge {
    position: absolute;
    top: -5px;
    left: 50%;
    transform: translate(-50%, calc(-100% + 1px));
    z-index: 3;
    display: inline-flex;
    align-items: center;
    padding: 2px 6px;
    border-radius: 999px;
    font-size: 7px;
    font-weight: 700;
    letter-spacing: 0.02em;
    line-height: 1;
    color: #111827;
    background: #facc15;
    border: 1px solid rgba(251, 191, 36, 0.85);
    box-shadow: 0 4px 10px rgba(2, 8, 20, 0.18);
    pointer-events: none;
}

.d12-tab:hover {
    color: rgba(248, 250, 252, 0.95);
}

.d12-tab[aria-selected="true"] {
    color: #f8fafc;
    background: linear-gradient(145deg, #1e40af 0%, #2563eb 48%, #4f46e5 100%);
    box-shadow:
        0 6px 20px rgba(37, 99, 235, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

@media (max-width: 720px) {
    .d12-tab {
        padding: 7px 9px;
        font-size: 9px;
        letter-spacing: 0;
    }
}

.d12-panels {
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    width: fit-content;
    max-width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}

.d12-panel {
    grid-area: 1 / 1;
    display: grid;
    --d12-panel-gap: 10px;
    grid-template-columns: minmax(0, 0.54fr) minmax(0, 0.46fr);
    gap: var(--d12-panel-gap);
    align-items: stretch;
    width: 100%;
    box-sizing: border-box;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition:
        opacity 0.4s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
    transform: translateY(10px);
}

.d12-panel.is-active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
    z-index: 2;
}

.d12-visual {
    position: relative;
    box-sizing: border-box;
    border-radius: 18px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.34);
    min-height: 0;
    height: auto;
    align-self: stretch;
}

.d12-visual img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 252px;
    object-fit: cover;
}

.d12-copy {
    position: relative;
    box-sizing: border-box;
    height: auto;
    min-height: 252px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 20px 18px 22px;
    border-radius: 18px;
    background:
        radial-gradient(135% 100% at 18% 2%, rgba(59, 130, 246, 0.32), transparent 60%),
        linear-gradient(160deg, #151d2f 0%, #0f1628 52%, #0a111f 100%);
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow:
        inset 1px 1px 0 rgba(255, 255, 255, 0.17),
        inset -1px -1px 0 rgba(15, 23, 42, 0.55),
        22px 22px 46px rgba(2, 6, 23, 0.55),
        -16px -16px 34px rgba(148, 163, 184, 0.07),
        0 26px 60px rgba(0, 0, 0, 0.38);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.d12-copy-head {
    display: block;
    width: 100%;
    margin-bottom: 8px;
}

.d12-copy-head h3 {
    margin: 0;
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px 8px;
}

.d12-copy-head .d6-novo-badge {
    font-size: 9px;
    padding: 3px 7px;
    gap: 3px;
}

.d12-copy-head .d6-novo-badge-icon {
    width: 10px;
    height: 10px;
}

.d12-copy-icon {
    width: auto;
    height: auto;
    display: grid;
    place-items: start;
    margin-bottom: 10px;
    flex-shrink: 0;
    background: transparent;
    border: none;
    box-shadow: none;
    color: rgba(191, 219, 254, 0.92);
}

@media (max-width: 980px) {
    .d12-panel {
        grid-template-columns: 1fr;
    }
}

.d12-copy-icon svg {
    width: 28px;
    height: 28px;
}

.d12-copy-icon svg[fill="none"] {
    stroke-width: 1.8;
}

.d12-copy h3 {
    margin: 0;
    font-family: "Geist", sans-serif;
    font-size: clamp(17px, 1.8vw, 20px);
    font-weight: 700;
    letter-spacing: -0.03em;
    line-height: 1.22;
    color: #ffffff;
}

.d12-copy p {
    margin: 0;
    font-family: "Geist", sans-serif;
    font-size: 13.5px;
    font-weight: 450;
    line-height: 1.48;
    color: rgba(203, 213, 225, 0.88);
}

.d12-copy p strong {
    font-weight: 700;
    color: rgba(248, 250, 252, 0.96);
}

@media only screen and (min-width: 768px) {
    .dobra-12 {
        padding: clamp(64px, 6vw, 84px) clamp(20px, 3vw, 36px);
    }

    .dobra-12-inner {
        max-width: clamp(860px, 92vw, 1000px);
    }

    .dobra-12-title {
        margin-bottom: clamp(28px, 3vw, 38px);
        max-width: 42rem;
        font-size: clamp(28px, 3.2vw, 38px);
    }

    .d12-tablist {
        gap: clamp(8px, 0.85vw, 12px);
        margin-bottom: clamp(16px, 1.5vw, 22px);
        padding: clamp(11px, 1.1vw, 14px) clamp(14px, 1.35vw, 18px);
    }

    .d12-tab {
        padding: clamp(9px, 0.9vw, 12px) clamp(12px, 1.15vw, 16px);
        font-size: clamp(11px, 1.05vw, 13px);
    }

    .d12-tab-badge {
        top: -8px;
        font-size: 8px;
        padding: 3px 7px;
    }

    .d12-panel {
        --d12-panel-gap: clamp(12px, 1.15vw, 16px);
    }

    .d12-visual {
        border-radius: clamp(18px, 1.45vw, 22px);
    }

    .d12-visual img {
        min-height: clamp(270px, 24vw, 330px);
    }

    .d12-copy {
        min-height: clamp(270px, 24vw, 330px);
        padding: clamp(22px, 2vw, 28px) clamp(20px, 1.75vw, 26px) clamp(24px, 2.1vw, 30px);
        border-radius: clamp(18px, 1.45vw, 22px);
    }

    .d12-copy-head {
        margin-bottom: clamp(8px, 0.75vw, 12px);
    }

    .d12-copy-icon {
        margin-bottom: clamp(10px, 0.9vw, 14px);
    }

    .d12-copy-icon svg {
        width: 28px;
        height: 28px;
    }

    .d12-copy h3 {
        font-size: clamp(19px, 1.85vw, 24px);
    }

    .d12-copy-head .d6-novo-badge {
        font-size: 10px;
        padding: 3px 8px;
    }

    .d12-copy p {
        font-size: clamp(14px, 1.25vw, 16.5px);
        line-height: 1.5;
    }
}

@media only screen and (max-width: 767px) {
    /* Dobra 12 (mobile): scroll lateral nas abas, sem scroll vertical entre guia e conteúdo */
    .dobra-12 {
        padding: 48px 16px;
        overflow-x: clip;
    }

    .dobra-12-inner {
        max-width: 100%;
        overflow: visible;
    }

    .d12-body {
        width: 100%;
        max-width: 100%;
        overflow: visible;
        align-items: stretch;
    }

    .dobra-12-title {
        margin-bottom: 18px;
        font-size: clamp(22px, 6vw, 28px);
    }

    .d12-tablist-wrap {
        display: block;
        width: 100%;
        max-width: 100%;
        margin: 0 0 14px;
        padding-top: 14px;
        box-sizing: border-box;
        overflow-x: auto;
        overflow-y: hidden;
        overscroll-behavior-x: contain;
        overscroll-behavior-y: none;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .d12-tablist-wrap::-webkit-scrollbar {
        display: none;
    }

    .d12-tablist {
        width: max-content;
        min-width: 100%;
        max-width: none;
        margin: 0;
        padding: 10px 12px;
        justify-content: flex-start;
        flex-wrap: nowrap;
        gap: 6px;
        overflow: visible;
    }

    .d12-panels {
        width: 100%;
        max-width: 100%;
        overflow: visible;
    }

    .d12-panel {
        --d12-panel-gap: 10px;
    }

    .d12-visual img {
        min-height: 200px;
    }

    .d12-copy {
        min-height: 0;
        padding: 16px 14px 18px;
        border-radius: 16px;
    }

    .d12-copy h3 {
        font-size: 17px;
        padding-right: 0;
    }

    .d12-copy-icon svg {
        width: 24px;
        height: 24px;
    }

    .d12-copy p {
        font-size: 13px;
        line-height: 1.42;
        text-wrap: balance;
    }
}

/* Dobra 13 — compra / planos (integração dashboard: IDs data-d13-*) */
.dobra-13 {
    position: relative;
    z-index: 8;
    padding: 92px 24px 108px;
    background: #050508;
    border-top: 1px solid rgba(255, 255, 255, 0.07);
    overflow: hidden;
    color: #f8fafc;
}

.d13-bg-video {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
}

.d13-bg-video .hero-bg-video,
.d13-bg-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    opacity: 1;
    filter: blur(44px) brightness(0.22) saturate(0.9);
    transform: scale(1.08);
    mask-image: linear-gradient(to bottom, #000 0%, transparent 70%);
    -webkit-mask-image: linear-gradient(to bottom, #000 0%, transparent 70%);
}

.d13-bg-video .hero-bg-video-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgba(9, 9, 15, 0.08), rgba(9, 9, 15, 0.35));
    pointer-events: none;
    z-index: 1;
}

.dobra-13::before,
.dobra-13::after {
    display: none;
}

@media only screen and (min-width: 768px) {
    .dobra-13::before {
        display: block;
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        filter: blur(55px);
        width: min(1320px, 140%);
        height: 420px;
        border-radius: 50%;
        background:
            radial-gradient(circle at 50% 45%,
                rgba(56, 189, 248, 0.95) 0%,
                rgba(37, 99, 235, 0.75) 35%,
                rgba(30, 64, 175, 0.5) 65%,
                rgba(30, 64, 175, 0.2) 85%,
                transparent 100%);
        pointer-events: none;
        z-index: 0;
    }

    .dobra-13::after {
        display: block;
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        z-index: 0;
        opacity: 0.22;
        background-image:
            radial-gradient(circle, rgba(191, 219, 254, 0.2) 0.55px, transparent 0.55px);
        background-size: 18px 18px;
        background-position: 0 0;
        background-repeat: repeat;
        -webkit-mask-image: radial-gradient(ellipse 95% 75% at 50% 24%, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.78) 52%, rgba(0, 0, 0, 0.35) 72%, transparent 100%);
        mask-image: radial-gradient(ellipse 95% 75% at 50% 24%, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.78) 52%, rgba(0, 0, 0, 0.35) 72%, transparent 100%);
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
    }
}

.dobra-13-inner {
    position: relative;
    z-index: 1;
    max-width: 1140px;
    margin: 0 auto;
}

.dobra-13-title {
    margin: 0 auto 20px;
    max-width: 52rem;
    font-family: "Geist", sans-serif;
    font-size: clamp(24px, 3.2vw, 36px);
    font-weight: 700;
    letter-spacing: -0.04em;
    line-height: 1.18;
    text-align: center;
    color: rgba(248, 250, 252, 0.98);
    text-wrap: balance;
}

.dobra-13-title em {
    font-style: italic;
    color: rgba(226, 232, 240, 0.95);
}

.d13-scarcity {
    margin: 0 auto 40px;
    max-width: 820px;
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow:
       none !important;
}

.d13-scarcity-body {
    padding: 22px 24px 18px;
    text-align: center;
    background: linear-gradient(180deg, #f8fafc 0%, #e2e8f0 100%);
    color: #0f172a;
}

/* Contagem de vagas — mesma lógica do protótipo; fonte Geist */
.d13-scarcity-contagem {
    margin: 0;
    font-family: "Geist", sans-serif;
    font-size: 28px;
    font-weight: 700;
    color: #000;
    letter-spacing: -1px;
    text-align: center;
    cursor: default;
    line-height: 1.35;
    padding: 8px 12px;
}

.d13-scarcity-num {
    color: #fe0187;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 3px;
}


.d13-scarcity-foot {
    padding: 14px 18px;
    font-family: "Geist", sans-serif;
    font-size: clamp(12px, 1.25vw, 14px);
    font-weight: 600;
    line-height: 1.45;
    text-align: center;
    color: rgba(255, 255, 255, 0.96);
    background: linear-gradient(90deg, #0ea5e9 0%, #2563eb 50%, #1d4ed8 100%);
    border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.d13-plans {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(12px, 2vw, 18px);
    align-items: stretch;
    max-width: 980px;
    margin: 0 auto;
}

.d13-card {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 24px 22px 26px;
    border-radius: 28px;
    background: linear-gradient(165deg, rgba(15, 23, 42, 0.95) 0%, rgba(8, 12, 24, 0.98) 100%);
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4);
}

.d13-card--featured {
    padding: 10px;
    background: linear-gradient(160deg, #1da1ff 0%, #0d87f0 48%, #0a66d8 100%);
    border-color: rgba(59, 130, 246, 0.62);
}

.d13-feature-top {
    margin: 0 0 8px;
    font-family: "Geist", sans-serif;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 0.02em;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
    text-shadow: 0 2px 10px rgba(2, 6, 23, 0.28);
}

.d13-feature-inner {
    position: relative;
    padding: 28px 20px 46px;
    border-radius: 22px;
    overflow: visible;
    background: linear-gradient(165deg, rgba(3, 13, 36, 0.98) 0%, rgba(5, 18, 48, 0.99) 100%);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        inset 0 -2px 0 rgba(2, 6, 23, 0.5),
        0 14px 36px rgba(2, 6, 23, 0.42);
}

.d13-card-badge {
    margin: 0 auto 14px;
    padding: 8px 18px;
    border-radius: 999px;
    width: fit-content;
    font-family: "Geist", sans-serif;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #fff;
    background: linear-gradient(145deg, #1e40af 0%, #2563eb 48%, #4f46e5 100%);
    box-shadow: 0 8px 24px rgba(37, 99, 235, 0.35);
}

.d13-card--featured .d13-card-badge { margin-bottom: 10px; }

.d13-card-ribbon {
    position: absolute;
    top: 0;
    left: 0;
    /* Triângulo do canto: faixa mais curta = menos invasão no conteúdo */
    width: 168px;
    height: 168px;
    overflow: hidden;
    pointer-events: none;
    z-index: 0;
    border-radius: 22px 0 0 0;
}

.d13-feature-inner .d13-card-title,
.d13-feature-inner .d13-feat-list {
    position: relative;
    z-index: 1;
}

.d13-card-ribbon span {
    position: absolute;
    /* Ancorado no vértice do canto (-45°): menos overlap com título/lista */
    top: 36px;
    left: -76px;
    width: 248px;
    max-width: none;
    padding: 6px 10px;
    box-sizing: border-box;
    text-align: center;
    white-space: nowrap;
    font-family: "Geist", sans-serif;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0.02em;
    line-height: 1.25;
    color: #0f172a;
    background: linear-gradient(135deg, #fde047 0%, #facc15 50%, #eab308 100%);
    transform: rotate(-45deg);
    transform-origin: center center;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
}

.d13-card-title {
    margin: 0 0 22px;
    font-family: "Geist", sans-serif;
    font-size: clamp(22px, 2.4vw, 28px);
    font-weight: 700;
    letter-spacing: -0.03em;
    text-align: center;
    color: #fff;
}

/* Espaço abaixo do topo para não colidir com a faixa do canto */
.d13-card--featured .d13-card-title {
    margin-top: 6px;
}

.d13-card#d13CardMonthly .d13-card-title {
    padding-top: 49px;
}


.d13-card-lead {
    margin: 0 0 22px;
    font-family: "Geist", sans-serif;
    font-size: 14px;
    line-height: 1.45;
    text-align: center;
    color: rgba(203, 213, 225, 0.82);
}

.d13-feat-list {
    margin: 0 auto 24px;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: fit-content;
    max-width: 100%;
}

.d13-feat {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin: 0;
    padding: 7px 8px;
    font-family: "Geist", sans-serif;
    font-size: 13px;
    line-height: 1.45;
    color: rgba(226, 232, 240, 0.88);
    width: 100%;
    justify-content: flex-start;
}

.d13-feat--highlight {
    padding: 8px 8px;
    border: 1px dashed rgba(148, 163, 184, 0.34);
    border-radius: 12px;
    background: rgba(15, 23, 42, 0.35);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
    width: fit-content !important;
}

.d13-feat-icon {
    flex-shrink: 0;
    width: 15px;
    height: 15px;
    margin-top: 3px;
    border-radius: 50%;
    display: grid;
    place-items: center;
}

.d13-feat-icon img {
    width: 15px;
    height: 15px;
    display: block;
    object-fit: contain;
}

.d13-feat > span:last-child {
    display: block;
    line-height: 1.35;
    padding-top: 2px;
}

.d13-feat-countries {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 0;
    line-height: 1.45;
    padding-top: 1px;
}

.d13-feat-countries-label {
    margin-right: 4px;
}

.d13-country {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
}

.d13-country img {
    display: block;
    width: 14px;
    height: 10px;
    object-fit: cover;
    flex-shrink: 0;
}

.d13-country-sep {
    margin: 0 6px;
    opacity: 0.35;
    font-weight: 400;
}

.d13-price-block {
    margin-top: auto;
    text-align: center;
    padding-top: 8px;
}

.d13-card#d13CardMonthly .d13-price-block {
    margin-top: 10px;
}

/* Linha: De (taxado) + Por apenas — fora da lista de benefícios */
.d13-price-topline {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0;
    margin-bottom: 14px;
}

.d13-price-block .antes {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: linear-gradient(145deg, #ef4444 0%, #b91c1c 55%, #991b1b 100%);
    padding: 4px 20px;
    border-radius: 100px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14);
}

.d13-price-block .antes del {
    text-decoration: line-through;
    opacity: 0.95;
}

.d13-price-block .esp {
    margin-left: 10px;
    font-size: 13px;
    font-weight: 600;
    color: rgba(248, 250, 252, 0.95);
}

/* 12x de R$… /ano ou só R$… /mês */
.d13-price-mainline {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: center;
    gap: 6px 8px;
    margin: 0 0 10px;
    line-height: 1.15;
}

.d13-price-block .detalhe {
    font-size: 12px;
    font-weight: 600;
    color: rgba(226, 232, 240, 0.92);
    top: -2px !important;
    position: relative;
}

.d13-price-block .valor {
    font-size: 55px;
    font-weight: 800 !important;
    line-height: 1.3;
    color: #ffffff;
    letter-spacing: -0.03em;
}

.d13-price-cashline {
    margin: 0 0 18px;
    font-size: 14px;
    font-weight: 600;
    color: rgba(203, 213, 225, 0.88);
}

.d13-price-cashline b {
    font-weight: 700;
    color: rgba(248, 250, 252, 0.96);
}

.d13-feat strong {
    font-weight: 700;
    color: rgba(248, 250, 252, 0.95);
}

.d13-coupon {
    margin: 0 auto 20px;
    padding: 12px 16px;
    border-radius: 14px;
    border: 1px dashed rgba(59, 130, 246, 0.45);
    background: rgba(15, 23, 42, 0.6);
    width: fit-content;
    max-width: 100%;
    font-family: "Geist", monospace;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: #f8fafc;
}

#d13CouponCode {
    color: #0099ff;
}

.d13-cta-wrap {
    width: 100%;
    margin-top: 10px;
    display: flex;
    justify-content: center;
}

.d13-cta-wrap .container-botao,
.d13-cta-wrap .botao {
    width: fit-content;
    display: block;
}

.d13-cta-wrap .botao .btn-cta {
    width: auto;
    box-sizing: border-box;
    padding: 18px 30px !important;
    font-size: 20px !important;
}

.d13-cta-secondary {
    display: block;
    width: fit-content;
    box-sizing: border-box;
    padding: 18px 30px;
    border-radius: 5% / 100%;
    font-family: "Qurova", sans-serif;
    font-size: 20px !important;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-align: center;
    text-decoration: none;
    color: #f8fafc !important;
    background: linear-gradient(180deg, rgba(51, 65, 85, 0.95) 0%, rgba(30, 41, 59, 0.98) 100%);
    border: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 12px 32px rgba(0, 0, 0, 0.35);
    transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}

.d13-cta-secondary:hover {
    transform: translateY(-2px);
    border-color: rgba(255, 255, 255, 0.2);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.1),
        0 16px 40px rgba(0, 0, 0, 0.4);
}

@media only screen and (max-width: 767px) {
    /* Dobra 13 (mobile): bloco mais compacto e planos em coluna */
    .dobra-13 {
        padding: 62px 14px 72px;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        box-shadow: inset 0 1px 0 rgba(147, 197, 253, 0.14);
    }

    .d13-bg-video .hero-bg-video-overlay {
        background: linear-gradient(to bottom, rgba(5, 5, 8, 0.42), rgba(5, 5, 8, 0.72));
    }

    .d13-price-block .valor {
        font-size: 60px;
        font-weight: 800;
    }

    .dobra-13-title {
        font-size: 22px;
        line-height: 1.2;
        max-width: 24rem;
        margin-bottom: 14px;
    }

    .d13-scarcity {
        max-width: 430px;
        margin-bottom: 24px;
        border-radius: 16px;
        text-wrap: balance;
    }

    .d13-scarcity-body {
        padding: 14px 12px 12px;
    }

    .d13-scarcity-contagem {
        font-size: 14px;
        line-height: 1.22;
        letter-spacing: -0.02em;
        padding: 4px 2px;
    }

    .d13-scarcity-foot {
        padding: 10px 12px;
        font-size: 12px;
        line-height: 1.35;
    }

    .d13-price-topline {
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 2px;
    }

    .d13-price-block .esp {
        margin-left: 0;
    }

    .d13-plans {
        grid-template-columns: 1fr;
        gap: 14px;
        max-width: 430px;
    }

    .d13-card {
        padding: 18px 16px 20px;
        border-radius: 22px;
    }

    .d13-card--featured {
        padding: 8px;
    }

    .d13-feature-inner {
        padding: 40px 14px 50px !important;
        border-radius: 18px;
    }

    .d13-card-ribbon {
        width: 156px;
        height: 156px;
    }

    .d13-card-ribbon span {
        width: 236px;
        top: 28px;
        padding: 6px 8px;
        font-size: 8px;
        letter-spacing: 0.02em;
    }

    .d13-card#d13CardMonthly .d13-card-title {
        padding-top: 20px;
    }

    #d13CtaMonthly {
        margin-bottom: 40px;
    }
}

/* Dobra 14 — garantia (base branca estilo dobra 5) */
.dobra-14 {
    position: relative;
    z-index: 8;
    padding: 40px 20px;
    background: #ffffff;
    color: #0f172a;
    overflow: hidden;
}

.dobra-14-bg {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    overflow: hidden;
}

.dobra-14-dots {
    position: absolute;
    inset: 0;
    opacity: 0.32;
    background-image: radial-gradient(circle, #a8a29e 0.8px, transparent 0.8px);
    background-size: 22px 22px;
}

.dobra-14-inner {
    position: relative;
    z-index: 1;
    max-width: 1140px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}

.d14-top {
    position: relative;
    display: grid;
    place-items: center;
    min-height: clamp(300px, 33vw, 420px);
    border-radius: 26px;
    border: 1px solid rgba(37, 99, 235, 0.22);
    background: linear-gradient(180deg, rgba(248, 250, 252, 0.9) 0%, rgba(241, 245, 249, 0.9) 100%);
    overflow: hidden;
    box-shadow: 0 22px 54px rgba(15, 23, 42, 0.08);
}

.d14-top-center {
    position: relative;
    z-index: 1;
    width: clamp(200px, 24vw, 290px);
    aspect-ratio: 1 / 1;
    display: grid;
    place-items: center;
}

.d14-top-ring {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    animation: d14Spin 30s linear infinite;
    transform-origin: center;
}

.d14-top-media {
    width: 200px;
    aspect-ratio: 1 / 1;
    mix-blend-mode: multiply;
    margin-left: -10px;

}

.d14-top-media video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

@keyframes d14Spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.d14-copy {
    max-width: min(100%, 900px);
    margin: 0 auto;
    width: 100%;
    display: flex;
    height: 100%;
}

.d14-prompt-box {
    text-align: center;
    background: #F9F6F6;
    border-radius: 22px;
    border: 1.5px solid rgba(37, 99, 235, 0.5);
    box-shadow:
        0 0 0 1.5px rgba(147, 197, 253, 0.45),
        0 26px 62px rgba(15, 23, 42, 0.07),
        0 10px 28px rgba(37, 99, 235, 0.08);
    overflow: hidden;
    width: 100%;
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

.d14-prompt-main {
    padding: 28px 26px 16px;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.d14-prompt-title {
    margin: 14px 0 10px;
    font-family: "Geist", sans-serif;
    font-size: 28px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -0.03em;
    color: #0f172a;
    text-align: center;
    text-wrap: balance;
}

.d14-prompt-desc {
    margin: 0 auto 10px;
    max-width: 600px;
    font-family: "Geist", sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.42;
    letter-spacing: -0.01em;
    color: #475569;
    text-align: center;
    text-wrap: balance;
}
.esp{
    display: block;
    padding: 6px;
}

.d14-top-inline {
    margin: 0 auto 16px;
}

.d14-prompt-toolbar {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 10px 12px 12px;
    border-top: 1px solid rgba(15, 23, 42, 0.06);
    background: linear-gradient(180deg, #fafbfc 0%, #f4f6f8 100%);
    margin-top: auto;
}

.d14-prompt-toolbar-left {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.d14-tb-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    background: #fff;
    color: #64748b;
    pointer-events: none;
}

.d14-tb-cta {
    margin-left: 4px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 36px;
    padding: 0 14px;
    border-radius: 10px;
    border: 1px solid rgba(37, 99, 235, 0.3);
    background: #f8fafc;
    color: #2563eb;
    font-family: "Geist", sans-serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: -0.01em;
    text-decoration: none;
    white-space: nowrap;
}

.d14-tb-cta svg {
    width: 16px;
    height: 16px;
    display: block;
}

@media only screen and (max-width: 767px) {
    /* Dobra 14 — mobile: vídeo e descrição menores; bloco mais compacto */
    .dobra-14 {
        padding: 28px 14px 36px;
    }

    .dobra-14-inner {
        max-width: 100%;
    }

    .d14-top {
        min-height: clamp(200px, 58vw, 280px);
        border-radius: 18px;
    }

    .d14-top-center {
        width: clamp(140px, 52vw, 200px);
    }

    .d14-top-media {
        width: 140px;
    }

    .d14-prompt-main {
        padding: 18px 14px 12px;
    }

    .d14-prompt-box {
        border-radius: 18px;
    }

    .d14-prompt-title {
        margin: 10px 0 8px;
        font-size: 20px;
        line-height: 1.22;
    }

    .d14-prompt-desc {
        margin-bottom: 8px;
        font-size: 13px;
        line-height: 1.38;
    }

    .d14-top-inline {
        margin-bottom: 12px;
    }

    .d14-prompt-toolbar {
        flex-wrap: wrap;
        gap: 8px;
        padding: 8px 10px 10px;
    }

    .d14-tb-icon {
        width: 32px;
        height: 32px;
        border-radius: 8px;
    }

    .d14-tb-cta {
        height: 34px;
        padding: 0 12px;
        font-size: 12px;
        gap: 6px;
    }

    .d14-tb-cta svg {
        width: 14px;
        height: 14px;
    }

    .esp {
        padding: 4px;
    }
}

/* Dobra FAQ */
.dobra-faq {
    position: relative;
    z-index: 8;
    background: #03050b;
    padding: clamp(72px, 8vw, 108px) 24px;
    color: #f8fafc;
    overflow-x: clip;
    overflow-y: visible;
    text-wrap: balance !important;
}

.dobra-faq-inner {
    max-width: 1140px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(220px, 280px) minmax(0, 620px);
    gap: clamp(26px, 4vw, 58px);
    align-items: start;
    justify-content: center;
}

.faq-side {
    position: sticky;
    top: calc(var(--site-nav-h) + 20px);
    align-self: start;
}

.faq-side-title {
    margin: 0 0 18px;
    font-family: "Geist", sans-serif;
    font-size: 34px;
    font-weight: 600;
    letter-spacing: -0.04em;
    line-height: 1.06;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    background: linear-gradient(272deg,rgb(200, 220, 255) -20.24%,
    rgb(245, 249, 255) 53.39%,rgb(200, 220, 255) 127.03%) text;
    background-clip: text;
    color: transparent;
    text-wrap: balance;
    max-width: 280px;
}

.faq-side-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    height: 52px;
    padding: 0 22px;
    border-radius: 9px;
    border: 1px solid rgba(34, 197, 94, 0.4);
    background: linear-gradient(180deg, #2fdd72 0%, #159746 100%);
    color: #ecfdf5;
    text-decoration: none;
    font-family: "Geist", sans-serif;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.01em;
    box-shadow: 0 14px 30px rgba(22, 163, 74, 0.25);
}

.faq-side-btn svg {
    width: 18px;
    height: 18px;
    display: block;
}

.faq-list {
    margin: 0;
    padding: 0;
    list-style: none;
    max-width: 620px;
    width: 100%;
}

.faq-item {
    position: relative;
    border-bottom: 1px solid rgba(148, 163, 184, 0.22);
}

.faq-question {
    width: 100%;
    margin: 0;
    border: 0;
    background: transparent;
    color: #f8fafc;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 16px 4px;
    text-align: left;
    cursor: pointer;
    font-family: "Geist", sans-serif;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 1.35;
}

.faq-item.is-open {
    border-bottom-color: transparent;
}

.faq-item.is-open::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: linear-gradient(90deg, #0098ff 0%, #ff0086 100%);
}

.faq-icon {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
    color: rgba(248, 250, 252, 0.9);
    transition: transform 0.28s ease;
}

.faq-icon line {
    stroke: currentColor;
    stroke-width: 1.45;
    stroke-linecap: round;
}

.faq-item.is-open .faq-icon {
    transform: rotate(45deg);
}

.faq-answer {
    margin: 0;
    padding: 0 28px 0 0;
    font-family: "Geist", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.55;
    color: rgba(226, 232, 240, 0.82);
    max-width: 78ch;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 360ms cubic-bezier(0.22, 1, 0.36, 1), opacity 260ms ease, padding 260ms ease;
}

.faq-item.is-open .faq-answer {
    padding: 2px 28px 14px 0;
    opacity: 1;
}

@media (max-width: 1024px) {
    .dobra-faq-inner {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .faq-side {
        position: static;
        top: auto;
        margin-top: 0;
    }

    .faq-side-title {
        font-size: 30px;
        margin-bottom: 16px;
        max-width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    /* Dobra FAQ (15) — mobile: título + CTA centralizados; acordeão mais compacto */
    .dobra-faq {
        padding: 48px 16px 56px;
    }

    .dobra-faq-inner {
        gap: 22px;
    }

    .faq-side {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        width: 100%;
    }

    .faq-side-title {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        font-size: 26px;
    }

    .faq-side-btn {
        justify-content: center;
    }

    .faq-question {
        font-size: 15px;
        padding: 14px 2px;
        gap: 12px;
    }

    .faq-answer {
        font-size: 13px;
        line-height: 1.5;
        padding: 0 12px 0 0;
    }

    .faq-item.is-open .faq-answer {
        padding: 2px 12px 12px 0;
    }
}

.d8-art-inner {
    width: min(320px, 80%);
    aspect-ratio: 1 / 1;
    border-radius: 26px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    display: grid;
    place-items: center;
    box-shadow: 0 22px 70px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.d8-art-inner img {
    width: 64%;
    height: 64%;
    object-fit: contain;
    display: block;
    filter: drop-shadow(0 0 26px rgba(51, 116, 255, 0.55));
    opacity: 0.96;
}

/* Dobra Midia — Vyral na mídia */
.dobra-midia {
    position: relative;
    z-index: 8;
    padding: 60px 20px 80px;
    background: linear-gradient(180deg, #0d0d16 0%, #09090F 100%);
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    color: #f8fafc;
    overflow: hidden;
}

.dobra-midia::before {
    content: "";
    position: absolute;
    top: -20%;
    left: 50%;
    transform: translate(-50%, -50%);
    filter: blur(100px);
    width: 1000px;
    height: 500px;
    border-radius: 50%;
    background: rgba(3, 19, 68, 0.3);
    pointer-events: none;
}

.dobra-midia::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    opacity: 0.72;
    background-image: radial-gradient(circle, rgba(200, 220, 255, 0.1) 0.6px, transparent 0.2px);
    background-size: 16px 16px;
    background-position: 0 0;
    background-repeat: repeat;
    -webkit-mask-image: radial-gradient(ellipse 85% 70% at 50% 18%, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.72) 48%, rgba(0, 0, 0, 0.25) 70%, transparent 100%);
    mask-image: radial-gradient(ellipse 85% 70% at 50% 18%, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.72) 48%, rgba(0, 0, 0, 0.25) 70%, transparent 100%);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.dobra-midia-inner {
    position: relative;
    z-index: 1;
    max-width: 1140px;
    margin: 0 auto;
    text-align: center;
}

.dobra-midia-title {
    margin: 0 auto 8px;
    max-width: 720px;
    font-family: "Geist", sans-serif;
    font-size: clamp(34px, 5vw, 48px);
    font-weight: 600;
    letter-spacing: -0.04em;
    line-height: 1.15;
    text-align: center;
    background: linear-gradient(272deg, rgb(200, 220, 255) -20.24%, rgb(245, 249, 255) 53.39%, rgb(200, 220, 255) 127.03%) text;
    background-clip: text;
    color: transparent;
    text-wrap: balance;
}

.dobra-midia-lead {
    margin: 0 auto 40px;
    max-width: 560px;
    font-family: "Geist", sans-serif;
    font-size: 17px;
    line-height: 1.3;
    color: rgba(226, 232, 240, 0.68);
    font-weight: 400;
    text-wrap: balance;
}

.midia-carousel {
    position: relative;
    width: 100%;
}

.midia-viewport {
    overflow: hidden;
    width: 100%;
    border-radius: 0;
}

.midia-track {
    display: flex;
    gap: 14px;
    transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: transform;
}

.midia-card {
    flex: 0 0 calc((100% - 28px) / 3);
    width: calc((100% - 28px) / 3);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 18px;
    min-height: 280px;
    padding: 40px 28px 36px;
    border-radius: 24px;
    background: #f5f5f7;
    color: #1d1d1f;
    text-align: center;
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.28);
}

.midia-card:nth-child(even) {
    background: #0f172af2;
    color: #f5f5f7;
}

.midia-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    margin-bottom: 4px;
}

.midia-logo img {
    max-height: 36px;
    width: auto;
    max-width: 180px;
    object-fit: contain;
    display: block;
}

.midia-logo-text {
    margin: 0;
    font-family: "Geist", sans-serif;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: -0.04em;
    line-height: 1;
    color: #1d1d1f;
    text-wrap: balance;
}

.midia-card:nth-child(even) .midia-logo-text {
    color: #fff;
}

.midia-desc {
    margin: 0;
    max-width: 420px;
    font-family: "Geist", sans-serif;
    font-size: 17px;
    line-height: 1.45;
    font-weight: 500;
    color: #6e6e73;
    text-wrap: balance;
}

.midia-card:nth-child(even) .midia-desc {
    color: rgba(255, 255, 255, 0.62);
}

.midia-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 6px;
    min-height: 44px;
    padding: 0 22px;
    border-radius: 980px;
    background: #0071e3;
    color: #fff;
    text-decoration: none;
    font-family: "Geist", sans-serif;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -0.01em;
    transition: background 0.2s ease, transform 0.2s ease;
}

.midia-btn:hover {
    background: #0077ed;
    transform: scale(1.02);
}

.midia-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    margin-top: 28px;
}

.midia-nav-btn {
    width: 36px;
    height: 36px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    cursor: pointer;
    display: grid;
    place-items: center;
    transition: background 0.2s ease, opacity 0.2s ease;
}

.midia-nav-btn:hover {
    background: rgba(255, 255, 255, 0.18);
}

.midia-nav-btn:disabled {
    opacity: 0.35;
    cursor: not-allowed;
}

.midia-nav-btn svg {
    width: 18px;
    height: 18px;
    display: block;
}

.midia-dots {
    display: flex;
    align-items: center;
    gap: 7px;
}

.midia-dot {
    width: 7px;
    height: 7px;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.28);
    cursor: pointer;
    transition: width 0.3s ease, background 0.3s ease;
}

.midia-dot.is-active {
    width: 22px;
    background: #2563eb;
}

/* Dobra Influent Summit — bento premium */
.dobra-influent {
    position: relative;
    z-index: 8;
    background: #ffffff;
    overflow: hidden;
    color: #0f172a;
}

.dobra-influent-inner {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}

.dobra-influent-card {
    text-align: center;
    padding: 60px 24px 80px;
    border: 1px solid #dbe4f0;
    border-top: none;
    border-bottom: none;
    background: #fff;
}

.dobra-influent-head {
    position: relative;
    z-index: 2;
    text-align: center;
    margin: 0 -24px;
    max-width: none;
    width: auto;
    padding: 0 24px 28px;
    border-bottom: 1px solid #dbe4f0;
    text-wrap: balance;
}

.dobra-influent-title {
    margin: 0 auto 16px;
    max-width: 660px;
    font-family: "Geist", sans-serif;
    font-size: clamp(26px, 3.4vw, 32px);
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -1px;
    color: #0f172a;
    text-wrap: balance;
}

.dobra-influent-title em {
    font-style: italic;
    font-weight: 600;
    color: #0f172a;
}

.dobra-influent-lead {
    margin: 0 auto;
    max-width: 640px;
    font-family: "Geist", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3em;
    letter-spacing: -0.015em;
    color: #475569;
    text-wrap: balance;
}

.dobra-influent-media {
    position: relative;
    margin-top: 36px;
    z-index: 0;
}

.influent-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px 18px;
    margin: 36px -24px 0;
    padding: 28px 24px 0;
    border-top: 1px solid #dbe4f0;
    font-family: "Geist", sans-serif;
}

.influent-bento {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    width: 100%;
    align-items: start;
}

.influent-cell {
    position: relative;
    border-radius: 18px;
    overflow: hidden;
    background: #e8eef6;
    min-height: 0;
    transition: transform 0.35s ease;
}

.influent-cell[data-influent-slot]:empty {
    min-height: 140px;
    background: linear-gradient(90deg, #e8eef6 0%, #f3f6fb 45%, #e8eef6 100%);
    background-size: 220% 100%;
    animation: influentCellSkel 1.4s ease-in-out infinite;
}

@keyframes influentCellSkel {
    0% { background-position: 100% 0; }
    100% { background-position: -100% 0; }
}

@media (prefers-reduced-motion: reduce) {
    .influent-cell[data-influent-slot]:empty {
        animation: none;
    }
}

.influent-cell:hover {
    transform: translateY(-2px);
}

.influent-cell img,
.influent-cell video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block;
}

.influent-cell[data-orient="h"] img,
.influent-cell[data-orient="h"] video {
    object-position: top center;
}

.influent-cell[data-orient="v"] img,
.influent-cell[data-orient="v"] video {
    object-position: center top;
}

.influent-cell video {
    transform: translateZ(0);
    backface-visibility: hidden;
}

/* Linha 1: 4V | Linha 2: V H V */
.influent-cell--1 { grid-column: 1; grid-row: 1; aspect-ratio: 3 / 4; }
.influent-cell--2 { grid-column: 2; grid-row: 1; aspect-ratio: 3 / 4; }
.influent-cell--3 { grid-column: 3; grid-row: 1; aspect-ratio: 3 / 4; }
.influent-cell--4 { grid-column: 4; grid-row: 1; aspect-ratio: 3 / 4; }

.influent-cell--5 { grid-column: 1; grid-row: 2; aspect-ratio: 3 / 4; }
.influent-cell--6 {
    grid-column: 2 / 4;
    grid-row: 2;
    align-self: stretch;
    height: auto;
}
.influent-cell--7 { grid-column: 4; grid-row: 2; aspect-ratio: 3 / 4; }

.influent-cell::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 55%, rgba(0, 0, 0, 0.2) 100%);
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.35s ease;
}

.influent-cell:hover::after {
    opacity: 1;
}

@media only screen and (max-width: 1023px) {
    .influent-bento {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .influent-cell--1 { grid-column: 1; grid-row: 1; aspect-ratio: 3 / 4; align-self: start; }
    .influent-cell--2 { grid-column: 2; grid-row: 1; aspect-ratio: 3 / 4; align-self: start; }
    .influent-cell--3 { grid-column: 1; grid-row: 2; aspect-ratio: 3 / 4; align-self: start; }
    .influent-cell--4 { grid-column: 2; grid-row: 2; aspect-ratio: 3 / 4; align-self: start; }
    .influent-cell--6 {
        grid-column: 1 / -1;
        grid-row: 3;
        aspect-ratio: 16 / 9;
        align-self: start;
        height: auto;
    }

    .influent-cell--5,
    .influent-cell--7 {
        display: none;
    }
}

@media only screen and (max-width: 1023px) {
    .midia-card {
        flex-basis: calc((100% - 14px) / 2);
        width: calc((100% - 14px) / 2);
        padding: 36px 24px 32px;
    }
}

@media only screen and (max-width: 767px) {
    .dobra-midia {
        padding: 56px 16px 52px;
    }

    .dobra-midia-title {
        font-size: 30px;
        margin-bottom: 12px;
    }

    .dobra-midia-lead {
        font-size: 15px;
        margin-bottom: 28px;
    }

    .midia-card {
        flex-basis: 100%;
        width: 100%;
        min-height: 240px;
        padding: 36px 24px 32px;
        border-radius: 20px;
        gap: 14px;
    }

    .midia-logo-text {
        font-size: 24px;
    }

    .midia-desc {
        font-size: 15px;
    }

    .midia-btn {
        min-height: 40px;
        font-size: 14px;
    }


    .dobra-influent-card {
        padding: 40px 14px 50px;
        border-left: none;
        border-right: none;
    }

    .dobra-influent-head {
        margin: 0 -14px;
        padding: 0 14px 22px;
    }

    .dobra-influent-title {
        font-size: 24px;
        letter-spacing: -0.8px;
        margin-bottom: 12px;
    }

    .dobra-influent-lead {
        font-size: 15px;
        max-width: 100%;
    }

    .dobra-influent-media {
        margin-top: 24px;
    }

    .influent-actions {
        margin: 24px -14px 0;
        padding: 22px 14px 0;
        gap: 8px 14px;
    }

    .influent-bento {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
    }

    .influent-cell {
        border-radius: 14px;
    }

    .influent-cell--1 { grid-column: 1; grid-row: 1; aspect-ratio: 3 / 4; }
    .influent-cell--2 { grid-column: 2; grid-row: 1; aspect-ratio: 3 / 4; }
    .influent-cell--3 { grid-column: 1; grid-row: 2; aspect-ratio: 3 / 4; }
    .influent-cell--4 { grid-column: 2; grid-row: 2; aspect-ratio: 3 / 4; }
    .influent-cell--6 {
        grid-column: 1 / -1;
        grid-row: 3;
        aspect-ratio: 16 / 9;
        align-self: start;
        height: auto;
    }

    .influent-cell--5,
    .influent-cell--7 {
        display: none;
    }
}

.influent-actions-btn,
.influent-actions-link {
    appearance: none;
    border: 0;
    background: transparent;
    padding: 0;
    margin: 0;
    font: inherit;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -0.015em;
    color: #0f172a;
    text-decoration: none;
    cursor: pointer;
    border-bottom: 1px solid transparent;
    transition: color 0.2s ease, border-color 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 44px;
}

.influent-actions-btn:hover,
.influent-actions-link:hover {
    color: #0071e3;
    border-bottom-color: rgba(0, 113, 227, 0.45);
}

.influent-actions-icon {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    display: block;
    color: inherit;
}

.influent-actions-sep {
    width: 1px;
    height: 14px;
    background: #cbd5e1;
    flex-shrink: 0;
}

.influent-gallery {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 10030;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.2s ease;
}

.influent-gallery.is-open {
    display: flex;
    visibility: visible;
    opacity: 1;
}

.influent-gallery-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.9);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.influent-gallery-shell {
    position: relative;
    z-index: 1;
    width: min(400px, calc(100vw - 28px));
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 14px;
    max-height: calc(100dvh - 36px);
}

.influent-gallery-frame {
    position: relative;
    width: 100%;
}

.influent-gallery-stage {
    position: relative;
    width: 100%;
    height: min(700px, calc(100dvh - 140px));
    border-radius: 16px;
    overflow: hidden;
    background: #000;
    touch-action: pan-y;
}

.influent-gallery-media {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: none;
    z-index: 1;
    background: #000;
}

.influent-gallery-media.is-active {
    display: block;
}

.influent-gallery-media.is-landscape {
    object-fit: contain;
    object-position: center center;
}

.influent-gallery-progress {
    position: absolute;
    top: 14px;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    height: 3px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.28);
    overflow: hidden;
    z-index: 4;
    pointer-events: none;
}

.influent-gallery-progress-fill {
    height: 100%;
    width: 0%;
    border-radius: inherit;
    background: #fff;
}

.influent-gallery-tap {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 32%;
    z-index: 3;
    border: 0;
    padding: 0;
    background: transparent;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

.influent-gallery-tap--prev { left: 0; }
.influent-gallery-tap--next { right: 0; }

.influent-gallery-close,
.influent-gallery-mute {
    position: absolute;
    top: 26px;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: #fff;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    z-index: 6;
    opacity: 0.92;
    transition: opacity 0.2s ease;
    filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.45));
}

.influent-gallery-close {
    display: flex;
    right: 10px;
}

.influent-gallery-mute {
    display: none;
    right: 54px;
}

.influent-gallery-mute.is-active {
    display: flex;
}

.influent-gallery-close:hover,
.influent-gallery-mute:hover {
    opacity: 0.7;
}

.influent-gallery-close svg,
.influent-gallery-mute svg {
    width: 18px;
    height: 18px;
    display: block;
}

.influent-gallery-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 8;
    opacity: 0.9;
    transition: opacity 0.2s ease;
    filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.45));
}

.influent-gallery-nav svg {
    width: 22px;
    height: 22px;
    display: block;
}

.influent-gallery-nav:hover {
    opacity: 0.7;
}

.influent-gallery-nav--prev { left: -34px; }
.influent-gallery-nav--next { right: -34px; }

.influent-gallery-thumbs {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    padding: 4px 2px 8px;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    mask-image: linear-gradient(
        90deg,
        transparent 0%,
        rgba(0, 0, 0, 0.35) 8%,
        #000 18%,
        #000 82%,
        rgba(0, 0, 0, 0.35) 92%,
        transparent 100%
    );
    -webkit-mask-image: linear-gradient(
        90deg,
        transparent 0%,
        rgba(0, 0, 0, 0.35) 8%,
        #000 18%,
        #000 82%,
        rgba(0, 0, 0, 0.35) 92%,
        transparent 100%
    );
}

.influent-gallery-thumbs::-webkit-scrollbar {
    display: none;
}

.influent-gallery-thumb {
    flex: 0 0 auto;
    width: 58px;
    height: 78px;
    padding: 0;
    border: 2px solid rgba(255, 255, 255, 0.18);
    border-radius: 12px;
    overflow: hidden;
    background: #141414;
    cursor: pointer;
    scroll-snap-align: center;
    position: relative;
    opacity: 0.48;
    transition: opacity 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

.influent-gallery-thumb.is-active {
    opacity: 1;
    border-color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.35);
}

.influent-gallery-thumb:hover {
    opacity: 0.85;
}

.influent-gallery-thumb img,
.influent-gallery-thumb video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block;
    pointer-events: none;
}

.influent-gallery-thumb img.is-landscape {
    object-fit: cover;
    object-position: center center;
}

.influent-gallery-thumb--video {
    background: #1a2030;
}

.influent-gallery-thumb--video.is-frame-ready {
    background: #0f172a;
}

@media only screen and (max-width: 767px) {
    .influent-actions-btn,
    .influent-actions-link {
        font-size: 14px;
    }

    .influent-actions-icon {
        width: 15px;
        height: 15px;
    }

    .influent-gallery {
        align-items: stretch;
        justify-content: center;
        padding: 0;
        overflow: hidden;
    }

    .influent-gallery-shell {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: calc(100vw - 72px);
        max-width: 320px;
        height: auto;
        max-height: calc(100dvh - 36px);
        margin: 0;
        gap: 12px;
        z-index: 1;
    }

    .influent-gallery-frame {
        width: 100%;
        overflow: visible;
    }

    .influent-gallery-stage {
        width: 100%;
        height: auto;
        aspect-ratio: 9 / 16;
        max-height: calc(100dvh - 120px);
        border-radius: 12px;
    }

    .influent-gallery-close,
    .influent-gallery-mute {
        top: 22px;
        width: 44px;
        height: 44px;
    }

    .influent-gallery-close {
        right: 8px;
    }

    .influent-gallery-mute {
        right: 52px;
    }

    .influent-gallery-nav {
        display: flex;
        width: 44px;
        height: 44px;
        filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.55));
    }

    .influent-gallery-nav svg {
        width: 18px;
        height: 18px;
    }

    .influent-gallery-nav--prev {
        left: auto;
        right: calc(100% + 8px);
    }

    .influent-gallery-nav--next {
        right: auto;
        left: calc(100% + 8px);
    }

    .influent-gallery-tap {
        width: 30%;
    }

    .influent-gallery-thumbs {
        padding: 2px 0 4px;
        gap: 6px;
    }

    .influent-gallery-thumb {
        width: 44px;
        height: 58px;
        border-radius: 8px;
    }
}

/* Rodapé */
.site-footer {
    position: relative;
    z-index: 8;
    background:
        radial-gradient(120% 80% at 50% -20%, rgba(37, 99, 235, 0.14) 0%, transparent 55%),
        linear-gradient(180deg, #07090f 0%, #030408 100%);
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    padding: clamp(48px, 6vw, 72px) clamp(20px, 4vw, 32px) clamp(22px, 3vw, 28px);
    color: #cfd7e6;
    overflow: hidden;
}

.site-footer::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background-image: radial-gradient(circle, rgba(255, 255, 255, 0.07) 0.6px, transparent 0.6px);
    background-size: 22px 22px;
    opacity: 0.35;
    pointer-events: none;
    mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, transparent 85%);
    -webkit-mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, transparent 85%);
}

.site-footer::after {
    content: "";
    position: absolute;
    top: -80px;
    left: 50%;
    transform: translateX(-50%);
    width: min(900px, 90vw);
    height: 280px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(59, 130, 246, 0.18) 0%, transparent 68%);
    pointer-events: none;
    filter: blur(40px);
}

.site-footer-inner {
    position: relative;
    z-index: 1;
    max-width: 1140px;
    margin: 0 auto;
}

.site-footer-top {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
    gap: clamp(28px, 5vw, 64px);
    align-items: start;
    padding-bottom: clamp(24px, 4vw, 36px);
}

.site-footer-brand {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
}

.site-footer-brand-logo {
    width: 96px;
    height: auto;
    display: block;
    margin-bottom: 16px;
    filter: drop-shadow(0 8px 24px rgba(0, 0, 0, 0.35));
}

.site-footer-text {
    margin: 0 0 18px;
    max-width: 38ch;
    font-family: "Geist", sans-serif;
    font-size: clamp(13px, 1.4vw, 14.5px);
    line-height: 1.62;
    font-weight: 450;
    letter-spacing: -0.015em;
    color: rgba(203, 213, 225, 0.82);
}

.site-footer-cta {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 9px 16px;
    border-radius: 999px;
    font-family: "Geist", sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: -0.02em;
    color: #fff;
    text-decoration: none;
    background: linear-gradient(135deg, #E10076 0%, #c4006a 100%);
    border: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: 0 8px 22px rgba(225, 0, 118, 0.28);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.site-footer-cta:hover {
    transform: translateY(-1px);
    box-shadow: 0 12px 28px rgba(225, 0, 118, 0.36);
}

.site-footer-cta svg {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
}

.site-footer-nav {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(20px, 4vw, 40px);
}

.site-footer-col {
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.site-footer-links-title {
    margin: 0 0 14px;
    font-family: "Geist", sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(248, 250, 252, 0.92);
    white-space: nowrap;
}

.site-footer-links-title::after {
    content: "";
    display: block;
    width: 28px;
    height: 2px;
    margin-top: 8px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(59, 130, 246, 0.95) 0%, rgba(59, 130, 246, 0) 100%);
}

.site-footer-links {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 10px;
    width: 100%;
}

.site-footer-links a {
    display: block;
    font-family: "Geist", sans-serif;
    color: rgba(226, 232, 240, 0.78);
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 1.3;
    transition: color 0.2s ease;
}

.site-footer-links a:hover {
    color: #fff;
}

.site-footer-divider {
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(148, 163, 184, 0.22) 20%, rgba(148, 163, 184, 0.22) 80%, transparent);
    margin-bottom: clamp(18px, 3vw, 24px);
}

.site-footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    color: rgba(148, 163, 184, 0.72);
    font-family: "Geist", sans-serif;
    font-size: 12px;
    letter-spacing: -0.01em;
}

.site-footer-copy {
    margin: 0;
}

.site-footer-social {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

.site-footer-social-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    border-radius: 999px;
    font-family: "Geist", sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: -0.02em;
    color: rgba(248, 250, 252, 0.92);
    text-decoration: none;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
    transition: background 0.22s ease, border-color 0.22s ease, transform 0.22s ease;
}

.site-footer-social-btn:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.18);
    transform: translateY(-1px);
}

.site-footer-social-icon {
    width: 16px;
    height: 16px;
    color: rgba(248, 250, 252, 0.95);
    display: block;
    flex-shrink: 0;
}

@media (max-width: 900px) {
    .site-footer-top {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .site-footer-nav {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 24px;
    }
}

@media (max-width: 540px) {
    .site-footer {
        padding-top: 40px;
    }

    .site-footer-brand-logo {
        width: 84px;
    }

    .site-footer-text {
        max-width: none;
    }

    .site-footer-bottom {
        flex-direction: column;
        align-items: flex-start;
        gap: 14px;
    }

    .site-footer-nav {
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }
}

/* Notebook: conteúdo e rodapé a 940px (após as regras base das dobras, para prevalecer) */
@media only screen and (min-width: 768px) and (max-width: 1441px) {
    .dobra-2-inner,
    .dobra-3-inner,
    .dobra-4-inner,
    .dobra-5-inner,
    .dobra-7-inner,
    .dobra-8-inner,
    .dobra-9-inner,
    .dobra-10-inner,
    .dobra-11-inner,
    .dobra-13-inner,
    .dobra-14-inner,
    .dobra-feedbacks2-inner,
    .dobra-faq-inner,
    .dobra-midia-inner,
    .dobra-influent-inner,
    .dobra-stats-grid,
    .site-footer-inner,
    .video-popup-content {
        max-width: 940px;
    }
}

/* Foco visível e consistente para navegação por teclado. */
:where(a, button, [role="tab"], [tabindex]):focus-visible {
    outline: 3px solid #60a5fa;
    outline-offset: 3px;
}