/*======================================================
LUIZASHOP PREMIUM
Versão 2.0
======================================================*/


/*======================================================
01 - RESET
======================================================*/

/* RESET */

*{

    margin:0;

    padding:0;

    box-sizing:border-box;

}

html{

    scroll-behavior:smooth;

}

img{

    max-width:100%;

    display:block;

}

a{

    text-decoration:none;

    color:inherit;

}

ul{

    list-style:none;

}

button,

input,

textarea,

select{

    font:inherit;

    border:none;

    outline:none;

}

button{

    cursor:pointer;

    background:none;

}

/*======================================================
02 - VARIÁVEIS
======================================================*/
:root{

    /* CORES */

    --primary:#2563eb;

    --primary-dark:#1d4ed8;

    --orange:#ff6b00;

    --orange-dark:#e85d04;

    --white:#ffffff;

    --background:#f8fbff;

    --text:#111827;

    --text-light:#64748b;

    --border:#e5e7eb;



    /* SOMBRAS */

    --shadow-sm:0 5px 15px rgba(0,0,0,.05);

    --shadow-md:0 10px 30px rgba(0,0,0,.08);

    --shadow-lg:0 15px 40px rgba(0,0,0,.10);



    /* BORDAS */

    --radius:22px;

    --radius-sm:12px;



    /* TRANSIÇÃO */

    --transition:.30s;

}


/*======================================================
03 - BODY
======================================================*/
body{

    font-family:Arial, Helvetica, sans-serif;

    background:var(--background);

    color:var(--text);

    line-height:1.6;

    overflow-x:hidden;

}


/*======================================================
04 - CONTAINER
======================================================*/
.container{

    width:100%;

    max-width:1280px;

    margin:0 auto;

    padding:0 20px;

}


/*======================================================
05 - BOTÕES
======================================================*/
/* BOTÃO PRIMÁRIO */

.btn,

.button{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    padding:15px 32px;

    background:var(--primary);

    color:var(--white);

    border-radius:12px;

    font-size:15px;

    font-weight:700;

    transition:var(--transition);

}


.btn:hover,

.button:hover{

    background:var(--primary-dark);

    transform:translateY(-3px);

    box-shadow:var(--shadow-md);

}



/* BOTÃO SECUNDÁRIO */

.btn-outline{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    padding:15px 32px;

    border:2px solid var(--primary);

    border-radius:12px;

    color:var(--primary);

    font-weight:700;

    transition:var(--transition);

}


.btn-outline:hover{

    background:var(--primary);

    color:#fff;

}

/*======================================================
TIPOGRAFIA
======================================================*/

h1{

    font-size:56px;

    line-height:1.1;

    font-weight:800;

}

h2{

    font-size:38px;

    line-height:1.2;

    font-weight:800;

}

h3{

    font-size:24px;

    line-height:1.3;

    font-weight:700;

}

p{

    color:var(--text-light);

    font-size:16px;

}


/*======================================================
06 - HEADER
======================================================*/

/*======================================================
06 - HEADER PREMIUM
======================================================*/


.header-premium{

    background:#ffffff;

    width:100%;

    box-shadow:0 5px 20px rgba(0,0,0,.05);

}



.header-container{

    max-width:1280px;

    margin:0 auto;

    padding:0 20px;

    min-height:85px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:30px;

}



/* LOGO */

.logo img{

    width:170px;

    height:auto;

}



/* MENU */

.main-menu{

    display:flex;

    align-items:center;

    gap:25px;

}



.main-menu a{

    color:#111827;

    font-size:15px;

    font-weight:600;

    white-space:nowrap;

    transition:.3s;

}



.main-menu a:hover{

    color:#2563eb;

}



/* OFERTAS */

.menu-ofertas{

    background:#ff6b00;

    color:#ffffff !important;

    padding:10px 18px;

    border-radius:10px;

}



/* LADO DIREITO */

.header-right{

    display:flex;

    align-items:center;

    gap:18px;

}



