:root {
    --fonte: "Roboto", Helvetica, Arial, sans-serif !important;
    --cor-titulo: #04264c !important; /* Título */
    --cor-destaque-1: #04264c !important; /* Background cabeçalho */
    --cor-destaque-2: #026CB6 !important; /* Background Menu horizontal e botões */
    --cor-destaque-3: #81828d !important; /* Bordas do detalhamento, bg botão de paginação, 'hover' p/ botão de ação, 'hover' p/ texto caixa produto */

    --cor-fonte-1: #ffffff !important; /* Menu Home */
    --cor-fonte-2: #04264c !important; /* Textos */
    --cor-fonte-3: #04264c !important; /* Título detalhe */ 
    --cor-fonte-4: #ECEEEC !important; /* Cabeçalho */ 

    --cor-fundo-1: #ffffff !important; /* Background detalhe */
    --cor-fundo-2: #ffffff !important; /* Background detalhe box img/box detalhe/faixa alternada da ficha técnica */
    --cor-fundo-3: #ECEEEC !important; /* Background faixa 1 da ficha técnica */
    --cor-fundo-4: #FFFFFF !important; /* Background faixa 2 da ficha técnica */
    --cor-line-1: #ECEEEC !important; /* Linha de separação das faixas da ficha técnica */

    --titulo-externo: Loja MAXPOINTS;

    --cor-btn-light: #ffffff;
    --cor-btn-light-active: #d4d4d4;
    --cor-btn-light-hover: #e6e6e6;
    --cor-btn-light-texto: #333333;

    --cor-btn-disabled: #ffffff59;        
    
    --cor-btn-success: #00529C; /* #337ab7 */
    --cor-btn-success-active: #204d74;
    --cor-btn-success-hover: #013F75;
    --cor-btn-success-texto: #ffffff;
    
    --cor-btn-primary: #00529C; /* #337ab7 */
    --cor-btn-primary-active: #204d74;
    --cor-btn-primary-hover: #013F75; /* #286090; */
    --cor-btn-primary-texto: #ffffff;
    
    --cor-btn-info: #5bc0de;
    --cor-btn-info-active: #269abc;
    --cor-btn-info-hover: #31b0d5;
    --cor-btn-info-texto: #ffffff;
    
    --cor-btn-danger: #d9534f;
    --cor-btn-danger-active: #ac2925;
    --cor-btn-danger-hover: #c9302c;
    --cor-btn-danger-texto: #ffffff;

    --vitrine-produto-borda: 1px solid #c0c0c0;

}

.btn-success {
    --bs-btn-color: var(--cor-btn-success-texto);
    --bs-btn-bg: var(--cor-btn-success);
    --bs-btn-border-color: var(--cor-btn-success);
    --bs-btn-hover-color: var(--cor-btn-success-texto);
    --bs-btn-hover-bg: var(--cor-btn-success-hover);
    --bs-btn-hover-border-color: var(--cor-btn-success-hover);
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: var(--cor-btn-success-texto);
    --bs-btn-active-bg: var(--cor-btn-success-active);
    --bs-btn-active-border-color: var(--cor-btn-success-active);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--cor-btn-success-texto);
    --bs-btn-disabled-bg: var(--cor-btn-disabled);
    --bs-btn-disabled-border-color: var(--cor-btn-disabled);
}

.btn-primary {
    --bs-btn-color: var(--cor-btn-primary-texto);
    --bs-btn-bg: var(--cor-btn-primary);
    --bs-btn-border-color: var(--cor-btn-primary);
    --bs-btn-hover-color: var(--cor-btn-primary-texto);
    --bs-btn-hover-bg: var(--cor-btn-primary-hover);
    --bs-btn-hover-border-color: var(--cor-btn-primary-hover);
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: var(--cor-btn-primary-texto);
    --bs-btn-active-bg: var(--cor-btn-primary-active);
    --bs-btn-active-border-color: var(--cor-btn-primary-active);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--cor-btn-primary-texto);
    --bs-btn-disabled-bg: var(--cor-btn-disabled);
    --bs-btn-disabled-border-color: var(--cor-btn-disabled);
}

.btn-info {
    --bs-btn-color: var(--cor-btn-info-texto);
    --bs-btn-bg: var(--cor-btn-info);
    --bs-btn-border-color: var(--cor-btn-info);
    --bs-btn-hover-color: var(--cor-btn-info-texto);
    --bs-btn-hover-bg: var(--cor-btn-info-hover);
    --bs-btn-hover-border-color: var(--cor-btn-info-hover);
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: var(--cor-btn-info-texto);
    --bs-btn-active-bg: var(--cor-btn-info-active);
    --bs-btn-active-border-color: var(--cor-btn-info-active);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--cor-btn-info-texto);
    --bs-btn-disabled-bg: var(--cor-btn-disabled);
    --bs-btn-disabled-border-color: var(--cor-btn-disabled);
}

