/* =========================================================
   PINHO NUTS - CHECKOUT LOJA INTEGRADA
   Verde: #3f771b
   Marrom: #563b1a
   ========================================================= */


/* =========================================================
   BASE
   ========================================================= */

body.carrinho-checkout {
  margin: 0;
  background: #f5f4f0;
  color: #2f2a25;
  font-family: Arial, Helvetica, sans-serif;
}

body.carrinho-checkout .conteiner-principal,
body.carrinho-checkout #corpo {
  background: transparent;
  background-image: none;
}

body.carrinho-checkout #corpo .titulo,
body.carrinho-checkout #corpo input,
body.carrinho-checkout #corpo select,
body.carrinho-checkout #corpo textarea,
body.carrinho-checkout #corpo button,
body.carrinho-checkout #corpo .botao,
body.carrinho-checkout #corpo label {
  font-family: Arial, Helvetica, sans-serif;
}

body.carrinho-checkout #corpo a {
  color: #3f771b;
}

body.carrinho-checkout #corpo > .conteiner {
  max-width: 1240px;
  background: transparent;
  box-shadow: none;
  padding: 24px;
}


/* =========================================================
   CARDS
   ========================================================= */

body.carrinho-checkout #corpo .caixa-sombreada {
  background: #ffffff;
  color: #2f2a25;
  border: 1px solid #e4e0d8;
  border-radius: 14px;
  box-shadow: 0 8px 28px rgba(86, 59, 26, 0.06);
  padding: 22px;
  margin-bottom: 22px;
}


/* =========================================================
   FORMULARIO
   ========================================================= */

body.carrinho-checkout #formularioCheckout fieldset {
  min-width: 0;
}

body.carrinho-checkout #formularioCheckout legend {
  font-size: 18px;
  line-height: 1.5;
  font-weight: 700;
  color: #563b1a;
  border: 0;
  margin-bottom: 20px;
  white-space: normal;
}

body.carrinho-checkout #formularioCheckout legend a {
  color: #3f771b;
}

body.carrinho-checkout #formularioCheckout legend i {
  color: #3f771b;
  margin-right: 10px;
}

body.carrinho-checkout #formularioCheckout .control-label {
  font-size: 13px;
  line-height: 1.5;
  font-weight: 600;
  color: #3b3631;
  margin-bottom: 6px;
}

body.carrinho-checkout #formularioCheckout .control-group {
  margin-bottom: 16px;
}


/* =========================================================
   CAMPOS
   ========================================================= */

body.carrinho-checkout #formularioCheckout input[type="text"],
body.carrinho-checkout #formularioCheckout input[type="email"],
body.carrinho-checkout #formularioCheckout input[type="tel"],
body.carrinho-checkout #formularioCheckout input[type="password"],
body.carrinho-checkout #formularioCheckout input[type="number"],
body.carrinho-checkout #formularioCheckout select,
body.carrinho-checkout #formularioCheckout textarea,
body.carrinho-checkout #login-content input {
  max-width: 100%;
  min-height: 42px;
  height: auto;
  padding: 10px 12px;
  background: #fafaf7;
  color: #2f2a25;
  border: 1px solid #ddd8cf;
  border-radius: 8px;
  box-shadow: none;
  font-size: 14px;
  line-height: 20px;
}

body.carrinho-checkout #formularioCheckout input:hover,
body.carrinho-checkout #formularioCheckout select:hover,
body.carrinho-checkout #formularioCheckout textarea:hover,
body.carrinho-checkout #login-content input:hover {
  border-color: #c9c2b7;
}

body.carrinho-checkout #formularioCheckout input:focus,
body.carrinho-checkout #formularioCheckout select:focus,
body.carrinho-checkout #formularioCheckout textarea:focus,
body.carrinho-checkout #login-content input:focus {
  background: #ffffff;
  border-color: #3f771b;
  outline: 0;
  box-shadow: 0 0 0 3px rgba(63, 119, 27, 0.10);
}


/* =========================================================
   PESSOA FISICA / JURIDICA
   ========================================================= */

body.carrinho-checkout #tipoCadastro {
  border-color: #e4e0d8;
  padding: 14px 0;
  margin-bottom: 20px;
}

body.carrinho-checkout #tipoCadastro a {
  color: #3b3631;
  font-size: 12px;
  font-weight: 600;
}

body.carrinho-checkout #tipoCadastro .active a {
  color: #3f771b;
}

body.carrinho-checkout .resumo-compra .cor-principal {
  color: #3f771b;
}


/* =========================================================
   TEXTOS AUXILIARES
   ========================================================= */