/* BUSCA */

.search-box{

    display:flex;

    align-items:center;

    background:#f1f5f9;

    border-radius:30px;

    padding:8px 12px 8px 18px;

}



.search-box input{

    width:200px;

    background:transparent;

    border:none;

    outline:none;

    font-size:14px;

}



.search-box button{

    color:#2563eb;

    font-size:16px;

}



/* ÍCONES */

.header-icons{

    display:flex;

    align-items:center;

    gap:15px;

}



.header-icons a{

    color:#334155;

    font-size:18px;

}



.header-icons a:hover{

    color:#2563eb;

}

/*======================================================
07 - HERO
======================================================*/
/*======================================================
07 - HERO PREMIUM
======================================================*/


.hero-premium{

    padding:80px 0;

    background:#f8fbff;

}


.hero-container{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:40px;

}


/* LADO ESQUERDO */

.hero-content{

    width:60%;

}


.hero-tag{

    display:inline-block;

    background:#0f172a;

    color:#ffffff;

    padding:4px 12px;

    border-radius:20px;

    border:1px solid #1e40af;

    font-size:9px;

    font-weight:800;

    letter-spacing:.8px;

    margin-bottom:15px;

    box-shadow:0 5px 12px rgba(15,23,42,.20);

}


.hero-content h1{

    font-size:56px;

    line-height:1.1;

    color:#f2f2f3;

    margin-bottom:20px;

}



.hero-content h1 span{

    color:#6b9cf5;

}


.hero-description{

    font-size:18px;

    color:#64748b;

    max-width:600px;

    margin-bottom:30px;

}



/* BOTÕES */

.hero-buttons{

    display:flex;

    gap:15px;

    margin-bottom:30px;

}



.hero-btn-primary{

    background:#2563eb;

    color:#fff;

    padding:15px 32px;

    border-radius:12px;

    font-weight:700;

}



.hero-btn-secondary{

    background:#ff6b00;

    color:#fff;

    padding:15px 32px;

    border-radius:12px;

    font-weight:700;

}



.hero-line{

    width:100%;

    height:1px;

    background:#e5e7eb;

    margin:25px 0;

}


/* ==========================================
   5 ESTATÍSTICAS DO HERO
   ========================================== */

.hero-stats {
    display: flex;
    align-items: stretch;
    justify-content: center;
    gap: 12px;
    width: 100%;
    flex-wrap: nowrap;
}


.hero-stats .stat-icon {
    width: 100%;
    height: 24px;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 20px;
    line-height: 1;
    margin-bottom: 5px;
}

/* IMAGEM */

.hero-image-premium{

    width:40%;

}


.hero-image-premium img{

    width:100%;

    border-radius:30px;

    box-shadow:0 20px 50px rgba(0,0,0,.12);

}


/*======================================================
08 - BUSCA
======================================================*/

/*======================================================
BUSCA PREMIUM
======================================================*/


.busca-premium{

    padding:50px 0;

    background:var(--white);

}



.busca-topo{

    text-align:center;

    margin-bottom:35px;

}



.busca-topo h2{

    margin-bottom:10px;

}



.busca-topo p{

    font-size:15px;

}



/* GRID */

.busca-grid{

    display:grid;

    grid-template-columns:repeat(5,1fr);

    gap:20px;

}



/* CARD */

.busca-card{

    background:#fff;

    border-radius:var(--radius);

    padding:25px 15px;

    text-align:center;

    box-shadow:var(--shadow-sm);

    border:1px solid var(--border);

    transition:var(--transition);

}



.busca-card:hover{

    transform:translateY(-5px);

    box-shadow:var(--shadow-md);

}



.busca-card i{

    font-size:28px;

    color:var(--primary);

    margin-bottom:15px;

}



.busca-card h3{

    font-size:17px;

    margin-bottom:8px;

}



.busca-card p{

    font-size:13px;

}

/*======================================================
09 - EM ALTA
======================================================*/

