.elementor-2701 .elementor-element.elementor-element-2e17ca86{--display:flex;}.elementor-widget-text-editor{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}/* Start custom CSS for container, class: .elementor-element-2e17ca86 *//* ========================================================
   PORTAL PEDRA SABÃO - RASTREIO E RETORNO (ID: 2701)
   Alinhado com a identidade visual da Home
   ======================================================== */

/* 1. FUNDO E ESTRUTURA GERAL */
.page-id-2701 #content,
.page-id-2701 .site-main {
  background-color: #FAF6F2 !important;
  padding: 50px 20px 80px !important;
  min-height: calc(80vh - 200px);
  display: flex;
  justify-content: center;
  align-items: flex-start;
  font-family: 'Montserrat', sans-serif !important;
}

.page-id-2701 .page-content {
  width: 100%;
  max-width: 540px;
  margin: 0 auto;
}

/* 2. CARD DO FORMULÁRIO */
.page-id-2701 .bwr-rastreio {
  background: #ffffff !important;
  border: 1px solid #E4D9D1 !important;
  border-radius: 16px !important;
  padding: 36px 30px !important;
  box-shadow: 0 10px 30px rgba(32, 23, 18, 0.08) !important;
  box-sizing: border-box;
}

/* 3. TÍTULO DO FORMULÁRIO */
.page-id-2701 .bwr-form::before {
  content: "Rastrear Pedido";
  display: block;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  color: #201712 !important;
  text-align: center;
  margin-bottom: 20px !important;
}

.page-id-2701 .bwr-form {
  max-width: 100% !important;
  margin: 0 auto !important;
}

/* 4. LABELS E CAMPOS */
.page-id-2701 .bwr-form label {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: #201712 !important;
  margin-bottom: 6px !important;
  display: block;
}

.page-id-2701 .bwr-form label small {
  font-weight: 400;
  color: #7A4424;
}

.page-id-2701 .bwr-form input[type="text"] {
  width: 100% !important;
  height: 48px !important;
  padding: 0 16px !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 15px !important;
  color: #201712 !important;
  background-color: #ffffff !important;
  border: 1.5px solid #E4D9D1 !important;
  border-radius: 10px !important;
  box-sizing: border-box !important;
  margin-bottom: 14px !important;
  transition: all 0.2s ease !important;
}

.page-id-2701 .bwr-form input[type="text"]:focus {
  border-color: #7A4424 !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(122, 68, 36, 0.15) !important;
}

/* 5. CAIXA DE DICA */
.page-id-2701 .bwr-dica {
  background: #FAF6F2 !important;
  border-left: 3px solid #7A4424 !important;
  border-radius: 6px !important;
  padding: 12px 14px !important;
  margin: 14px 0 20px !important;
}

.page-id-2701 .bwr-dica small {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 12.5px !important;
  line-height: 1.5 !important;
  color: #5E4C40 !important;
  display: block;
}

/* 6. BOTÃO PRINCIPAL "RASTREAR" */
.page-id-2701 .bwr-form button.wp-element-button,
.page-id-2701 .bwr-form button[type="submit"] {
  width: 100% !important;
  height: 48px !important;
  background-color: #7A4424 !important;
  color: #ffffff !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  border-radius: 46px !important;
  border: none !important;
  cursor: pointer !important;
  box-shadow: 0 4px 14px rgba(122, 68, 36, 0.25) !important;
  transition: all 0.25s ease !important;
}

.page-id-2701 .bwr-form button[type="submit"]:hover {
  background-color: #5E3319 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(122, 68, 36, 0.35) !important;
}

/* ========================================================
   7. ESTILOS DO RETORNO DE RASTREIO (AJAX)
   ======================================================== */

.page-id-2701 .bwr-resultados {
  margin-top: 30px !important;
  padding-top: 26px !important;
  border-top: 1px dashed #E4D9D1 !important;
}

/* Mensagens de Carregamento e Avisos */
.page-id-2701 .bwr-aviso {
  background: #FAF6F2 !important;
  border-left: 4px solid #7A4424 !important;
  border-radius: 8px !important;
  padding: 14px 16px !important;
  font-size: 14px !important;
  color: #201712 !important;
  margin: 16px 0 !important;
  line-height: 1.5 !important;
}

