.ferox-page *, .ferox-page *::before, .ferox-page *::after { box-sizing: border-box; }
/* ── Breakout do container do tema Shopify ── */
.ferox-page-wrap {
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
width: 100vw;
max-width: 100vw;
overflow-x: hidden;
}
.ferox-page {
--fx-red: #C0392B;
--fx-red-dark: #922B21;
--fx-bg: #FFFFFF;
--fx-surface: #F5F5F5;
--fx-card: #EFEFEF;
--fx-border: rgba(0,0,0,0.10);
--fx-text: #111111;
--fx-muted: #666666;
--fx-font-h: 'Arial Black', Impact, sans-serif;
--fx-font-b: Arial, sans-serif;
background: var(--fx-bg);
color: var(--fx-text);
font-family: var(--fx-font-b);
font-size: 15px;
line-height: 1.7;
-webkit-font-smoothing: antialiased;
width: 100%;
}
/* ── HERO ─────────────────────────────────── */
.fx-hero {
position: relative;
background: var(--fx-text);
overflow: hidden;
padding: 80px 24px 72px;
text-align: center;
border-bottom: 1px solid rgba(255,255,255,0.06);
}
.fx-hero::before {
content: '';
position: absolute; inset: 0;
background: radial-gradient(ellipse 60% 80% at 50% -20%, rgba(192,57,43,0.30) 0%, transparent 70%);
pointer-events: none;
}
.fx-eyebrow {
font-family: var(--fx-font-b);
font-size: 11px; font-weight: 700;
letter-spacing: 0.28em; text-transform: uppercase;
color: var(--fx-red); margin-bottom: 16px;
}
.fx-hero-title {
font-family: var(--fx-font-h);
font-size: clamp(52px, 10vw, 104px);
line-height: 0.92;
text-transform: uppercase;
color: #FFFFFF; margin-bottom: 24px;
}
.fx-hero-title span { color: var(--fx-red); }
.fx-hero-sub {
font-size: 16px; color: rgba(255,255,255,0.55);
max-width: 520px; margin: 0 auto 40px;
}
/* ── PILLS ─────────────────────────────────── */
.fx-pills {
display: flex; flex-wrap: wrap;
justify-content: center; gap: 10px; margin-top: 8px;
}
.fx-pill {
display: inline-flex; align-items: center; gap: 8px;
background: rgba(255,255,255,0.07); border: 1px solid rgba(255,255,255,0.14);
border-radius: 100px; padding: 9px 18px;
font-size: 13px; font-weight: 700; color: #FFFFFF;
transition: border-color 0.2s, background 0.2s;
}
.fx-pill:hover { border-color: var(--fx-red); background: rgba(192,57,43,0.18); }
.fx-pill svg { width: 14px; height: 14px; fill: var(--fx-red); flex-shrink: 0; }
/* ── LAYOUT ─────────────────────────────────── */
.fx-section {
padding: 64px 24px;
border-bottom: 1px solid var(--fx-border);
max-width: 868px; margin: 0 auto;
}
.fx-label {
font-family: var(--fx-font-b);
font-size: 10px; letter-spacing: 0.28em;
text-transform: uppercase; color: var(--fx-red);
font-weight: 700; margin-bottom: 8px;
}
.fx-title {
font-family: var(--fx-font-h);
font-size: clamp(28px, 5vw, 46px);
line-height: 1.05; text-transform: uppercase;
color: var(--fx-text); margin-bottom: 14px;
}
.fx-desc { color: var(--fx-muted); font-size: 15px; max-width: 560px; margin-bottom: 40px; }
/* ── CARDS GRID ─────────────────────────────── */
.fx-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; }
.fx-grid-2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px; }
.fx-card {
background: var(--fx-card); border: 1px solid var(--fx-border);
border-radius: 12px; padding: 24px 22px;
transition: border-color 0.25s, transform 0.2s, box-shadow 0.2s;
position: relative; overflow: hidden;
}
.fx-card::before {
content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;
background: var(--fx-red); opacity: 0; transition: opacity 0.25s;
}
.fx-card:hover { border-color: rgba(192,57,43,0.30); transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,0.07); }
.fx-card:hover::before { opacity: 1; }
.fx-card-icon {
width: 38px; height: 38px; border-radius: 8px;
background: rgba(192,57,43,0.08);
display: flex; align-items: center; justify-content: center; margin-bottom: 14px;
}
.fx-card-icon svg { width: 18px; height: 18px; stroke: var(--fx-red); fill: none; stroke-width: 2; }
.fx-card-label { font-size: 10px; letter-spacing: 0.20em; text-transform: uppercase; color: var(--fx-red); font-weight: 700; margin-bottom: 5px; }
.fx-card-title { font-family: var(--fx-font-h); font-size: 21px; line-height: 1.1; text-transform: uppercase; color: var(--fx-text); margin-bottom: 10px; }
.fx-card-text { font-size: 13px; color: var(--fx-muted); line-height: 1.6; }
.fx-card-text strong { color: var(--fx-text); font-weight: 700; }
.fx-card-link {
display: inline-flex; align-items: center; gap: 5px;
margin-top: 12px; font-size: 13px; font-weight: 700;
color: var(--fx-red); text-decoration: none;
transition: gap 0.2s;
}
.fx-card-link:hover { gap: 9px; }
.fx-card-link svg { width: 13px; height: 13px; fill: none; stroke: var(--fx-red); stroke-width: 2; }
/* ── TIMELINE HORIZONTAL (COMO FUNCIONA) ────── */
.fx-timeline {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
gap: 0;
margin-top: 8px;
position: relative;
}
.fx-timeline::before {
content: '';
position: absolute;
top: 28px; left: 28px; right: 28px; height: 1px;
background: var(--fx-border);
z-index: 0;
}
.fx-tl-item {
display: flex; flex-direction: column; align-items: center;
text-align: center; padding: 0 12px 0;
position: relative; z-index: 1;
}
.fx-tl-dot {
width: 56px; height: 56px; border-radius: 50%;
border: 2px solid var(--fx-border);
background: var(--fx-bg);
display: flex; align-items: center; justify-content: center;
margin-bottom: 14px; flex-shrink: 0;
transition: border-color 0.2s;
}
.fx-tl-dot svg { width: 22px; height: 22px; stroke: var(--fx-muted); fill: none; stroke-width: 1.8; transition: stroke 0.2s; }
.fx-tl-item:hover .fx-tl-dot { border-color: var(--fx-red); }
.fx-tl-item:hover .fx-tl-dot svg { stroke: var(--fx-red); }
.fx-tl-num {
font-family: var(--fx-font-h); font-size: 11px;
color: var(--fx-red); letter-spacing: 0.1em;
text-transform: uppercase; margin-bottom: 4px;
}
.fx-tl-title { font-weight: 700; font-size: 13px; color: var(--fx-text); margin-bottom: 4px; }
.fx-tl-desc { font-size: 12px; color: var(--fx-muted); line-height: 1.5; }
/* ── ALERTA / DESTAQUE ─────────────────────── */
.fx-alert {
background: var(--fx-card);
border: 1px solid var(--fx-border);
border-left: 4px solid var(--fx-red);
border-radius: 0 10px 10px 0;
padding: 16px 20px;
margin-top: 8px;
display: flex; gap: 14px; align-items: flex-start;
}
.fx-alert-icon { flex-shrink: 0; margin-top: 2px; }
.fx-alert-icon svg { width: 18px; height: 18px; fill: var(--fx-red); }
.fx-alert-text { font-size: 14px; color: var(--fx-muted); line-height: 1.6; }
.fx-alert-text strong { color: var(--fx-text); font-weight: 700; }
/* ── TABELA DE PRAZOS ───────────────────────── */
.fx-table { width: 100%; border-collapse: collapse; margin-top: 8px; }
.fx-table th, .fx-table td { text-align: left; padding: 12px 16px; font-size: 13px; border-bottom: 1px solid var(--fx-border); }
.fx-table th { color: var(--fx-muted); font-weight: 700; font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; background: var(--fx-card); }
.fx-table td { color: var(--fx-text); background: #fff; }
.fx-table tbody tr:hover td { background: rgba(0,0,0,0.02); }
.fx-badge { display: inline-block; padding: 2px 9px; border-radius: 100px; font-size: 11px; font-weight: 700; }
.fx-badge-g { background: rgba(39,174,96,0.12); color: #1e8449; }
.fx-badge-b { background: rgba(41,128,185,0.10); color: #1a6fa8; }
.fx-badge-r { background: rgba(192,57,43,0.09); color: var(--fx-red); }
/* ── CTA ─────────────────────────────────────── */
.fx-cta { padding: 64px 24px 80px; background: var(--fx-surface); }
.fx-cta-box {
max-width: 868px; margin: 0 auto;
background: var(--fx-text);
border-radius: 16px; padding: 48px 40px; text-align: center;
position: relative; overflow: hidden;
}
.fx-cta-box::before {
content: ''; position: absolute; inset: 0;
background: radial-gradient(ellipse 70% 60% at 50% 100%, rgba(192,57,43,0.22) 0%, transparent 70%);
pointer-events: none;
}
.fx-cta-title { font-family: var(--fx-font-h); font-size: clamp(34px, 5vw, 58px); line-height: 1; text-transform: uppercase; color: #FFFFFF; margin-bottom: 12px; }
.fx-cta-sub { font-size: 15px; color: rgba(255,255,255,0.50); margin-bottom: 32px; }
.fx-btns { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
.fx-btn {
display: inline-flex; align-items: center; gap: 8px;
padding: 14px 28px; border-radius: 8px;
font-family: var(--fx-font-b); font-size: 14px; font-weight: 700;
text-decoration: none; transition: all 0.2s; cursor: pointer; border: none;
}
.fx-btn-p { background: var(--fx-red); color: #fff; }
.fx-btn-p:hover { background: var(--fx-red-dark); transform: translateY(-1px); color: #fff; }
.fx-btn-g { background: transparent; border: 1px solid rgba(255,255,255,0.22); color: #fff; }
.fx-btn-g:hover { border-color: var(--fx-red); color: var(--fx-red); }
.fx-btn-w { background: #fff; color: var(--fx-text); }
.fx-btn-w:hover { background: #f0f0f0; transform: translateY(-1px); }
.fx-btn svg { width: 16px; height: 16px; fill: currentColor; }
/* ── REVEAL ─────────────────────────────────── */
.fx-reveal { opacity: 0; transform: translateY(22px); transition: opacity 0.55s ease, transform 0.55s ease; }
.fx-reveal.fx-visible { opacity: 1; transform: none; }
/* ── RESPONSIVE ─────────────────────────────── */
@media (max-width: 640px) {
.fx-timeline::before { display: none; }
.fx-timeline { gap: 24px; }
.fx-tl-item { flex-direction: row; text-align: left; gap: 14px; }
.fx-tl-dot { margin-bottom: 0; flex-shrink: 0; }
.fx-cta-box { padding: 36px 24px; }
}
Ferox Clothes — Logística
Frete &
Entrega
Seu pedido chega onde você estiver. Enviamos para todo o Brasil com agilidade e segurança.
Todo o Brasil
Despacho em até 3 dias úteis
Correios
Código de rastreamento por e-mail
Passo a passo
Como funciona o envio
Da confirmação do pagamento até a sua porta — veja cada etapa do processo.
01
Pagamento confirmado
Seu pedido é aprovado e entra na fila de separação
02
Separação e embalagem
Peça conferida e embalada com cuidado
03
Despacho
Postado nos Correios em até 3 dias úteis
04
Código por e-mail
Código de rastreamento enviado automaticamente
05
Entrega
Pedido entregue no endereço cadastrado
Estimativas
Prazos de entrega
Os prazos variam conforme a região. A contagem começa a partir do faturamento do pedido, não da data da compra.
| Região |
Modalidade |
Prazo estimado |
| São Paulo (Capital e Grande SP) |
PAC / SEDEX |
2 a 5 dias úteis |
| Sudeste e Sul |
PAC / SEDEX |
3 a 7 dias úteis |
| Centro-Oeste e Nordeste |
PAC |
5 a 12 dias úteis |
| Norte e regiões remotas |
PAC |
7 a 20 dias úteis |
Atenção: os prazos acima são estimativas dos Correios e podem sofrer variações em períodos de alta demanda (Black Friday, festas de fim de ano) ou por questões operacionais da transportadora.
Sobre o frete
Informações de envio
Tudo que você precisa saber sobre como trabalhamos a logística dos seus pedidos.
Cobertura
Todo o Brasil
Enviamos para todos os estados brasileiros via Correios. O valor do frete e o prazo são calculados automaticamente no checkout com base no seu CEP.
Rastreamento
Acompanhe seu pedido
Após o despacho, você recebe um código de rastreamento por e-mail automaticamente. Use-o para acompanhar a entrega em tempo real.
Rastrear nos Correios
Tentativas
Prazo e tentativas
As entregas ocorrem em dias úteis no horário comercial. São realizadas até 3 tentativas. O pedido pode ser recebido por terceiros (familiar, porteiro) mediante assinatura.
Restrição de CEP
CEP com restrição
Se o seu CEP tiver restrição pelos Correios, a encomenda vai para a Unidade de Tratamento mais próxima e ficará disponível por 7 dias para retirada.
Verificar restrição de CEP
Informações importantes
Fique atento
Alguns pontos que evitam problemas e garantem que seu pedido chegue sem nenhuma dor de cabeça.
Prazo
Contagem do prazo
O prazo de entrega começa a contar a partir do faturamento do pedido, não da data da compra. Pagamentos via boleto têm prazo adicional de 1 a 3 dias úteis para compensação.
Não entregue
Pedido devolvido
Se as 3 tentativas não forem bem-sucedidas, o pedido retorna para nossa base em São Paulo — SP. Entre em contato conosco para reorganizar a entrega. Custos de reenvio ficam por conta do cliente.
Endereço
Confira seu cadastro
Verifique cuidadosamente o endereço de entrega antes de finalizar o pedido. Não nos responsabilizamos por atrasos ou extravios causados por informações incorretas.
Retirada
Sem retirada presencial
No momento, não realizamos retirada presencial. Todos os pedidos são enviados exclusivamente pelos Correios para o endereço de entrega cadastrado.
Dúvidas sobre
seu pedido?
Nossa equipe está pronta para ajudar com rastreamento, prazos ou qualquer questão sobre entrega.