.elementor-3799 .elementor-element.elementor-element-3ac393a{--display:flex;}.elementor-3799 .elementor-element.elementor-element-d2a831f{--spacer-size:40px;}.elementor-3799 .elementor-element.elementor-element-f6e026f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-widget-slides .elementor-slide-heading{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-slides .elementor-slide-description{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-slides .elementor-slide-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-3799 .elementor-element.elementor-element-41f87a0 .elementor-repeater-item-5a23675 .swiper-slide-bg{background-color:#833CA300;background-image:url(https://gaabcomics.com.br/wp-content/uploads/2026/03/peca-aqui.png);background-size:contain;}.elementor-3799 .elementor-element.elementor-element-41f87a0 .elementor-repeater-item-505cee6 .swiper-slide-bg{background-color:#F6F5EE;background-image:url(https://gaabcomics.com.br/wp-content/uploads/2026/03/avisoMobile.png);background-size:contain;}.elementor-3799 .elementor-element.elementor-element-41f87a0 .swiper-slide{height:293px;transition-duration:calc(5000ms*1.2);}.elementor-3799 .elementor-element.elementor-element-41f87a0 .swiper-slide-inner{text-align:center;}.elementor-3799 .elementor-element.elementor-element-41f87a0 .elementor-swiper-button{font-size:0px;color:var( --e-global-color-primary );}.elementor-3799 .elementor-element.elementor-element-41f87a0 .elementor-swiper-button svg{fill:var( --e-global-color-primary );}.elementor-3799 .elementor-element.elementor-element-41f87a0 .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){background-color:var( --e-global-color-primary );opacity:var( --e-global-color-primary );}.elementor-3799 .elementor-element.elementor-element-41f87a0 .swiper-pagination-bullet-active{background-color:#0078EF;}.elementor-3799 .elementor-element.elementor-element-41f87a0{width:var( --container-widget-width, 51% );max-width:51%;--container-widget-width:51%;--container-widget-flex-grow:0;}.elementor-3799 .elementor-element.elementor-element-41f87a0.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3799 .elementor-element.elementor-element-32d88b2{--display:flex;}.elementor-3799 .elementor-element.elementor-element-f5e8b9c{--display:flex;--margin-top:-10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3799 .elementor-element.elementor-element-f5e8b9c:not(.elementor-motion-effects-element-type-background), .elementor-3799 .elementor-element.elementor-element-f5e8b9c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.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-3799 .elementor-element.elementor-element-c7225c3{text-align:justify;background-color:#FDF7C4;}.elementor-3799 .elementor-element.elementor-element-c7225c3 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:10px;font-weight:600;color:#111111;}.elementor-3799 .elementor-element.elementor-element-dae6002{--display:flex;}.elementor-3799 .elementor-element.elementor-element-dae6002:not(.elementor-motion-effects-element-type-background), .elementor-3799 .elementor-element.elementor-element-dae6002 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-widget-button .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );background-color:var( --e-global-color-accent );}.elementor-3799 .elementor-element.elementor-element-d47286b .elementor-button{background-color:var( --e-global-color-astglobalcolor0 );}.elementor-3799 .elementor-element.elementor-element-540fe42{--display:flex;}.elementor-3799 .elementor-element.elementor-element-540fe42:not(.elementor-motion-effects-element-type-background), .elementor-3799 .elementor-element.elementor-element-540fe42 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-3799 .elementor-element.elementor-element-d3a8de0 .elementor-button{background-color:#FF8513;}.elementor-3799 .elementor-element.elementor-element-abfa16f{--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;}.elementor-3799 .elementor-element.elementor-element-abc1064 .elementor-repeater-item-9d4b1ed .swiper-slide-bg{background-color:#833CA300;background-image:url(https://gaabcomics.com.br/wp-content/uploads/2026/03/peca-aqui.png);background-size:contain;}.elementor-3799 .elementor-element.elementor-element-abc1064 .elementor-repeater-item-9d4b1ed .swiper-slide-contents{margin:0 auto;}.elementor-3799 .elementor-element.elementor-element-abc1064 .elementor-repeater-item-9d4b1ed .swiper-slide-inner{align-items:center;text-align:center;}.elementor-3799 .elementor-element.elementor-element-abc1064 .elementor-repeater-item-557c9a1 .swiper-slide-bg{background-color:#833CA300;background-image:url(https://gaabcomics.com.br/wp-content/uploads/2026/03/avisoMobile.png);background-size:contain;}.elementor-3799 .elementor-element.elementor-element-abc1064 .elementor-repeater-item-557c9a1 .swiper-slide-contents{margin:0 auto;}.elementor-3799 .elementor-element.elementor-element-abc1064 .elementor-repeater-item-557c9a1 .swiper-slide-inner{align-items:center;text-align:center;}.elementor-3799 .elementor-element.elementor-element-abc1064 .swiper-slide{height:400px;transition-duration:calc(5000ms*1.2);}.elementor-3799 .elementor-element.elementor-element-abc1064 .swiper-slide-contents{max-width:66%;}.elementor-3799 .elementor-element.elementor-element-abc1064 .swiper-slide-inner{text-align:center;}.elementor-3799 .elementor-element.elementor-element-abc1064 .elementor-swiper-button{color:#02010100;}.elementor-3799 .elementor-element.elementor-element-abc1064 .elementor-swiper-button svg{fill:#02010100;}.elementor-3799 .elementor-element.elementor-element-abc1064 .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){background-color:#02010100;opacity:1;}.elementor-3799 .elementor-element.elementor-element-abc1064 .swiper-pagination-bullet-active{background-color:#02010100;}.elementor-3799 .elementor-element.elementor-element-fd15325{--display:flex;}.elementor-3799 .elementor-element.elementor-element-fd15325:not(.elementor-motion-effects-element-type-background), .elementor-3799 .elementor-element.elementor-element-fd15325 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-3799 .elementor-element.elementor-element-7a96497 .elementor-button{background-color:var( --e-global-color-astglobalcolor0 );}.elementor-3799 .elementor-element.elementor-element-e9b67ed{--display:flex;}.elementor-3799 .elementor-element.elementor-element-e9b67ed:not(.elementor-motion-effects-element-type-background), .elementor-3799 .elementor-element.elementor-element-e9b67ed > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-3799 .elementor-element.elementor-element-0028669 .elementor-button{background-color:#FF8513;}.elementor-3799 .elementor-element.elementor-element-b898d50{--display:flex;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-3799 .elementor-element.elementor-element-c7225c3{text-align:center;}.elementor-3799 .elementor-element.elementor-element-c7225c3 .elementor-heading-title{font-size:10px;}}@media(max-width:767px){.elementor-3799 .elementor-element.elementor-element-41f87a0{width:var( --container-widget-width, 349.637px );max-width:349.637px;--container-widget-width:349.637px;--container-widget-flex-grow:0;}.elementor-3799 .elementor-element.elementor-element-c7225c3{text-align:start;}.elementor-3799 .elementor-element.elementor-element-c7225c3 .elementor-heading-title{font-size:9px;}.elementor-3799 .elementor-element.elementor-element-dae6002{--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;}.elementor-3799 .elementor-element.elementor-element-540fe42{--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;}.elementor-3799 .elementor-element.elementor-element-abc1064 .swiper-slide{height:165px;}.elementor-3799 .elementor-element.elementor-element-fd15325{--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;}.elementor-3799 .elementor-element.elementor-element-e9b67ed{--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;}}/* Start custom CSS for button, class: .elementor-element-d47286b *//* Cria a animação de pulso */
@keyframes pulsar {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
    }
    70% {
        transform: scale(1.05);
        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
    }
    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
}

/* Aplica ao botão */
#botao-pulsante a, #botao-pulsante button {
    animation: pulsar 2s infinite;
    transition: all 0.3s ease-in-out;
}

/* Pausa a animação quando o mouse passa por cima (opcional) */
#botao-pulsante:hover a {
    animation-play-state: paused;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-d3a8de0 *//* Cria a animação de pulso */
@keyframes pulsar {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
    }
    70% {
        transform: scale(1.05);
        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
    }
    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
}