/*======================================================
EM ALTA AGORA
======================================================*/


.em-alta{

    padding:60px 0;

    background:var(--background);

}



.em-alta-topo{

    display:flex;

    align-items:center;

    justify-content:space-between;

    margin-bottom:35px;

}



.em-alta-topo h2{

    margin:0;

}



.em-alta-link{

    color:var(--primary);

    font-weight:700;

}



/* GRID */

.em-alta-grid{

    display:grid;

    grid-template-columns:repeat(5,1fr);

    gap:20px;

}



/* CARD */

.em-alta-card{

    background:var(--white);

    border-radius:var(--radius);

    padding:20px;

    box-shadow:var(--shadow-sm);

    transition:var(--transition);

}



.em-alta-card:hover{

    transform:translateY(-5px);

    box-shadow:var(--shadow-md);

}



.em-alta-card img{

    width:100%;

    height:150px;

    object-fit:contain;

    margin-bottom:15px;

}



.em-alta-card h3{

    font-size:17px;

    margin-bottom:8px;

}



.em-alta-card span{

    color:var(--primary);

    font-size:13px;

    font-weight:700;

}

/*======================================================
10 - PRODUTOS
======================================================*/

/*======================================================
PRODUTOS EM DESTAQUE
======================================================*/


.produtos{

    padding:70px 0;

    background:var(--white);

}



.produtos-topo{

    text-align:center;

    max-width:750px;

    margin:0 auto 40px;

}



.produtos-topo h2{

    margin-bottom:12px;

}



/* GRID */

.produtos-grid{

    display:grid;

    grid-template-columns:repeat(5,1fr);

    gap:25px;

}



/* CARD */

.produto-card{

    background:#fff;

    border-radius:var(--radius);

    padding:20px;

    border:1px solid var(--border);

    box-shadow:var(--shadow-sm);

    transition:var(--transition);

}



.produto-card:hover{

    transform:translateY(-6px);

    box-shadow:var(--shadow-md);

}



.produto-card img{

    width:100%;

    height:170px;

    object-fit:contain;

    margin-bottom:20px;

}



.produto-card h3{

    font-size:18px;

    margin-bottom:10px;

}



.produto-card p{

    font-size:14px;

    margin-bottom:15px;

}



.produto-card .preco{

    color:var(--primary);

    font-weight:800;

    font-size:18px;

}



.produto-card .tag{

    display:inline-block;

    background:#eaf3ff;

    color:var(--primary);

    padding:5px 12px;

    border-radius:20px;

    font-size:11px;

    font-weight:700;

    margin-bottom:12px;

}

/*======================================================
11 - CATEGORIAS
======================================================*/

/*======================================================
CATEGORIAS PREMIUM
======================================================*/


.categorias{

    padding:70px 0;

    background:var(--background);

}



.categorias-topo{

    text-align:center;

    max-width:750px;

    margin:0 auto 40px;

}



.categorias-topo h2{

    margin-bottom:12px;

}



.categorias-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:25px;

}



/* CARD CATEGORIA */

.categoria-card{

    background:var(--white);

    border-radius:var(--radius);

    padding:30px 20px;

    text-align:center;

    box-shadow:var(--shadow-sm);

    border:1px solid var(--border);

    transition:var(--transition);

}



.categoria-card:hover{

    transform:translateY(-5px);

    box-shadow:var(--shadow-md);

}



.categoria-card i{

    display:flex;

    align-items:center;

    justify-content:center;

    width:60px;

    height:60px;

    margin:0 auto 18px;

    border-radius:50%;

    background:#eaf3ff;

    color:var(--primary);

    font-size:25px;

}



.categoria-card h3{

    font-size:18px;

    margin-bottom:8px;

}



.categoria-card p{

    font-size:14px;

}

/*======================================================
12 - GUIA PARA INICIANTES
======================================================*/

/*======================================================
GUIA PARA INICIANTES
======================================================*/


.inicio-premium{

    padding:70px 0;

    background:var(--white);

}



