.admin-module__ALqLKa__container{flex-direction:column;justify-content:flex-start;align-items:center;min-height:100vh;padding:2rem;display:flex}.admin-module__ALqLKa__header{text-align:center;margin-bottom:2rem}.admin-module__ALqLKa__title{font-size:3rem;font-weight:500}.admin-module__ALqLKa__email{color:var(--color-grey);font-family:var(--font-sans);font-weight:500}.admin-module__ALqLKa__flows{border-radius:var(--border-radius);background-color:var(--color-ash);width:36rem;max-width:100%}.admin-module__ALqLKa__flowsHeader{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:1rem;display:flex}.admin-module__ALqLKa__flowsHeader h2{font-weight:500}.admin-module__ALqLKa__flowsList{flex-direction:column;gap:1rem;padding:1rem;list-style:none;display:flex}.admin-module__ALqLKa__flow{border-radius:var(--border-radius-s);background-color:var(--background);flex-direction:column;gap:.5rem;padding:.75rem;display:flex}.admin-module__ALqLKa__flow h3{font-weight:500}.admin-module__ALqLKa__content{flex-direction:column;flex:1;justify-content:space-between;padding:.25rem;display:flex}.admin-module__ALqLKa__actions{justify-content:space-between;align-items:center;gap:1rem;display:flex}.admin-module__ALqLKa__metadataWrapper{align-items:center;gap:1rem;display:flex}.admin-module__ALqLKa__metadata{font-size:var(--text-small);color:var(--color-grey);font-weight:500;font-family:var(--font-sans);align-items:center;gap:.25rem;display:flex}.admin-module__ALqLKa__metadata svg{font-size:.5rem}@media (max-width:54rem){.admin-module__ALqLKa__metadata:last-child{display:none}} .icon-module__40nN9a__icon{stroke:currentColor;stroke-width:1.5px;fill:currentColor;flex-shrink:0;width:2em;height:2em} .styles-module__D0m6qa__button{border-radius:var(--border-radius);cursor:pointer;font-family:var(--font-sans);text-transform:uppercase;border:none;justify-content:center;align-items:center;height:2.875em;font-weight:600;transition:opacity .2s,transform .2s,box-shadow .3s;display:flex}.styles-module__D0m6qa__button:hover{opacity:.9;transform:scale(1.02);box-shadow:3px 10px 30px #e5f39c26}.styles-module__D0m6qa__small{border-radius:var(--border-radius-s);height:2.25em;padding:.125em 1em 0;font-size:.875em}.styles-module__D0m6qa__medium{height:3em;padding:0 1.35em;font-size:1em}.styles-module__D0m6qa__large{height:3.5em;padding:0 1.5em;font-size:1.125em}@media (max-width:62em){.styles-module__D0m6qa__small{height:2em;font-size:.825em}.styles-module__D0m6qa__medium{height:2.75em;padding:0 1em}.styles-module__D0m6qa__large{font-size:1.025em}}.styles-module__D0m6qa__primary{background-color:var(--color-blue);color:var(--background)}.styles-module__D0m6qa__blue{background-color:var(--color-blue-light);color:var(--background)}.styles-module__D0m6qa__orange{background-color:var(--color-orange);color:var(--background)}.styles-module__D0m6qa__orange:hover{box-shadow:3px 10px 30px #e5f39c26}.styles-module__D0m6qa__cream{background-color:var(--color-cream);color:var(--foreground)}.styles-module__D0m6qa__cream:hover{box-shadow:3px 10px 30px #000dff26}.styles-module__D0m6qa__secondary{background-color:var(--background);color:var(--color-blue);border:1px solid}.styles-module__D0m6qa__fullWidth{width:100%}.styles-module__D0m6qa__icon{gap:.5em}.styles-module__D0m6qa__icon svg{font-size:.5em} .styles-module__mXrnJW__wrapper{flex-direction:column;gap:.25rem;width:100%;display:flex}.styles-module__mXrnJW__label{font-family:var(--font-sans);color:var(--foreground);font-size:.875rem;font-weight:500}.styles-module__mXrnJW__inputContainer{align-items:center;width:100%;display:flex;position:relative}.styles-module__mXrnJW__input{font-family:var(--font-sans);border:1px solid var(--color-border);border-radius:var(--border-radius-s);background-color:var(--background);width:100%;height:2.875em;color:var(--foreground);padding:0 .75rem;font-size:1rem;transition:box-shadow .2s;box-shadow:0 1px 3px #0000001a}.styles-module__mXrnJW__input::placeholder{color:var(--color-grey)}.styles-module__mXrnJW__input[type=password]{padding-right:2.5rem}.styles-module__mXrnJW__input:focus{outline:1px solid var(--color-grey)}.styles-module__mXrnJW__input:not(:focus):hover{box-shadow:0 1px 5px #00000026}.styles-module__mXrnJW__error{border-color:var(--error)}.styles-module__mXrnJW__message{color:var(--error);margin-top:.25rem;font-size:.875rem}.styles-module__mXrnJW__passwordToggle{cursor:pointer;color:var(--color-grey);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;right:.75rem}.styles-module__mXrnJW__passwordToggle:focus{outline:none}.styles-module__mXrnJW__passwordToggle:hover{color:var(--foreground)}.styles-module__mXrnJW__passwordToggle .styles-module__mXrnJW__icon{width:20px;height:20px} .styles-module__wgFmIq__message{margin-top:.25rem;padding-left:.5em;font-size:.875rem;font-weight:500}.styles-module__wgFmIq__error{color:var(--error);border-left:2px solid var(--error)}.styles-module__wgFmIq__success,.styles-module__wgFmIq__info{color:var(--color-blue);border-left:2px solid var(--color-blue)} .tooltip-module__3pHesW__tooltip{background-color:var(--foreground);color:var(--background);box-shadow:var(--input-box-shadow);border-radius:var(--border-radius);font-size:.875em;font-weight:600;font-family:var(--font-sans);padding:.5em .875em} .popover-module__1Bgnlq__wrapper,.popover-module__1Bgnlq__overlay{z-index:10}.popover-module__1Bgnlq__popover{background-color:var(--background);border:1px solid var(--color-border);box-shadow:var(--box-shadow-s);border-radius:var(--border-radius);font-family:var(--font-sans)} .menu-module__4KeU0a__menu{transform-origin:100% 0;z-index:10;position:absolute;top:4.35em;right:1em} .dropdown-module__6PFv1q__menu{background-color:var(--background);border:1px solid var(--color-border);box-shadow:var(--box-shadow);border-radius:var(--border-radius);flex-direction:column;gap:.25em;min-width:9.25em;padding:.5em;display:flex}.dropdown-module__6PFv1q__menu [menu-item]{text-align:left;font-size:1em;font-family:var(--font-sans);cursor:pointer;color:var(--foreground);border-radius:var(--border-radius);background:0 0;border:none;align-items:center;gap:.5em;padding:.75em 1em;font-weight:600;text-decoration:none;transition:background-color 1s;display:flex}.dropdown-module__6PFv1q__menu [menu-item] svg{font-size:.5em}.dropdown-module__6PFv1q__menu [menu-item]:hover{background-color:var(--color-ash);transition:background-color .2s}.dropdown-module__6PFv1q__small{min-width:8em;padding:.375em;font-size:.875em}.dropdown-module__6PFv1q__small [menu-item]{border-radius:var(--border-radius-s);padding:.6em .75em} .modal-module__yKRchW__modal,.modal-module__yKRchW__overlay{z-index:10}.modal-module__yKRchW__overlay{background-color:#0003}.modal-module__yKRchW__modal{flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-module__yKRchW__content{background-color:var(--background);border:1px solid var(--color-border);box-shadow:var(--box-shadow-s);border-radius:var(--border-radius);font-family:var(--font-sans)} .video-module__hLvoGW__wrapper{flex-direction:column;align-items:center;max-width:100svw;display:flex;overflow:hidden}.video-module__hLvoGW__title{text-align:center;width:calc(100svw - 1.75em);max-width:920px}.video-module__hLvoGW__video{aspect-ratio:16/9;border-radius:var(--border-radius-l);max-width:var(--column-width);background-color:var(--foreground);will-change:transform;width:calc(100svw - 2em);margin-top:6em;margin-bottom:10em;transition:aspect-ratio .3s;position:relative;overflow:hidden;box-shadow:100px 90px 120px -70px #6f00ff59,-100px -90px 120px -70px #e5f39c59}@media (max-width:768px){.video-module__hLvoGW__video{width:100svw}}.video-module__hLvoGW__iframe{width:100%;height:100%}.video-module__hLvoGW__cover{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}.video-module__hLvoGW__cover img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.video-module__hLvoGW__playing .video-module__hLvoGW__cover{opacity:0;pointer-events:none}.video-module__hLvoGW__play{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--border-radius-l);width:8em;height:8em;box-shadow:var(--input-box-shadow);background-color:#ffffff40;justify-content:center;align-items:center;transition:background-color .3s,transform .3s,border-radius .3s;display:flex}@media (max-width:768px){.video-module__hLvoGW__video:not(.video-module__hLvoGW__playing){aspect-ratio:16/16}.video-module__hLvoGW__play{width:7.25em;height:7.25em}}.video-module__hLvoGW__play svg{fill:var(--foreground);transition:fill .3s,transform .3s}.video-module__hLvoGW__video:hover .video-module__hLvoGW__play{background-color:#00000040;border-radius:15%;transform:scale(1.05)}.video-module__hLvoGW__video:hover .video-module__hLvoGW__play svg{fill:var(--background);transform:rotate(123deg)scale(1.1)} .divider-module__vrExiG__wrapper{font-size:3em;font-weight:600;font-family:var(--font-serif);color:var(--color-cream);margin:1.25em 0}@media (max-width:768px){.divider-module__vrExiG__wrapper{font-size:2.5em}} @keyframes waiting-module__v8_2Ta__slide-in{0%{opacity:0;transform:translateY(-2em)}to{opacity:1;transform:translateY(0)}}.waiting-module__v8_2Ta__wrapper form{animation:.5s waiting-module__v8_2Ta__slide-in} .modal-module__NZnZ3q__wrapper{background-color:var(--background);z-index:10000;width:100%;height:100%;padding:0 var(--padding);overscroll-behavior:contain;position:fixed;top:0;left:0;overflow-y:auto}.modal-module__NZnZ3q__close{border-radius:var(--border-radius);background-color:var(--color-ash);cursor:pointer;padding:.35em;font-size:1.125em;position:absolute;top:1em;right:1em}@media (max-width:768px){.modal-module__NZnZ3q__wrapper{padding:0 .75em}.modal-module__NZnZ3q__close{top:.5em;right:.5em}}.modal-module__NZnZ3q__back{cursor:pointer;text-transform:uppercase;max-width:fit-content;color:var(--color-grey);font-size:.75em;font-weight:600;font-family:var(--font-sans);text-align:center;align-items:center;gap:.5em;margin:0 auto 3em;text-decoration:none;display:flex}.modal-module__NZnZ3q__back svg{font-size:.75em;transform:rotate(180deg)} .footer-module__1jeW9a__wrapper{justify-content:center;align-items:center;gap:1.5em;margin-bottom:9em;display:flex}.footer-module__1jeW9a__diy{margin-bottom:3.5em}.footer-module__1jeW9a__wrapper a{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.05em;color:var(--color-grey);font-size:.85em;font-weight:600} @keyframes navbar-module__W78IAW__fade-in{0%{opacity:0}to{opacity:1}}.navbar-module__W78IAW__wrapper{z-index:10;justify-content:space-between;align-items:center;width:100svw;padding:2.25em;animation:1s navbar-module__W78IAW__fade-in;display:flex;position:absolute;top:0;left:0}@media (min-width:53.5rem){.navbar-module__W78IAW__wrapper.navbar-module__W78IAW__dark{padding:1.5em}}@media (max-width:53.5rem){.navbar-module__W78IAW__wrapper{padding:1.5em}.navbar-module__W78IAW__wrapper.navbar-module__W78IAW__dark{padding:1em}} .logo-module__lpY0pG__wrapper{color:var(--background);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5em;display:flex}.logo-module__lpY0pG__dark{color:var(--color-blue)}@keyframes logo-module__lpY0pG__title-in{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.logo-module__lpY0pG__title{transform-origin:0;will-change:transform,opacity;flex-direction:column;margin-bottom:.125em;font-size:1.5em;font-weight:500;line-height:1;animation:.75s .5s backwards logo-module__lpY0pG__title-in;display:flex}.logo-module__lpY0pG__title span{text-transform:uppercase;font-size:.45em;font-weight:500;font-family:var(--font-sans);color:var(--color-cream)}.logo-module__lpY0pG__dark .logo-module__lpY0pG__title span{color:var(--color-blue-light)}.logo-module__lpY0pG__logo{width:42px;height:39px}.logo-module__lpY0pG__logo path:not(.logo-module__lpY0pG__mask){fill:var(--background)}.logo-module__lpY0pG__dark .logo-module__lpY0pG__logo path:not(.logo-module__lpY0pG__mask){fill:var(--color-blue)}.logo-module__lpY0pG__arrow{will-change:transform,opacity;transition:transform .5s;animation:.3s 1s backwards logo-module__lpY0pG__arrow-in}@keyframes logo-module__lpY0pG__arrow-in{0%{opacity:0;transform:translate(-.25em,.2em)}to{opacity:1;transform:translate(0)}}@keyframes logo-module__lpY0pG__dash{0%{stroke-dashoffset:0}to{stroke-dashoffset:150px}}.logo-module__lpY0pG__mask{stroke-dasharray:150;stroke-dashoffset:150px;will-change:stroke-dashoffset;stroke:var(--color-blue);transition:stroke-dasharray .5s,stroke-dashoffset .5s;animation:.5s .6s backwards logo-module__lpY0pG__dash}.logo-module__lpY0pG__dark .logo-module__lpY0pG__mask{stroke:var(--background)}@keyframes logo-module__lpY0pG__dash-hover{0%{stroke-dashoffset:-150px}to{stroke-dashoffset:150px}}.logo-module__lpY0pG__wrapper:hover .logo-module__lpY0pG__mask{stroke-dashoffset:445px;stroke-dasharray:145}.logo-module__lpY0pG__wrapper:hover .logo-module__lpY0pG__arrow{transform:translate(.25em,-.2em)} @keyframes cta-module__-X42Aa__pop-in{0%{opacity:0;transform:translateY(2rem)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.cta-module__-X42Aa__container{border-radius:var(--border-radius-l);width:fit-content;box-shadow:var(--box-shadow-s);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--color-border);text-align:center;opacity:0;cursor:pointer;background-color:#ffffffbf;align-items:center;gap:1rem;margin:2rem auto 5rem;padding:.65rem 1em;transition:background-color .3s;display:flex;position:sticky;bottom:.65rem}.cta-module__-X42Aa__container:hover{background-color:#fff}.cta-module__-X42Aa__show{animation:.3s both cta-module__-X42Aa__pop-in}@media (max-width:53.5rem){.cta-module__-X42Aa__container{margin-bottom:4rem;bottom:1rem}}.cta-module__-X42Aa__group{flex-direction:column;align-items:center;display:flex}.cta-module__-X42Aa__label{font-size:var(--text-small);font-weight:600;font-family:var(--font-sans);text-align:center}@media (max-width:53.5rem){.cta-module__-X42Aa__label{font-size:.875rem}} @keyframes loom-module__eYLKgq__loom-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.loom-module__eYLKgq__video{aspect-ratio:16/9;border-radius:var(--border-radius);background-color:var(--background);will-change:transform;grid-area:video;width:100%;max-width:calc(100svw - 2em);margin:0 auto;transition:aspect-ratio .3s;animation:.5s .25s backwards loom-module__eYLKgq__loom-in;position:relative;overflow:hidden;box-shadow:100px 90px 120px -70px #6f00ff59,-100px -90px 120px -70px #e5f39c59}@media (max-width:768px){.loom-module__eYLKgq__video{border-radius:0;max-width:100svw}}.loom-module__eYLKgq__iframe{background-color:var(--background);width:100%;height:100%}.loom-module__eYLKgq__cover{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}.loom-module__eYLKgq__cover img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.loom-module__eYLKgq__playing .loom-module__eYLKgq__cover{opacity:0;pointer-events:none}.loom-module__eYLKgq__play{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--border-radius);width:8em;height:8em;box-shadow:var(--input-box-shadow);background-color:#ffffff40;justify-content:center;align-items:center;transition:background-color .3s,transform .3s,border-radius .3s;display:flex}@media (max-width:768px){.loom-module__eYLKgq__video:not(.loom-module__eYLKgq__playing){aspect-ratio:16/12}.loom-module__eYLKgq__play{width:5.75em;height:5.75em}}.loom-module__eYLKgq__play svg{fill:var(--foreground);transition:fill .3s,transform .3s}.loom-module__eYLKgq__video:hover .loom-module__eYLKgq__play{background-color:#00000040;border-radius:15%;transform:scale(1.05)}.loom-module__eYLKgq__video:hover .loom-module__eYLKgq__play svg{fill:var(--background);transform:rotate(123deg)scale(1.1)} .styles-module__U24wna__wrapper{flex-direction:column;gap:.25rem;width:100%;display:flex}.styles-module__U24wna__label{font-family:var(--font-sans);color:var(--foreground);font-size:.875rem;font-weight:500}.styles-module__U24wna__textarea{font-family:var(--font-sans);border:1px solid var(--color-border);border-radius:var(--border-radius-s);background-color:var(--background);width:100%;min-height:2.875em;color:var(--foreground);resize:vertical;padding:.75rem;font-size:1rem;transition:box-shadow .2s;box-shadow:0 1px 3px #0000001a}.styles-module__U24wna__textarea::placeholder{color:var(--color-grey)}.styles-module__U24wna__textarea:focus{outline:1px solid var(--color-grey)}.styles-module__U24wna__textarea:not(:focus):hover{box-shadow:0 1px 5px #00000026} .page-module__S5FYfq__container{width:100%;max-width:36rem;margin:0 auto;padding:1rem}.page-module__S5FYfq__header{margin-bottom:1rem;font-weight:500}.page-module__S5FYfq__header h1{font-weight:500}.page-module__S5FYfq__header p{font-family:var(--font-sans)} .navbar-module__dD-ZYq__container{border-radius:var(--border-radius-l);border:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:1rem;width:calc(100% - 2rem);max-width:36rem;margin:1rem auto 2rem;padding:1rem 1.5rem;display:flex}.navbar-module__dD-ZYq__links{align-items:center;gap:2rem;display:flex}.navbar-module__dD-ZYq__links a{font-family:var(--font-sans);font-weight:500;font-size:var(--text-small);transition:color .2s}.navbar-module__dD-ZYq__links a:hover{color:var(--color-grey)} .signin-module__IEvyqa__container{background-color:var(--color-ash);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.signin-module__IEvyqa__card{border-radius:var(--border-radius-l);background:#fff;flex-direction:column;width:100%;max-width:26.5em;display:flex;box-shadow:0 10px 40px #0000001a}.signin-module__IEvyqa__header{border-bottom:1px solid var(--color-border);justify-content:center;align-items:center;padding:1.25rem 1rem 1rem;display:flex}.signin-module__IEvyqa__header a,.signin-module__IEvyqa__header svg{display:block}.signin-module__IEvyqa__content{flex-direction:column;gap:.5rem;padding:1.5rem;display:flex}.signin-module__IEvyqa__title{color:var(--color-dark);text-align:center;font-size:2rem;font-weight:500}.signin-module__IEvyqa__description{color:var(--color-grey);text-align:center;font-size:.95rem;font-family:var(--font-sans)}.signin-module__IEvyqa__form{flex-direction:column;gap:1.5rem;padding-top:1.5rem;display:flex}.signin-module__IEvyqa__success,.signin-module__IEvyqa__error{border-radius:var(--border-radius-s);text-align:center;font-size:.9rem;font-family:var(--font-sans);border:1px solid;padding:.5rem}.signin-module__IEvyqa__error{border-color:var(--error);color:#c33;background:#fee}.signin-module__IEvyqa__success{color:#3c3;background:#efe;border-color:#cfc} /* ===== PALETA DA MARCA — regras (último CSS, para vencer a cascata) ===== */ /* azul SÓLIDO e exato: remove o gradiente original do hero e do about */ /* gradiente das ÁREAS CLARAS: limão -> #F8FAE0 */ .loop-module__3IP6Vq__block.loop-module__3IP6Vq__repeat, .pricing-module__vMhR5a__bootcamp .pricing-module__vMhR5a__footer, .faq-module__BBxjya__question:hover .faq-module__BBxjya__icon{background:linear-gradient(135deg,var(--brand-limao),var(--brand-claro))} /* hero e about: #6F00FF SÓLIDO — foi o que ela pediu ("cor sólida e exata"). NÃO reintroduzir gradiente aqui sem ela pedir. */ .hero-module__hvNlca__wrapper{background:var(--brand-azul)} .about-module__X_L4CW__wrapper{background:var(--brand-azul)} /* calendário: método do Time ELO tem 5 semanas — esconde as linhas 6-8 herdadas */ .calendar-module__lj8C7G__weeks > .calendar-module__lj8C7G__week:nth-of-type(n+7){display:none} /* é/não é para você: esconde item sem texto (lista com 5, não 6) */ .foryou-module__Cs3zqW__item:has(p:empty){display:none} [class*="foryou-module"] p:empty{display:none} /* ===== LOGO ELO — ícone entrelaçado + palavra rotativa ===== 6 palavras, 3s cada, ciclo de 18s. a entrada usa blur + deslize, o mesmo tratamento do rotativo que já existe na página. */ .elo-icone{color:currentColor;flex:none} .elo-rot{position:relative;display:inline-block;vertical-align:top;text-align:left} .elo-rot>i{font-style:normal} /* medida invisível: reserva a largura da palavra mais longa, para o logo não "pular" */ .elo-rot>i.elo-medida{visibility:hidden;display:block} .elo-rot>i:not(.elo-medida){ position:absolute;left:0;top:0;white-space:nowrap;opacity:0; animation:eloRot 18s cubic-bezier(.16,1,.3,1) infinite; } .elo-rot>i:nth-of-type(2){animation-delay:0s} .elo-rot>i:nth-of-type(3){animation-delay:3s} .elo-rot>i:nth-of-type(4){animation-delay:6s} .elo-rot>i:nth-of-type(5){animation-delay:9s} .elo-rot>i:nth-of-type(6){animation-delay:12s} .elo-rot>i:nth-of-type(7){animation-delay:15s} @keyframes eloRot{ 0% {opacity:0;transform:translateY(8px);filter:blur(6px)} 2%,14.5% {opacity:1;transform:none;filter:blur(0)} 16.6%,100%{opacity:0;transform:translateY(-8px);filter:blur(6px)} } @media (prefers-reduced-motion: reduce){ .elo-rot>i:not(.elo-medida){animation:none;opacity:0} .elo-rot>i:nth-of-type(2){opacity:1} } /* ícone do logo: o ORB da marca (mesmo do favicon do site). como tem gradiente, entra por background-image — máscara perderia a cor. */ .logo-module__lpY0pG__wrapper>svg{display:none} .logo-module__lpY0pG__wrapper::before{ content:"";width:4.9em;height:2.7em;flex:none;margin-right:-.45em; background-image:url("/elo-orb.png"); background-size:contain;background-repeat:no-repeat;background-position:center} /* ===== VITRINE DO ECOSSISTEMA — bloco novo abaixo da hero ===== Reaproveita o motor do carrossel do bloco `billion`: scroll horizontal nativo com snap, arco de larguras escalonadas e entrada em cascata. Nenhuma biblioteca. Sem autoplay: a hero já se move sozinha logo acima. */ .eco{text-align:center;padding:5.5em 0 0} .eco-rotulo{display:block;font-family:'basic-sans',sans-serif;font-size:.78rem; letter-spacing:.18em;text-transform:uppercase;color:#806DA5;font-weight:700;margin-bottom:1.4em} .eco-tit{font-family:'new-spirit',Georgia,serif;font-size:33px;line-height:1.38; font-weight:400;color:#040A36;max-width:24em;margin:0 auto;padding:0 1.25rem} /* trilho: mesmo mecanismo do .billion-module__zXvN5q__videos */ .eco-trilho{display:flex;align-items:center;gap:1.3em;overflow-x:scroll; scroll-snap-type:x proximity;scrollbar-width:none;padding:3.6em .65em 3.2em} .eco-trilho::-webkit-scrollbar{display:none} .eco-trilho:before,.eco-trilho:after{content:"";flex-shrink:0;width:.65em} /* arco: 15em nas pontas, 16.5em, 17em no centro — igual ao billion */ .eco-card{flex:none;width:15em;scroll-snap-align:center;position:relative;display:block; text-decoration:none;border-radius:16px;overflow:hidden;transform-origin:bottom; opacity:0;transform:scale(.85);transition:transform .5s,opacity .5s,box-shadow .4s} .eco-card:nth-child(2),.eco-card:nth-child(4){width:16.5em;transition-delay:.1s} .eco-card:nth-child(3){width:17em} .eco-card:nth-child(1),.eco-card:nth-child(5){transition-delay:.2s} .eco.eco-on .eco-card{opacity:1;transform:scale(1)} .eco.eco-on .eco-card:hover{transform:scale(1.04);box-shadow:0 22px 60px -18px #6f00ff59} .eco-card img{width:100%;height:auto;display:block;border-radius:16px} .eco-veu{position:absolute;inset:0;border-radius:16px;pointer-events:none; background:linear-gradient(180deg,transparent 46%,rgba(24,16,10,.42) 66%,rgba(20,13,8,.90) 100%)} .eco-txt{position:absolute;left:1.15em;right:1.15em;bottom:1.15em;text-align:left; font-family:'basic-sans',sans-serif;font-size:.82rem;line-height:1.42; color:#fff;text-shadow:0 1px 12px rgba(20,13,8,.75)} .eco-gancho{font-family:'new-spirit',Georgia,serif;font-size:30px;line-height:1.35; color:#040A36;max-width:20em;margin:0 auto;padding:0 1.25rem} /* o divisor "~" nativo da página volta a fazer a transição para o bloco do vídeo */ @media (max-width:768px){ .eco{padding:3.5em 0 0} .eco-tit{font-size:22px;line-height:1.42;max-width:20em} .eco-trilho{padding:2.4em .65em 2.2em;gap:1em} .eco-card{width:14em} .eco-card:nth-child(2),.eco-card:nth-child(4){width:15em} .eco-card:nth-child(3){width:16em} .eco-gancho{font-size:21px;max-width:16em} } @media (prefers-reduced-motion:reduce){ .eco-card{transition:none} } /* rodapé do carrossel de prova: uma taxa no lugar das três métricas de vaidade */ .eco-taxa{justify-content:center;gap:.4em} .eco-taxa span{display:inline-flex;align-items:baseline;gap:.42em;white-space:nowrap} .eco-taxa i{font-style:normal;font-size:.76em;color:#8D86A0;letter-spacing:.01em} /* O depoimento da Dani é um print de conversa, quase quadrado — não um vídeo vertical. O slot passa a seguir a proporção da imagem em vez de impor a dele. */ [class*="testimonial-module"] > img{display:block;width:100%;height:auto; border-radius:var(--border-radius-l)} [class*="friend-module"][class*="wrapper"]:has([class*="testimonial-module"] > img), [class*="friend-module"][class*="wrapper"]:has([class*="testimonial-module"] > a > img){ --dep-img:1} [class*="friend-module"][class*="wrapper"]:has([class*="testimonial-module"] > img) [class*="testimonial-module"], [class*="friend-module"][class*="wrapper"]:has([class*="testimonial-module"] > a > img) [class*="testimonial-module"]{max-width:420px;align-self:flex-start;height:auto} /* Card cujo depoimento é print curto: a galeria sobe, em vez de deixar um vão. */ [class*="friend-module"][class*="wrapper"]:has([class*="testimonial-module"] > img) [class*="images-module__LF9sCa__images"]{margin-top:2em} /* O fundo do card termina antes da galeria, e os reels mais baixos transbordam para fora dele. Só nos cards cujo depoimento é print — os de vídeo ficam como estão. */ [class*="friend-module"][class*="wrapper"]:has([class*="testimonial-module"] > img) [class*="images-module__LF9sCa__images"]{margin-bottom:-65px;position:relative;z-index:1} /* Depoimento em vídeo com proporção própria (o do Lucas é 750x1228, não 454x805). O slot segue o vídeo em vez de recortá-lo. */ [class*="friend-module"][class*="wrapper"] [class*="video-module__rnhq8a__video"]:has(source[src*="lucas"]), [class*="friend-module"][class*="wrapper"] [class*="video-module__rnhq8a__video"]:has(> video source[src*="lucas"]){ aspect-ratio:750/1228} /* Card sem par de crescimento (Leandro): no lugar da curva entra o print da mensagem, e no lugar do vídeo entra uma foto. Os dois seguem a própria proporção. O React monta esses nós sem classe, então o alvo é a posição na árvore. */ [class*="friend-module"][class*="__main"] > section > img, [class*="friend-module"][class*="__main"] > img{display:block;width:100%;height:auto; max-width:460px;border-radius:var(--border-radius);margin-top:1.5em} [class*="testimonial-module"][class*="wrapper"] > img{display:block;width:100%;height:auto; border-radius:var(--border-radius-l)} [class*="friend-module"][class*="wrapper"]:has([class*="testimonial-module"] > img), [class*="friend-module"][class*="wrapper"]:has([class*="testimonial-module"] > a > img){ --dep-img:1} [class*="friend-module"][class*="wrapper"]:has([class*="testimonial-module"] > img) [class*="testimonial-module"], [class*="friend-module"][class*="wrapper"]:has([class*="testimonial-module"] > a > img) [class*="testimonial-module"]{max-width:420px;align-self:flex-start;height:auto} [class*="friend-module"][class*="wrapper"]:has([class*="testimonial-module"] > img) [class*="images-module__LF9sCa__images"], [class*="friend-module"][class*="wrapper"]:has([class*="testimonial-module"] > a > img) [class*="images-module__LF9sCa__images"]{margin-top:2em;margin-bottom:-65px;position:relative;z-index:1} /* Galeria do Leandro: são prints de post, não capas de reel — proporções próprias, e mais largos, para a legenda e as laterais não serem cortadas. */ [class*="images-module__LF9sCa__images"] img[src*="leandro_1"]{max-width:360px} [class*="images-module__LF9sCa__images"] img[src*="leandro_2"]{max-width:300px;align-self:flex-start} /* Depoimento em foto que leva ao post: a imagem inteira é o alvo do clique. */ [class*="testimonial-module"] > a{display:block;line-height:0; border-radius:var(--border-radius-l);overflow:hidden} [class*="testimonial-module"] > a img{display:block;width:100%;height:auto; transition:transform .5s cubic-bezier(.16,1,.3,1)} [class*="testimonial-module"] > a:hover img{transform:scale(1.03)} /* ── Correções de mobile ───────────────────────────────────────────────────── 1) Carrossel do ecossistema não arrastava no celular. A seção .eco é filha de um flex com align-items:center, então sua largura "auto" resolvia como fit-content e ela crescia até a largura do trilho (1322px). Numa tela de 390px a seção ficava maior que a tela, o pai (overflow-x:hidden) cortava o excesso e o trilho nunca transbordava por dentro — que é o único transbordo que produz rolagem. Presa à largura do pai, scrollWidth volta a ser maior que clientWidth e o arrasto funciona. "safe center" mantém o arco centrado no desktop e cai para o início quando o conteúdo transborda, para o primeiro card continuar alcançável. */ .eco{width:100%;align-self:stretch} .eco-trilho{max-width:100%;justify-content:safe center; -webkit-overflow-scrolling:touch;overscroll-behavior-x:contain} /* 2) Capa do vídeo de abertura ficava quadrada no celular. Vinha do template original: o bloco assumia aspect-ratio 16/16 enquanto o vídeo não tocava. A capa dela é 16:9 com "Crie" numa ponta e "sem se apagar" na outra, então o object-fit:cover comia a frase inteira das duas laterais e sobrava só o miolo. Mantendo 16/9 a frase volta a ser lida, e de quebra some o salto de formato no momento em que o play é apertado. */ @media (max-width:768px){ .video-module__hLvoGW__video:not(.video-module__hLvoGW__playing){aspect-ratio:16/9} } /* 3) Botão de play desproporcional no celular. O 7.25em (116px) do template foi calibrado para o bloco quadrado de 449px de altura, onde ocupava 26% dela. Com o bloco de volta ao 16:9 (252px de altura) o mesmo botão passou a ocupar 46% e tapava o rosto dela e o miolo de "Crie". 4.5em (72px) devolve a proporção do desktop e continua bem acima dos 44px de alvo de toque. */ @media (max-width:768px){ .video-module__hLvoGW__play{width:4.5em;height:4.5em} } /* Vazamento do 3º reel do Victor sobre o título do card do Lucas. Quando o depoimento dele virou imagem, o card passou a casar com a regra de margin-bottom:-65px acima — escrita para os cards com print, que precisam da galeria subindo por trás do slot. Ele nunca teve isso: com testemunho em texto a regra não pegava. Somada ao translateY que o molde já aplica no 3º slot, a margem negativa encurtou o fundo do card em 65px e jogou o reel do castelo 320px para fora — 20px por cima do título "Conheça Lucas". Zerando só neste card, o fundo volta ao tamanho certo, o card seguinte desce 65px e sobram 45px de folga. O avanço cai de 320 para 255px, alinhado com os cards da Maricota e da Camille (266px), então o efeito de vazar continua. Alvo por posição: o React descarta as classes nomeadas dos módulos CSS. */ [class*="friend-module"][class*="wrapper"]:nth-child(3):has([class*="testimonial-module"] > img) [class*="images-module__LF9sCa__images"]{margin-bottom:0}