/* Mensagem de Pedido Não Encontrado */
.page-id-2701 .bwr-aviso.bwr-erro {
  background: #FFF5F5 !important;
  border: 1px solid #FFCDD2 !important;
  border-left: 4px solid #D32F2F !important;
  color: #C62828 !important;
}

/* Título do Pedido Retornado (ex: Pedido #2545) */
.page-id-2701 .bwr-resultado h3 {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 21px !important;
  font-weight: 700 !important;
  color: #201712 !important;
  margin: 0 0 6px !important;
}

/* Linha com Situação e Data da compra */
.page-id-2701 .bwr-resultado > p {
  font-size: 13.5px !important;
  color: #5E4C40 !important;
  margin: 0 0 18px !important;
}

.page-id-2701 .bwr-resultado > p strong {
  color: #2c6e49 !important; /* Tom verde elegante de status */
  font-weight: 600 !important;
}

/* Bloco dos detalhes do rastreio */
.page-id-2701 .bwr-bloco {
  background: #FAF6F2 !important;
  border: 1px solid #E4D9D1 !important;
  border-radius: 14px !important;
  padding: 22px 20px !important;
  box-sizing: border-box !important;
  margin: 16px 0 !important;
}

/* Título interno "Rastreio da entrega" */
.page-id-2701 .bwr-titulo {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #4C392A !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  margin: 0 0 14px !important;
  padding-bottom: 8px !important;
  border-bottom: 1px solid #E4D9D1 !important;
}

.page-id-2701 .bwr-transportadora {
  font-size: 14px !important;
  color: #5E4C40 !important;
  margin: 0 0 12px !important;
}

.page-id-2701 .bwr-transportadora strong {
  color: #201712 !important;
}

/* Código de Rastreio em destaque */
.page-id-2701 .bwr-codigo {
  font-size: 14px !important;
  color: #5E4C40 !important;
  margin: 0 0 14px !important;
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
}

.page-id-2701 .bwr-codigo strong {
  background: #ffffff !important;
  border: 1px solid #E4D9D1 !important;
  color: #7A4424 !important;
  padding: 4px 10px !important;
  border-radius: 6px !important;
  font-family: monospace, 'Montserrat' !important;
  font-size: 14px !important;
  letter-spacing: 0.05em !important;
}

/* Caixa com a Situação Atual da entrega */
.page-id-2701 .bwr-situacao {
  background: #ffffff !important;
  border: 1px solid #E4D9D1 !important;
  border-radius: 10px !important;
  padding: 14px 16px !important;
  margin: 14px 0 18px !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: #201712 !important;
  line-height: 1.5 !important;
}

/* Selo de "Entregue" / "Em trânsito" */
.page-id-2701 .bwr-badge {
  display: inline-block !important;
  padding: 3px 10px !important;
  margin-right: 8px !important;
  border-radius: 999px !important;
  background: rgba(37, 211, 102, 0.15) !important;
  color: #167a39 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
}

.page-id-2701 .bwr-situacao small {
  display: block !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  color: #8C7A6E !important;
  margin-top: 4px !important;
}

/* Botão "Acompanhar entrega" */
.page-id-2701 .bwr-bloco a.bwr-botao,
.page-id-2701 .bwr-bloco .button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 44px !important;
  padding: 0 24px !important;
  background-color: #7A4424 !important;
  color: #ffffff !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  border-radius: 46px !important;
  text-decoration: none !important;
  box-shadow: 0 4px 12px rgba(122, 68, 36, 0.22) !important;
  transition: all 0.25s ease !important;
  margin: 6px 0 0 !important;
}

.page-id-2701 .bwr-bloco a.bwr-botao:hover,
.page-id-2701 .bwr-bloco .button:hover {
  background-color: #5E3319 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px rgba(122, 68, 36, 0.32) !important;
  color: #ffffff !important;
}

/* 8. AJUSTES PARA CELULAR */
@media (max-width: 600px) {
  .page-id-2701 #content,
  .page-id-2701 .site-main {
    padding: 24px 14px 60px !important;
  }
  
  .page-id-2701 .bwr-rastreio {
    padding: 24px 16px !important;
  }

  .page-id-2701 .bwr-bloco {
    padding: 16px 14px !important;
  }

  .page-id-2701 .bwr-bloco a.bwr-botao {
    width: 100% !important;
  }
}/* End custom CSS */