.inicio-card{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:50px;

    background:var(--white);

    border-radius:30px;

    padding:50px;

    box-shadow:var(--shadow-md);

    overflow:hidden;

}



/* TEXTO */

.inicio-esquerda{

    width:55%;

}



.inicio-tag{

    display:inline-block;

    background:#eaf3ff;

    color:var(--primary);

    padding:8px 18px;

    border-radius:30px;

    font-size:12px;

    font-weight:700;

    margin-bottom:20px;

}



.inicio-esquerda h2{

    font-size:42px;

    margin-bottom:20px;

}



.inicio-esquerda h2 span{

    color:var(--primary);

}



.inicio-esquerda p{

    margin-bottom:25px;

    font-size:16px;

}



.inicio-lista{

    margin-bottom:30px;

}



.inicio-lista li{

    display:flex;

    align-items:center;

    gap:12px;

    margin-bottom:12px;

    color:var(--text);

}



.inicio-lista i{

    color:var(--primary);

}



/* IMAGEM */

.inicio-direita{

    width:45%;

}



.inicio-direita img{

    width:100%;

    border-radius:25px;

    object-fit:cover;

}

/*======================================================
13 - NOVOS LANÇAMENTOS
======================================================*/

/*======================================================
NOVOS LANÇAMENTOS
======================================================*/


.lancamentos{

    padding:70px 0;

    background:var(--background);

}



.lancamentos-topo{

    text-align:center;

    margin-bottom:40px;

}



.lancamentos-topo span{

    display:inline-block;

    background:#eaf3ff;

    color:var(--primary);

    padding:8px 18px;

    border-radius:30px;

    font-size:12px;

    font-weight:700;

    margin-bottom:15px;

}



.lancamentos-topo h2{

    margin-bottom:10px;

}



/* GRID */

.lancamentos-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:25px;

}



/* CARD */

.lancamento-card{

    background:var(--white);

    border-radius:var(--radius);

    padding:20px;

    box-shadow:var(--shadow-sm);

    transition:var(--transition);

}



.lancamento-card:hover{

    transform:translateY(-5px);

    box-shadow:var(--shadow-md);

}



.lancamento-card img{

    width:100%;

    height:180px;

    object-fit:contain;

    margin-bottom:18px;

}



.lancamento-card h3{

    font-size:18px;

    margin-bottom:10px;

}



.lancamento-card p{

    font-size:14px;

    margin-bottom:15px;

}



.lancamento-card a{

    color:var(--primary);

    font-weight:700;

    font-size:14px;

}

/*======================================================
14 - MARCAS PARCEIRAS
======================================================*/

/*======================================================
MARCAS PARCEIRAS
======================================================*/


.marcas-premium{

    padding:70px 0;

    background:var(--white);

}



.marcas-topo{

    text-align:center;

    max-width:850px;

    margin:0 auto 45px;

}



.marcas-topo span{

    display:inline-block;

    background:#eaf3ff;

    color:var(--primary);

    padding:8px 18px;

    border-radius:30px;

    font-size:12px;

    font-weight:700;

    margin-bottom:15px;

}



.marcas-topo h2{

    margin-bottom:15px;

}



.marcas-topo p{

    font-size:16px;

}



/* GRID LOGOS */

.marcas-grid{

    display:grid;

    grid-template-columns:repeat(5,1fr);

    gap:25px;

}



/* CARD LOGO */

.marca-item{

    height:120px;

    background:var(--white);

    border:1px solid var(--border);

    border-radius:20px;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:20px;

    box-shadow:var(--shadow-sm);

    transition:var(--transition);

}



.marca-item:hover{

    transform:translateY(-5px);

    box-shadow:var(--shadow-md);

}



.marca-item img{

    max-width:130px;

    max-height:60px;

    object-fit:contain;

}

/*======================================================
15 - ESCOLHA DO EDITOR
======================================================*/

/*======================================================
ESCOLHA DO EDITOR
======================================================*/


