.elementor-2770 .elementor-element.elementor-element-384edec{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--gap:0px 0px;--background-transition:0.3s;--margin-block-start:0px;--margin-block-end:0px;--margin-inline-start:0px;--margin-inline-end:0px;--padding-block-start:0px;--padding-block-end:0px;--padding-inline-start:0px;--padding-inline-end:0px;}.elementor-2770 .elementor-element.elementor-element-384edec:not(.elementor-motion-effects-element-type-background), .elementor-2770 .elementor-element.elementor-element-384edec > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1EEE7;}.elementor-2770 .elementor-element.elementor-element-384edec, .elementor-2770 .elementor-element.elementor-element-384edec::before{--border-transition:0.3s;}.elementor-2770 .elementor-element.elementor-element-aff52c8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;--margin-block-start:0px;--margin-block-end:0px;--margin-inline-start:0px;--margin-inline-end:0px;--padding-block-start:0px;--padding-block-end:0px;--padding-inline-start:0px;--padding-inline-end:0px;}.elementor-2770 .elementor-element.elementor-element-cbe2829{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-2770 .elementor-element.elementor-element-08ab99d{text-align:left;color:#968F8F;font-family:"Roboto Serif", Sans-serif;font-size:14px;font-weight:200;}.elementor-2770 .elementor-element.elementor-element-08ab99d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:25px 25px 25px 25px;}.elementor-2770 .elementor-element.elementor-element-62b31fe{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;--margin-block-start:7px;--margin-block-end:0px;--margin-inline-start:0px;--margin-inline-end:0px;--padding-block-start:0px;--padding-block-end:0px;--padding-inline-start:0px;--padding-inline-end:0px;}.elementor-2770 .elementor-element.elementor-element-86ab9cf.elementor-wc-products  ul.products{grid-column-gap:0px;grid-row-gap:0px;}.elementor-2770 .elementor-element.elementor-element-86ab9cf.elementor-wc-products ul.products li.product{text-align:left;border-style:solid;border-width:0px 0px 0px 0px;border-radius:0px;padding:0px 4px 4px 4px;border-color:#F0F0F0;}.elementor-2770 .elementor-element.elementor-element-86ab9cf.elementor-wc-products .attachment-woocommerce_thumbnail{border-style:none;border-radius:0px 0px 0px 0px;margin-bottom:0px;}.elementor-2770 .elementor-element.elementor-element-86ab9cf.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:#000000;}.elementor-2770 .elementor-element.elementor-element-86ab9cf.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:#000000;}.elementor-2770 .elementor-element.elementor-element-86ab9cf.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-2770 .elementor-element.elementor-element-86ab9cf.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:"RIOBAIANO3", Sans-serif;font-size:12px;font-weight:200;}.elementor-2770 .elementor-element.elementor-element-86ab9cf.elementor-wc-products ul.products li.product .price{color:#FFFFFF;font-family:"RIOBAIANO3", Sans-serif;font-size:13px;font-weight:200;text-transform:none;text-decoration:none;line-height:1.4em;letter-spacing:0.8px;word-spacing:0.1em;}.elementor-2770 .elementor-element.elementor-element-86ab9cf.elementor-wc-products ul.products li.product .price ins{color:#FFFFFF;}.elementor-2770 .elementor-element.elementor-element-86ab9cf.elementor-wc-products ul.products li.product .price ins .amount{color:#FFFFFF;}.elementor-2770 .elementor-element.elementor-element-86ab9cf.elementor-wc-products ul.products li.product .price del{color:#000000;}.elementor-2770 .elementor-element.elementor-element-86ab9cf.elementor-wc-products ul.products li.product .price del .amount{color:#000000;}.elementor-2770 .elementor-element.elementor-element-86ab9cf.elementor-wc-products ul.products li.product .price del {font-family:"RIOBAIANO3", Sans-serif;font-size:13px;font-weight:200;line-height:0.1em;letter-spacing:0.6px;}.elementor-2770 .elementor-element.elementor-element-86ab9cf.elementor-wc-products ul.products li.product .button{color:#FFFFFF00;background-color:#FFFFFF;font-family:"Slabo 13px", Sans-serif;font-size:1px;font-weight:500;border-style:none;}.elementor-2770 .elementor-element.elementor-element-86ab9cf > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2770 .elementor-element.elementor-element-86ab9cf.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2770 .elementor-element.elementor-element-86ab9cf{z-index:1;}.elementor-2770 .elementor-element.elementor-element-5bec6bd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;--margin-block-start:0px;--margin-block-end:0px;--margin-inline-start:0px;--margin-inline-end:0px;--padding-block-start:0px;--padding-block-end:0px;--padding-inline-start:0px;--padding-inline-end:0px;}.elementor-2770 .elementor-element.elementor-element-c15e00a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-2770 .elementor-element.elementor-element-aff52c8{--width:50%;}.elementor-2770 .elementor-element.elementor-element-cbe2829{--width:50%;}}@media(max-width:1024px){.elementor-2770 .elementor-element.elementor-element-08ab99d{font-size:11px;}.elementor-2770 .elementor-element.elementor-element-08ab99d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2770 .elementor-element.elementor-element-86ab9cf.elementor-wc-products  ul.products{grid-column-gap:0px;grid-row-gap:0px;}.elementor-2770 .elementor-element.elementor-element-86ab9cf{width:100%;max-width:100%;}}@media(max-width:767px){.elementor-2770 .elementor-element.elementor-element-08ab99d > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2770 .elementor-element.elementor-element-62b31fe{--margin-block-start:0px;--margin-block-end:0px;--margin-inline-start:0px;--margin-inline-end:0px;}.elementor-2770 .elementor-element.elementor-element-86ab9cf.elementor-wc-products  ul.products{grid-column-gap:0px;grid-row-gap:0px;}.elementor-2770 .elementor-element.elementor-element-86ab9cf.elementor-wc-products .attachment-woocommerce_thumbnail{margin-bottom:0px;}.elementor-2770 .elementor-element.elementor-element-86ab9cf.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-2770 .elementor-element.elementor-element-86ab9cf.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-size:12px;line-height:1.3em;letter-spacing:0.6px;word-spacing:0.1em;}.elementor-2770 .elementor-element.elementor-element-86ab9cf.elementor-wc-products ul.products li.product .price{font-size:11px;line-height:1.1em;letter-spacing:1.1px;word-spacing:0.1em;}.elementor-2770 .elementor-element.elementor-element-86ab9cf.elementor-wc-products ul.products li.product .price del {font-size:11px;}.elementor-2770 .elementor-element.elementor-element-86ab9cf > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2770 .elementor-element.elementor-element-86ab9cf{width:100%;max-width:100%;}.elementor-2770 .elementor-element.elementor-element-c15e00a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for woocommerce-products, class: .elementor-element-86ab9cf *//* Força a imagem a ocupar 100% da linha de cima */
.elementor-2770 .elementor-element.elementor-element-86ab9cf a.woocommerce-LoopProduct-link img {
    width: 100% !important;
    flex: 0 0 100% !important;
    margin-bottom: 12px !important;
}


/* --- EFEITO HOVER DE TROCA DE IMAGEM RIOBAIANO --- */

/* Garante que o link do produto seja a referência para o posicionamento */
.elementor-2770 .elementor-element.elementor-element-86ab9cf a.woocommerce-LoopProduct-link {
    position: relative;
    overflow: hidden; /* Mantém tudo dentro da caixinha */
}

/* Estilo da imagem principal para transição suave */
.elementor-2770 .elementor-element.elementor-element-86ab9cf img.attachment-woocommerce_thumbnail:not(.hover-image) {
    transition: opacity 0.3s ease-in-out;
    opacity: 1;
}

/* Estilo da segunda imagem (Hover) - Inicialmente invisível */
.elementor-2770 .elementor-element.elementor-element-86ab9cf img.hover-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: auto;
    opacity: 0; /* Começa transparente */
    transition: opacity 0.3s ease-in-out;
    z-index: 2; /* Fica na frente da principal quando aparecer */
}
/* A MÁGICA CORRIGIDA: Quando passar o mouse no produto */

/* 1. A imagem principal fica transparente */
.elementor-2770 .elementor-element.elementor-element-86ab9cf li.product:hover img.attachment-woocommerce_thumbnail:not(.hover-image) {
    opacity: 0 !important;
}

/* 2. A segunda imagem (hover-image) aparece */
.elementor-2770 .elementor-element.elementor-element-86ab9cf li.product:hover img.hover-image {
    opacity: 1 !important;
}
/* 1. MOBILE FIRST (Grelha de 2 colunas) */
.elementor-2770 .elementor-element.elementor-element-86ab9cf ul.products {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px;
}

.elementor-2770 .elementor-element.elementor-element-86ab9cf ul.products li.product {
    margin: 0 !important;
    width: 100% !important;
}

/* No celular: O ciclo é de 5. 4 normais e o 5º fica grandão rasgando a tela */
.elementor-2770 .elementor-element.elementor-element-86ab9cf ul.products li.product:nth-child(5n) {
    grid-column: 1 / -1 !important;
}

/* 2. DESKTOP E TABLETS (A partir de 768px) */
@media (min-width: 768px) {
    .elementor-2770 .elementor-element.elementor-element-86ab9cf ul.products {
        grid-template-columns: repeat(4, 1fr) !important;
        gap: 24px;
        grid-auto-flow: dense !important; /* A inteligência artificial que encaixa os buracos */
    }

    /* Desliga a regra do celular para o computador */
    .elementor-2770 .elementor-element.elementor-element-86ab9cf ul.products li.product:nth-child(5n) {
        grid-column: auto !important;
    }

    /* O CICLO EDITORIAL DE 13 PRODUTOS DO DESKTOP */
    
    /* Trava o 11º e o 12º produto na esquerda para forçar o desenho do quadrado */
    .elementor-2770 .elementor-element.elementor-element-86ab9cf ul.products li.product:nth-child(13n - 2) {
        grid-column: 1 !important;
    }
    .elementor-2770 .elementor-element.elementor-element-86ab9cf ul.products li.product:nth-child(13n - 1) {
        grid-column: 2 !important;
    }
    
    /* O 13º produto vira o Grandão da Direita (Ocupa 2 colunas de largura e 2 de altura) */
    .elementor-2770 .elementor-element.elementor-element-86ab9cf ul.products li.product:nth-child(13n) {
        grid-column: 3 / 5 !important;
        grid-row: span 2 !important;
    }

    /* Ajuste fino: Garante que a foto do grandão estique com elegância sem deformar */
    .elementor-2770 .elementor-element.elementor-element-86ab9cf ul.products li.product:nth-child(13n) .woocommerce-loop-product__link {
        display: flex;
        flex-direction: column;
        height: 100%;
    }
    .elementor-2770 .elementor-element.elementor-element-86ab9cf ul.products li.product:nth-child(13n) img {
        flex-grow: 1;
        object-fit: cover !important;
        height: 100% !important;
    }
}
/* 1. Esconde a numeração antiga e o botão de voltar */
.elementor-2770 .elementor-element.elementor-element-86ab9cf .woocommerce-pagination ul.page-numbers li span.current,
.elementor-2770 .elementor-element.elementor-element-86ab9cf .woocommerce-pagination ul.page-numbers li a.page-numbers:not(.next),
.elementor-2770 .elementor-element.elementor-element-86ab9cf .woocommerce-pagination ul.page-numbers li a.prev {
    display: none !important;
}

/* 2. Limpa o design padrão da paginação e centraliza */
.elementor-2770 .elementor-element.elementor-element-86ab9cf .woocommerce-pagination ul.page-numbers {
    border: none !important;
    display: flex;
    justify-content: center;
    margin-top: 60px !important;
    padding: 0 !important;
}
.elementor-2770 .elementor-element.elementor-element-86ab9cf .woocommerce-pagination ul.page-numbers li {
    border: none !important;
}

/* 3. A Mágica: Cria o botão de Luxo (Estilo Egrey / Sandro) */
.elementor-2770 .elementor-element.elementor-element-86ab9cf .woocommerce-pagination ul.page-numbers li a.next {
    display: inline-block !important;
    background-color: #000000 !important; /* Botão preto sólido */
    color: #ffffff !important; /* Texto branco */
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 16px 48px !important;
    border-radius: 0px !important; /* Corte reto, alfaiataria pura */
    transition: all 0.3s ease;
    font-size: 0 !important; /* Esconde o texto padrão "Próximo" */
}

/* 4. Escreve o novo texto do botão */
.elementor-2770 .elementor-element.elementor-element-86ab9cf .woocommerce-pagination ul.page-numbers li a.next::after {
    content: "DISCOVER MORE" !important; /* Você pode mudar para CARREGAR MAIS se preferir */
    font-size: 13px !important;
}

/* 5. Efeito suave ao passar o rato (Mouse Hover) */
.elementor-2770 .elementor-element.elementor-element-86ab9cf .woocommerce-pagination ul.page-numbers li a.next:hover {
    background-color: #333333 !important;
}
/* TRATOR PARA OVERRIDE DE MOBILE */
@media (max-width: 767px) {
    
    /* 1. Resetamos o container para virar um trilho horizontal */
    html body .riobaiano-mobile-swipe .elementor-widget-container,
    html body .riobaiano-mobile-swipe .woocommerce-LoopProduct-link,
    html body .riobaiano-mobile-swipe .elementor-image {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scroll-snap-type: x mandatory !important;
        -webkit-overflow-scrolling: touch !important;
        position: relative !important;
    }

    /* 2. Forçamos TODAS as imagens a ficarem visíveis e lado a lado */
    html body .riobaiano-mobile-swipe img {
        display: block !important;
        position: relative !important; /* Tira do 'absolute' que o hover geralmente usa */
        top: auto !important;
        left: auto !important;
        opacity: 1 !important; /* Mata o efeito de sumir/aparecer */
        visibility: visible !important;
        flex: 0 0 100% !important; /* Cada foto ocupa a tela toda */
        width: 100% !important;
        height: auto !important;
        scroll-snap-align: start !important;
        transform: none !important; /* Mata zooms ou deslocamentos do hover */
        transition: none !important;
    }

    /* 3. Ocultamos qualquer barra de rolagem para o look ficar limpo */
    html body .riobaiano-mobile-swipe .elementor-widget-container::-webkit-scrollbar {
        display: none !important;
    }
}
/* Força o container a centralizar tudo em formato de coluna */
.container-do-produto {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    justify-content: center !important;
    width: 100% !important;
}

/* Aplica o peso 600 no nome do produto */
.nome-da-roupa {
    font-weight: 600 !important;
    margin-bottom: 4px !important; /* Dá um leve respiro entre o nome e o preço */
    width: 100% !important;
    text-align: center !important;
}

/* Aplica o peso 200 no preço */
.preco-da-roupa {
    font-weight: 200 !important;
    width: 100% !important;
    text-align: center !important;
}
/* Estilo do preço parcelado (Ex: "ou 6x de R$ 59,66") */
.preco-parcelado {
    font-size: 12px !important; /* Deixa a fonte menor que o preço principal */
    font-weight: 300 !important; /* Peso bem leve/fino */
    color: #7a7a7a !important; /* Um cinza sofisticado para não brigar com o nome da peça */
    text-align: center !important;
    margin-top: 3px !important; /* Dá um respiro milimétrico do preço cheio */
    letter-spacing: 0.5px !important; /* Afasta levemente as letras para dar ar de grife */
    width: 100% !important;
    display: block !important; /* Garante que pule para a linha de baixo */
}
/* Remove bordas e fundos dos tamanhos na vitrine */
ul.variable-items-wrapper li.variable-item, 
.swatch-item-wrapper, 
.woo-variation-swatches .variable-item {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 6px !important;
    margin: 0 !important;
}

/* Ajusta a fonte para ficar elegante */
ul.variable-items-wrapper li.variable-item span {
    font-size: 10px !important;
    color: #333 !important;
    font-weight: 400 !important;
}

/* Opcional: deixa o X ou o traço do esgotado mais suave */
ul.variable-items-wrapper li.disabled {
    opacity: 0.4 !important;
}

/* 1. Oculta o "X" padrão do plugin (seja por linha, pseudo-elemento ou imagem) */
.woo-variation-swatches .variable-item.disabled::before,
.woo-variation-swatches .variable-item.disabled::after,
.woo-variation-swatches .variable-item.disabled img,
.woo-variation-swatches .variable-item.disabled .icon {
    display: none !important;
    background-image: none !important;
}

/* 2. Prepara a caixa do tamanho para receber o novo traço */
.woo-variation-swatches .variable-item.disabled {
    position: relative !important;
    overflow: hidden !important; /* Mantém o traço dentro do quadrado */
}

/* 3. Cria um traço único, fino e diagonal sobre o tamanho esgotado */
.woo-variation-swatches .variable-item.disabled .variable-item-span::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: -10% !important;
    width: 120% !important; /* Atravessa o quadrado de ponta a ponta */
    height: 1px !important; /* Espessura do traço */
    background-color: #000 !important; /* Cor do traço preta combinando com a borda */
    transform: translateY(-50%) rotate(-45deg) !important;
    display: block !important;
    z-index: 99 !important;
}

/* 4. Deixa a letra/número do tamanho esgotado bem transparente */
.woo-variation-swatches .variable-item.disabled .variable-item-span {
    opacity: 0.3 !important;
}/* End custom CSS */