﻿.cm-accordion{display:flex;width:100%;padding:8px;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;border-radius:8px;background:#f8f9fa}.cm-accordion-header{width:100%;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.cm-accordion-header .cm-icon{color:#363940;font-size:16px}.cm-accordion-header__icon-inverted .cm-icon{transform:rotate(180deg)}.cm-accordion-content{display:none;width:100%}.cm-accordion-content-show{display:block}.cm-button{cursor:pointer;display:block;padding:22px 49px;width:100%;max-width:max-content;text-align:center;transition:all .3s}@media screen and (max-width: 768px){.cm-button{padding:14px 41px}}.bg-primary-600{--tw-bg-opacity: 1;background-color:rgb(53, 16, 202, var(--tw-bg-opacity))}.cm-checkbox{appearance:none}.cm-checkbox:before{content:" ";display:inline-block;width:17px;height:17px;border-radius:5px;outline:1px solid #b7c2d2;position:relative}.cm-checkbox:checked:before{content:"✓";font-size:13px;color:#fff;text-align:center;line-height:16px;background-color:#3510ca;outline:none;top:-1px}.cm-column{display:flex;flex-direction:column;width:100%}@media screen and (max-width: 768px){.cm-column{width:100% !important}}.cm-divisor{width:100%;border-bottom-width:4px;border-color:#b7c2d2;border-left:0px;border-top:0px;border-right:0px;border-style:solid;margin:16px auto}.cm-faq{display:flex;padding:24px;flex-direction:column;gap:16px}.cm-form{display:flex;flex-direction:column;width:100%;max-width:420px;padding:24px;border-radius:16px}.cm-form .cm-label{float:left;width:100%}.cm-form .cm-input{margin-top:5px;margin-bottom:16px}.cm-form .cm-select{margin-bottom:16px}.cm-form .cm-checkbox__label{display:flex;flex-direction:row;gap:8px;margin-bottom:16px}.cm-form__submit-button{display:flex;max-width:max-content;padding:8px 16px;justify-content:center;align-items:center;gap:8px;border:none;border-radius:4px;background:#3f11f5;color:#fff;text-align:center;font-size:12px;font-style:normal;font-weight:700;line-height:16px}@media screen and (max-width: 768px){.cm-form{width:100% !important}}.cm-icon{font-size:20px;color:var(--style-guide-color-icon)}.cm-input{display:flex;height:40px;width:100%;border-radius:16px;border:1px solid #f0f2f8;background:#fff;padding-left:16px}.cm-input-phone{float:left;height:40px;width:100%;max-width:160px;border-radius:16px;border:1px solid #f0f2f8;background:#fff;padding-left:16px;margin:10px 0}.cm-link{cursor:pointer;text-decoration:none;color:var(--style-guide-color-link);font-size:40px;font-style:normal;font-weight:600;line-height:56px}.cm-list{width:100%;min-height:40px;padding:16px;list-style:inside;display:flex;flex-direction:column}.cm-progress-bar{position:relative;display:flex;height:38px;width:100%;border-radius:16px;border:1px solid #f0f2f8;background:#fff;color:#fff;display:flex;align-items:center;padding-left:46px}.cm-row{display:flex;width:100%;gap:80px}@media screen and (max-width: 768px){.cm-row{flex-wrap:wrap !important}}.cm-section{display:flex;flex-direction:column;align-items:center;width:100%}.cm-section .cm-row{max-width:1440px}.cm-section-fit-height{min-height:100vh;justify-content:center}.cm-select{width:100%;height:40px;padding:0px 16px;border-radius:16px;border:1px solid #e8ebf1;background:#fff;margin:0}.cm-select.cm-flag{float:left;width:100%;margin:0;padding:0;text-align:center}.cm-stopwatch{display:flex;gap:24px;flex-wrap:wrap;max-width:max-content}.cm-stopwatch .cm-stopwatch-separator{display:none;font-size:48px;font-weight:700}.cm-stopwatch .cm-stopwatch-value{font-size:48px;text-align:center;margin:0;margin-bottom:24px}.cm-stopwatch .cm-stopwatch-label{font-size:32px;text-align:center;margin:0}.cm-stopwatch [data-unit]{display:none}.cm-stopwatch[data-show-separators=true] .cm-stopwatch-separator{display:block}@media screen and (max-width: 768px){.cm-stopwatch{justify-content:center}}.cm-video-popup{display:flex;justify-content:center;align-items:center;width:100%;height:348px}.cm-video-popup>img{width:100%;height:100%;cursor:pointer}.cm-video-popup-modal{display:none;z-index:50;width:100vw;height:100vh;position:fixed;top:0;left:0}.cm-video-popup-modal[data-state=open]{display:flex;align-items:center;justify-content:center}.cm-video-popup-overlay{background-color:#000;opacity:.35;position:absolute;width:100%;height:100%;top:0;left:0}.cm-video-popup .cm-video{position:static;z-index:10;height:80%;width:70% !important;max-width:1105px;max-height:619px}@media screen and (max-width: 480px){.cm-video-popup .cm-video{height:35%;width:90% !important}}.cm-video{width:640px;height:350px;position:relative}.cm-video iframe{width:100%;height:100%}.cm-video-blocker{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;cursor:default}.cm-video-start-session{text-align:center;color:#fff;font-size:24px;font-weight:800;background-color:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;height:100%;width:100%}@media screen and (max-width: 480px){.cm-video{width:100% !important}.cm-video-start-session{font-size:20px}}.cm-whatsapp{position:fixed}.cm-whatsapp.bottom-left{bottom:20px;left:20px}.cm-whatsapp.bottom-right{bottom:20px;right:20px}@media screen and (max-width: 480px){.cm-whatsapp{width:48px;height:48px}}.cm-checkout{position:relative;width:100%}.cm-checkout iframe{width:100%}.cm-checkout-blocker{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;cursor:default}.cm-checkout-start-session{text-align:center;color:#fff;font-size:24px;font-weight:800;background-color:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;height:100%;width:100%}@media screen and (max-width: 480px){.cm-checkout{width:100% !important}.cm-checkout-start-session{font-size:20px}}.cm-popup-content{display:flex;flex-direction:column;align-items:center;width:100%;overflow-y:auto;overflow-x:hidden;max-height:85vh}@media screen and (max-width: 768px){.cm-popup-content{width:100% !important}}.cm-popup{justify-content:center;align-items:center;width:100%;height:100%;position:fixed;top:0;left:0;display:flex;z-index:1000}.cm-popup-overlay{background-color:#000;opacity:.35;position:fixed;width:100%;height:100%;top:0;left:0;z-index:101}.cm-popup-modal{display:block;position:fixed;width:42%;background-color:#fff;padding:1.25rem;min-height:10rem;display:flex;align-items:center;justify-content:center;flex-direction:column;top:70px;left:50%;transform:translateX(-50%);z-index:102}.cm-popup-modal .cm-popup-close-button{position:absolute;top:-16px;right:-16px;border-radius:50%;background-color:#fff;width:32px;height:32px;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:104}.cm-form-lead{display:flex;flex-direction:column;width:100%;max-width:420px;padding:24px;border-radius:16px}.cm-form-lead .cm-label{float:left;width:100%;margin-bottom:5px}.cm-form-lead .cm-input{margin-bottom:16px}.cm-form-lead .cm-select{margin-bottom:16px}.cm-form-lead .cm-checkbox__label{display:flex;flex-direction:row;gap:8px;margin-bottom:16px}.cm-form-lead__submit-button{display:flex;max-width:max-content;padding:8px 16px;justify-content:center;align-items:center;gap:8px;border:none;border-radius:4px;background:#3f11f5;color:#fff;text-align:center;font-size:12px;font-style:normal;font-weight:700;line-height:16px}@media screen and (max-width: 768px){.cm-form{width:100% !important}}.cm-checkmark-container{display:flex;align-items:center;gap:8px;width:fit-content}.cm-checkmark-checkbox{appearance:none}.cm-checkmark-checkbox:before{content:" ";display:inline-block;width:17px;height:17px;border-radius:5px;outline:1px solid #b7c2d2;position:relative}.cm-checkmark-checkbox:checked:before{content:"✓";font-size:13px;color:#fff;text-align:center;line-height:16px;background-color:#3510ca;outline:none;top:-1px}.cm-checkmark-checkbox-text{font-size:14px !important;color:rgba(17,255,34,.9333333333) !important}.cm-checkmark-button{background-color:#f5f5f5;border:1px solid #b7c2d2;border-radius:5px;padding:20px;background:#047857;text-align:center;font-size:16px;font-style:normal;font-weight:600;line-height:120%;color:#fff}.cm-summary{width:100%}.cm-summary iframe{width:100%}.cm-summary-info{width:100%}

/* Estilos personalizados para o elemento com id="ioyih" */
#ioyih {
    border-radius: 25px;
    border: 2px solid #000000;
    background: #ff69b4;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    text-align: center;
}

