/* ======================================================
   MICHAELL DOUGLAS • PROTESE CAPILAR
   VERSAO FINAL V3 — BLACK TOTAL
   100% SEM BRANCO — AJUSTADO AO TEMA REAL
====================================================== */

/* ===== RESET ABSOLUTO ===== */
html,
body,
#corpo,
.corpo,
.fundo-principal,
.conteiner,
.conteiner-principal,
.main-content,
.container,
.row-fluid,
.row,
[class*="span"],
[class*="col-"] {
    background: #000000 !important;
    color: #f5f5f5 !important;
}

/* REMOVE QUALQUER TEXTURA DO TEMA */
* {
    background-image: none !important;
}

/* REMOVE FUNDO CLARO FORÇADO */
div,
section,
article,
aside,
header,
footer,
nav {
    background-color: transparent !important;
}

/* ===== CABEÇALHO ===== */
#cabecalho,
#cabecalho .conteiner,
.topo,
.header,
.barra-inicial {
    background: #000000 !important;
    border: none !important;
    box-shadow: none !important;
}

/* TEXTO TOPO */
.barra-inicial,
.barra-inicial a {
    color: #ffffff !important;
}

.barra-inicial a:hover {
    color: #d4af37 !important;
}

/* LOGO */
.logo,
.logo a {
    color: #d4af37 !important;
}

/* ===== BUSCA ===== */
.busca input,
#form-buscar input {
    background: #111111 !important;
    border: 1px solid #5b4317 !important;
    color: #ffffff !important;
    border-radius: 8px !important;
}

/* BOTAO BUSCA */
.botao-busca,
button,
.btn,
.botao,
.botao-comprar {
    background: #d4af37 !important;
    color: #111111 !important;
    border: none !important;
    border-radius: 8px !important;
}

/* ===== MENU ===== */
.menu,
#menu,
.navegacao {
    background: #000000 !important;
    border-top: 1px solid #2b1f0d !important;
    border-bottom: 1px solid #2b1f0d !important;
}

.menu a,
#menu a {
    color: #ffffff !important;
}

.menu a:hover,
#menu a:hover {
    color: #d4af37 !important;
}

/* ===== LINHA DOURADA ===== */
hr {
    border-color: #2b1f0d !important;
}

/* ===== BLOCO LOGIN / CADASTRO ===== */
.caixa-sombreada,
.box,
.box-login,
.box-cadastro,
.login,
.cadastro,
.identificacao,
.area-login,
.formulario {
    background: #0d0d0d !important;
    border: 1px solid #3a2c10 !important;
    border-radius: 12px !important;
    box-shadow: none !important;
}

/* INPUTS */
input,
textarea,
select {
    background: #111111 !important;
    border: 1px solid #5b4317 !important;
    color: #ffffff !important;
}

/* ===== ALERTA ROSA ===== */
.alert,
.alert-danger,
.alert-error {
    background: #1a1a1a !important;
    color: #ffffff !important;
    border: 1px solid #5b4317 !important;
}

/* ===== VITRINE ===== */
.listagem,
.produto,
.caixa-produto,
.listagem-item {
    background: #000000 !important;
    border: none !important;
}

/* CARD PRODUTO */
.listagem li,
.produto > div {
    background: #111111 !important;
    border: 1px solid #3a2c10 !important;
    border-radius: 12px !important;
}

/* ===== PREÇOS ===== */
.preco,
.preco-produto {
    color: #d4af37 !important;
}

/* ===== RODAPÉ ===== */
#rodape,
#rodape .conteiner,
.rodape,
.rodape .row-fluid,
.rodape .span3,
.rodape .span4,
.rodape .span6,
.rodape .span9,
.rodape .span12 {
    background: #000000 !important;
    border: none !important;
}

/* REMOVE FUNDO CINZA DO "PAGUE COM" */
.pague-com,
.selos,
.social,
.sobre-loja {
    background: #000000 !important;
    border: none !important;
}

/* TEXTOS RODAPÉ */
#rodape,
#rodape p,
#rodape a {
    color: #ffffff !important;
}

#rodape a:hover {
    color: #d4af37 !important;
}