body.carrinho-checkout #formularioCheckout .help-block,
body.carrinho-checkout #corpo .muted,
body.carrinho-checkout #formularioCheckout .warning-text {
  color: #6d6963;
  line-height: 1.5;
}


/* =========================================================
   ERROS
   ========================================================= */

body.carrinho-checkout #formularioCheckout .error input,
body.carrinho-checkout #formularioCheckout .erro input {
  border-color: #b42318;
}

body.carrinho-checkout #formularioCheckout .error .help-block,
body.carrinho-checkout #formularioCheckout .erro .help-block {
  color: #b42318;
}


/* =========================================================
   PAGAMENTO
   ========================================================= */

body.carrinho-checkout #corpo #formas-pagamento-wrapper {
  background: #563b1a;
  color: #ffffff;
  border-color: #563b1a;
  border-radius: 14px;
  box-shadow: 0 8px 28px rgba(86, 59, 26, 0.12);
}

body.carrinho-checkout #formas-pagamento-wrapper > fieldset > legend {
  color: #ffffff;
}

body.carrinho-checkout #formas-pagamento-wrapper > fieldset > legend i {
  color: #ffffff;
}

body.carrinho-checkout #formas-pagamento-wrapper .politica-privacidade {
  color: #ffffff;
}

body.carrinho-checkout #formas-pagamento-wrapper label {
  color: #ffffff;
}

body.carrinho-checkout #exibirFormasPagamento .btn {
  color: #ffffff;
  background: transparent;
  border-color: #b39d84;
  text-shadow: none;
  box-shadow: none;
}

body.carrinho-checkout #formasPagamento {
  border: 0;
}


/* =========================================================
   OPCOES DE PAGAMENTO
   ========================================================= */

body.carrinho-checkout #formasPagamento .accordion-group {
  background: #ffffff;
  color: #2f2a25;
  border: 1px solid #e4e0d8;
  border-radius: 10px;
  margin-bottom: 12px;
  overflow: hidden;
}

body.carrinho-checkout #formasPagamento .accordion-heading {
  background: #ffffff;
  color: #2f2a25;
  border-radius: 10px;
}

body.carrinho-checkout #formasPagamento .accordion-inner {
  border-color: #e4e0d8;
  background: #ffffff;
  color: #2f2a25;
  padding: 16px;
}

body.carrinho-checkout #formasPagamento .cor-principal,
body.carrinho-checkout #formasPagamento .cor-secundaria,
body.carrinho-checkout #formasPagamento .control-label,
body.carrinho-checkout #formasPagamento label,
body.carrinho-checkout #formasPagamento .forma-conteiner,
body.carrinho-checkout #formasPagamento .bandeiras-pagamento,
body.carrinho-checkout #formasPagamento .accordion-inner p,
body.carrinho-checkout #formasPagamento .accordion-inner span {
  color: #2f2a25;
}

body.carrinho-checkout #formasPagamento .help-block,
body.carrinho-checkout #formasPagamento .info-pagamento,
body.carrinho-checkout #formasPagamento .pagamento-boleto-info {
  color: #6d6963;
}

body.carrinho-checkout #formasPagamento .bandeiras-pagamento {
  max-width: 100%;
}

body.carrinho-checkout #formasPagamento .cartao-placeholder-card {
  max-width: 100%;
}

body.carrinho-checkout #formas-pagamento-wrapper .acao-editar {
  margin-top: 20px;
}


/* =========================================================
   BOTAO FINALIZAR COMPRA
   ========================================================= */

body.carrinho-checkout #finalizarCompra,
body.carrinho-checkout #login-content .submit-email {
  max-width: 100%;
  white-space: normal;
  background: #3f771b;
  background-image: none;
  color: #ffffff;
  border: 1px solid #3f771b;
  border-radius: 8px;
  padding: 14px 18px;
  font-size: 16px;
  font-weight: 700;
  text-shadow: none;
  box-shadow: none;
  line-height: 1.4;
}

body.carrinho-checkout #finalizarCompra:hover,
body.carrinho-checkout #login-content .submit-email:hover {
  background: #315f15;
  border-color: #315f15;
  color: #ffffff;
}

body.carrinho-checkout #finalizarCompra {
  width: 100%;
}

body.carrinho-checkout #finalizarCompra.disabled,
body.carrinho-checkout #finalizarCompra:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}


/* =========================================================
   RESUMO DA COMPRA
   ========================================================= */

body.carrinho-checkout .resumo-compra .tabela-carrinho {
  margin: 0;
  border: 0;
}

body.carrinho-checkout .resumo-compra .tabela-carrinho td,
body.carrinho-checkout .resumo-compra .tabela-carrinho th {
  border-color: #e4e0d8;
  color: #2f2a25;
}