.editor{

    padding:80px 0;

    background:var(--background);

}



.editor-content{

    display:flex;

    align-items:center;

    gap:60px;

    background:var(--white);

    border-radius:30px;

    padding:50px;

    box-shadow:var(--shadow-md);

}



/* IMAGEM */

.editor-image{

    width:45%;

}



.editor-image img{

    width:100%;

    border-radius:25px;

    object-fit:cover;

}



/* TEXTO */

.editor-text{

    width:55%;

}



.editor-tag{

    display:inline-block;

    background:#fff3e8;

    color:var(--orange);

    padding:8px 18px;

    border-radius:30px;

    font-size:12px;

    font-weight:700;

    margin-bottom:20px;

}



.editor-text h2{

    margin-bottom:15px;

}



.editor-text p{

    margin-bottom:25px;

}



.editor-text ul{

    margin-bottom:25px;

}



.editor-text li{

    margin-bottom:12px;

    color:var(--text);

}



.editor-rating{

    margin-bottom:25px;

    color:#f59e0b;

    font-size:22px;

}

/*======================================================
16 - REVIEWS PREMIUM
======================================================*/

/*======================================================
REVIEWS PREMIUM
======================================================*/


.reviews{

    padding:70px 0;

    background:var(--white);

}



.reviews-topo{

    text-align:center;

    max-width:750px;

    margin:0 auto 40px;

}



.reviews-topo h2{

    margin-bottom:12px;

}



/* GRID */

.reviews-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:30px;

}



/* CARD */

.review-card{

    background:var(--white);

    border-radius:var(--radius);

    border:1px solid var(--border);

    overflow:hidden;

    box-shadow:var(--shadow-sm);

    transition:var(--transition);

}



.review-card:hover{

    transform:translateY(-5px);

    box-shadow:var(--shadow-md);

}



.review-card img{

    width:100%;

    height:220px;

    object-fit:cover;

}

.review-card img {
    width: 100%;
    max-width: 280px;
    height: 220px;
    object-fit: contain;
    display: block;
    margin: 0 auto 20px;
}

.review-content{

    padding:25px;

}



.review-content h3{

    font-size:21px;

    margin-bottom:12px;

}



.review-content p{

    font-size:14px;

    margin-bottom:18px;

}



.review-stars{

    color:#f59e0b;

    margin-bottom:15px;

}



.review-content a{

    color:var(--primary);

    font-weight:700;

}

/*======================================================
17 - COMPARATIVOS PREMIUM
======================================================*/

/*======================================================
COMPARATIVOS PREMIUM
======================================================*/


.comparativos{

    padding:70px 0;

    background:var(--background);

}



.comparativos-topo{

    text-align:center;

    max-width:750px;

    margin:0 auto 40px;

}



.comparativos-topo h2{

    margin-bottom:12px;

}



/* GRID */

.comparativos-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:30px;

}



/* CARD */

.comparativo-card{

    background:var(--white);

    border-radius:var(--radius);

    overflow:hidden;

    box-shadow:var(--shadow-sm);

    border:1px solid var(--border);

    transition:var(--transition);

}



.comparativo-card:hover{

    transform:translateY(-5px);

    box-shadow:var(--shadow-md);

}



.comparativo-imagens{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:15px;

    padding:25px;

    background:#f8fafc;

}

.comparativo-imagens img{

    width:100%;

    height:220px;

    object-fit:contain;

}


.comparativo-content{

    padding:25px;

}



.comparativo-content h3{

    font-size:20px;

    margin-bottom:12px;

}



.comparativo-content p{

    font-size:14px;

    margin-bottom:20px;

}



.comparativo-content a{

    color:var(--primary);

    font-weight:700;

}

/*======================================================
18 - GUIAS PREMIUM
======================================================*/

/*======================================================
GUIAS PREMIUM
======================================================*/


.guias-premium{

    padding:70px 0;

    background:var(--white);

}



.guias-topo{

    text-align:center;

    max-width:800px;

    margin:0 auto 45px;

}