/* TITULOS */
#rodape h4,
#rodape .titulo {
    color: #d4af37 !important;
}

/* ===== FAIXA FINAL ===== */
.rodape-creditos,
.copyright {
    background: #000000 !important;
    border-top: 1px solid #2b1f0d !important;
    color: #aaaaaa !important;
}

/* ===== MODAL (POPUP BRANCO) ===== */
.modal,
.modal-content,
.popup,
.caixa-modal {
    background: #0d0d0d !important;
    border: 1px solid #3a2c10 !important;
    color: #ffffff !important;
}

/* FUNDO ESCURO DO MODAL */
.modal-backdrop {
    background: rgba(0,0,0,0.9) !important;
}

/* BOTÕES MODAL */
.modal button {
    background: #d4af37 !important;
    color: #111 !important;
}

/* ===== REMOVE QUALQUER BRANCO INLINE ===== */
[style*="background: #fff"],
[style*="background:#fff"],
[style*="background: white"] {
    background: #000000 !important;
}

/* ===== MOBILE ===== */
@media (max-width: 767px) {

    .conteiner,
    .row-fluid,
    [class*="span"] {
        background: #000000 !important;
    }

    .botao,
    .btn {
        width: 100% !important;
    }
}
/* ======================================================
   CORRECAO FINAL ABSOLUTA — REMOCAO 100% DO BRANCO
   COLAR NO FINAL DO CSS
====================================================== */

/* ===== LATERAIS BRANCAS DO RODAPE / GRID ===== */
#rodape .institucional,
#rodape .institucional .conteiner,
#rodape .institucional .row-fluid,
#rodape .institucional .row-fluid > div,
#rodape .institucional [class*="span"],
#rodape .institucional [class*="span"] > div,
#rodape .pagamento-selos,
#rodape .pagamento-selos .conteiner,
#rodape .pagamento-selos .row-fluid,
#rodape .pagamento-selos .row-fluid > div,
#rodape .pagamento-selos [class*="span"],
#rodape .pagamento-selos [class*="span"] > div,
#rodape .social,
#rodape .social .conteiner,
#rodape .social .row-fluid,
#rodape .social .row-fluid > div,
#rodape .social [class*="span"],
#rodape .social [class*="span"] > div,
#rodape .sobre-loja,
#rodape .sobre-loja .conteiner,
#rodape .sobre-loja .row-fluid,
#rodape .sobre-loja .row-fluid > div,
#rodape .sobre-loja [class*="span"],
#rodape .sobre-loja [class*="span"] > div,
.rodape,
.rodape .conteiner,
.rodape .row-fluid,
.rodape .row-fluid > div,
.rodape [class*="span"],
.rodape [class*="span"] > div {
    background: #000000 !important;
    background-color: #000000 !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
}

/* ===== TEXTURA CLARA DOS BLOCOS ===== */
#rodape .caixa,
#rodape .caixa * ,
#rodape .box,
#rodape .box *,
#rodape .modulo,
#rodape .modulo *,
#rodape .componente,
#rodape .componente *,
#rodape .newsletter,
#rodape .newsletter *,
#rodape .pagamento-selos *,
#rodape .social *,
#rodape .sobre-loja * {
    background-image: none !important;
}

/* ===== BLOCO SOCIAL BRANCO ===== */
#rodape .social,
#rodape .social .caixa,
#rodape .social .box,
#rodape .social .componente,
#rodape .social .conteiner,
#rodape .social .row-fluid,
#rodape .social [class*="span"],
#rodape .social ul,
#rodape .social li {
    background: #000000 !important;
    background-color: #000000 !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
}

/* ===== BLOCO PAGUE COM / SELOS ===== */
#rodape .pagamento-selos,
#rodape .pagamento-selos .caixa,
#rodape .pagamento-selos .box,
#rodape .pagamento-selos .componente,
#rodape .pagamento-selos .conteiner,
#rodape .pagamento-selos .row-fluid,
#rodape .pagamento-selos [class*="span"],
#rodape .pagamento-selos ul,
#rodape .pagamento-selos li,
#rodape .selos,
#rodape .selos .caixa,
#rodape .pague-com,
#rodape .pague-com .caixa {
    background: #000000 !important;
    background-color: #000000 !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
}