body.carrinho-checkout .resumo-compra .tabela-carrinho .bg-dark {
  background: #fafaf7;
}

body.carrinho-checkout .resumo-compra .produto-info {
  color: #2f2a25;
  font-weight: 600;
  white-space: normal;
  word-wrap: break-word;
}

body.carrinho-checkout .resumo-compra .produto-info ul {
  color: #6d6963;
  font-weight: 400;
}

body.carrinho-checkout .resumo-compra .preco-carrinho-total {
  display: block;
  max-width: 100%;
  font-size: 24px;
  line-height: 1.3;
  font-weight: 700;
  color: #3f771b;
  white-space: normal;
  word-wrap: break-word;
}

body.carrinho-checkout .resumo-compra .tabela-carrinho .padding-preco > div {
  padding-left: 0;
}


/* =========================================================
   LOGIN / IDENTIFICACAO
   ========================================================= */

body.carrinho-checkout #login-content .identificacao {
  background: #ffffff;
  color: #2f2a25;
  border: 1px solid #e4e0d8;
  border-radius: 14px;
  padding: 24px;
  box-shadow: 0 8px 28px rgba(86, 59, 26, 0.06);
}

body.carrinho-checkout #login-content .identificacao-title {
  color: #563b1a;
  font-weight: 700;
}

body.carrinho-checkout .checkout-alerta-seguro {
  color: #3f771b;
}


/* =========================================================
   DESKTOP
   Sem GRID para compatibilidade com o validador antigo
   ========================================================= */

@media only screen and (min-width: 1000px) {

  body.carrinho-checkout .campos-pedido > .campos-pedido {
    position: relative;
    width: 100%;
  }

  body.carrinho-checkout .campos-pedido > .campos-pedido > #login-content {
    display: block;
    width: 100%;
    clear: both;
  }

  body.carrinho-checkout .campos-pedido > .campos-pedido > .checkout-alerta-seguro {
    display: block;
    width: 100%;
    clear: both;
  }

  body.carrinho-checkout .campos-pedido > .campos-pedido > .row-fluid {
    float: left;
    width: 300px;
    margin-left: 0;
  }

  body.carrinho-checkout .campos-pedido > .campos-pedido > #formularioCheckout {
    display: block;
    margin-left: 324px;
  }

  body.carrinho-checkout #formularioCheckout > .row-fluid > .span4 {
    width: 100%;
    margin-left: 0;
    float: none;
  }

  body.carrinho-checkout .resumo-compra .tabela-carrinho thead {
    display: none;
  }

  body.carrinho-checkout .resumo-compra .tabela-carrinho .titulo {
    font-size: 14px;
  }

  body.carrinho-checkout .resumo-compra .tabela-carrinho .preco-carrinho-total {
    font-size: 20px;
  }

  body.carrinho-checkout .resumo-compra .tabela-carrinho,
  body.carrinho-checkout .resumo-compra .tabela-carrinho tbody {
    display: block;
    width: 100%;
  }

  body.carrinho-checkout .resumo-compra .tabela-carrinho tr {
    width: 100%;
    max-width: 100%;
  }

  body.carrinho-checkout .resumo-compra .tr-checkout-frete,
  body.carrinho-checkout .resumo-compra .tr-checkout-total,
  body.carrinho-checkout .resumo-compra .desconto-tr {
    width: 100%;
  }

  body.carrinho-checkout .resumo-compra .tabela-carrinho td {
    padding: 8px 3px;
    height: auto;
    min-width: 0;
  }

  body.carrinho-checkout .resumo-compra .produto-info {
    width: 100%;
    max-width: 100%;
  }

  body.carrinho-checkout .resumo-compra .conteiner-qtd {
    float: left;
    width: 25%;
  }

  body.carrinho-checkout .resumo-compra .padding-preco {
    float: right;
    width: 65%;
    white-space: normal;
  }

  body.carrinho-checkout .resumo-compra .text-right {
    float: left;
    width: 35%;
  }
}


/* =========================================================
   TABLET
   ========================================================= */

@media only screen and (max-width: 999px) {

  body.carrinho-checkout #formularioCheckout > .row-fluid > .span4 {
    float: none;
    width: 100%;
    margin-left: 0;
  }

  body.carrinho-checkout #corpo > .conteiner {
    padding: 16px;
  }

  body.carrinho-checkout .campos-pedido > .campos-pedido > .row-fluid {
    float: none;
    width: 100%;
  }

  body.carrinho-checkout .campos-pedido > .campos-pedido > #formularioCheckout {
    margin-left: 0;
    width: 100%;
  }
}