/* Aplica ao botão */
#botao-pulsante a, #botao-pulsante button {
    animation: pulsar 2s infinite;
    transition: all 0.3s ease-in-out;
}

/* Pausa a animação quando o mouse passa por cima (opcional) */
#botao-pulsante:hover a {
    animation-play-state: paused;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-7a96497 *//* Cria a animação de pulso */
@keyframes pulsar {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
    }
    70% {
        transform: scale(1.05);
        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
    }
    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
}

/* Aplica ao botão */
#botao-pulsante a, #botao-pulsante button {
    animation: pulsar 2s infinite;
    transition: all 0.3s ease-in-out;
}

/* Pausa a animação quando o mouse passa por cima (opcional) */
#botao-pulsante:hover a {
    animation-play-state: paused;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-0028669 *//* Cria a animação de pulso */
@keyframes pulsar {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
    }
    70% {
        transform: scale(1.05);
        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
    }
    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
}

/* Aplica ao botão */
#botao-pulsante a, #botao-pulsante button {
    animation: pulsar 2s infinite;
    transition: all 0.3s ease-in-out;
}

/* Pausa a animação quando o mouse passa por cima (opcional) */
#botao-pulsante:hover a {
    animation-play-state: paused;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-412e856 *//* ============================================================
   1. GRADE (Ajustada para equilíbrio visual)
   ============================================================ */