.guias-topo span{

    display:inline-block;

    background:#eaf3ff;

    color:var(--primary);

    padding:8px 18px;

    border-radius:30px;

    font-size:12px;

    font-weight:700;

    margin-bottom:15px;

}


.guias-topo h2{

    margin-bottom:15px;

}



.guias-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:30px;

}



/* CARD */

.guia-premium-card{

    background:var(--white);

    border-radius:var(--radius);

    overflow:hidden;

    border:1px solid var(--border);

    box-shadow:var(--shadow-sm);

    transition:var(--transition);

}



.guia-premium-card:hover{

    transform:translateY(-6px);

    box-shadow:var(--shadow-md);

}



.guia-premium-card img{

    width:100%;

    height:220px;

    object-fit:cover;

}



/* CONTEÚDO */

.guia-premium-content{

    padding:25px;

}



.guia-premium-content span{

    display:inline-block;

    color:var(--primary);

    font-size:12px;

    font-weight:700;

    margin-bottom:12px;

}

.guia-premium-content h3{

    font-size:21px;

    margin-bottom:12px;

}



.guia-premium-content p{

    font-size:14px;

    margin-bottom:18px;

}



.guia-premium-content a{

    color:var(--primary);

    font-weight:700;

}

/*======================================================
19 - FOOTER
======================================================*/

/*======================================================
FOOTER PREMIUM
======================================================*/


.footer{

    background:#0f172a;

    color:#ffffff;

    padding:25px 0 20px;

}


.footer .container{

    display:block;

    grid-template-columns:2fr 1fr 1fr 1fr;

    gap:40px;

}

/* NEWSLETTER */

.footer-newsletter h2{

    color:#ffffff;

    font-size:28px;

    margin-bottom:15px;

}



.footer-newsletter p{

    color:#cbd5e1;

    margin-bottom:25px;

}



.newsletter-form{

    display:flex;

    gap:10px;

}



.newsletter-form input{

    flex:1;

    padding:15px 18px;

    border-radius:10px;

    background:#ffffff;

    color:#111827;

}



.newsletter-form button{

    background:var(--orange);

    color:#ffffff;

    padding:15px 25px;

    border-radius:10px;

    font-weight:700;

}



/* COLUNAS */

.footer h3{

    color:#ffffff;

    font-size:18px;

    margin-bottom:20px;

}



.footer ul li{

    margin-bottom:12px;

}



.footer ul li a{

    color:#cbd5e1;

    font-size:14px;

    transition:var(--transition);

}



.footer ul li a:hover{

    color:#ffffff;

}



/* PARTE FINAL */

.footer-bottom{

    margin-top:50px;

    padding-top:25px;

    border-top:1px solid rgba(255,255,255,.15);

    text-align:center;

}



.footer-bottom p{

    color:#94a3b8;

    font-size:14px;

}

/*======================================================
20 - RESPONSIVO
======================================================*/
/*======================================================
RESPONSIVO
======================================================*/


@media(max-width:1100px){


    .hero .container{

        gap:30px;

    }


    .produtos-grid{

        grid-template-columns:repeat(3,1fr);

    }


    .em-alta-grid{

        grid-template-columns:repeat(3,1fr);

    }


    .busca-grid{

        grid-template-columns:repeat(3,1fr);

    }


    .marcas-grid{

        grid-template-columns:repeat(4,1fr);

    }


    .footer .container{

        grid-template-columns:repeat(2,1fr);

    }


}