/* =========================================================
   CELULAR
   ========================================================= */

@media only screen and (max-width: 767px) {

  body.carrinho-checkout #corpo > .conteiner {
    padding: 12px;
  }

  body.carrinho-checkout #corpo .caixa-sombreada {
    padding: 14px;
    margin-bottom: 16px;
    border-radius: 12px;
  }

  body.carrinho-checkout #formularioCheckout legend {
    font-size: 17px;
  }


  /* CAMPOS */

  body.carrinho-checkout #formularioCheckout input[type="text"],
  body.carrinho-checkout #formularioCheckout input[type="email"],
  body.carrinho-checkout #formularioCheckout input[type="password"],
  body.carrinho-checkout #formularioCheckout input[type="tel"],
  body.carrinho-checkout #formularioCheckout input[type="number"],
  body.carrinho-checkout #formularioCheckout select,
  body.carrinho-checkout #formularioCheckout textarea {
    width: 100%;
    font-size: 16px;
    min-height: 44px;
  }


  /* PESSOA FISICA / JURIDICA */

  body.carrinho-checkout #tipoCadastro {
    display: block;
    width: 100%;
  }

  body.carrinho-checkout #tipoCadastro > li {
    width: 48%;
    margin: 0 1%;
  }

  body.carrinho-checkout #tipoCadastro > li > a {
    display: block;
    min-height: 44px;
    padding: 10px 4px;
    border: 1px solid #ddd8cf;
    border-radius: 8px;
    text-align: center;
    line-height: 22px;
    background: #ffffff;
  }

  body.carrinho-checkout #tipoCadastro > li.active > a {
    background: #eef4e9;
    color: #3f771b;
    border-color: #bfd0b4;
  }


  /* RESUMO */

  body.carrinho-checkout .resumo-compra .tabela-carrinho,
  body.carrinho-checkout .resumo-compra .tabela-carrinho tbody {
    width: 100%;
  }

  body.carrinho-checkout .resumo-compra .tabela-carrinho tr {
    margin-bottom: 10px;
    border: 0;
    padding: 0;
  }

  body.carrinho-checkout .resumo-compra .tr-checkout-frete,
  body.carrinho-checkout .resumo-compra .tr-checkout-total,
  body.carrinho-checkout .resumo-compra .desconto-tr {
    width: 100%;
    overflow: hidden;
  }

  body.carrinho-checkout .resumo-compra .tabela-carrinho td {
    border: 0;
    height: auto;
    padding: 7px 0;
  }

  body.carrinho-checkout .resumo-compra .produto-info {
    max-width: 100%;
    white-space: normal;
    word-wrap: break-word;
  }

  body.carrinho-checkout .phone-pullleft {
    float: none;
    width: 100%;
  }

  body.carrinho-checkout .conteiner-qtd {
    float: left;
    width: auto;
  }

  body.carrinho-checkout .conteiner-qtd > div {
    background: #fafaf7;
    color: #2f2a25;
    font-size: 13px;
  }

  body.carrinho-checkout .conteiner-qtd > div:before {
    content: "Qtd. ";
  }

  body.carrinho-checkout .conteiner-preco {
    float: right;
    clear: none;
    width: auto;
  }

  body.carrinho-checkout .tr-checkout-frete td:first-child {
    display: none;
  }

  body.carrinho-checkout .tr-checkout-frete td {
    float: left;
    width: 50%;
    text-align: left;
  }

  body.carrinho-checkout .tr-checkout-frete td:last-child {
    text-align: right;
  }

  body.carrinho-checkout .tr-checkout-total .padding-preco {
    width: 100%;
    border-top: 1px solid #e4e0d8;
    padding-top: 12px;
  }

  body.carrinho-checkout .tr-checkout-total .visible-phone {
    float: left;
  }

  body.carrinho-checkout .resumo-compra .preco-carrinho-total {
    font-size: 22px;
    white-space: normal;
  }


  /* PAGAMENTO */

  body.carrinho-checkout #corpo #formas-pagamento-wrapper {
    border-radius: 12px;
  }

  body.carrinho-checkout #formasPagamento .accordion-inner {
    padding: 12px;
  }

  body.carrinho-checkout #formasPagamento .accordion-heading {
    min-height: 48px;
  }

  body.carrinho-checkout #formasPagamento .accordion-inner .row-fluid {
    max-width: 100%;
  }

  body.carrinho-checkout #formasPagamento .accordion-inner .span12,
  body.carrinho-checkout #formasPagamento .accordion-inner .span11,
  body.carrinho-checkout #formasPagamento .accordion-inner .span10,
  body.carrinho-checkout #formasPagamento .accordion-inner .span9,
  body.carrinho-checkout #formasPagamento .accordion-inner .span8,
  body.carrinho-checkout #formasPagamento .accordion-inner .span7,
  body.carrinho-checkout #formasPagamento .accordion-inner .span6,
  body.carrinho-checkout #formasPagamento .accordion-inner .span5,
  body.carrinho-checkout #formasPagamento .accordion-inner .span4,
  body.carrinho-checkout #formasPagamento .accordion-inner .span3,
  body.carrinho-checkout #formasPagamento .accordion-inner .span2,
  body.carrinho-checkout #formasPagamento .accordion-inner .span1 {
    max-width: 100%;
  }


  /* LOGIN */

  body.carrinho-checkout #login-content input {
    width: 100%;
    font-size: 16px;
  }

  body.carrinho-checkout #login-content .identificacao-inner {
    padding: 0;
  }

  body.carrinho-checkout #login-content .email-box {
    float: none;
    width: 100%;
    margin: 0 0 12px;
  }

  body.carrinho-checkout #login-content .submit-email {
    width: 100%;
    float: none;
  }
}


