:root {
    --ug-azul: #004B70;
    --ug-ciano: #13B0F0;
    --ug-roxo: #371C45;
    --ug-roxo-escuro: #1B1026;
    --ug-magenta: #ED2690;
    --ug-amarelo: #FFF200;
    --ug-cinza: #BFC0CD;
    --ug-branco: #FFFFFF;
}

/* TOPO ESCURO */
.topo-info {
    background: var(--ug-roxo-escuro) !important;
}

/* LOGO */
.logo {
    color: var(--ug-azul) !important;
}

.logo span {
    color: var(--ug-ciano) !important;
}

.logo-img {
    display: flex !important;
    align-items: center !important;
    min-width: 250px !important;
}

.logo-img img {
    max-width: 245px !important;
    max-height: 82px !important;
    width: auto !important;
    height: auto !important;
    display: block !important;
}

/* HEADER */
.header {
    background: #ffffff !important;
}

/* MENU */
.menu {
    background: var(--ug-ciano) !important;
}

.menu a {
    color: var(--ug-roxo-escuro) !important;
}

.menu a:hover {
    background: var(--ug-roxo) !important;
    color: #fff !important;
}

/* BUSCA */
.busca button {
    background: var(--ug-ciano) !important;
    color: var(--ug-roxo-escuro) !important;
}

.busca button:hover {
    background: var(--ug-magenta) !important;
    color: #fff !important;
}