@media(max-width:768px){


    .container{

        padding:0 15px;

    }


    h1{

        font-size:38px;

    }


    h2{

        font-size:30px;

    }



    /* HEADER */


    .header .container{

        flex-direction:column;

        gap:20px;

        padding:20px;

    }


    .menu{

        flex-wrap:wrap;

        justify-content:center;

    }



    /* HERO */


    .hero .container{

        flex-direction:column;

        text-align:center;

    }


    .hero-content,

    .hero-image{

        width:100%;

    }


    .hero-buttons{

        justify-content:center;

        flex-wrap:wrap;

    }


    .hero-stats{

        justify-content:center;

    }



    /* GUIAS E BLOCOS DUPLOS */


    .inicio-card,

    .editor-content{

        flex-direction:column;

        padding:30px;

    }


    .inicio-esquerda,

    .inicio-direita,

    .editor-image,

    .editor-text{

        width:100%;

    }



    /* GRIDS */


    .busca-grid,

    .em-alta-grid,

    .produtos-grid,

    .lancamentos-grid,

    .marcas-grid,

    .guias-grid,

    .comparativos-grid,

    .reviews-grid{

        grid-template-columns:1fr;

    }



    .footer .container{

        grid-template-columns:1fr;

    }


    .newsletter-form{

        flex-direction:column;

    }


}

.hero-premium{

    padding:10px 0;

    background:linear-gradient(
        135deg,
        #0f172a 0%,
        #1e3a8a 45%,
        #dbeafe 100%
    );

}

.hero-tag{

    display:inline-block !important;

    background:#0f172a !important;

    color:#ffffff !important;

    padding:3px 10px !important;

    border-radius:18px !important;

    border:1px solid #1e40af !important;

    font-size:8px !important;

    line-height:1.2 !important;

    margin-bottom:12px !important;

}

/* ==============================
CATEGORIAS PREMIUM
============================== */

.categorias-premium{

    padding:80px 0;

    background:#f8f9fa;

}


.categorias-topo{

    text-align:center;

    margin-bottom:50px;

}


.categorias-grid{

    display:grid;

    grid-template-columns:repeat(4, 1fr);

    gap:25px;

}


.categoria-item{

    background:#ffffff;

    padding:35px 20px;

    border-radius:18px;

    text-align:center;

    box-shadow:0 10px 25px rgba(0,0,0,.08);

}


.categoria-item i{

    font-size:35px;

    color:#0d47a1;

    margin-bottom:20px;

}


.categoria-item span{

    display:block;

    font-weight:700;

}

/* ==========================================
   CATEGORIAS — LINKS PREMIUM
   ========================================== */

.categorias-links {

    display: flex;

    align-items: center;

    justify-content: center;

    flex-wrap: wrap;

    gap: 8px;

    margin-top: 25px;

    text-align: center;

}


.categorias-links a {

    color: #d00000;

    font-size: 14px;

    font-weight: 600;

    text-decoration: none;

    line-height: 1.5;

    transition: .25s;

}


.categorias-links a:hover {

    color: #ff6600;

    text-decoration: underline;

}


.categorias-separador {

    color: #94a3b8;

    font-size: 14px;

    line-height: 1;

    user-select: none;

}

/* CORREÇÃO FINAL DOS 5 BLOCOS DO HERO */

.hero-stats {
    display: flex !important;
    justify-content: center !important;
    align-items: stretch !important;
    gap: 8px !important;
    width: 100% !important;
    flex-wrap: nowrap !important;
}

.hero-stats .stat-item {
    flex: 0 0 105px !important;
    width: 105px !important;
    min-width: 105px !important;
    max-width: 105px !important;

    height: 72px !important;
    min-height: 72px !important;
    max-height: 72px !important;

    box-sizing: border-box !important;
    padding: 5px 4px !important;
    margin: 0 !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    text-align: center !important;
}

.hero-stats .stat-item .stat-icon {
    width: 100% !important;
    height: 18px !important;
    margin-bottom: 2px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    font-size: 15px !important;
    line-height: 1 !important;
}

.hero-premium {
    max-height: 420px !important;
    overflow: hidden !important;
}

/* COPYRIGHT — MANTER EM UMA LINHA */

.footer-copy {
    width: 100%;
}

.footer-copy p {
    white-space: nowrap !important;
    margin: 0 !important;
    text-align: center;
}

.review-roborock .review-conteudo a {
    color: #ff6600;
}