/* ===== CREDITO FINAL E FAIXAS CLARAS DA BASE ===== */
.rodape-creditos,
.rodape-creditos .conteiner,
.rodape-creditos .row-fluid,
.rodape-creditos [class*="span"],
.copyright,
.copyright .conteiner,
.copyright .row-fluid,
.copyright [class*="span"],
#rodape .logo-integrada,
#rodape .logo-integrada *,
#rodape .institucional.final,
#rodape .institucional.final * {
    background: #000000 !important;
    background-color: #000000 !important;
    background-image: none !important;
    color: #d9d9d9 !important;
    border: none !important;
    box-shadow: none !important;
}

/* ===== MODAL / POPUP BRANCO ===== */
.modal,
.modal-dialog,
.modal-content,
.modal-header,
.modal-body,
.modal-footer,
.popup,
.popup-content,
.caixa-modal,
.fancybox-skin,
.fancybox-inner,
.fancybox-outer,
.ui-dialog,
.ui-dialog-content,
.ui-widget-content {
    background: #0b0b0b !important;
    background-color: #0b0b0b !important;
    background-image: none !important;
    color: #ffffff !important;
    border-color: #4a3511 !important;
    box-shadow: none !important;
}

/* ===== TABELA INTERNA DO MODAL QUE AINDA FICOU CLARA ===== */
.modal table,
.modal table tr,
.modal table td,
.modal table th,
.popup table,
.popup table tr,
.popup table td,
.popup table th,
.caixa-modal table,
.caixa-modal table tr,
.caixa-modal table td,
.caixa-modal table th,
.fancybox-inner table,
.fancybox-inner table tr,
.fancybox-inner table td,
.fancybox-inner table th {
    background: #0b0b0b !important;
    background-color: #0b0b0b !important;
    color: #ffffff !important;
    border-color: #2a2a2a !important;
}

/* ===== CAMPOS DO FORMULARIO DO MODAL ===== */
.modal input,
.modal textarea,
.modal select,
.popup input,
.popup textarea,
.popup select,
.caixa-modal input,
.caixa-modal textarea,
.caixa-modal select,
.fancybox-inner input,
.fancybox-inner textarea,
.fancybox-inner select {
    background: #111111 !important;
    color: #ffffff !important;
    border: 1px solid #5b4317 !important;
    box-shadow: none !important;
}

/* ===== TEXTOS APAGADOS NO MODAL ===== */
.modal label,
.modal p,
.modal span,
.modal strong,
.modal td,
.modal th,
.popup label,
.popup p,
.popup span,
.popup strong,
.popup td,
.popup th,
.caixa-modal label,
.caixa-modal p,
.caixa-modal span,
.caixa-modal strong,
.caixa-modal td,
.caixa-modal th,
.fancybox-inner label,
.fancybox-inner p,
.fancybox-inner span,
.fancybox-inner strong,
.fancybox-inner td,
.fancybox-inner th {
    color: #ffffff !important;
}

/* ===== BACKDROP DO MODAL ===== */
.modal-backdrop,
.fancybox-overlay,
.ui-widget-overlay {
    background: rgba(0,0,0,0.92) !important;
}

/* ===== QUALQUER ELEMENTO COM BRANCO INLINE ===== */
[style*="background:#fff"],
[style*="background: #fff"],
[style*="background-color:#fff"],
[style*="background-color: #fff"],
[style*="background:white"],
[style*="background: white"],
[style*="background-color:white"],
[style*="background-color: white"],
[style*="rgb(255, 255, 255)"] {
    background: #000000 !important;
    background-color: #000000 !important;
    background-image: none !important;
}

/* ===== EXCECAO PARA CAPTCHA NAO QUEBRAR ===== */
.g-recaptcha,
.g-recaptcha *,
.recaptcha,
.recaptcha *,
iframe[src*="recaptcha"],
iframe[src*="google.com/recaptcha"] {
    background: transparent !important;
    background-color: transparent !important;
}