/* HERO / BANNERS */
.hero,
.hero-interna,
.hero-categoria {
    background:
        radial-gradient(circle at top left, rgba(19,176,240,0.35), transparent 35%),
        radial-gradient(circle at bottom right, rgba(237,38,144,0.30), transparent 35%),
        linear-gradient(135deg, var(--ug-roxo-escuro), var(--ug-roxo) 55%, #05020A) !important;
}

/* TÍTULOS */
h1,
h2,
h3 {
    color: inherit;
}

.secao-titulo h2,
.titulo-area h2,
.sidebar-filtros h3,
.box-lista h2 {
    color: var(--ug-roxo-escuro) !important;
}

/* BOTÕES */
.btn-amarelo {
    background: var(--ug-ciano) !important;
    color: var(--ug-roxo-escuro) !important;
}

.btn-amarelo:hover {
    background: var(--ug-magenta) !important;
    color: #fff !important;
}

.btn-escuro {
    background: var(--ug-roxo) !important;
    color: #fff !important;
}

.btn-escuro:hover {
    background: var(--ug-azul) !important;
    color: #fff !important;
}

.btn-branco {
    background: #fff !important;
    color: var(--ug-roxo) !important;
}

.btn-verde {
    background: #22c55e !important;
    color: #fff !important;
}

/* CARDS DE INFORMAÇÃO */
.info-card .icone {
    background: rgba(19,176,240,0.12) !important;
    color: var(--ug-magenta) !important;
}

/* CATEGORIAS */
.categoria-card:hover {
    border-color: var(--ug-ciano) !important;
}

.categoria-img {
    color: var(--ug-ciano) !important;
    background: #eef9ff !important;
}

.categoria-link:hover,
.categoria-link.ativo {
    background: var(--ug-ciano) !important;
    color: var(--ug-roxo-escuro) !important;
}

/* TAGS */
.tag,
.tag-categoria {
    background: var(--ug-ciano) !important;
    color: var(--ug-roxo-escuro) !important;
}

/* PREÇOS */
.preco,
.produto-card-preco {
    color: var(--ug-magenta) !important;
}

/* NOMES DAS CATEGORIAS NOS PRODUTOS */
.produto-categoria,
.produto-card-body small {
    color: var(--ug-ciano) !important;
}

/* FAIXAS DE PROMOÇÃO */
.faixa-promocao,
.faixa-orcamento {
    background: linear-gradient(135deg, var(--ug-ciano), var(--ug-magenta)) !important;
    color: #fff !important;
}

.faixa-promocao h2,
.faixa-promocao p,
.faixa-orcamento h2,
.faixa-orcamento p {
    color: #fff !important;
}

/* BLOCO ESCURO */
.bloco-vantagens {
    background: var(--ug-roxo-escuro) !important;
}

.vantagem h3 {
    color: var(--ug-ciano) !important;
}

/* NEWSLETTER */
.newsletter button {
    background: var(--ug-ciano) !important;
    color: var(--ug-roxo-escuro) !important;
}

.newsletter button:hover {
    background: var(--ug-magenta) !important;
    color: #fff !important;
}

/* RODAPÉ */
.rodape {
    background: var(--ug-roxo-escuro) !important;
}

.rodape h3 {
    color: var(--ug-ciano) !important;
}

/* CONTADOR */
.contador {
    color: var(--ug-roxo-escuro) !important;
}

/* WHATSAPP FIXO */
.whatsapp-fixo {
    background: #22c55e !important;
    color: #fff !important;
}

/* DETALHES DO PRODUTO */
.detalhe {
    border-color: rgba(19,176,240,0.25) !important;
    background: #f7fcff !important;
}

/* MOBILE */
@media (max-width: 650px) {
    .logo-img img {
        max-width: 220px !important;
        margin-bottom: 12px !important;
    }
}

/* =========================================================
   UNIVERSO GRÁFICO - ATUALIZAÇÃO V72
   Correção global do rodapé e newsletter
   Mantém todas as páginas com o mesmo rodapé correto da Home
========================================================= */

/* Newsletter do rodapé */
.newsletter,
.newsletter-area,
.newsletter-section,
.footer-newsletter,
.ug-newsletter,
.cadastro-newsletter,
.newsletter-box,
section.newsletter,
section.newsletter-area {
    background: linear-gradient(120deg, #13B0F0 0%, #004B70 45%, #371C45 100%) !important;
    color: #FFFFFF !important;
    padding: 38px 20px !important;
    border: none !important;
}

/* Container interno da newsletter */
.newsletter .container,
.newsletter-area .container,
.newsletter-section .container,
.footer-newsletter .container,
.ug-newsletter .container,
.cadastro-newsletter .container {
    max-width: 1420px !important;
    margin: 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 25px !important;
    flex-wrap: wrap !important;
}

/* Títulos e textos da newsletter */
.newsletter h1,
.newsletter h2,
.newsletter h3,
.newsletter p,
.newsletter-area h1,
.newsletter-area h2,
.newsletter-area h3,
.newsletter-area p,
.newsletter-section h1,
.newsletter-section h2,
.newsletter-section h3,
.newsletter-section p,
.footer-newsletter h1,
.footer-newsletter h2,
.footer-newsletter h3,
.footer-newsletter p,
.ug-newsletter h1,
.ug-newsletter h2,
.ug-newsletter h3,
.ug-newsletter p,
.cadastro-newsletter h1,
.cadastro-newsletter h2,
.cadastro-newsletter h3,
.cadastro-newsletter p {
    color: #FFFFFF !important;
}

/* Título CADASTRE-SE */
.newsletter h2,
.newsletter-area h2,
.newsletter-section h2,
.footer-newsletter h2,
.ug-newsletter h2,
.cadastro-newsletter h2 {
    font-size: 26px !important;
    line-height: 1.1 !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    margin: 0 0 6px 0 !important;
}

/* Texto abaixo do título */
.newsletter p,
.newsletter-area p,
.newsletter-section p,
.footer-newsletter p,
.ug-newsletter p,
.cadastro-newsletter p {
    font-size: 16px !important;
    margin: 0 !important;
    opacity: 1 !important;
}

/* Formulário da newsletter */
.newsletter form,
.newsletter-area form,
.newsletter-section form,
.footer-newsletter form,
.ug-newsletter form,
.cadastro-newsletter form {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex: 1 !important;
    justify-content: flex-end !important;
    min-width: 480px !important;
}

/* Campos */
.newsletter input,
.newsletter-area input,
.newsletter-section input,
.footer-newsletter input,
.ug-newsletter input,
.cadastro-newsletter input {
    background: #FFFFFF !important;
    color: #1B1026 !important;
    border: none !important;
    border-radius: 10px !important;
    height: 52px !important;
    padding: 0 18px !important;
    font-size: 14px !important;
    outline: none !important;
    min-width: 270px !important;
    box-shadow: none !important;
}

/* Placeholder */
.newsletter input::placeholder,
.newsletter-area input::placeholder,
.newsletter-section input::placeholder,
.footer-newsletter input::placeholder,
.ug-newsletter input::placeholder,
.cadastro-newsletter input::placeholder {
    color: #666666 !important;
}

/* Botão da newsletter */
.newsletter button,
.newsletter-area button,
.newsletter-section button,
.footer-newsletter button,
.ug-newsletter button,
.cadastro-newsletter button {
    background: #13B0F0 !important;
    color: #FFFFFF !important;
    border: none !important;
    border-radius: 10px !important;
    height: 52px !important;
    padding: 0 34px !important;
    font-weight: 800 !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    box-shadow: none !important;
}

/* Rodapé principal */
footer,
.rodape,
.footer,
.site-footer,
.footer-site,
.ug-footer,
.rodape-site {
    background: #1B1026 !important;
    color: #FFFFFF !important;
    border: none !important;
}

/* Espaçamento principal do rodapé */
footer .container,
.rodape .container,
.footer .container,
.site-footer .container,
.footer-site .container,
.ug-footer .container,
.rodape-site .container {
    max-width: 1420px !important;
    margin: 0 auto !important;
}

/* Títulos do rodapé - remover laranja das páginas internas */
footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
.rodape h1,
.rodape h2,
.rodape h3,
.rodape h4,
.rodape h5,
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer h5,
.footer-site h1,
.footer-site h2,
.footer-site h3,
.footer-site h4,
.footer-site h5,
.ug-footer h1,
.ug-footer h2,
.ug-footer h3,
.ug-footer h4,
.ug-footer h5 {
    color: #FFFFFF !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: .5px !important;
}

/* Textos e links do rodapé */
footer p,
footer span,
footer li,
footer a,
.rodape p,
.rodape span,
.rodape li,
.rodape a,
.footer p,
.footer span,
.footer li,
.footer a,
.site-footer p,
.site-footer span,
.site-footer li,
.site-footer a,
.footer-site p,
.footer-site span,
.footer-site li,
.footer-site a,
.ug-footer p,
.ug-footer span,
.ug-footer li,
.ug-footer a {
    color: #FFFFFF !important;
}

/* Links */
footer a,
.rodape a,
.footer a,
.site-footer a,
.footer-site a,
.ug-footer a {
    text-decoration: none !important;
}

footer a:hover,
.rodape a:hover,
.footer a:hover,
.site-footer a:hover,
.footer-site a:hover,
.ug-footer a:hover {
    color: #13B0F0 !important;
}

/* Botões do rodapé */
footer .btn,
footer button,
.rodape .btn,
.rodape button,
.footer .btn,
.footer button,
.site-footer .btn,
.site-footer button,
.footer-site .btn,
.footer-site button,
.ug-footer .btn,
.ug-footer button {
    border: 1px solid #FFFFFF !important;
    color: #FFFFFF !important;
    background: transparent !important;
    border-radius: 999px !important;
}

footer .btn:hover,
footer button:hover,
.rodape .btn:hover,
.rodape button:hover,
.footer .btn:hover,
.footer button:hover,
.site-footer .btn:hover,
.site-footer button:hover,
.footer-site .btn:hover,
.footer-site button:hover,
.ug-footer .btn:hover,
.ug-footer button:hover {
    background: #13B0F0 !important;
    border-color: #13B0F0 !important;
    color: #FFFFFF !important;
}

/* Ícones sociais */
footer .social a,
footer .redes a,
footer .social-links a,
.rodape .social a,
.rodape .redes a,
.rodape .social-links a,
.footer .social a,
.footer .redes a,
.footer .social-links a,
.site-footer .social a,
.site-footer .redes a,
.site-footer .social-links a,
.ug-footer .social a,
.ug-footer .redes a,
.ug-footer .social-links a {
    width: 38px !important;
    height: 38px !important;
    border: 2px solid #FFFFFF !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #FFFFFF !important;
    background: transparent !important;
}

/* Copyright */
footer .copyright,
footer .copy,
footer .footer-copy,
.rodape .copyright,
.rodape .copy,
.rodape .footer-copy,
.footer .copyright,
.footer .copy,
.footer .footer-copy,
.site-footer .copyright,
.site-footer .copy,
.site-footer .footer-copy,
.ug-footer .copyright,
.ug-footer .copy,
.ug-footer .footer-copy {
    color: #FFFFFF !important;
    text-align: center !important;
}

/* Desenvolvido por */
footer .desenvolvido,
footer .developer,
footer .creditos,
.rodape .desenvolvido,
.rodape .developer,
.rodape .creditos,
.footer .desenvolvido,
.footer .developer,
.footer .creditos,
.site-footer .desenvolvido,
.site-footer .developer,
.site-footer .creditos,
.ug-footer .desenvolvido,
.ug-footer .developer,
.ug-footer .creditos {
    color: #BFC0CD !important;
    text-align: center !important;
}

/* Botão flutuante do WhatsApp */
.whatsapp-float,
.btn-whatsapp,
.float-whatsapp,
.whatsapp-fixed {
    background: #25D366 !important;
    color: #FFFFFF !important;
    border-radius: 50% !important;
    box-shadow: 0 10px 25px rgba(0,0,0,.25) !important;
}

/* Responsivo */
@media (max-width: 900px) {
    .newsletter .container,
    .newsletter-area .container,
    .newsletter-section .container,
    .footer-newsletter .container,
    .ug-newsletter .container,
    .cadastro-newsletter .container {
        display: block !important;
        text-align: center !important;
    }

    .newsletter form,
    .newsletter-area form,
    .newsletter-section form,
    .footer-newsletter form,
    .ug-newsletter form,
    .cadastro-newsletter form {
        min-width: 100% !important;
        margin-top: 20px !important;
        display: block !important;
    }

    .newsletter input,
    .newsletter-area input,
    .newsletter-section input,
    .footer-newsletter input,
    .ug-newsletter input,
    .cadastro-newsletter input,
    .newsletter button,
    .newsletter-area button,
    .newsletter-section button,
    .footer-newsletter button,
    .ug-newsletter button,
    .cadastro-newsletter button {
        width: 100% !important;
        min-width: 100% !important;
        margin-bottom: 10px !important;
    }
}