#ioyih img {
    margin: 0 5px;
    max-width: 100%;
    height: auto;
}

#ioyih p {
    color: #ffffff;
    font-weight: bold;
    margin-top: 10px;
}

/* Estilos para o botão mais arredondado */
#iko4ht {
    border-radius: 50px !important;
    transition: all 0.3s ease;
    animation: pulse 2s infinite;
}

#iko4ht:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
    animation: none; /* Para o efeito hover */
}

/* Animação de pulsação */
@keyframes pulse {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(53, 16, 202, 0.7);
    }
    70% {
        transform: scale(1.05);
        box-shadow: 0 0 0 10px rgba(53, 16, 202, 0);
    }
    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(53, 16, 202, 0);
    }
}

/* Estilos para textos principais em preto */
[data-style-guide-typography-headline="small"],
[data-style-guide-typography-content="small"] {
    color: #000000 !important;
}

/* Manter o botão com texto branco */
#iko4ht font {
    color: #ffffff !important;
}

/* Estilos específicos para os textos mencionados - TODOS EM PRETO */
#ivosd,
#i4hci,
#i2srqt,
#i6dw05 {
    color: #000000 !important;
}

/* O parágrafo com o mesmo ID precisa de um ID único */
#i2srqt + p {
    color: #000000 !important; /* Preto para o texto de benefícios */
}