/* ===== AJUSTE FINAL DAS COLUNAS EXTERNAS ===== */
#rodape .row-fluid:before,
#rodape .row-fluid:after,
.rodape .row-fluid:before,
.rodape .row-fluid:after {
    display: none !important;
}
/* ===== REFORCO VISUAL PRETO E DOURADO ===== */
#rodape .titulo,
#rodape h4,
.rodape .titulo,
.rodape h4 {
    color: #d4af37 !important;
}

#rodape,
#rodape p,
#rodape span,
#rodape li,
#rodape a,
.rodape,
.rodape p,
.rodape span,
.rodape li,
.rodape a {
    color: #ffffff !important;
}

#rodape a:hover,
.rodape a:hover {
    color: #d4af37 !important;
}

.modal .botao,
.modal .btn,
.popup .botao,
.popup .btn,
.caixa-modal .botao,
.caixa-modal .btn,
.fancybox-inner .botao,
.fancybox-inner .btn {
    background: #d4af37 !important;
    color: #111111 !important;
    border: none !important;
}
/* ======================================================
   AJUSTE FINAL DO RODAPE
   RESTAURA FORMAS DE PAGAMENTO / SELOS / ICONES
====================================================== */

/* mantém o rodapé preto */
#rodape,
#rodape .conteiner,
#rodape .institucional,
#rodape .pagamento-selos,
#rodape .social,
.rodape,
.rodape .conteiner,
.rodape .institucional,
.rodape .pagamento-selos,
.rodape .social {
    background: #000000 !important;
    background-color: #000000 !important;
    background-image: none !important;
}

/* títulos do rodapé */
#rodape .titulo,
#rodape h4,
.rodape .titulo,
.rodape h4 {
    color: #d4af37 !important;
}

/* textos do rodapé */
#rodape,
#rodape p,
#rodape span,
#rodape li,
#rodape a,
.rodape,
.rodape p,
.rodape span,
.rodape li,
.rodape a {
    color: #ffffff !important;
}

/* restaura imagens e ícones do rodapé */
#rodape img,
#rodape svg,
#rodape .icon,
#rodape .fa,
#rodape .icon-facebook,
#rodape .icon-instagram,
.rodape img,
.rodape svg,
.rodape .icon,
.rodape .fa,
.rodape .icon-facebook,
.rodape .icon-instagram {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    max-width: 100% !important;
    height: auto !important;
    background: transparent !important;
    background-color: transparent !important;
    filter: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* formas de pagamento */
#rodape .pagamento-selos img,
#rodape .pagamento-selos svg,
#rodape .pague-com img,
#rodape .forma-pagamento img,
#rodape .formas-pagamento img,
#rodape .lista-formas-pagamento img,
.rodape .pagamento-selos img,
.rodape .pagamento-selos svg,
.rodape .pague-com img,
.rodape .forma-pagamento img,
.rodape .formas-pagamento img,
.rodape .lista-formas-pagamento img {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    background: transparent !important;
    background-color: transparent !important;
    filter: none !important;
}

/* selo ssl */
#rodape .selos img,
#rodape .selo img,
#rodape .ssl img,
.rodape .selos img,
.rodape .selo img,
.rodape .ssl img {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    background: transparent !important;
    background-color: transparent !important;
    filter: none !important;
}

/* ícones sociais */
#rodape .social img,
#rodape .social a,
#rodape .social i,
.rodape .social img,
.rodape .social a,
.rodape .social i {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

/* evita que regras globais apaguem os ícones */
#rodape .pagamento-selos *,
#rodape .selos *,
#rodape .social *,
.rodape .pagamento-selos *,
.rodape .selos *,
.rodape .social * {
    background-image: none !important;
}

/* exceção: imagens não devem receber fundo preto */
#rodape .pagamento-selos img,
#rodape .selos img,
#rodape .social img,
.rodape .pagamento-selos img,
.rodape .selos img,
.rodape .social img {
    background: transparent !important;
    background-color: transparent !important;
}

/* linha divisória fina dourada */
#rodape hr,
.rodape hr {
    border-color: #2b1f0d !important;
}