.elementor-317 .elementor-element.elementor-element-c5ab04b{--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;--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-317 .elementor-element.elementor-element-bd7200d{--display:flex;--min-height:722px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--border-radius:0px 0px 0px 0px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;--z-index:2;}.elementor-317 .elementor-element.elementor-element-bd7200d:not(.elementor-motion-effects-element-type-background), .elementor-317 .elementor-element.elementor-element-bd7200d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://hotnovels.com/wp-content/uploads/2026/05/aFrame-36-1.png");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-317 .elementor-element.elementor-element-594146ef{--display:flex;}.elementor-317 .elementor-element.elementor-element-2e268cc3{--display:flex;--border-radius:40px 40px 40px 40px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image-box .elementor-image-box-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-widget-image-box:has(:hover) .elementor-image-box-title,
					 .elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-317 .elementor-element.elementor-element-5075cd31{width:var( --container-widget-width, 508px );max-width:508px;--container-widget-width:508px;--container-widget-flex-grow:0;}.elementor-317 .elementor-element.elementor-element-5075cd31.elementor-element{--align-self:flex-start;}.elementor-317 .elementor-element.elementor-element-5075cd31 .elementor-image-box-wrapper{text-align:start;}.elementor-317 .elementor-element.elementor-element-5075cd31.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-317 .elementor-element.elementor-element-5075cd31.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-317 .elementor-element.elementor-element-5075cd31.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-317 .elementor-element.elementor-element-5075cd31 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-317 .elementor-element.elementor-element-5075cd31 .elementor-image-box-img img{height:100px;border-radius:20px;transition-duration:0.3s;}.elementor-317 .elementor-element.elementor-element-5075cd31:hover .elementor-image-box-img img{filter:brightness( 100% ) contrast( 90% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );}.elementor-317 .elementor-element.elementor-element-5075cd31 .elementor-image-box-title{font-family:"Helvetica", Sans-serif;font-size:28px;font-weight:400;color:#FFFFFF;}.elementor-317 .elementor-element.elementor-element-5075cd31:has(:hover) .elementor-image-box-title,
					 .elementor-317 .elementor-element.elementor-element-5075cd31:has(:focus) .elementor-image-box-title{color:#FFFFFF;}.elementor-317 .elementor-element.elementor-element-5075cd31 .elementor-image-box-description{font-family:"Helvetica", Sans-serif;font-size:18px;font-weight:400;color:#FFFFFF;}.elementor-317 .elementor-element.elementor-element-6bf4c204{--display:flex;--border-radius:40px 40px 40px 40px;}.elementor-317 .elementor-element.elementor-element-1d659ba6{width:var( --container-widget-width, 508px );max-width:508px;--container-widget-width:508px;--container-widget-flex-grow:0;}.elementor-317 .elementor-element.elementor-element-1d659ba6.elementor-element{--align-self:flex-start;}.elementor-317 .elementor-element.elementor-element-1d659ba6 .elementor-image-box-wrapper{text-align:start;}.elementor-317 .elementor-element.elementor-element-1d659ba6.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-317 .elementor-element.elementor-element-1d659ba6.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-317 .elementor-element.elementor-element-1d659ba6.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-317 .elementor-element.elementor-element-1d659ba6 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-317 .elementor-element.elementor-element-1d659ba6 .elementor-image-box-img img{height:100px;border-radius:20px;transition-duration:0.3s;}.elementor-317 .elementor-element.elementor-element-1d659ba6:hover .elementor-image-box-img img{filter:brightness( 100% ) contrast( 90% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );}.elementor-317 .elementor-element.elementor-element-1d659ba6 .elementor-image-box-title{font-family:"Helvetica", Sans-serif;font-size:28px;font-weight:400;color:#FFFFFF;}.elementor-317 .elementor-element.elementor-element-1d659ba6:has(:hover) .elementor-image-box-title,
					 .elementor-317 .elementor-element.elementor-element-1d659ba6:has(:focus) .elementor-image-box-title{color:#FFFFFF;}.elementor-317 .elementor-element.elementor-element-1d659ba6 .elementor-image-box-description{font-family:"Helvetica", Sans-serif;font-size:18px;font-weight:400;color:#FFFFFF;}.elementor-317 .elementor-element.elementor-element-1f2b2992{--display:flex;--border-radius:40px 40px 40px 40px;}.elementor-317 .elementor-element.elementor-element-289198e5{width:var( --container-widget-width, 508px );max-width:508px;--container-widget-width:508px;--container-widget-flex-grow:0;}.elementor-317 .elementor-element.elementor-element-289198e5.elementor-element{--align-self:flex-start;}.elementor-317 .elementor-element.elementor-element-289198e5 .elementor-image-box-wrapper{text-align:start;}.elementor-317 .elementor-element.elementor-element-289198e5.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-317 .elementor-element.elementor-element-289198e5.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-317 .elementor-element.elementor-element-289198e5.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-317 .elementor-element.elementor-element-289198e5 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-317 .elementor-element.elementor-element-289198e5 .elementor-image-box-img img{height:100px;border-radius:20px;transition-duration:0.3s;}.elementor-317 .elementor-element.elementor-element-289198e5:hover .elementor-image-box-img img{filter:brightness( 100% ) contrast( 90% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );}.elementor-317 .elementor-element.elementor-element-289198e5 .elementor-image-box-title{font-family:"Helvetica", Sans-serif;font-size:28px;font-weight:400;color:#FFFFFF;}.elementor-317 .elementor-element.elementor-element-289198e5:has(:hover) .elementor-image-box-title,
					 .elementor-317 .elementor-element.elementor-element-289198e5:has(:focus) .elementor-image-box-title{color:#FFFFFF;}.elementor-317 .elementor-element.elementor-element-289198e5 .elementor-image-box-description{font-family:"Helvetica", Sans-serif;font-size:18px;font-weight:400;color:#FFFFFF;}.elementor-317 .elementor-element.elementor-element-18b4a408{--display:flex;--min-height:590px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-317 .elementor-element.elementor-element-52fdb07a{width:100%;max-width:100%;}.elementor-317 .elementor-element.elementor-element-52fdb07a img{width:100%;}.elementor-317 .elementor-element.elementor-element-401671df{width:100%;max-width:100%;}.elementor-317 .elementor-element.elementor-element-401671df img{width:100%;}.elementor-317 .elementor-element.elementor-element-4f29327d{width:100%;max-width:100%;}.elementor-317 .elementor-element.elementor-element-4f29327d img{width:100%;}body:not(.rtl) .elementor-317 .elementor-element.elementor-element-3e0084f6{left:0px;}body.rtl .elementor-317 .elementor-element.elementor-element-3e0084f6{right:0px;}.elementor-317 .elementor-element.elementor-element-3e0084f6{top:0px;}@media(max-width:767px){.elementor-317 .elementor-element.elementor-element-bd7200d{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-317 .elementor-element.elementor-element-594146ef{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-317 .elementor-element.elementor-element-5075cd31 .elementor-image-box-img{margin-bottom:15px;}.elementor-317 .elementor-element.elementor-element-1d659ba6 .elementor-image-box-img{margin-bottom:15px;}.elementor-317 .elementor-element.elementor-element-289198e5 .elementor-image-box-img{margin-bottom:15px;}}@media(min-width:768px){.elementor-317 .elementor-element.elementor-element-c5ab04b{--content-width:1280px;}.elementor-317 .elementor-element.elementor-element-bd7200d{--width:1280px;}}/* Start custom CSS for image-box, class: .elementor-element-5075cd31 */.elementor-317 .elementor-element.elementor-element-5075cd31 .elementor-image-box-img img{
    height: 115px !important;
    margin-bottom: -20px !important
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e268cc3 */.elementor-swiper-button-prev, .elementor-swiper-button-next{
    padding: 15px !important;
    background: #0F0F0F !important;
    border: solid 1px #ffffff20 !important;
    border-radius: 20px !important;
    position: absolute !important;
}

.elementor-swiper-button-prev{
    top: -50px !important;
    left: calc(100% - 140px) !important;
}

.elementor-swiper-button-next{
    top: -50px !important;
    right: 10px !important;
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-1d659ba6 */.elementor-317 .elementor-element.elementor-element-1d659ba6 .elementor-image-box-img img{
    height: 115px !important;
    margin-bottom: -20px !important
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-289198e5 */.elementor-317 .elementor-element.elementor-element-289198e5 .elementor-image-box-img img{
    height: 115px !important;
    margin-bottom: -20px !important
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1f2b2992 */.elementor-swiper-button-prev, .elementor-swiper-button-next{
    padding: 15px !important;
    background: #0F0F0F !important;
    border: solid 1px #ffffff20 !important;
    border-radius: 20px !important;
    position: absolute !important;
}

.elementor-swiper-button-prev{
    top: -50px !important;
    left: calc(100% - 140px) !important;
}

.elementor-swiper-button-next{
    top: -50px !important;
    right: 10px !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-18b4a408 */.conteudo1, .conteudo2, .conteudo3{
    position: absolute;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3e0084f6 *//* Estado base: tudo invisível */
.conteudo1,
.conteudo2,
.conteudo3 {
    opacity: 0;
    position: absolute;
    inset: 0;
    pointer-events: none;
    transition: opacity 0.35s ease;
}

/* Ativo: visível + entra depois de um pequeno delay */
.conteudo1-ativo,
.conteudo2-ativo,
.conteudo3-ativo {
    opacity: 1;
    pointer-events: auto;
    position: relative;
    transition: opacity 0.35s ease 0.15s; /* começa um pouquinho depois = dá sensação de "sai um, entra outro" */
}

.card1-ativo,
.card2-ativo,
.card3-ativo,
.card1,
.card2,
.card3{
    cursor: pointer;
}

/* Card ativo (seu padrão) */
.card1-ativo,
.card2-ativo,
.card3-ativo {
    background: white;
    border-radius: 20px;
    padding: 30px 0px;
}

/* Inverte conteúdo de texto no card ativo */
.card1-ativo .elementor-image-box-content,
.card2-ativo .elementor-image-box-content,
.card3-ativo .elementor-image-box-content {
    filter: invert(1);
}

/* Só pra garantir que o container tenha altura */
.paicard .card-conteudo {
    position: relative;
    min-height: 300px; /* ajusta pro seu layout */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd7200d */.card{
    position: relative;
    border-radius: 20px; /* seu arredondamento */

}

/* borda degradê com mix-blend-mode */
.card::before{
    content: "";
    position: absolute;
    inset: 0px;                     /* espessura da borda */
    border-radius: inherit;
    box-sizing: border-box;

    /* degradê da borda: topo branco -> baixo transparente */
    background: linear-gradient(180deg, #ffffff, #ffffff10);

    mix-blend-mode: overlay;

    /* transforma o pseudo em um anel */
    padding: 2px;                    /* mesma espessura do inset */
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;

    pointer-events: none;
    z-index: 1;
}


.card::after{
    content: "";
    position: absolute;
    inset: 0px;                     /* espessura da borda */
    border-radius: inherit;
    box-sizing: border-box;

    /* degradê da borda: topo branco -> baixo transparente */
    background: linear-gradient(-180deg, #ffffff, #ffffff);

    mix-blend-mode: overlay;

    /* transforma o pseudo em um anel */
    padding: 2px;                    /* mesma espessura do inset */
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;

    pointer-events: none;
    z-index: 221;
    opacity: 30%;
}/* End custom CSS */