{"id":8,"date":"2026-06-24T17:27:30","date_gmt":"2026-06-24T17:27:30","guid":{"rendered":"https:\/\/tudoparaoboiadeiro.com.br\/?page_id=8"},"modified":"2026-06-24T14:45:51","modified_gmt":"2026-06-24T17:45:51","slug":"home","status":"publish","type":"page","link":"https:\/\/tudoparaoboiadeiro.com.br\/home\/","title":{"rendered":"HOME"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n \t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nTudo Para o Boiadeiro<\/title>\r\n<style>\r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\n :root {\r\n --marrom: #6B3A1F;\r\n --marrom-escuro: #4A2610;\r\n --caramelo: #C68642;\r\n --creme: #F5ECD7;\r\n --verde-campo: #3D5A2A;\r\n --verde-claro: #5A7A3A;\r\n --cinza-claro: #F0EBE3;\r\n --texto: #2C1A0E;\r\n --branco: #FFFFFF;\r\n }\r\n\r\n html { scroll-behavior: smooth; }\r\n\r\n body {\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n color: var(--texto);\r\n background: var(--branco);\r\n }\r\n\r\n \/* ======= NAV ======= *\/\r\n nav {\r\n position: fixed;\r\n top: 0; left: 0; right: 0;\r\n z-index: 1000;\r\n background: rgba(74, 38, 16, 0.96);\r\n backdrop-filter: blur(6px);\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 0 5%;\r\n height: 64px;\r\n box-shadow: 0 2px 12px rgba(0,0,0,0.3);\r\n }\r\n\r\n .nav-logo {\r\n font-size: 1.1rem;\r\n font-weight: 700;\r\n color: var(--caramelo);\r\n text-decoration: none;\r\n letter-spacing: 0.5px;\r\n line-height: 1.2;\r\n }\r\n\r\n .nav-logo span { display: block; font-size: 0.65rem; color: var(--creme); font-weight: 400; letter-spacing: 1px; text-transform: uppercase; }\r\n\r\n .nav-links { display: flex; gap: 28px; list-style: none; }\r\n .nav-links a { color: var(--creme); text-decoration: none; font-size: 0.88rem; font-weight: 500; letter-spacing: 0.3px; transition: color 0.2s; }\r\n .nav-links a:hover { color: var(--caramelo); }\r\n\r\n .nav-toggle { display: none; flex-direction: column; gap: 5px; cursor: pointer; }\r\n .nav-toggle span { width: 24px; height: 2px; background: var(--creme); border-radius: 2px; transition: all 0.3s; }\r\n\r\n \/* ======= HERO ======= *\/\r\n #hero {\r\n min-height: 100vh;\r\n background:\r\n linear-gradient(135deg, rgba(74,38,16,0.82) 0%, rgba(61,90,42,0.70) 100%),\r\n repeating-linear-gradient(\r\n 45deg,\r\n rgba(198,134,66,0.04) 0px,\r\n rgba(198,134,66,0.04) 1px,\r\n transparent 1px,\r\n transparent 60px\r\n );\r\n background-color: #3D2B1A;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n text-align: center;\r\n padding: 100px 5% 60px;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n #hero::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: radial-gradient(ellipse at 60% 40%, rgba(198,134,66,0.15) 0%, transparent 65%);\r\n pointer-events: none;\r\n }\r\n\r\n .hero-badge {\r\n display: inline-block;\r\n background: rgba(198,134,66,0.2);\r\n border: 1px solid rgba(198,134,66,0.5);\r\n color: var(--caramelo);\r\n font-size: 0.75rem;\r\n font-weight: 600;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n padding: 6px 16px;\r\n border-radius: 50px;\r\n margin-bottom: 24px;\r\n }\r\n\r\n .hero-content { position: relative; z-index: 1; max-width: 700px; }\r\n\r\n .hero-title {\r\n font-size: clamp(2.2rem, 6vw, 4rem);\r\n font-weight: 800;\r\n color: var(--branco);\r\n line-height: 1.1;\r\n margin-bottom: 8px;\r\n text-shadow: 0 2px 20px rgba(0,0,0,0.4);\r\n }\r\n\r\n .hero-title em { color: var(--caramelo); font-style: normal; }\r\n\r\n .hero-slogan {\r\n font-size: clamp(1rem, 2.5vw, 1.25rem);\r\n color: var(--creme);\r\n margin: 20px 0 40px;\r\n line-height: 1.6;\r\n opacity: 0.9;\r\n }\r\n\r\n .hero-btns { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }\r\n\r\n .btn-primary {\r\n background: var(--caramelo);\r\n color: var(--branco);\r\n padding: 14px 36px;\r\n border-radius: 50px;\r\n font-size: 0.95rem;\r\n font-weight: 700;\r\n text-decoration: none;\r\n transition: all 0.25s;\r\n box-shadow: 0 4px 20px rgba(198,134,66,0.4);\r\n letter-spacing: 0.3px;\r\n }\r\n .btn-primary:hover { background: #b07530; transform: translateY(-2px); box-shadow: 0 8px 28px rgba(198,134,66,0.5); }\r\n\r\n .btn-outline {\r\n background: transparent;\r\n color: var(--creme);\r\n padding: 14px 36px;\r\n border-radius: 50px;\r\n font-size: 0.95rem;\r\n font-weight: 600;\r\n text-decoration: none;\r\n border: 2px solid rgba(245,236,215,0.5);\r\n transition: all 0.25s;\r\n }\r\n .btn-outline:hover { border-color: var(--creme); background: rgba(255,255,255,0.08); transform: translateY(-2px); }\r\n\r\n .hero-scroll {\r\n position: absolute;\r\n bottom: 30px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 6px;\r\n color: rgba(245,236,215,0.6);\r\n font-size: 0.72rem;\r\n letter-spacing: 1.5px;\r\n text-transform: uppercase;\r\n animation: bounce 2s infinite;\r\n }\r\n\r\n .hero-scroll::after {\r\n content: '';\r\n width: 1px;\r\n height: 36px;\r\n background: linear-gradient(to bottom, rgba(245,236,215,0.5), transparent);\r\n }\r\n\r\n @keyframes bounce { 0%,100%{transform:translateX(-50%) translateY(0)} 50%{transform:translateX(-50%) translateY(6px)} }\r\n\r\n \/* ======= SECTIONS COMUNS ======= *\/\r\n section { padding: 90px 5%; }\r\n\r\n .section-label {\r\n display: inline-block;\r\n font-size: 0.72rem;\r\n font-weight: 700;\r\n letter-spacing: 2.5px;\r\n text-transform: uppercase;\r\n color: var(--caramelo);\r\n margin-bottom: 12px;\r\n }\r\n\r\n .section-title {\r\n font-size: clamp(1.6rem, 4vw, 2.4rem);\r\n font-weight: 800;\r\n color: var(--marrom-escuro);\r\n line-height: 1.2;\r\n margin-bottom: 16px;\r\n }\r\n\r\n .section-title.light { color: var(--branco); }\r\n\r\n .section-sub {\r\n font-size: 1rem;\r\n color: #6B5040;\r\n line-height: 1.7;\r\n max-width: 560px;\r\n }\r\n\r\n .section-sub.light { color: rgba(245,236,215,0.85); }\r\n\r\n .divider {\r\n width: 48px;\r\n height: 3px;\r\n background: var(--caramelo);\r\n border-radius: 2px;\r\n margin: 18px 0 32px;\r\n }\r\n\r\n \/* ======= SOBRE ======= *\/\r\n #sobre {\r\n background: var(--creme);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .sobre-inner {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 64px;\r\n max-width: 1100px;\r\n width: 100%;\r\n align-items: center;\r\n }\r\n\r\n .sobre-visual {\r\n background: linear-gradient(135deg, var(--marrom) 0%, var(--verde-campo) 100%);\r\n border-radius: 20px;\r\n min-height: 340px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .sobre-visual::before {\r\n content: '';\r\n position: absolute;\r\n width: 200px; height: 200px;\r\n border-radius: 50%;\r\n background: rgba(198,134,66,0.15);\r\n top: -40px; right: -40px;\r\n }\r\n\r\n .sobre-visual-icon {\r\n font-size: 6rem;\r\n filter: drop-shadow(0 4px 16px rgba(0,0,0,0.3));\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .sobre-stats {\r\n display: flex;\r\n gap: 32px;\r\n margin-top: 32px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .stat { text-align: center; }\r\n .stat-num { font-size: 2rem; font-weight: 800; color: var(--marrom); line-height: 1; }\r\n .stat-desc { font-size: 0.78rem; color: #7A5A3A; margin-top: 4px; letter-spacing: 0.3px; }\r\n\r\n \/* ======= PRODUTOS ======= *\/\r\n #produtos {\r\n background: var(--cinza-claro);\r\n text-align: center;\r\n }\r\n\r\n .produtos-header { margin-bottom: 52px; }\r\n .produtos-header .divider { margin: 18px auto 0; }\r\n\r\n .produtos-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n gap: 24px;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n\r\n .produto-card {\r\n background: var(--branco);\r\n border-radius: 18px;\r\n padding: 36px 28px 32px;\r\n text-align: left;\r\n transition: all 0.3s;\r\n border: 1px solid rgba(107,58,31,0.08);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .produto-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0; left: 0; right: 0;\r\n height: 4px;\r\n background: linear-gradient(90deg, var(--caramelo), var(--verde-campo));\r\n transform: scaleX(0);\r\n transform-origin: left;\r\n transition: transform 0.3s;\r\n }\r\n\r\n .produto-card:hover { transform: translateY(-6px); box-shadow: 0 20px 48px rgba(107,58,31,0.14); }\r\n .produto-card:hover::before { transform: scaleX(1); }\r\n\r\n .produto-icon {\r\n font-size: 2.4rem;\r\n margin-bottom: 18px;\r\n display: block;\r\n }\r\n\r\n .produto-nome {\r\n font-size: 1.15rem;\r\n font-weight: 700;\r\n color: var(--marrom-escuro);\r\n margin-bottom: 10px;\r\n }\r\n\r\n .produto-desc {\r\n font-size: 0.88rem;\r\n color: #6B5040;\r\n line-height: 1.65;\r\n margin-bottom: 18px;\r\n }\r\n\r\n .produto-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n background: rgba(198,134,66,0.12);\r\n color: var(--marrom);\r\n font-size: 0.75rem;\r\n font-weight: 600;\r\n padding: 6px 12px;\r\n border-radius: 50px;\r\n border: 1px solid rgba(198,134,66,0.3);\r\n }\r\n\r\n .produto-badge::before { content: '\u2713'; color: var(--verde-campo); font-weight: 700; }\r\n\r\n \/* ======= DIFERENCIAIS ======= *\/\r\n #diferenciais {\r\n background: linear-gradient(135deg, var(--marrom-escuro) 0%, var(--verde-campo) 100%);\r\n text-align: center;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n #diferenciais::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: repeating-linear-gradient(\r\n -45deg,\r\n rgba(255,255,255,0.02) 0px,\r\n rgba(255,255,255,0.02) 1px,\r\n transparent 1px,\r\n transparent 40px\r\n );\r\n }\r\n\r\n .diferenciais-header { margin-bottom: 52px; position: relative; }\r\n .diferenciais-header .divider { margin: 18px auto 0; }\r\n\r\n .diferenciais-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 28px;\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n position: relative;\r\n }\r\n\r\n .diferencial-card {\r\n background: rgba(255,255,255,0.07);\r\n border: 1px solid rgba(255,255,255,0.12);\r\n border-radius: 16px;\r\n padding: 40px 24px;\r\n transition: all 0.3s;\r\n backdrop-filter: blur(4px);\r\n }\r\n\r\n .diferencial-card:hover { background: rgba(255,255,255,0.12); transform: translateY(-4px); }\r\n\r\n .diferencial-icon {\r\n font-size: 2.6rem;\r\n margin-bottom: 18px;\r\n display: block;\r\n }\r\n\r\n .diferencial-titulo {\r\n font-size: 1rem;\r\n font-weight: 700;\r\n color: var(--caramelo);\r\n margin-bottom: 10px;\r\n }\r\n\r\n .diferencial-texto {\r\n font-size: 0.85rem;\r\n color: rgba(245,236,215,0.8);\r\n line-height: 1.6;\r\n }\r\n\r\n \/* ======= CONTATO ======= *\/\r\n #contato {\r\n background: var(--creme);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .contato-inner {\r\n display: grid;\r\n grid-template-columns: 1fr 1.2fr;\r\n gap: 64px;\r\n max-width: 1000px;\r\n width: 100%;\r\n align-items: start;\r\n }\r\n\r\n .contato-info .section-sub { max-width: 100%; }\r\n\r\n .contato-itens { margin-top: 32px; display: flex; flex-direction: column; gap: 16px; }\r\n\r\n .contato-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n font-size: 0.9rem;\r\n color: #5A3820;\r\n }\r\n\r\n .contato-item-icon {\r\n width: 38px; height: 38px;\r\n background: rgba(198,134,66,0.15);\r\n border-radius: 10px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 1.1rem;\r\n flex-shrink: 0;\r\n }\r\n\r\n .form-card {\r\n background: var(--branco);\r\n border-radius: 20px;\r\n padding: 40px;\r\n box-shadow: 0 8px 40px rgba(107,58,31,0.1);\r\n border: 1px solid rgba(107,58,31,0.08);\r\n }\r\n\r\n .form-title {\r\n font-size: 1.2rem;\r\n font-weight: 700;\r\n color: var(--marrom-escuro);\r\n margin-bottom: 24px;\r\n }\r\n\r\n .form-group { margin-bottom: 18px; }\r\n\r\n .form-label {\r\n display: block;\r\n font-size: 0.8rem;\r\n font-weight: 600;\r\n color: var(--marrom);\r\n margin-bottom: 6px;\r\n letter-spacing: 0.3px;\r\n text-transform: uppercase;\r\n }\r\n\r\n .form-input, .form-textarea {\r\n width: 100%;\r\n padding: 12px 16px;\r\n border: 1.5px solid rgba(107,58,31,0.2);\r\n border-radius: 10px;\r\n font-size: 0.92rem;\r\n color: var(--texto);\r\n background: var(--cinza-claro);\r\n transition: all 0.2s;\r\n font-family: inherit;\r\n outline: none;\r\n }\r\n\r\n .form-input:focus, .form-textarea:focus {\r\n border-color: var(--caramelo);\r\n background: var(--branco);\r\n box-shadow: 0 0 0 3px rgba(198,134,66,0.12);\r\n }\r\n\r\n .form-input.erro { border-color: #C0392B; }\r\n\r\n .form-textarea { resize: vertical; min-height: 110px; }\r\n\r\n .form-phone-hint {\r\n font-size: 0.75rem;\r\n color: #9A7A5A;\r\n margin-top: 5px;\r\n }\r\n\r\n .btn-submit {\r\n width: 100%;\r\n background: linear-gradient(135deg, var(--caramelo), #b07530);\r\n color: var(--branco);\r\n border: none;\r\n padding: 14px;\r\n border-radius: 10px;\r\n font-size: 0.95rem;\r\n font-weight: 700;\r\n cursor: pointer;\r\n transition: all 0.25s;\r\n letter-spacing: 0.3px;\r\n margin-top: 6px;\r\n }\r\n .btn-submit:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(198,134,66,0.4); }\r\n .btn-submit:active { transform: translateY(0); }\r\n .btn-submit:disabled { opacity: 0.7; cursor: not-allowed; transform: none; }\r\n\r\n .form-success {\r\n display: none;\r\n background: rgba(61,90,42,0.1);\r\n border: 1px solid rgba(61,90,42,0.3);\r\n color: var(--verde-campo);\r\n border-radius: 10px;\r\n padding: 14px 18px;\r\n font-size: 0.9rem;\r\n font-weight: 600;\r\n margin-top: 14px;\r\n text-align: center;\r\n }\r\n\r\n .form-error-msg {\r\n display: none;\r\n background: rgba(192,57,43,0.08);\r\n border: 1px solid rgba(192,57,43,0.3);\r\n color: #C0392B;\r\n border-radius: 10px;\r\n padding: 14px 18px;\r\n font-size: 0.88rem;\r\n margin-top: 14px;\r\n text-align: center;\r\n }\r\n\r\n \/* ======= FOOTER ======= *\/\r\n footer {\r\n background: var(--marrom-escuro);\r\n color: rgba(245,236,215,0.7);\r\n text-align: center;\r\n padding: 36px 5%;\r\n font-size: 0.83rem;\r\n line-height: 1.8;\r\n }\r\n\r\n footer strong { color: var(--caramelo); }\r\n\r\n \/* ======= WHATSAPP FLOAT ======= *\/\r\n .wpp-float {\r\n position: fixed;\r\n bottom: 28px;\r\n right: 28px;\r\n z-index: 999;\r\n background: #25D366;\r\n color: white;\r\n width: 58px;\r\n height: 58px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 1.6rem;\r\n box-shadow: 0 4px 20px rgba(37,211,102,0.5);\r\n text-decoration: none;\r\n transition: all 0.25s;\r\n animation: pulse-wpp 3s infinite;\r\n }\r\n\r\n .wpp-float:hover { transform: scale(1.1); box-shadow: 0 8px 28px rgba(37,211,102,0.6); }\r\n\r\n @keyframes pulse-wpp {\r\n 0%,100%{ box-shadow: 0 4px 20px rgba(37,211,102,0.5); }\r\n 50%{ box-shadow: 0 4px 32px rgba(37,211,102,0.8); }\r\n }\r\n\r\n \/* ======= MOBILE NAV ======= *\/\r\n @media (max-width: 768px) {\r\n .nav-links {\r\n display: none;\r\n position: absolute;\r\n top: 64px; left: 0; right: 0;\r\n background: rgba(74,38,16,0.98);\r\n flex-direction: column;\r\n padding: 20px 5%;\r\n gap: 0;\r\n }\r\n .nav-links.open { display: flex; }\r\n .nav-links li { border-bottom: 1px solid rgba(255,255,255,0.07); }\r\n .nav-links a { display: block; padding: 14px 0; font-size: 0.95rem; }\r\n .nav-toggle { display: flex; }\r\n\r\n .sobre-inner { grid-template-columns: 1fr; gap: 36px; }\r\n .sobre-visual { min-height: 200px; }\r\n .contato-inner { grid-template-columns: 1fr; gap: 36px; }\r\n .form-card { padding: 28px 22px; }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .hero-btns { flex-direction: column; align-items: center; }\r\n .btn-primary, .btn-outline { width: 100%; max-width: 300px; text-align: center; }\r\n .sobre-stats { justify-content: center; }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- NAV -->\r\n<nav>\r\n <a href=\"#hero\" class=\"nav-logo\">\r\n Tudo Para o Boiadeiro\r\n <span>Equipamentos para o campo<\/span>\r\n <\/a>\r\n <ul class=\"nav-links\" id=\"navLinks\">\r\n <li><a href=\"#sobre\">Quem Somos<\/a><\/li>\r\n <li><a href=\"#produtos\">Produtos<\/a><\/li>\r\n <li><a href=\"#diferenciais\">Diferenciais<\/a><\/li>\r\n <li><a href=\"#contato\">Contato<\/a><\/li>\r\n <\/ul>\r\n <div class=\"nav-toggle\" id=\"navToggle\" aria-label=\"Menu\">\r\n <span><\/span><span><\/span><span><\/span>\r\n <\/div>\r\n<\/nav>\r\n\r\n<!-- HERO -->\r\n<section id=\"hero\">\r\n <div class=\"hero-content\">\r\n <div class=\"hero-badge\">\ud83d\udc02 Para quem vive a lida<\/div>\r\n <h1 class=\"hero-title\">Tudo Para o<br><em>Boiadeiro<\/em><\/h1>\r\n <p class=\"hero-slogan\">Equipamentos e acess\u00f3rios para o dia a dia<br>na lida com o gado. Qualidade que o campo exige.<\/p>\r\n <div class=\"hero-btns\">\r\n <a href=\"#produtos\" class=\"btn-primary\">Ver Produtos<\/a>\r\n <a href=\"#contato\" class=\"btn-outline\">Fale Conosco<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"hero-scroll\">Rolar<\/div>\r\n<\/section>\r\n\r\n<!-- SOBRE -->\r\n<section id=\"sobre\">\r\n <div class=\"sobre-inner\">\r\n <div class=\"sobre-visual\">\r\n <div class=\"sobre-visual-icon\">\ud83d\udc04<\/div>\r\n <\/div>\r\n <div>\r\n <span class=\"section-label\">Quem somos<\/span>\r\n <h2 class=\"section-title\">Feito por quem<br>conhece o campo<\/h2>\r\n <div class=\"divider\"><\/div>\r\n <p class=\"section-sub\">\r\n Somos especializados em produtos para boiadeiros. Cada item do nosso cat\u00e1logo foi escolhido pensando em quem acorda cedo, trabalha duro e precisa de equipamentos que aguentem o tranco do dia a dia na fazenda.\r\n <\/p>\r\n <p class=\"section-sub\" style=\"margin-top: 16px;\">\r\n Aqui voc\u00ea encontra desde cordas e roldanas at\u00e9 lanternas e varas de choque \u2014 tudo com qualidade, durabilidade e praticidade que o campo exige. Simples assim, sem enrola\u00e7\u00e3o.\r\n <\/p>\r\n <div class=\"sobre-stats\">\r\n <div class=\"stat\">\r\n <div class=\"stat-num\">7+<\/div>\r\n <div class=\"stat-desc\">Categorias de produtos<\/div>\r\n <\/div>\r\n <div class=\"stat\">\r\n <div class=\"stat-num\">100%<\/div>\r\n <div class=\"stat-desc\">Foco no campo<\/div>\r\n <\/div>\r\n <div class=\"stat\">\r\n <div class=\"stat-num\">BR<\/div>\r\n <div class=\"stat-desc\">Envio nacional<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- PRODUTOS -->\r\n<section id=\"produtos\">\r\n <div class=\"produtos-header\">\r\n <span class=\"section-label\">Cat\u00e1logo<\/span>\r\n <h2 class=\"section-title\">Nossos Produtos<\/h2>\r\n <div class=\"divider\"><\/div>\r\n <p class=\"section-sub\" style=\"margin: 0 auto;\">Itens selecionados para facilitar o trabalho de quem lida com gado todo dia.<\/p>\r\n <\/div>\r\n <div class=\"produtos-grid\">\r\n\r\n <div class=\"produto-card\">\r\n <span class=\"produto-icon\">\ud83e\udea2<\/span>\r\n <h3 class=\"produto-nome\">Corda<\/h3>\r\n <p class=\"produto-desc\">Corda resistente para manejo e conten\u00e7\u00e3o do gado. Fabricada com materiais de alta tenacidade, suporta o peso e o esfor\u00e7o da lida di\u00e1ria sem desgastar r\u00e1pido.<\/p>\r\n <span class=\"produto-badge\">Alta resist\u00eancia e durabilidade<\/span>\r\n <\/div>\r\n\r\n <div class=\"produto-card\">\r\n <span class=\"produto-icon\">\u2699\ufe0f<\/span>\r\n <h3 class=\"produto-nome\">Roldana<\/h3>\r\n <p class=\"produto-desc\">Roldana robusta para i\u00e7amento e movimenta\u00e7\u00e3o de cargas na fazenda. Facilita o trabalho pesado com menos esfor\u00e7o, mais seguran\u00e7a e praticidade no campo.<\/p>\r\n <span class=\"produto-badge\">Facilita o trabalho pesado<\/span>\r\n <\/div>\r\n\r\n <div class=\"produto-card\">\r\n <span class=\"produto-icon\">\u26a1<\/span>\r\n <h3 class=\"produto-nome\">Vara de Choque<\/h3>\r\n <p class=\"produto-desc\">Indispens\u00e1vel no manejo de bovinos. Segura, eficaz e de f\u00e1cil manuseio, auxilia na condu\u00e7\u00e3o do gado com agilidade e sem riscos desnecess\u00e1rios para o animal ou o pe\u00e3o.<\/p>\r\n <span class=\"produto-badge\">Manejo seguro e eficiente<\/span>\r\n <\/div>\r\n\r\n <div class=\"produto-card\">\r\n <span class=\"produto-icon\">\ud83d\udd26<\/span>\r\n <h3 class=\"produto-nome\">Lanterna<\/h3>\r\n <p class=\"produto-desc\">Lanterna potente para trabalhos noturnos e em \u00e1reas de pouca ilumina\u00e7\u00e3o. Resistente \u00e0 poeira e \u00e0 umidade \u2014 companheira fiel nas madrugadas no pasto e no curral.<\/p>\r\n <span class=\"produto-badge\">Resistente e de longa dura\u00e7\u00e3o<\/span>\r\n <\/div>\r\n\r\n <div class=\"produto-card\">\r\n <span class=\"produto-icon\">\ud83d\udd29<\/span>\r\n <h3 class=\"produto-nome\">Chapa<\/h3>\r\n <p class=\"produto-desc\">Chapa de qualidade para usos estruturais e reparos na propriedade rural. Material s\u00f3lido, resistente \u00e0 corros\u00e3o e ao uso intenso nas condi\u00e7\u00f5es do campo.<\/p>\r\n <span class=\"produto-badge\">Resistente ao uso intenso<\/span>\r\n <\/div>\r\n\r\n <div class=\"produto-card\">\r\n <span class=\"produto-icon\">\ud83e\uddf2<\/span>\r\n <h3 class=\"produto-nome\">Suporte de Lanterna<\/h3>\r\n <p class=\"produto-desc\">Suporte pr\u00e1tico para fixar a lanterna nas mais diversas situa\u00e7\u00f5es \u2014 na cabe\u00e7a, no ve\u00edculo ou em estruturas da fazenda. Deixa as m\u00e3os livres para trabalhar com mais seguran\u00e7a.<\/p>\r\n <span class=\"produto-badge\">Praticidade no dia a dia<\/span>\r\n <\/div>\r\n\r\n <div class=\"produto-card\">\r\n <span class=\"produto-icon\">\ud83d\udc56<\/span>\r\n <h3 class=\"produto-nome\">Sai\u00e3o<\/h3>\r\n <p class=\"produto-desc\">Prote\u00e7\u00e3o de qualidade para o boiadeiro. O sai\u00e3o resiste ao mato, ao barro e ao uso pesado, mantendo o conforto durante longas horas de trabalho a cavalo ou a p\u00e9 pelo campo.<\/p>\r\n <span class=\"produto-badge\">Conforto e prote\u00e7\u00e3o no campo<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- DIFERENCIAIS -->\r\n<section id=\"diferenciais\">\r\n <div class=\"diferenciais-header\">\r\n <span class=\"section-label\" style=\"color: var(--caramelo);\">Por que escolher<\/span>\r\n <h2 class=\"section-title light\">Por que nos escolher?<\/h2>\r\n <div class=\"divider\" style=\"margin: 18px auto 0;\"><\/div>\r\n <\/div>\r\n <div class=\"diferenciais-grid\">\r\n\r\n <div class=\"diferencial-card\">\r\n <span class=\"diferencial-icon\">\ud83c\udfc6<\/span>\r\n <h3 class=\"diferencial-titulo\">Qualidade e Resist\u00eancia<\/h3>\r\n <p class=\"diferencial-texto\">Trabalhamos apenas com produtos que aguentam o ritmo da fazenda. Nada de item que quebra no primeiro uso \u2014 aqui \u00e9 durabilidade de verdade.<\/p>\r\n <\/div>\r\n\r\n <div class=\"diferencial-card\">\r\n <span class=\"diferencial-icon\">\ud83e\udd1d<\/span>\r\n <h3 class=\"diferencial-titulo\">Atendimento Personalizado<\/h3>\r\n <p class=\"diferencial-texto\">Cada cliente \u00e9 atendido com aten\u00e7\u00e3o e cuidado. Tiramos d\u00favidas, ajudamos na escolha do produto certo e garantimos que voc\u00ea saia satisfeito.<\/p>\r\n <\/div>\r\n\r\n <div class=\"diferencial-card\">\r\n <span class=\"diferencial-icon\">\ud83c\udf3e<\/span>\r\n <h3 class=\"diferencial-titulo\">Experi\u00eancia no Campo<\/h3>\r\n <p class=\"diferencial-texto\">Conhecemos a realidade do boiadeiro. Por isso, nosso cat\u00e1logo \u00e9 pensado por quem entende o que \u00e9 necess\u00e1rio no dia a dia da lida com o gado.<\/p>\r\n <\/div>\r\n\r\n <div class=\"diferencial-card\">\r\n <span class=\"diferencial-icon\">\ud83d\ude9a<\/span>\r\n <h3 class=\"diferencial-titulo\">Envio para Todo o Brasil<\/h3>\r\n <p class=\"diferencial-texto\">N\u00e3o importa onde fica sua fazenda \u2014 levamos nossos produtos at\u00e9 voc\u00ea. Enviamos para qualquer canto do Brasil com seguran\u00e7a e agilidade.<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- CONTATO -->\r\n<section id=\"contato\">\r\n <div class=\"contato-inner\">\r\n <div class=\"contato-info\">\r\n <span class=\"section-label\">Fale conosco<\/span>\r\n <h2 class=\"section-title\">Quer saber mais<br>ou fazer um pedido?<\/h2>\r\n <div class=\"divider\"><\/div>\r\n <p class=\"section-sub\">\r\n Entre em contato pelo formul\u00e1rio ao lado, mande uma mensagem no WhatsApp ou envie um e-mail. Respondemos r\u00e1pido e com prazer em ajudar voc\u00ea a encontrar o produto certo para a sua necessidade.\r\n <\/p>\r\n <div class=\"contato-itens\">\r\n <div class=\"contato-item\">\r\n <div class=\"contato-item-icon\">\ud83d\udccd<\/div>\r\n <span>Atendimento em todo o Brasil<\/span>\r\n <\/div>\r\n <div class=\"contato-item\">\r\n <div class=\"contato-item-icon\">\ud83d\udcf1<\/div>\r\n <a href=\"https:\/\/wa.me\/554498525495\" target=\"_blank\" rel=\"noopener\" style=\"color:#5A3820; text-decoration:none;\">\r\n (44) 99852-5495 \u2014 WhatsApp\r\n <\/a>\r\n <\/div>\r\n <div class=\"contato-item\">\r\n <div class=\"contato-item-icon\">\u2709\ufe0f<\/div>\r\n <a href=\"mailto:contato@tudoparaoboiadeiro.com.br\" style=\"color:#5A3820; text-decoration:none;\">\r\n contato@tudoparaoboiadeiro.com.br\r\n <\/a>\r\n <\/div>\r\n <div class=\"contato-item\">\r\n <div class=\"contato-item-icon\">\u23f0<\/div>\r\n <span>Respondemos de segunda a s\u00e1bado<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-card\">\r\n <p class=\"form-title\">Envie sua mensagem<\/p>\r\n <form id=\"contatoForm\" novalidate>\r\n <div class=\"form-group\">\r\n <label class=\"form-label\" for=\"nome\">Seu nome<\/label>\r\n <input class=\"form-input\" type=\"text\" id=\"nome\" name=\"nome\" placeholder=\"Ex: Jo\u00e3o da Silva\" required \/>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label class=\"form-label\" for=\"whats\">WhatsApp<\/label>\r\n <input class=\"form-input\" type=\"tel\" id=\"whats\" name=\"whats\" placeholder=\"(00) 90000-0000\" required \/>\r\n <p class=\"form-phone-hint\">Informe com DDD. Entraremos em contato por l\u00e1.<\/p>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label class=\"form-label\" for=\"produto\">Produto de interesse<\/label>\r\n <select class=\"form-input\" id=\"produto\" name=\"produto\">\r\n <option value=\"\">Selecione um produto (opcional)<\/option>\r\n <option>Corda<\/option>\r\n <option>Roldana<\/option>\r\n <option>Vara de Choque<\/option>\r\n <option>Lanterna<\/option>\r\n <option>Chapa<\/option>\r\n <option>Suporte de Lanterna<\/option>\r\n <option>Sai\u00e3o<\/option>\r\n <option>Mais de um produto<\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label class=\"form-label\" for=\"mensagem\">Mensagem<\/label>\r\n <textarea class=\"form-textarea\" id=\"mensagem\" name=\"mensagem\" placeholder=\"Descreva sua d\u00favida ou o que precisa...\" required><\/textarea>\r\n <\/div>\r\n <button type=\"submit\" class=\"btn-submit\" id=\"btnSubmit\">Enviar Mensagem \ud83d\udc02<\/button>\r\n <div class=\"form-success\" id=\"formSuccess\">\r\n \u2705 Mensagem enviada! Em breve entraremos em contato pelo seu WhatsApp.\r\n <\/div>\r\n <div class=\"form-error-msg\" id=\"formError\">\r\n \u274c N\u00e3o foi poss\u00edvel enviar. Tente novamente ou entre em contato pelo WhatsApp.\r\n <\/div>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- FOOTER -->\r\n<footer>\r\n <strong>Tudo Para o Boiadeiro<\/strong><br>\r\n Equipamentos e acess\u00f3rios para quem vive a lida com o gado.<br>\r\n <span style=\"font-size:0.78rem; opacity:0.6;\">\u00a9 2026 TudoParaOBoiadeiro.com.br \u2014 Todos os direitos reservados.<\/span>\r\n<\/footer>\r\n\r\n<!-- WHATSAPP FLOAT -->\r\n<a class=\"wpp-float\" href=\"https:\/\/wa.me\/554498525495\" target=\"_blank\" rel=\"noopener\" title=\"Fale no WhatsApp\">\r\n \ud83d\udcac\r\n<\/a>\r\n\r\n<script>\r\n \/\/ Nav toggle mobile\r\n const toggle = document.getElementById('navToggle');\r\n const navLinks = document.getElementById('navLinks');\r\n\r\n toggle.addEventListener('click', () => {\r\n navLinks.classList.toggle('open');\r\n });\r\n\r\n navLinks.querySelectorAll('a').forEach(link => {\r\n link.addEventListener('click', () => navLinks.classList.remove('open'));\r\n });\r\n\r\n \/\/ Nav scroll effect\r\n const nav = document.querySelector('nav');\r\n window.addEventListener('scroll', () => {\r\n nav.style.background = window.scrollY > 60\r\n ? 'rgba(74,38,16,0.98)'\r\n : 'rgba(74,38,16,0.96)';\r\n });\r\n\r\n \/\/ M\u00e1scara de telefone\r\n const whatsInput = document.getElementById('whats');\r\n whatsInput.addEventListener('input', (e) => {\r\n let v = e.target.value.replace(\/\\D\/g, '');\r\n if (v.length > 11) v = v.slice(0, 11);\r\n if (v.length > 7) {\r\n v = `(${v.slice(0,2)}) ${v.slice(2,7)}-${v.slice(7)}`;\r\n } else if (v.length > 2) {\r\n v = `(${v.slice(0,2)}) ${v.slice(2)}`;\r\n } else if (v.length > 0) {\r\n v = `(${v}`;\r\n }\r\n e.target.value = v;\r\n });\r\n\r\n \/\/ Form submit \u2014 envia via mailto para contato@tudoparaoboiadeiro.com.br\r\n document.getElementById('contatoForm').addEventListener('submit', function(e) {\r\n e.preventDefault();\r\n\r\n const nome = document.getElementById('nome').value.trim();\r\n const whats = document.getElementById('whats').value.trim();\r\n const produto = document.getElementById('produto').value.trim();\r\n const mensagem = document.getElementById('mensagem').value.trim();\r\n const btnSubmit = document.getElementById('btnSubmit');\r\n const successEl = document.getElementById('formSuccess');\r\n const errorEl = document.getElementById('formError');\r\n\r\n \/\/ Reset estados visuais\r\n successEl.style.display = 'none';\r\n errorEl.style.display = 'none';\r\n document.querySelectorAll('.form-input, .form-textarea').forEach(el => el.classList.remove('erro'));\r\n\r\n \/\/ Valida\u00e7\u00e3o b\u00e1sica\r\n let valido = true;\r\n if (!nome) {\r\n document.getElementById('nome').classList.add('erro');\r\n document.getElementById('nome').focus();\r\n valido = false;\r\n }\r\n if (!whats || whats.replace(\/\\D\/g,'').length < 10) {\r\n document.getElementById('whats').classList.add('erro');\r\n if (valido) document.getElementById('whats').focus();\r\n valido = false;\r\n }\r\n if (!mensagem) {\r\n document.getElementById('mensagem').classList.add('erro');\r\n if (valido) document.getElementById('mensagem').focus();\r\n valido = false;\r\n }\r\n if (!valido) return;\r\n\r\n \/\/ Monta o corpo do e-mail\r\n const produtoTexto = produto ? `Produto de interesse: ${produto}\\n` : '';\r\n const corpo = encodeURIComponent(\r\n `Ol\u00e1!\\n\\nNome: ${nome}\\nWhatsApp: ${whats}\\n${produtoTexto}\\nMensagem:\\n${mensagem}\\n\\n---\\nEnviado pelo site TudoParaOBoiadeiro.com.br`\r\n );\r\n const assunto = encodeURIComponent(\r\n produto ? `Contato via site \u2014 ${produto}` : 'Contato via site'\r\n );\r\n\r\n \/\/ Abre o cliente de e-mail do usu\u00e1rio\r\n const mailtoLink = `mailto:contato@tudoparaoboiadeiro.com.br?subject=${assunto}&body=${corpo}`;\r\n\r\n \/\/ Feedback visual enquanto abre o cliente de e-mail\r\n btnSubmit.textContent = 'Abrindo e-mail...';\r\n btnSubmit.disabled = true;\r\n\r\n try {\r\n window.location.href = mailtoLink;\r\n\r\n \/\/ Aguarda um instante e mostra confirma\u00e7\u00e3o\r\n setTimeout(() => {\r\n successEl.style.display = 'block';\r\n btnSubmit.textContent = 'Mensagem enviada \u2713';\r\n btnSubmit.style.background = 'linear-gradient(135deg, #3D5A2A, #5A7A3A)';\r\n }, 800);\r\n\r\n } catch (err) {\r\n errorEl.style.display = 'block';\r\n btnSubmit.textContent = 'Enviar Mensagem \ud83d\udc02';\r\n btnSubmit.disabled = false;\r\n }\r\n });\r\n\r\n \/\/ Animate cards on scroll\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.style.opacity = '1';\r\n entry.target.style.transform = 'translateY(0)';\r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n }, { threshold: 0.12 });\r\n\r\n document.querySelectorAll('.produto-card, .diferencial-card').forEach(card => {\r\n card.style.opacity = '0';\r\n card.style.transform = 'translateY(28px)';\r\n card.style.transition = 'opacity 0.5s ease, transform 0.5s ease, box-shadow 0.3s';\r\n observer.observe(card);\r\n });\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Tudo Para o Boiadeiro Tudo Para o Boiadeiro Equipamentos para o campo Quem Somos Produtos Diferenciais Contato \ud83d\udc02 Para quem vive a lida Tudo Para oBoiadeiro Equipamentos e acess\u00f3rios para o dia a diana lida com o gado. Qualidade que o campo exige. Ver Produtos Fale Conosco Rolar \ud83d\udc04 Quem somos Feito por quemconhece o […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tudoparaoboiadeiro.com.br\/home\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tudoparaoboiadeiro.com.br\/home\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tudoparaoboiadeiro.com.br\/home\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tudoparaoboiadeiro.com.br\/home\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tudoparaoboiadeiro.com.br\/home\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":8,"href":"https:\/\/tudoparaoboiadeiro.com.br\/home\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":13,"href":"https:\/\/tudoparaoboiadeiro.com.br\/home\/wp-json\/wp\/v2\/pages\/8\/revisions\/13"}],"wp:attachment":[{"href":"https:\/\/tudoparaoboiadeiro.com.br\/home\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}