/* ==========================================
   SEÇÃO - CONHEÇA A PINHO NUTS
   ========================================== */

/* Container do título */
.vitrine-video .titulo-categoria {
    display: block !important;
    float: none !important;
    position: relative;
    width: 100% !important;
    margin: 0 0 14px 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

/* Remove qualquer conteúdo antigo criado no container */
.vitrine-video .titulo-categoria:before,
.vitrine-video .titulo-categoria:after {
    content: "";
    display: none !important;
}

/* Título principal */
.vitrine-video .titulo-categoria strong {
    display: block !important;
    float: none !important;
    position: relative;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    color: #FFFFFF;
    font-size: 40px;
    font-weight: 800;
    line-height: 46px;
    text-align: center !important;
}

/* Remove o ícone original para evitar desalinhamento */
.vitrine-video .titulo-categoria strong svg {
    display: none !important;
}

/* Subtítulo */
.vitrine-video .titulo-categoria strong:after {
    content: "Qualidade, tradição e sabor tipicamente cearense.";
    display: block !important;
    position: static !important;
    float: none !important;

    width: 100% !important;
    margin: 3px 0 0 0 !important;
    padding: 0 !important;

    color: #E3E8DF;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    text-align: center !important;
}


/* ==========================================
   TABLET
   ========================================== */

@media (max-width: 1024px) {

    .vitrine-video .titulo-categoria {
        margin-bottom: 13px !important;
    }

    .vitrine-video .titulo-categoria strong {
        font-size: 32px;
        line-height: 38px;
    }

    .vitrine-video .titulo-categoria strong:after {
        font-size: 15px;
        line-height: 21px;
        margin-top: 3px !important;
    }

}


/* ==========================================
   CELULAR
   ========================================== */

@media (max-width: 767px) {

    .vitrine-video .titulo-categoria {
        margin-bottom: 12px !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .vitrine-video .titulo-categoria strong {
        font-size: 25px;
        line-height: 31px;
    }

    .vitrine-video .titulo-categoria strong:after {
        font-size: 13px;
        line-height: 19px;
        margin-top: 3px !important;
    }

}


/* =====================================================
   TITULOS PRINCIPAIS DA HOME - PINHO NUTS
   ===================================================== */


/* PRODUTOS EM DESTAQUE */
.titulo-categoria.vitrine-destaque > strong {
    font-size: 32px;
    font-weight: 800;
}

/* + VENDIDOS */
.titulo-categoria.vitrine-mas-vendido > strong {
    font-size: 32px;
    font-weight: 800;
}

/* COMPRE POR CATEGORIA */
.carrossel-departamentos > .titulo-categoria > strong {
    font-size: 32px;
    font-weight: 800;
}

/* QUEM COMPRA, RECOMENDA */
.vitrine-depoimentos .titulo-categoria > strong {
    font-size: 32px;
    font-weight: 800;
}

/* TABLET */
@media (max-width: 1024px) {

    .titulo-categoria.vitrine-destaque > strong,
    .titulo-categoria.vitrine-mas-vendido > strong,
    .carrossel-departamentos > .titulo-categoria > strong,
    .vitrine-depoimentos .titulo-categoria > strong {
        font-size: 28px;
    }

}

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

    .titulo-categoria.vitrine-destaque > strong,
    .titulo-categoria.vitrine-mas-vendido > strong,
    .carrossel-departamentos > .titulo-categoria > strong,
    .vitrine-depoimentos .titulo-categoria > strong {
        font-size: 24px;
    }

}