﻿.card_option p {
	margin: 5px 0 0;
    font-size: .9em;
    color: #0273bf;
}

#signup-type a {
    font-size: 15px;
    padding: 5px 15px;
    background: #0273bf;
    border-radius: 5px;
    color: #fff;
}

header {
	background: #ffffff;
	border-bottom: 7px solid #0273bf;
	color: #000;
}

header nav a {
    font-weight: normal;
    color: #000;
}

header nav li {
    display: inline-block;
    margin-left: 20px;
    font-size: .9em;
    color: #000;
}

a {
	color: #000;
}

#logo img {
	display: block;
	max-width: 200px;
	margin: 5px auto;
}

input~.bar:before,
#signup-type a:hover {
	background: #333
}

button,
.button {
	background: #0273bf
}

#shipping-calculator fieldset{height: auto}
#shipping-calculator p {font-size: .8em;}
#shipment-options .transp_name{display: block; margin-bottom: 3px; }
#shipment-options .transp_cost{margin: 0 5px 0 0}
#shipment-options .best-price:after,
#shipment-options .best-eta:after{margin-left: 5px; padding: 2px 5px; font-size: .85em; font-weight: 600; color: #fff}
#shipment-options .best-price:after{content: 'Melhor preço'; background: #383}
#shipment-options .best-eta:after{content: 'Melhor prazo';  background: #2C58A8}

fieldset input:focus~label,
fieldset input:valid~label,
fieldset input:valid:not(:focus):not(:placeholder-shown)~label,
#signup-ie-isento input:checked+label,
#account-ie-isento input:checked+label,
#gender input:checked+label {
	color: #333;
}
.cart-item-qt small{display: block; color: #333}

#signup-ie-isento input:checked+label::before,
#account-ie-isento input:checked+label::before,
#gender input:checked+label::before {
	background: #333;
	border: 2px solid #333;
}

.pix_key label[for="pix-chave"] {
	font-size: 0
}

.pix_key label[for="pix-chave"]:after {
	content: 'Nosso CNPJ';
	font-size: 1rem
}

.pix_key button {
	display: flex;
	justify-content: center;
}

.pix_key button small {
	display: none
}

.pix_key button:after {
	content: ' COPIAR';
	margin-left: 10px;
	font-size: .8em
}

.pix_instructions ol {
	padding: 0;
	line-height: 2;
}

.pix_instructions ol li {
	display: none;
}

.pix_key {
	align-self: flex-start
}

#pix-qr-code ol:before {
	content: '1. Abra o app do seu banco ou instituição financeira e entre no ambiente PIX \A 2. Selecione como pagamento "QR Code" \A 3. Aponte a câmera do seu celular para o código, confira as informações e faça o pagamento. \A OBS: O nome para transferência irá aparecer como PagHiper (fornecedor do serviço PIX no site).';
	white-space: pre-wrap;
}

.pix_instructions ol:before {
	content: '1. Copie o código \A 2. Abra o app do seu banco ou institução financeira e entre no ambiente PIX. \A 3. Selecione como pagamento "Copia e Cola" \A 4. Cole o código, confira as informações e faça o pagamento. \A OBS: O nome para transferência irá aparecer como PagHiper (fornecedor do serviço PIX no site).';
	white-space: pre-wrap;
}

.pix_instructions:after {
	content: 'Caso o pedido não apareça como "pago" em até 24 horas ou não consiga pagar, por favor entre em contato conosco através do whatsApp (11) 2292-8347.';
	display: block;
	line-height: 1.75em;
	font-size: .95em;
	font-weight: 600;
}

/*#carriers h3:after {
	content: 'Olá Cliente, lembrando que pedidos feitos entre os dias 09/02 e 13/02 entrarão para separação e despacho à partir do dia 14/02 devido ao recesso de Carnaval em São Paulo. \A A central de atendimento ao cliente ficará ausente durante esse mesmo período.';
	display: block;
	margin-top: 10px;
	line-height: 1.75em;
	font-size: 0.9em;
	font-weight: bold;
	color: #c33;
	white-space: pre-wrap;
}*/

.main_content aside {
    height: fit-content;
    margin-top: 20px;
}

#signup-type a[href="/signup?userType=J"]{
	display: inline-flex; 
	font-size: 0;
}

#signup-type a[href="/signup?userType=J"]:before{
	content: 'Conta CNPJ'; 
	font-size: .8rem;
}

#payment-options ul{
	display: flex; 
	flex-direction: column;
}

#payment-options li:nth-last-child(1){
	order: -1;
}

/*CUSTOM*/
#signup h1::after {
    content: 'Clique em Conta CNPJ para cadastro em pessoa jurídica';
    display: block;
    color: red;
    font-size: 0.9em;
    margin-top: 10px;
}

#signup-type a[href="/signup?userType=J"]:before {
    content: 'Conta CNPJ';
    font-size: 1.4rem;
}

#signup-type a[href="/signup?userType=F"] {
    font-size: 1.4rem;
}

#signup-type a {
	background: #df020a;
}

#cart-summary::after {
    content: '';
    background-image: url(/octopus/design/images/228/misc/atencao.png);
    display: inline-block;
    width: 100%;
    height: 100px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: 20px;
}