.btn-danger {
    --bs-btn-color: var(--cor-btn-danger-texto);
    --bs-btn-bg: var(--cor-btn-danger);
    --bs-btn-border-color: var(--cor-btn-danger);
    --bs-btn-hover-color: var(--cor-btn-danger-texto);
    --bs-btn-hover-bg: var(--cor-btn-danger-hover);
    --bs-btn-hover-border-color: var(--cor-btn-danger-hover);
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: var(--cor-btn-danger-texto);
    --bs-btn-active-bg: var(--cor-btn-danger-active);
    --bs-btn-active-border-color: var(--cor-btn-danger-active);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--cor-btn-danger-texto);
    --bs-btn-disabled-bg: var(--cor-btn-disabled);
    --bs-btn-disabled-border-color: var(--cor-btn-disabled);
}

/* >>> Maxpoints */
.mp-cor-padrao-1 {
	color: var(--cor-fonte-2);
}
.mp-cor-padrao-2 {
	color: var(--cor-destaque-1);
}
.mp-icone {
	height: 30px;
	color: var(--cor-destaque-1);    
}
.mp-bloco-10 {
	background-color: #e0e8f1;
}
.mp-retira-loja {
	color: #04264c;	
}
.mp-retira-loja-link:hover {
    color: #ffffff;
}
.a:mp-retira-loja {
    color: #04264c;
}
.mp-bloco-20 {
	background-color: #e0e8f1;
	border-top: 2px solid #fff;
}
.mp-fone {
	font-size: 180%;
	font-weight: bold;
    color: #04264c;
}
.mp-whatsapp {
    background-color: #34af23;	
	padding: 5px;
}
.mp-whatsapp-icone {
	font-size: 250%;
    color: #fff;	
	padding-right: 5px;
}
.mp-whatsapp-nro {
	font-size: 150%;
    color: #fff;
}
.mp-bloco-21 {
	background-color: #fff;
}
.mp-ajuda {
	color: #04264c;	
}
.mp-ajuda-link:hover {
    color: #04264c;
}
.a:mp-ajuda {
    color: #04264c;
}
.mp-bloco-30 {
	background-color: var(--cor-destaque-1);
	color: #000000;	
	border-bottom: 2px solid #fff;
}
.mp-cadastro-email {
    color: #fff;
}
.mp-bloco-40 {
	background-color: var(--cor-destaque-1);
	color: #04264c;	
	padding: 20px;
	border-bottom: 2px solid #fff;
}
li.mp-lista {
	border-left: 0 none;
	border-right: 0 none;  
	border-bottom: 1 solid;  
	background: none;	
}
.mp-lista-link:hover {
    color: #ffffff;
}
.mp-lista-link {
    color: #04264c;
}
.mp-bloco-50 {
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
	color: #ffffff;    
	padding: 30px;
	border-top: 1px solid #d4d4d4;
}
.mp-cor-padrao {
	color: #026CB6;
}
.mp-cor-padrao:hover {
    color: var(--cor-destaque-1); 
}
.mp-cor-padrao:any-link {
	color: var(--cor-destaque-2); 
}
.mp-cor-padrao:any-link:hover {
    color: var(--cor-destaque-1); 
}
.mp-logo {
    max-width: 220px;
    padding: 10px;
}
.mp-redessociais-lista {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    flex-wrap: wrap;
    margin: 0 auto;
	color: var(--cor-fonte-2);
	padding: 10px;
}
.mp-redessociais {
	color: var(--cor-destaque-3);
	font-size: 150%;
	padding: 10px;	
}
.mp-redessociais-icone {
	color: var(--cor-destaque-3);
	padding: 0px;
}
.mp-redessociais-icone:hover {
    color: var(--cor-destaque-1);
}
.mp-pagamentos {
    display: flex;
    flex-direction: row;
    justify-content: left;
    width: 100%;
    flex-wrap: wrap;
    margin: 0 auto;
	padding: 10px 10px 0px 0px;	
}
.mp-pagamentos-lista {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    flex-wrap: wrap;
    margin: 0 auto;
	color:var(--cor-fonte-2);
	padding: 10px;
}
.mp-pagamentos img {
    height: 30px;
    margin: 0px 10px 20px 0px;
}
.mp-selos {
    display: flex;
    flex-direction: row;
    justify-content: left;
    width: 100%;
    flex-wrap: wrap;
    margin: 0 auto;
	padding: 10px 10px 0px 0px;	
}
.mp-selos img {
    height: 40px;
    margin: 0px 20px 20px 0px;
}
/* >>> Redefinições do Padrão BS */
.list-group-item {
    background-color: transparent;
    color: var(--cor-fonte-1);
    padding-left: 0px;
    border: 0px;
}
.list-group-aux .list-group-item:hover {
    color: var(--cor-fonte-2);
}
/* <<< Redefinições do Padrão BS */
/* <<< Maxpoints */
