.elementor-11 .elementor-element.elementor-element-4c827c3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:416px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-0a65b5d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overflow:hidden;}.elementor-11 .elementor-element.elementor-element-0a65b5d:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-0a65b5d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#9BC5E9;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-0c08c5e{text-align:center;}.elementor-11 .elementor-element.elementor-element-0c08c5e .elementor-heading-title{font-family:"Brawler", Sans-serif;font-size:32px;font-weight:800;color:#1A345D;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-11 .elementor-element.elementor-element-5d02e4b .elementor-button{background-color:#1A345D;font-family:"Allan", Sans-serif;font-size:22px;font-weight:600;letter-spacing:1.4px;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#1A345D;border-radius:46px 46px 46px 46px;padding:18px 100px 13px 100px;}.elementor-11 .elementor-element.elementor-element-5d02e4b{width:var( --container-widget-width, 435px );max-width:435px;--container-widget-width:435px;--container-widget-flex-grow:0;}.elementor-11 .elementor-element.elementor-element-5d02e4b.elementor-element{--align-self:center;}.elementor-11 .elementor-element.elementor-element-5d02e4b .elementor-button-content-wrapper{flex-direction:row;}.elementor-11 .elementor-element.elementor-element-5d02e4b .elementor-button:hover, .elementor-11 .elementor-element.elementor-element-5d02e4b .elementor-button:focus{border-color:#1A345D;}@media(max-width:767px){.elementor-11 .elementor-element.elementor-element-4c827c3{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-0a65b5d{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:31px;--padding-bottom:26px;--padding-left:0px;--padding-right:0px;--z-index:100;}.elementor-11 .elementor-element.elementor-element-0c08c5e{text-align:center;}.elementor-11 .elementor-element.elementor-element-0c08c5e .elementor-heading-title{font-size:20px;}.elementor-11 .elementor-element.elementor-element-5d02e4b{margin:-4px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-11 .elementor-element.elementor-element-5d02e4b .elementor-button{font-size:19px;padding:17px 35px 14px 35px;}}/* Start custom CSS for container, class: .elementor-element-4c827c3 */.troca-container {
    position: relative;
    width: 100%;
    max-width: 600px;
    margin: auto;

    /* ALTURA DO CONTAINER */
    min-height: 650px;
}

#troca {
    display: none;
}

.imagens {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

/* CAIXAS DAS IMAGENS */

.img-box {
    position: absolute;
    inset: 0;
    width: 100%;
    transition: all 0.7s ease;
}

/* IMAGENS */

.img-box img {
    width: 100%;
    display: block;
    border-radius: 20px;
}

/* PRIMEIRA IMAGEM */

.img1 {
    opacity: 1;
    transform: scale(1) translateY(0);
    z-index: 2;
}

/* SEGUNDA IMAGEM */

.img2 {
    opacity: 0;
    transform: scale(0.9) translateY(30px);
    z-index: 1;
}

/* ANIMAÇÃO */

#troca:checked + .imagens .img1 {
    opacity: 0;
    transform: scale(1.1) translateY(-30px);
}

#troca:checked + .imagens .img2 {
    opacity: 1;
    transform: scale(1) translateY(0);
}/* End custom CSS */