.woocommerce ul.products {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important; 
    gap: 12px !important;
    padding: 15px !important;
    margin: 0 auto !important;
    max-width: 1100px !important; 
    list-style: none !important;
}

@media (min-width: 992px) {
    .woocommerce ul.products {
        /* 4 colunas no desktop deixam o formato vertical mais natural */
        grid-template-columns: repeat(4, 1fr) !important; 
        gap: 20px !important;
        padding: 40px 20px !important;
    }
}

/* ============================================================
   2. O CARD (Com bordas suaves e sombra leve)
   ============================================================ */
.woocommerce ul.products li.product {
    width: 100% !important;
    margin: 0 !important;
    position: relative !important;
    overflow: hidden !important;
    border-radius: 10px !important; 
    background: #fff !important;
    border: 1px solid #efefef !important; 
    box-shadow: 0 4px 10px rgba(0,0,0,0.04) !important;
    transition: all 0.3s ease-in-out !important;
}

.woocommerce ul.products li.product:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 8px 20px rgba(0,0,0,0.08) !important;
}

/* ============================================================
   3. A IMAGEM (Proporção Retrato 3:4)
   ============================================================ */
.woocommerce ul.products li.product a img {
    width: 100% !important;
    display: block !important;
    margin: 0 !important;
    
    /* Centraliza a imagem e evita cortes bruscos */
    object-fit: cover !important;
    object-position: center center !important; 
    
    /* Define a proporção: 3 de largura para 4 de altura */
    aspect-ratio: 3 / 4 !important; 
    height: auto !important; 
}

/* ============================================================
   4. TÍTULO (Sobreposição Elegante)
   ============================================================ */
.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 !important;
    z-index: 10 !important;
    
    /* Gradiente mais suave para não "esconder" a foto */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.3) 50%, transparent 100%) !important;
    color: #ffffff !important;
    text-align: center !important;
    text-transform: uppercase;
    font-weight: 600 !important;
    letter-spacing: 0.5px;
    
    /* Tamanho de fonte adaptável */
    font-size: 0.7rem !important;
    padding: 30px 8px 12px 8px !important;
}

@media (min-width: 992px) {
    .woocommerce ul.products li.product h2 {
        font-size: 0.85rem !important;
        padding: 45px 10px 18px 10px !important;
    }
}

/* ============================================================
   5. LIMPEZA DE ELEMENTOS (Preço, Botões, etc.)
   ============================================================ */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .add_to_cart_button,
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .star-rating,
.woocommerce ul.products li.product .onsale,
.ast-on-card-button,
.added_to_cart {
    display: none !important;
}




/* Remove o texto "Exibindo x-y de X resultados" */
.woocommerce-result-count {
    display: none !important;
}

/* Remove o botão/menu de ordenação (Relevância, Preço, etc) */
.woocommerce-ordering {
    display: none !important;
}/* End custom CSS */