/* Sobrescrever estilos inline específicos */
#ivosd {
    color: #000000 !important; /* Forçar preto para o texto descritivo */
}

#i4hci {
    color: #000000 !important; /* Forçar preto para "Toque Viral" */
}

#i2srqt {
    color: #000000 !important; /* Forçar preto para o título principal */
}

/* Garantir que o span também seja preto */
#i6dw05 {
    color: #000000 !important; /* Forçar preto para o span */
}

/* Cores específicas para os textos mencionados */
#ivfptl {
    color: #FF007F !important; /* Rosa para "Você corre ou treina?" */
}

#iriz0o {
    color: #FFFF00 !important; /* Amarelo para "Então corre e faça seus stories..." */
    font-family: "Inter", "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif !important;
    font-weight: 500 !important;
    text-align: center !important;
}

#i1iniz {
    color: #FF007F !important; /* Rosa para "QUE TAL POSTAR SUA ROTINA..." */
}

#i4liji {
    color: #FFFF00 !important; /* Amarelo para "Deixa nossos templates e figurinhas..." */
    font-family: "Inter", "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif !important;
    font-weight: 500 !important;
    text-align: center !important;
}

/* Aplicar a mesma fonte para todos os textos em amarelo */
#ivosd,
#i6dw05,
#i2srqt + p {
    font-family: "Inter", "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif !important;
    font-weight: 500 !important;
    text-align: center !important;
}

/* Estilos para as frases específicas */
#i0l11e {
    color: #FF007F !important; /* Rosa para "Milhares de Modelos!" */
}

#ix827h {
    color: #FFFFFF !important; /* Branco para "Milhares de Combinações!" */
}

#i6q78j {
    font-size: 0.8em !important; /* Diminuir a fonte de "Transforme seus Stories..." */
    color: #000000 !important; /* Manter cor preta */
}

/* Reorganizar o layout para formato vertical */
#ipbdej {
    background: #FFFFFF !important;
    border: 2px solid #000000 !important;
    border-radius: 50px !important; /* Cantos muito arredondados como cápsula */
    padding: 25px 30px !important;
    margin: 20px 0 !important;
    text-align: center !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15) !important;
    max-width: 500px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    position: relative !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important; /* Layout vertical */
    align-items: center !important;
    justify-content: center !important;
    gap: 15px !important;
}

/* Estilos para as estrelas */
#i6xqe8 {
    color: #FF8C00 !important; /* Laranja dourado vibrante para as estrelas */
    font-size: 1.4em !important;
    margin: 0 !important;
    padding: 0 !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
    letter-spacing: 2px !important;
    order: 1 !important;
    flex-shrink: 0 !important; /* Não encolher */
}

/* Estilos para o texto de avaliação */
#iftheu {
    color: #000000 !important; /* Texto em preto */
    font-weight: 700 !important; /* Bold para "4,9/5" */
    font-family: "Inter", "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important; /* Centralizar o texto */
    font-size: 1.1em !important;
    line-height: 1.4 !important;
    order: 2 !important;
    white-space: nowrap !important; /* Manter em uma linha */
    flex-shrink: 0 !important; /* Não encolher */
}

/* Ajustar o layout das colunas para vertical */
#ix205g,
#ihrbmn {
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-direction: column !important; /* Layout vertical */
    width: 100% !important;
}

/* Garantir que o container principal tenha o layout vertical */
#ipbdej .cm-row {
    flex-direction: column !important; /* Layout vertical */
    align-items: center !important;
    justify-content: center !important;
    gap: 15px !important;
}

/* Diminuir a fonte do título "Mostre porque o seu Instagram não é só mais" */
#iws9m {
    font-size: 0.85em !important; /* Diminuir a fonte para 85% do tamanho original */
    line-height: 1.3 !important; /* Ajustar altura da linha para melhor legibilidade */
}

/* Estilos para o parágrafo de benefícios VIP */
#ich2i {
    color: #FFFFFF !important; /* Texto principal em branco */
    font-family: "Inter", "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif !important;
    font-weight: 400 !important; /* Peso normal para o texto principal */
    text-align: center !important; /* Centralizado */
    line-height: 1.5 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Estilos para "comunidade VIP" */
#i7m2az {
    color: #FFFF00 !important; /* Amarelo vibrante */
    font-weight: 700 !important; /* Negrito */
    font-family: "Inter", "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif !important;
}

/* Estilos para "e você sempre um passo à frente" */
#i5p6m1 {
    color: #FFFF00 !important; /* Amarelo vibrante */
    font-weight: 700 !important; /* Negrito */
    font-family: "Inter", "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif !important;
}

/* Efeito hover no banner */
#ipbdej:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2) !important;
    transition: all 0.3s ease !important;
}

/* Responsividade para mobile */
@media screen and (max-width: 768px) {
    #ipbdej {
        padding: 20px 25px !important;
        margin: 15px 10px !important;
        border-radius: 15px !important;
    }
    
    #i6xqe8 {
        font-size: 1.3em !important;
    }
    
    #iftheu {
        font-size: 1em !important;
    }
}

@keyframes fade-in-animation{from{opacity:0}to{opacity:1}}@keyframes glide-in{from{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes expand-in{from{transform:scale(0)}to{transform:scale(1)}}@keyframes bounce-in{from{transform:translateY(-100%);animation-timing-function:ease-in-out}50%{transform:translateY(0);animation-timing-function:ease-in-out}to{transform:translateY(-100%);animation-timing-function:ease-in-out}}@keyframes fold-in{from{transform:perspective(400px) rotateX(90deg);transform-origin:top}to{transform:perspective(400px) rotateX(0deg);transform-origin:top}}@keyframes puff-in{from{transform:scale(2);opacity:0}to{transform:scale(1);opacity:1}}@keyframes spin-in{from{transform:rotate(360deg);opacity:0}to{transform:rotate(0);opacity:1}}@keyframes flip-in{from{transform:rotateY(180deg);opacity:0}to{transform:rotateY(0deg);opacity:1}}@keyframes slide-in{from{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes turn-in{from{transform:rotate(180deg);opacity:0}to{transform:rotate(0);opacity:1}}@keyframes float-in{0%{transform:translateY(0)}50%{transform:translateY(-10px)}100%{transform:translateY(0)}}@keyframes reveal{from{opacity:0}to{opacity:1}}@keyframes rocking{0%,100%{transform:translateX(0)}25%,75%{transform:translateX(-5px)}50%{transform:translateX(5px)}}@keyframes bouncing{from,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}@keyframes wobble{from,20%,50%,80%,to{transform:translateX(0)}40%{transform:translateX(-25px) rotate(-5deg)}60%{transform:translateX(20px) rotate(5deg)}}@keyframes elevate{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}*{margin:0}a,button{cursor:pointer}.visible-block{display:block !important}.vertical-centering{display:flex;align-items:center}.not-visible{display:none !important}@media screen and (max-width: 480px){.visible-only-desktop{display:none !important}}@media screen and (min-width: 480px){.visible-only-mobile-portrait{display:none !important}}input::placeholder{color:currentColor;opacity:.7}.iti{width:100%;margin-bottom:16px;margin-top:5px}.iti input::placeholder{color:currentColor;opacity:.7}
