{"id":173,"date":"2026-07-10T18:58:53","date_gmt":"2026-07-10T18:58:53","guid":{"rendered":"https:\/\/eroscabeleireiros.com.br\/shop\/?page_id=173"},"modified":"2026-07-11T00:57:05","modified_gmt":"2026-07-11T00:57:05","slug":"elementor-173","status":"publish","type":"page","link":"https:\/\/eroscabeleireiros.com.br\/shop\/","title":{"rendered":"Inicial"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n Eros Cabeleireiros \u2014 Cabelos Humanos Premium<\/title> <meta name=\"description\" content=\"Cabelos humanos 100% naturais. Mega Hair com confec\u00e7\u00e3o pr\u00f3pria, aplica\u00e7\u00e3o e manuten\u00e7\u00e3o em Tabo\u00e3o da Serra.\">\n\n\n\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script> <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"> <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400;1,600&family=Inter:wght@300;400;500;600&display=swap\" rel=\"stylesheet\"> <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script> <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/pannellum@2.5.6\/build\/pannellum.css\"\/> <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/pannellum@2.5.6\/build\/pannellum.js\"><\/script>\n\n\n\n<style> *,*::before,*::after{box-sizing:border-box;margin:0;padding:0} :root{ --ink:#0A0A0A; --ash:#6A6A6A; --wire:#E8E8E8; --cream:#FAFAF8; --gold:#B8975A; --white:#FFFFFF;} html{scroll-behavior:smooth} body{font-family:'Inter',sans-serif;background:var(--white);color:var(--ink);overflow-x:hidden;-webkit-font-smoothing:antialiased} ::-webkit-scrollbar{width:2px}::-webkit-scrollbar-thumb{background:var(--gold)}\n\n\n\n .serif{font-family:'Cormorant Garamond',serif} .display{font-family:'Cormorant Garamond',serif;font-weight:300;line-height:1.02;letter-spacing:-0.01em} .label{font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.22em;color:var(--ash)} .gold-bar{width:32px;height:1.5px;background:var(--gold);display:block}\n\n\n\n .r{opacity:0;transform:translateY(28px);transition:opacity .85s cubic-bezier(.16,1,.3,1),transform .85s cubic-bezier(.16,1,.3,1)} .r.on{opacity:1;transform:none}\n\n\n\n #nav{ position:fixed;top:0;left:0;right:0;z-index:60; height:64px; transition:background .4s,border-color .4s,box-shadow .4s; background:rgba(255,255,255,.92); backdrop-filter:blur(16px); border-bottom:1px solid transparent;} #nav.s{border-color:var(--wire);box-shadow:0 2px 20px rgba(0,0,0,.04)} .nl{font-size:.62rem;font-weight:500;text-transform:uppercase;letter-spacing:.14em;color:var(--ink);transition:color .2s;text-decoration:none;} .nl:hover{color:var(--gold)}\n\n\n\n \/* \u2500\u2500 POP-UP PROMOCIONAL \u2500\u2500 *\/ #promo-bg{position:fixed;inset:0;z-index:90;background:rgba(0,0,0,.55);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;padding:20px;opacity:0;transition:opacity .35s} #promo-bg.show{display:flex;opacity:1} #promo-card{background:var(--cream);border-radius:8px;max-width:360px;width:100%;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.45);position:relative;transform:translateY(40px) scale(.97);transition:transform .4s cubic-bezier(.16,1,.3,1)} #promo-bg.show #promo-card{transform:none} #promo-img{width:100%;height:170px;object-fit:cover;display:block} #promo-x{position:absolute;top:12px;right:12px;width:30px;height:30px;border-radius:50%;background:rgba(0,0,0,.4);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;transition:background .2s} #promo-x:hover{background:rgba(0,0,0,.7)} #promo-body{padding:28px 26px 26px;text-align:center} #promo-badge{display:inline-block;font-size:.55rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#fff;background:var(--gold);padding:5px 13px;border-radius:99px;margin-bottom:15px} #promo-title{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:300;font-size:2rem;line-height:1.05;color:var(--ink);margin-bottom:11px} #promo-msg{font-size:.78rem;font-weight:300;color:var(--ash);line-height:1.6;margin-bottom:15px} #promo-hours{display:inline-flex;align-items:center;gap:7px;font-size:.68rem;font-weight:500;color:var(--ink);background:#F0ECE4;border:1px solid var(--wire);border-radius:99px;padding:8px 15px;margin-bottom:20px} #promo-hours svg{width:14px;height:14px;color:var(--gold)} #promo-cta{display:block;width:100%;background:var(--ink);color:#fff;text-align:center;font-size:.62rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em;padding:15px;border-radius:2px;text-decoration:none;border:none;cursor:pointer;transition:background .3s} #promo-cta:hover{background:var(--gold)} #promo-foot{font-size:.55rem;color:var(--ash);text-align:center;margin-top:13px;letter-spacing:.1em;text-transform:uppercase}\n\n\n\n .btn{ display:inline-flex;align-items:center;justify-content:center;gap:.5rem; font-size:.62rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em; border-radius:2px;cursor:pointer;transition:all .35s cubic-bezier(.16,1,.3,1); white-space:nowrap; text-decoration:none;} .btn-dark{background:var(--ink);color:var(--white);padding:.85rem 2rem;border:1.5px solid var(--ink)} .btn-dark:hover{background:var(--gold);border-color:var(--gold);color:#fff;} .btn-wire{background:transparent;color:var(--ink);padding:.85rem 2rem;border:1.5px solid var(--ink)} .btn-wire:hover{background:var(--ink);color:var(--white)} .btn-gold{background:var(--gold);color:var(--white);padding:.85rem 2rem;border:1.5px solid var(--gold)} .btn-gold:hover{background:var(--ink);border-color:var(--ink);color:#fff;} .btn-lg{padding:1.1rem 2.6rem;font-size:.68rem} .btn-sm{padding:.65rem 1.5rem;font-size:.58rem}\n\n\n\n #mm{ position:fixed;inset:0;z-index:70;background:var(--white); display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.5rem; transform:translateX(100%);transition:transform .55s cubic-bezier(.77,0,.175,1);} #mm.open{transform:none}\n\n\n\n #tb{ position:fixed;top:0;width:100%;z-index:65;height:36px; background:var(--ink);color:rgba(255,255,255,.8); display:flex;align-items:center;justify-content:center; font-size:.58rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;}\n\n\n\n #hero{ min-height:100svh; display:grid;grid-template-columns:1fr 1fr; padding-top:100px;} @media(max-width:1023px){ #hero{grid-template-columns:1fr;min-height:auto}} .hero-img{ position:relative;overflow:hidden; min-height:70vw;} @media(min-width:1024px){.hero-img{min-height:auto}} .hero-img img{ position:absolute;inset:0;width:100%;height:100%; object-fit:cover; transition:transform 8s ease;} .hero-img:hover img{transform:scale(1.04)} .hero-copy{ display:flex;flex-direction:column;justify-content:center; padding:4rem 4rem 4rem 5rem; background:var(--white);} @media(max-width:1023px){.hero-copy{padding:3rem 1.5rem 3rem}}\n\n\n\n .stat-strip{ display:grid;grid-template-columns:repeat(4,1fr); border-top:1px solid var(--wire);border-bottom:1px solid var(--wire);} @media(max-width:767px){.stat-strip{grid-template-columns:repeat(2,1fr)}} .stat-item{ padding:1.75rem 1.5rem; border-right:1px solid var(--wire); text-align:center;} .stat-item:last-child{border-right:none} @media(max-width:767px){ .stat-item:nth-child(2){border-right:none} .stat-item:nth-child(3){border-right:1px solid var(--wire)} .stat-item:nth-child(3),.stat-item:nth-child(4){border-top:1px solid var(--wire)}}\n\n\n\n .product-card{ position:relative;overflow:hidden;background:var(--white);cursor:pointer; border:1px solid var(--wire); border-radius:12px; transition:border-color .3s, transform .4s, box-shadow .4s;} .product-card:hover{border-color:var(--gold); transform:translateY(-5px); box-shadow:0 15px 35px rgba(0,0,0,.05);} .product-card .thumb{ width:100%;aspect-ratio:3\/4;overflow:hidden;position:relative;} .product-card .thumb img{ width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .8s cubic-bezier(.16,1,.3,1);} .product-card:hover .thumb img{transform:scale(1.05)} .product-card .tag{ position:absolute;top:.85rem;left:.85rem;z-index:2; font-size:.52rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase; background:var(--ink);color:var(--white);padding:.35rem .75rem; border-radius:4px;} .product-card .badge-stock{ position:absolute;top:.85rem;right:.85rem;z-index:2; font-size:.52rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase; background:var(--gold);color:var(--white);padding:.35rem .75rem; border-radius:4px;} .product-card .info{padding:1.4rem 1.25rem 1.75rem}\n\n\n\n .eros-section-cabelos { background-color: #FAFAF8; padding: 80px 20px 40px 20px; } .eros-section-header { text-align: center; margin-bottom: 50px; } .eros-section-tag { font-size: 0.65rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.22em; color: #B8975A; display: block; margin-bottom: 10px; } .eros-section-title { font-family: 'Cormorant Garamond', serif !important; font-size: clamp(2.4rem, 5vw, 3.5rem) !important; font-weight: 300 !important; line-height: 1.1 !important; color: #0A0A0A !important; margin: 0 !important; } .eros-section-title em { color: #B8975A !important; font-style: italic !important; } .eros-hair-grid { display: grid; grid-template-columns: repeat(1, 1fr); gap: 20px; max-width: 1200px; margin: 0 auto; } @media (min-width: 768px) { .eros-hair-grid { grid-template-columns: repeat(3, 1fr); } } .eros-hair-title { color: #0A0A0A; font-family: 'Cormorant Garamond', serif; font-size: 1.6rem; font-weight: 500; margin: 0; line-height: 1.2; }\n\n \n\n \/* \u2500\u2500 SIMULADOR (Layout de lado a lado) \u2500\u2500 *\/\n\n .eros-section-simulador { background-color: #FAFAF8; padding: 80px 20px; } \n\n \/* Grid com 2 colunas para cada produto ocupar 50% no Desktop *\/\n\n .eros-bento-grid { display: grid; grid-template-columns: 1fr; gap: 20px; max-width: 1200px; margin: 0 auto; } \n\n @media (min-width: 1024px) { .eros-bento-grid { grid-template-columns: 1fr 1fr; } } \n\n \n\n \/* Cart\u00e3o do Simulador: Flex horizontal (foto \u00e0 esquerda, texto \u00e0 direita) *\/\n\n .eros-bento-card { background-color: #FFFFFF; border-radius: 16px; overflow: hidden; display: flex; flex-direction: row; align-items: stretch; border: 1px solid #E8E8E8; transition: transform 0.4s ease, border-color 0.3s ease, box-shadow 0.4s ease; text-decoration:none;} \n\n .eros-bento-card:hover { transform: translateY(-5px); border-color: #B8975A; box-shadow: 0 15px 35px rgba(0,0,0,0.05); } \n\n \n\n \/* A foto ocupa 45% do cart\u00e3o e tem propor\u00e7\u00e3o 3:4 *\/\n\n .eros-bento-img-wrap { width: 45%; aspect-ratio: 3 \/ 4; flex-shrink: 0; overflow: hidden; background-color: #f0f0f0; position: relative; } \n\n .eros-bento-img-wrap img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.7s ease; } \n\n .eros-bento-card:hover .eros-bento-img-wrap img { transform: scale(1.05); } \n\n \n\n \/* A informa\u00e7\u00e3o ocupa o restante (55%) *\/\n\n .eros-bento-info { width: 55%; padding: 25px; display: flex; flex-direction: column; justify-content: center; } \n\n .eros-bento-cat { font-size: 0.55rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.15em; color: #6A6A6A; margin-bottom: 8px; } \n\n .eros-bento-title { color: #0A0A0A; font-family: 'Cormorant Garamond', serif; font-size: 1.4rem; font-weight: 500; margin: 0 0 10px 0; line-height: 1.2; } \n\n .eros-bento-price { color: #B8975A; font-size: 1.2rem; font-weight: 500; margin-bottom: 20px; font-family:'Inter', sans-serif;}\n\n\n\n \/* No telem\u00f3vel, os cart\u00f5es voltam a ficar empilhados (foto em cima, texto em baixo) *\/\n\n @media (max-width: 768px) {\n\n .eros-bento-card { flex-direction: column; }\n\n .eros-bento-img-wrap { width: 100%; aspect-ratio: 3 \/ 4; }\n\n .eros-bento-info { width: 100%; padding: 25px; }\n\n }\n\n\n\n .eros-steps-section { background-color: #FAFAF8; padding: 80px 20px; display: flex; flex-direction: column; align-items: center; border-top: 1px solid #E8E8E8; border-bottom: 1px solid #E8E8E8; } .eros-steps-header { text-align: center; margin-bottom: 50px; } .eros-steps-container { position: relative; width: 100%; max-width: 800px; background-color: #FFFFFF; border: 1px solid #E8E8E8; border-radius: 16px; overflow: hidden; min-height: 420px; box-shadow: 0 15px 35px rgba(0,0,0,0.03); } .eros-step-slide { position: absolute; inset: 0; opacity: 0; visibility: hidden; transition: opacity 0.6s ease, transform 0.6s ease; transform: translateY(20px); display: flex; flex-direction: column; justify-content: center; padding: 40px 60px; } .eros-step-slide.active { opacity: 1; visibility: visible; transform: translateY(0); } .eros-step-number { position: absolute; top: -20px; right: 20px; font-family: 'Cormorant Garamond', serif; font-size: 15rem; font-weight: 600; color: rgba(0, 0, 0, 0.03); line-height: 1; pointer-events: none; user-select: none; } .eros-gift-emoji { font-size: 8rem; top: 40px; right: 40px; opacity: 0.05; filter: grayscale(100%); } .eros-step-icon { width: 50px; height: 50px; border-radius: 50%; background-color: rgba(184, 151, 90, 0.1); color: #B8975A; display: flex; align-items: center; justify-content: center; margin-bottom: 25px; flex-shrink: 0; } .eros-step-title { font-family: 'Cormorant Garamond', serif; font-size: 2rem; font-weight: 400; color: #0A0A0A; margin: 0 0 15px 0; } .eros-step-desc { font-size: 0.95rem; font-weight: 300; line-height: 1.7; color: #6A6A6A; max-width: 550px; margin: 0; } .eros-step-actions { display: flex; gap: 12px; margin-top: 25px; flex-wrap: wrap; position: relative; z-index: 10; } .eros-step-btn { display: inline-flex; align-items: center; justify-content: center; font-size: 0.65rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; padding: 12px 24px; border-radius: 2px; text-decoration: none; transition: all 0.3s ease; cursor: pointer; } .eros-step-btn.gold-btn { background-color: #B8975A; border: 1px solid #B8975A; color: #FFFFFF; } .eros-step-btn.gold-btn:hover { background-color: transparent; color: #B8975A; } .eros-step-btn.outline-btn { background-color: transparent; border: 1px solid #0A0A0A; color: #0A0A0A; } .eros-step-btn.outline-btn:hover { background-color: #0A0A0A; color: #FFFFFF; } .eros-steps-nav { display: flex; justify-content: space-between; align-items: center; padding: 20px 30px; background-color: #FFFFFF; border-top: 1px solid #E8E8E8; position: absolute; bottom: 0; left: 0; right: 0; z-index: 20; } .eros-steps-dots { display: flex; gap: 10px; } .eros-step-dot { width: 8px; height: 8px; border-radius: 50%; background-color: #E8E8E8; cursor: pointer; transition: all 0.3s ease; } .eros-step-dot.active { background-color: #B8975A; transform: scale(1.3); } .eros-step-arrows { display: flex; gap: 15px; } .eros-arrow-btn { background: transparent !important; border: none !important; outline: none !important; box-shadow: none !important; padding: 8px !important; cursor: pointer; display: flex; align-items: center; justify-content: center; border-radius: 50% !important; transition: all 0.3s ease; } .eros-arrow-btn svg { stroke: #1A1A1A !important; transition: all 0.3s ease; } .eros-arrow-btn:hover svg { stroke: #B8975A !important; transform: scale(1.1); } @media (max-width: 768px) { .eros-step-slide { padding: 40px 30px 120px 30px; text-align: center; align-items: center; } .eros-step-number { font-size: 8rem; top: 20px; right: 50%; transform: translateX(50%); } .eros-gift-emoji { font-size: 5rem; top: 40px; } .eros-step-title { font-size: 1.8rem; } .eros-step-actions { justify-content: center; } }\n\n\n\n .tour-box{height:580px;border-radius:4px;overflow:hidden;cursor:grab;background-color:#1a1a1a;} .tour-box:active{cursor:grabbing}@media(max-width:767px){.tour-box{height:380px}} .hs{width:40px;height:40px;background:rgba(255,255,255,.9);border-radius:50%;cursor:pointer;transition:all .25s;background-size:55%;background-position:center;background-repeat:no-repeat}.hs:hover{transform:scale(1.12);background-color:var(--gold)} .hs-f{background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' fill='none' viewBox='0 0 24 24' stroke='%230A0A0A' stroke-width='2.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M5 15l7-7 7 7'\/%3E%3C\/svg%3E\")} .hs-b{background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' fill='none' viewBox='0 0 24 24' stroke='%230A0A0A' stroke-width='2.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'\/%3E%3C\/svg%3E\")} .hs-l{background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' fill='none' viewBox='0 0 24 24' stroke='%230A0A0A' stroke-width='2.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M15 19l-7-7 7-7'\/%3E%3C\/svg%3E\")} .hs-r{background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' fill='none' viewBox='0 0 24 24' stroke='%230A0A0A' stroke-width='2.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9 5l7 7-7 7'\/%3E%3C\/svg%3E\")} .hs-f:hover,.hs-b:hover,.hs-l:hover,.hs-r:hover{background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' fill='none' viewBox='0 0 24 24' stroke='%23ffffff' stroke-width='2.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9 9h6m-6 4h6'\/%3E%3C\/svg%3E\")} .pnlm-tooltip{display:none!important}\n\n\n\n #wa{ position:fixed;bottom:28px;left:28px;z-index:50; display:flex;align-items:center;gap:.6rem; background:var(--ink);color:var(--white); padding:.9rem 1.5rem;border-radius:2px; font-size:.62rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase; box-shadow:0 8px 32px rgba(0,0,0,.18); transition:all .35s cubic-bezier(.16,1,.3,1);cursor:pointer;border:none;} #wa:hover{background:var(--gold);transform:translateY(-2px) scale(1.02)}\n\n\n\n #modal-bg{ position:fixed;inset:0;z-index:90; background:rgba(0,0,0,.5);backdrop-filter:blur(4px); display:none;align-items:flex-end;justify-content:center; opacity:0;transition:opacity .3s;} @media(min-width:640px){#modal-bg{align-items:center}} #modal-panel{ background:var(--cream);width:100%;max-width:660px; border-radius:4px 4px 0 0;max-height:88vh;display:flex;flex-direction:column; transform:translateY(60px);transition:transform .35s cubic-bezier(.16,1,.3,1);} @media(min-width:640px){#modal-panel{border-radius:4px;max-height:85vh}} .srow{ display:flex;align-items:center;gap:.75rem; background:var(--white);border:1px solid var(--wire); padding:.9rem 1rem;cursor:pointer;transition:border-color .2s; margin-bottom:6px;} .srow:hover{border-color:var(--gold)} .srow.sel{background:#fffdf7;border-color:var(--gold)} .chk{ width:18px;height:18px;border-radius:3px;border:1.5px solid var(--wire); display:flex;align-items:center;justify-content:center;flex-shrink:0; transition:all .2s;color:transparent;background:var(--white);} .srow.sel .chk{border-color:var(--gold);background:var(--gold);color:#fff}\n\n\n\n \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\n\n .eros-footer-wrapper { background-color: #FFFFFF; border-top: 1px solid #E8E8E8; padding: 60px 20px 30px 20px; text-align: center; width: 100%; }\n\n .eros-footer-logo { height: 40px; margin: 0 auto 30px auto; opacity: 0.85; transition: opacity 0.3s ease; display:block;}\n\n .eros-footer-logo:hover { opacity: 1; }\n\n .eros-footer-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 25px; margin-bottom: 40px; }\n\n .eros-footer-link { font-size: 0.7rem; font-weight: 600; color: var(--ash); text-transform: uppercase; letter-spacing: 0.15em; text-decoration: none; transition: color 0.3s ease; }\n\n .eros-footer-link:hover { color: var(--gold); }\n\n<\/style>\n\n<\/head>\n\n<body>\n\n\n <div class=\"stat-strip bg-white r\">\n\n <div class=\"stat-item\"><p class=\"display text-3xl text-ink mb-1\">25+<\/p><p class=\"label\">Anos de tradi\u00e7\u00e3o<\/p><\/div>\n\n <div class=\"stat-item\"><p class=\"display text-3xl text-ink mb-1\">100%<\/p><p class=\"label\">Fios Humanos<\/p><\/div>\n\n <div class=\"stat-item\"><p class=\"display text-3xl text-ink mb-1\">5k+<\/p><p class=\"label\">Clientes atendidas<\/p><\/div>\n\n <div class=\"stat-item\"><p class=\"display text-3xl text-ink mb-1\">1g<\/p><p class=\"label\">M\u00ednimo de compra<\/p><\/div>\n\n <\/div>\n\n\n\n <section id=\"cabelos\" class=\"eros-section-cabelos\">\n\n <div class=\"eros-section-header r\">\n\n <span class=\"eros-section-tag\">Estoque Atual \u00b7 Pronta Entrega \u00b7 A partir de 1g<\/span>\n\n <div class=\"gold-bar mb-5 mx-auto\"><\/div>\n\n <h2 class=\"eros-section-title\">Nossos <em>Cabelos<\/em><\/h2>\n\n <p class=\"text-sm text-ash mt-4 font-medium\">Cada lote \u00e9 inspecionado individualmente. Voc\u00ea recebe exatamente o que v\u00ea.<\/p>\n\n <\/div>\n\n\n\n <div class=\"eros-hair-grid\">\n\n <a href=\"https:\/\/www.eroscabeleireiros.com.br\/shop\/produto\/cabelo-brasileiro-do-sul-natural\/\" class=\"product-card r flex flex-col h-full\" style=\"text-decoration:none;color:inherit\">\n\n <div class=\"thumb shrink-0\">\n\n <img decoding=\"async\" src=\"https:\/\/www.eroscabeleireiros.com.br\/shop\/wp-content\/uploads\/2026\/07\/IMG_3643-600x800.jpg\" alt=\"Cabelo Brasileiro do Sul Natural\">\n\n <div class=\"tag\">Premium<\/div>\n\n <div class=\"badge-stock\">Pronta Entrega<\/div>\n\n <\/div>\n\n <div class=\"info flex-1 flex flex-col\">\n\n <span class=\"label mb-2 block\">A Joia Rara do Sul<\/span>\n\n <h3 class=\"eros-hair-title mb-2\">Cabelo Brasileiro do Sul Natural<\/h3>\n\n <p class=\"text-xs text-ash mb-3 font-medium flex-1\">30\u201395cm \u00b7 Virgem natural \u00b7 Raridade absoluta<\/p>\n\n <div class=\"flex flex-wrap gap-1.5 mb-4\">\n\n <span style=\"font-size:.6rem;background:#FAFAF8;border:1px solid #E8E8E4;border-radius:6px;padding:3px 8px;color:#6A6A6A\">30\u201340cm \u00b7 R$19,90\/g<\/span>\n\n <span style=\"font-size:.6rem;background:#FAFAF8;border:1px solid #E8E8E4;border-radius:6px;padding:3px 8px;color:#6A6A6A\">45\u201360cm \u00b7 R$40,00\/g<\/span>\n\n <span style=\"font-size:.6rem;background:#F5F0E8;border:1px solid #D4B87A;border-radius:6px;padding:3px 8px;color:#8A6A2A;font-weight:600\">+varia\u00e7\u00f5es<\/span>\n\n <\/div>\n\n <div class=\"mt-auto flex items-center justify-between flex-wrap gap-3 border-t border-wire pt-4\">\n\n <div>\n\n <p class=\"text-xs text-ash mb-0.5\">A partir de<\/p>\n\n <p class=\"serif text-2xl text-ink font-bold m-0\">R$ 19,90 <span class=\"text-sm text-ash font-normal\">\/ g<\/span><\/p>\n\n <\/div>\n\n <span class=\"btn btn-dark btn-sm\">Ver & Comprar \u2192<\/span>\n\n <\/div>\n\n <\/div>\n\n <\/a>\n\n\n\n <a href=\"https:\/\/www.eroscabeleireiros.com.br\/shop\/produto\/cabelo-brasileiro-loiro-iluminado\/\" class=\"product-card r flex flex-col h-full\" style=\"text-decoration:none;color:inherit;transition-delay:.1s\">\n\n <div class=\"thumb shrink-0\">\n\n <img decoding=\"async\" src=\"https:\/\/www.eroscabeleireiros.com.br\/shop\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-06-02-at-12.07.41-e1783716037392.webp\" alt=\"Cabelo Loiro\">\n\n <div class=\"tag\">Mais Vendido<\/div>\n\n <div class=\"badge-stock\">Em Estoque<\/div>\n\n <\/div>\n\n <div class=\"info flex-1 flex flex-col\">\n\n <span class=\"label mb-2 block\">Loiro & Iluminado<\/span>\n\n <h3 class=\"eros-hair-title mb-2\">Cabelo Brasileiro Loiro \/ Iluminado<\/h3>\n\n <p class=\"text-xs text-ash mb-3 font-medium flex-1\">55\u201370cm \u00b7 Liso natural \u00b7 Pontas cheias<\/p>\n\n <div class=\"flex flex-wrap gap-1.5 mb-4\">\n\n <span style=\"font-size:.6rem;background:#FAFAF8;border:1px solid #E8E8E4;border-radius:6px;padding:3px 8px;color:#6A6A6A\">55cm \u00b7 R$22,00\/g<\/span>\n\n <span style=\"font-size:.6rem;background:#FAFAF8;border:1px solid #E8E8E4;border-radius:6px;padding:3px 8px;color:#6A6A6A\">65cm \u00b7 R$25,00\/g<\/span>\n\n <span style=\"font-size:.6rem;background:#FAFAF8;border:1px solid #E8E8E4;border-radius:6px;padding:3px 8px;color:#6A6A6A\">70cm \u00b7 R$26,00\/g<\/span>\n\n <\/div>\n\n <div class=\"mt-auto flex items-center justify-between flex-wrap gap-3 border-t border-wire pt-4\">\n\n <div>\n\n <p class=\"text-xs text-ash mb-0.5\">A partir de<\/p>\n\n <p class=\"serif text-2xl text-ink font-bold m-0\">R$ 22,00 <span class=\"text-sm text-ash font-normal\">\/ g<\/span><\/p>\n\n <\/div>\n\n <span class=\"btn btn-dark btn-sm\">Ver & Comprar \u2192<\/span>\n\n <\/div>\n\n <\/div>\n\n <\/a>\n\n\n\n <a href=\"https:\/\/www.eroscabeleireiros.com.br\/shop\/produto\/cabelo-brasileiro-regional-castanho\/\" class=\"product-card r flex flex-col h-full\" style=\"text-decoration:none;color:inherit;transition-delay:.2s\">\n\n <div class=\"thumb shrink-0\">\n\n <img decoding=\"async\" src=\"https:\/\/www.eroscabeleireiros.com.br\/shop\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-06-02-at-12.08.05-600x800.webp\" alt=\"Cabelo Castanho\">\n\n <div class=\"tag\">Custo-Benef\u00edcio<\/div>\n\n <div class=\"badge-stock\">Em Estoque<\/div>\n\n <\/div>\n\n <div class=\"info flex-1 flex flex-col\">\n\n <span class=\"label mb-2 block\">Brasileiro Regional<\/span>\n\n <h3 class=\"eros-hair-title mb-2\">Cabelo Brasileiro Regional Castanho<\/h3>\n\n <p class=\"text-xs text-ash mb-3 font-medium flex-1\">30\u201380cm \u00b7 Ondulado\/liso \u00b7 Ultra sedoso<\/p>\n\n <div class=\"flex flex-wrap gap-1.5 mb-4\">\n\n <span style=\"font-size:.6rem;background:#FAFAF8;border:1px solid #E8E8E4;border-radius:6px;padding:3px 8px;color:#6A6A6A\">30\u201335cm \u00b7 R$9,00\/g<\/span>\n\n <span style=\"font-size:.6rem;background:#FAFAF8;border:1px solid #E8E8E4;border-radius:6px;padding:3px 8px;color:#6A6A6A\">50\u201355cm \u00b7 R$15,90\/g<\/span>\n\n <span style=\"font-size:.6rem;background:#F5F0E8;border:1px solid #D4B87A;border-radius:6px;padding:3px 8px;color:#8A6A2A;font-weight:600\">+varia\u00e7\u00f5es<\/span>\n\n <\/div>\n\n <div class=\"mt-auto flex items-center justify-between flex-wrap gap-3 border-t border-wire pt-4\">\n\n <div>\n\n <p class=\"text-xs text-ash mb-0.5\">A partir de<\/p>\n\n <p class=\"serif text-2xl text-ink font-bold m-0\">R$ 9,00 <span class=\"text-sm text-ash font-normal\">\/ g<\/span><\/p>\n\n <\/div>\n\n <span class=\"btn btn-dark btn-sm\">Ver & Comprar \u2192<\/span>\n\n <\/div>\n\n <\/div>\n\n <\/a>\n\n <\/div>\n\n\n\n <div class=\"mt-10 bg-ink text-white flex flex-col md:flex-row items-center justify-between gap-6 px-8 py-6 r mx-auto\" style=\"max-width:1200px;border-radius:12px\">\n\n <div>\n\n <p class=\"label text-white\/50 mb-1\">N\u00e3o sabe qual escolher?<\/p>\n\n <p class=\"serif text-2xl italic\">A Eros avalia o seu cabelo e indica o fio ideal.<\/p>\n\n <\/div>\n\n <button onclick=\"window.open('https:\/\/wa.me\/5511950212484?text=Ol\u00e1! Quero fazer uma avalia\u00e7\u00e3o capilar para escolher o cabelo ideal para mim.','_blank')\" class=\"btn btn-gold btn-lg shrink-0\">Avalia\u00e7\u00e3o Gratuita \u2192<\/button>\n\n <\/div>\n\n\n\n <div class=\"text-center mt-8 r\">\n\n <a href=\"https:\/\/www.eroscabeleireiros.com.br\/shop\" class=\"btn btn-wire btn-lg\" style=\"display:inline-flex\">Ver todos os produtos na Loja \u2192<\/a>\n\n <\/div>\n\n <\/section>\n\n\n\n <section id=\"simulador\" class=\"eros-section-simulador\">\n\n <div class=\"eros-section-header r\">\n\n <span class=\"eros-section-tag\">Tecnologia Virtual<\/span>\n\n <h2 class=\"eros-section-title\">Acessos <em>Eros AI<\/em><\/h2>\n\n <p class=\"text-sm text-ash mt-4\">Veja como voc\u00ea ficaria com mega hair antes de comprar.<\/p>\n\n <\/div>\n\n \n\n <div class=\"eros-bento-grid\">\n\n <div class=\"eros-bento-card r\">\n\n <div class=\"eros-bento-img-wrap\"><img decoding=\"async\" src=\"https:\/\/www.eroscabeleireiros.com.br\/shop\/wp-content\/uploads\/2026\/07\/Generated-Image-July-10-2026-5_32PM-1-300x400.jpg\" alt=\"Simulador 2 Fotos\"><\/div>\n\n <div class=\"eros-bento-info\">\n\n <div class=\"eros-bento-cat\">Produto Virtual \u00b7 C\u00f3digo Imediato<\/div>\n\n <h3 class=\"eros-bento-title\">Acesso Simulador de Mega Hair AI (2 Fotos)<\/h3>\n\n <div class=\"eros-bento-price\">R$ 19,90<\/div>\n\n <p class=\"text-xs text-ash mb-5 leading-relaxed\">Fa\u00e7a o upload de 2 fotos e descubra a cor e comprimento ideais para voc\u00ea.<\/p>\n\n \n\n <a href=\"https:\/\/www.eroscabeleireiros.com.br\/shop\/?add-to-cart=94\" data-quantity=\"1\" class=\"btn btn-dark ajax_add_to_cart add_to_cart_button\" data-product_id=\"94\" data-product_sku=\"SIM-2\" aria-label=\"Adicionar Simulador 2 Fotos\" style=\"width:100%;text-align:center;text-decoration:none;margin-top:auto\">Adicionar ao Carrinho<\/a>\n\n <\/div>\n\n <\/div>\n\n \n\n <div class=\"eros-bento-card r\" style=\"transition-delay:.1s\">\n\n <div class=\"eros-bento-img-wrap\"><img decoding=\"async\" src=\"https:\/\/www.eroscabeleireiros.com.br\/shop\/wp-content\/uploads\/2026\/07\/2.png-300x400.jpg\" alt=\"Simulador 10 Fotos\"><\/div>\n\n <div class=\"eros-bento-info\">\n\n <div class=\"eros-bento-cat\">Produto VIP \u00b7 C\u00f3digo Imediato<\/div>\n\n <h3 class=\"eros-bento-title\">Acesso VIP Simulador de Mega Hair AI (10 Fotos)<\/h3>\n\n <div class=\"eros-bento-price\">R$ 69,90<\/div>\n\n <p class=\"text-xs text-ash mb-5 leading-relaxed\">Pacote completo para testar dezenas de visualiza\u00e7\u00f5es e ter certeza absoluta do seu Mega Hair.<\/p>\n\n \n\n <a href=\"https:\/\/www.eroscabeleireiros.com.br\/shop\/?add-to-cart=95\" data-quantity=\"1\" class=\"btn btn-dark ajax_add_to_cart add_to_cart_button\" data-product_id=\"95\" data-product_sku=\"SIM-10\" aria-label=\"Adicionar Simulador VIP 10 Fotos\" style=\"width:100%;text-align:center;text-decoration:none;margin-top:auto\">Adicionar ao Carrinho<\/a>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n <\/section>\n\n\n\n <section class=\"eros-steps-section\">\n\n <div class=\"eros-steps-header r\">\n\n <span class=\"eros-section-tag\">Guia de Uso<\/span>\n\n <h2 class=\"eros-section-title\">Como usar o <em>Simulador AI<\/em><\/h2>\n\n <\/div>\n\n <div class=\"eros-steps-container r\">\n\n <div class=\"eros-step-slide active\" id=\"stepSlide-0\">\n\n <div class=\"eros-step-number\">1<\/div>\n\n <div class=\"eros-step-icon\">\n\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15.75 10.5V6a3.75 3.75 0 10-7.5 0v4.5m11.356-1.993l1.263 12c.07.665-.45 1.243-1.119 1.243H4.25a1.125 1.125 0 01-1.12-1.243l1.264-12A1.125 1.125 0 015.513 7.5h12.974c.576 0 1.059.435 1.119 1.007zM8.625 10.5a.375.375 0 11-.75 0 .375.375 0 01.75 0zm7.5 0a.375.375 0 11-.75 0 .375.375 0 01.75 0z\" \/><\/svg>\n\n <\/div>\n\n <h3 class=\"eros-step-title\">Adquira a sua Licen\u00e7a<\/h3>\n\n <p class=\"eros-step-desc\">Escolha entre o <strong>Acesso Simples (2 fotos)<\/strong> ou o <strong>Acesso VIP (10 fotos)<\/strong>. Ap\u00f3s confirma\u00e7\u00e3o do pagamento, seu c\u00f3digo \u00e9 gerado automaticamente.<\/p>\n\n <div class=\"eros-step-actions\">\n\n <a href=\"https:\/\/www.eroscabeleireiros.com.br\/shop\/?add-to-cart=95\" class=\"eros-step-btn gold-btn ajax_add_to_cart add_to_cart_button\" data-product_id=\"95\">VIP (10 Fotos) \u2014 R$ 69,90<\/a>\n\n <a href=\"https:\/\/www.eroscabeleireiros.com.br\/shop\/?add-to-cart=94\" class=\"eros-step-btn outline-btn ajax_add_to_cart add_to_cart_button\" data-product_id=\"94\">Simples (2 Fotos) \u2014 R$ 19,90<\/a>\n\n <\/div>\n\n <\/div>\n\n <div class=\"eros-step-slide\" id=\"stepSlide-1\">\n\n <div class=\"eros-step-number\">2<\/div>\n\n <div class=\"eros-step-icon\">\n\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6.827 6.175A2.31 2.31 0 015.186 7.23c-.38.054-.757.112-1.134.175C2.999 7.58 2.25 8.507 2.25 9.574V18a2.25 2.25 0 002.25 2.25h15A2.25 2.25 0 0021.75 18V9.574c0-1.067-.75-1.994-1.802-2.169a47.865 47.865 0 00-1.134-.175 2.31 2.31 0 01-1.64-1.055l-.822-1.316a2.192 2.192 0 00-1.736-1.039 48.774 48.774 0 00-5.232 0 2.192 2.192 0 00-1.736 1.039l-.821 1.316z\" \/><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M16.5 12.75a4.5 4.5 0 11-9 0 4.5 4.5 0 019 0zM18.75 10.5h.008v.008h-.008V10.5z\" \/><\/svg>\n\n <\/div>\n\n <h3 class=\"eros-step-title\">Prepare a Foto Ideal<\/h3>\n\n <p class=\"eros-step-desc\">Para um resultado hiper-realista, tire uma foto estilo 3x4 olhando para a c\u00e2mera, num local <strong>bem iluminado<\/strong>. Prenda o cabelo natural para tr\u00e1s para a IA trabalhar perfeitamente.<\/p>\n\n <\/div>\n\n <div class=\"eros-step-slide\" id=\"stepSlide-2\">\n\n <div class=\"eros-step-number\">3<\/div>\n\n <div class=\"eros-step-icon\">\n\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9.813 15.904L9 18.75l-.813-2.846a4.5 4.5 0 00-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 003.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 003.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 00-3.09 3.09zM18.259 8.715L18 9.75l-.259-1.035a3.375 3.375 0 00-2.455-2.456L14.25 6l1.036-.259a3.375 3.375 0 002.455-2.456L18 2.25l.259 1.035a3.375 3.375 0 002.456 2.456L21.75 6l-1.035.259a3.375 3.375 0 00-2.456 2.456zM16.894 20.567L16.5 21.75l-.394-1.183a2.25 2.25 0 00-1.423-1.423L13.5 18.75l1.183-.394a2.25 2.25 0 001.423-1.423l.394-1.183.394 1.183a2.25 2.25 0 001.423 1.423l1.183.394-1.183.394a2.25 2.25 0 00-1.423 1.423z\" \/><\/svg>\n\n <\/div>\n\n <h3 class=\"eros-step-title\">Configure o seu Visual<\/h3>\n\n <p class=\"eros-step-desc\">No simulador, insira sua licen\u00e7a, fa\u00e7a upload da foto e escolha o <strong>comprimento<\/strong> e a <strong>tonalidade<\/strong> do cabelo. A IA gera o resultado em segundos.<\/p>\n\n <\/div>\n\n <div class=\"eros-step-slide\" id=\"stepSlide-3\">\n\n <div class=\"eros-step-number eros-gift-emoji\">\ud83c\udf81<\/div>\n\n <div class=\"eros-step-icon\">\n\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M21 11.25v8.25a1.5 1.5 0 01-1.5 1.5H5.25a1.5 1.5 0 01-1.5-1.5v-8.25M12 4.875A2.625 2.625 0 109.375 7.5H12m0-2.625V7.5m0-2.625A2.625 2.625 0 1114.625 7.5H12m0 0V21m-8.625-9.75h18c.621 0 1.125-.504 1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125h-18c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125z\" \/><\/svg>\n\n <\/div>\n\n <h3 class=\"eros-step-title\">Compre com Confian\u00e7a<\/h3>\n\n <p class=\"eros-step-desc\">Depois de visualizar o resultado, compre o cabelo que mais combinou com voc\u00ea diretamente na nossa loja. Vendemos a partir de <strong>1 grama<\/strong> \u2014 pague exatamente pelo que precisa, sem desperd\u00edcio.<\/p>\n\n <div class=\"eros-step-actions\">\n\n <a href=\"https:\/\/www.eroscabeleireiros.com.br\/shop\" class=\"eros-step-btn gold-btn\">Ver Cat\u00e1logo de Cabelos<\/a>\n\n <\/div>\n\n <\/div>\n\n <div class=\"eros-steps-nav\">\n\n <div class=\"eros-steps-dots\">\n\n <div class=\"eros-step-dot active\" onclick=\"jumpToStep(0)\"><\/div>\n\n <div class=\"eros-step-dot\" onclick=\"jumpToStep(1)\"><\/div>\n\n <div class=\"eros-step-dot\" onclick=\"jumpToStep(2)\"><\/div>\n\n <div class=\"eros-step-dot\" onclick=\"jumpToStep(3)\"><\/div>\n\n <\/div>\n\n <div class=\"eros-step-arrows\">\n\n <div class=\"eros-arrow-btn\" onclick=\"prevStep()\">\n\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" width=\"24\" height=\"24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 19l-7-7 7-7\" \/><\/svg>\n\n <\/div>\n\n <div class=\"eros-arrow-btn\" onclick=\"nextStep()\">\n\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" width=\"24\" height=\"24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5l7 7-7 7\" \/><\/svg>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n <\/section>\n \n \n<script>\n\n lucide.createIcons();\n\n\n\n const observe = new IntersectionObserver(entries => {\n\n entries.forEach(e => { if(e.isIntersecting){ e.target.classList.add('on'); observe.unobserve(e.target); } });\n\n }, {threshold:.07});\n\n document.querySelectorAll('.r').forEach(el => observe.observe(el));\n\n setTimeout(() => {\n\n document.querySelectorAll('.r').forEach(el => {\n\n if(el.getBoundingClientRect().top < window.innerHeight) { el.classList.add('on'); observe.unobserve(el); }\n\n });\n\n }, 60);\n\n\n\n const nav = document.getElementById('nav');\n\n window.addEventListener('scroll', () => nav.classList.toggle('s', scrollY > 30));\n\n\n\n const mm = document.getElementById('mm');\n\n document.getElementById('mbt').addEventListener('click', () => { mm.classList.add('open'); document.body.style.overflow='hidden'; });\n\n function closeMM(){ mm.classList.remove('open'); document.body.style.overflow=''; }\n\n\n\n let currentStep = 0;\n\n const totalSteps = 4;\n\n function updateStepUI() {\n\n for(let i = 0; i < totalSteps; i++) {\n\n const slide = document.getElementById('stepSlide-' + i);\n\n if(slide) slide.classList.toggle('active', i === currentStep);\n\n }\n\n document.querySelectorAll('.eros-step-dot').forEach((dot, i) => dot.classList.toggle('active', i === currentStep));\n\n }\n\n function nextStep() { currentStep = (currentStep + 1) % totalSteps; updateStepUI(); }\n\n function prevStep() { currentStep = (currentStep - 1 + totalSteps) % totalSteps; updateStepUI(); }\n\n function jumpToStep(index) { currentStep = index; updateStepUI(); }\n\n\n\n let SVCS = [];\n\n fetch('\/HUB\/orcamento_servicos.json').then(r=>r.json()).then(d=>{ SVCS=d; }).catch(()=>{ SVCS=[]; });\n\n\n\n const cart = new Map();\n\n const R = v => v.toLocaleString('pt-BR',{style:'currency',currency:'BRL'});\n\n\n\n function renderModal(){\n\n document.getElementById('mbody').innerHTML = SVCS.map(cat => `\n\n <div>\n\n <div class=\"flex items-center gap-2 mb-3\">\n\n <i data-lucide=\"${cat.icon}\" class=\"w-4 h-4\" style=\"color:var(--gold)\"><\/i>\n\n <h4 class=\"serif italic text-lg text-ink\">${cat.cat}<\/h4>\n\n <\/div>\n\n ${cat.items.map(item => {\n\n const pl = item.p === 0 ? 'Gr\u00e1tis' : item.f ? `A partir de ${R(item.p)}` : R(item.p);\n\n return `<div class=\"srow${cart.has(item.id)?' sel':''}\" id=\"r${item.id}\" onclick=\"toggle('${item.id}','${item.n.replace(\/'\/g,\"\\\\'\")}',${item.p},${item.f})\">\n\n <div class=\"chk\"><i data-lucide=\"check\" class=\"w-3 h-3\"><\/i><\/div>\n\n <div class=\"flex-1 flex justify-between items-center gap-3\">\n\n <p class=\"text-xs font-500 text-ink\">${item.n}<\/p>\n\n <p class=\"text-xs shrink-0\" style=\"color:var(--ash);font-weight:300\">${pl}<\/p>\n\n <\/div>\n\n <\/div>`;\n\n }).join('')}\n\n <\/div>\n\n `).join('');\n\n lucide.createIcons();\n\n }\n\n\n\n function toggle(id,name,price,from){\n\n const row = document.getElementById('r'+id);\n\n if(cart.has(id)){cart.delete(id);row.classList.remove('sel');}\n\n else{cart.set(id,{name,price,from});row.classList.add('sel');}\n\n let t=0,hf=false;\n\n cart.forEach(s=>{t+=s.price;if(s.from)hf=true;});\n\n document.getElementById('mtotal').textContent = t===0?'R$ 0,00':(hf?'M\u00e9d. ':'')+R(t);\n\n }\n\n\n\n function openModal(){\n\n renderModal();\n\n const bg=document.getElementById('modal-bg'), panel=document.getElementById('modal-panel');\n\n bg.style.display='flex';\n\n requestAnimationFrame(()=>{bg.style.opacity='1';panel.style.transform='none';document.body.style.overflow='hidden';});\n\n }\n\n function closeModal(){\n\n const bg=document.getElementById('modal-bg'), panel=document.getElementById('modal-panel');\n\n bg.style.opacity='0'; panel.style.transform='translateY(60px)';\n\n setTimeout(()=>{bg.style.display='none';document.body.style.overflow='';},320);\n\n }\n\n function sendWA(){\n\n const name=document.getElementById('mname').value.trim();\n\n if(!name){alert('Por favor, preencha o seu nome.');return;}\n\n if(!cart.size){alert('Selecione pelo menos um servi\u00e7o.');return;}\n\n let msg=`\u2728 *OR\u00c7AMENTO EROS* \u2728\\n\\nOl\u00e1! Sou *${name}* e gostaria de:\\n\\n`;\n\n let t=0,hf=false;\n\n cart.forEach(s=>{t+=s.price;if(s.from)hf=true; msg+=`\ud83d\udd38 ${s.name} (${s.price===0?'Avalia\u00e7\u00e3o':s.from?`A partir de ${R(s.price)}`:R(s.price)})\\n`;});\n\n msg+=`\\n\ud83d\udcb0 *Estimado: ${(hf?'A partir de ':'')+R(t)}*\\n\\nPode me informar disponibilidade? \ud83e\udd0d`;\n\n window.open(`https:\/\/wa.me\/5511950212484?text=${encodeURIComponent(msg)}`, '_blank');\n\n closeModal();\n\n }\n\n\n\n \/\/ \u2500\u2500 POP-UP PROMOCIONAL \u2500\u2500\n\n let PROMO = null;\n\n function promoCanShow(freq){\n\n try{\n\n if(freq === 'always') return true;\n\n if(freq === 'session') return !sessionStorage.getItem('eros_promo_seen');\n\n \/\/ daily (padr\u00e3o): mostra 1x por dia\n\n const last = localStorage.getItem('eros_promo_day');\n\n const today = new Date().toISOString().slice(0,10);\n\n return last !== today;\n\n }catch(e){ return true; }\n\n }\n\n function promoMarkSeen(freq){\n\n try{\n\n if(freq === 'session') sessionStorage.setItem('eros_promo_seen','1');\n\n else if(freq !== 'always') localStorage.setItem('eros_promo_day', new Date().toISOString().slice(0,10));\n\n }catch(e){}\n\n }\n\n function openPromo(){ document.getElementById('promo-bg').classList.add('show'); }\n\n function closePromo(){\n\n document.getElementById('promo-bg').classList.remove('show');\n\n if(PROMO) promoMarkSeen(PROMO.frequency);\n\n }\n\n function promoCTA(e){\n\n if(!PROMO) return;\n\n const t = PROMO.ctaType;\n\n if(t === 'modal'){ e.preventDefault(); closePromo(); openModal(); }\n\n else if(t === 'link' && PROMO.ctaLink){ \/* deixa o href abrir *\/ }\n\n else { \/\/ whatsapp (padr\u00e3o)\n\n e.preventDefault();\n\n const msg = `Ol\u00e1! Vi a promo\u00e7\u00e3o \"${PROMO.title||''}\" no site e quero saber mais. \ud83e\udd0d`;\n\n window.open(`https:\/\/wa.me\/5511950212484?text=${encodeURIComponent(msg)}`,'_blank');\n\n closePromo();\n\n }\n\n }\n\n fetch('\/HUB\/promo_api.php', {cache:'no-store'})\n\n .then(r => r.json())\n\n .then(d => {\n\n if(!d || !d.enabled) return;\n\n if(!promoCanShow(d.frequency || 'daily')) return;\n\n PROMO = d;\n\n const set = (id,val) => { document.getElementById(id).textContent = val || ''; };\n\n \/\/ Badge\n\n const badge = document.getElementById('promo-badge');\n\n if(d.badge){ badge.textContent = d.badge; badge.style.display=''; } else { badge.style.display='none'; }\n\n set('promo-title', d.title);\n\n set('promo-msg', d.message);\n\n \/\/ Hor\u00e1rio\n\n if(d.hours){ document.getElementById('promo-hours').style.display=''; set('promo-hours-txt', d.hours); }\n\n \/\/ Imagem\n\n if(d.image){ const im=document.getElementById('promo-img'); im.src=d.image; im.style.display=''; im.onerror=()=>im.style.display='none'; }\n\n \/\/ CTA\n\n const cta = document.getElementById('promo-cta');\n\n cta.textContent = d.ctaLabel || 'Agendar pelo WhatsApp';\n\n if((d.ctaType||'whatsapp') === 'link' && d.ctaLink){ cta.href = d.ctaLink; cta.target='_blank'; }\n\n else { cta.href = '#'; }\n\n setTimeout(openPromo, 1200);\n\n })\n\n .catch(()=>{});\n\n\n\n document.addEventListener('DOMContentLoaded', () => {\n\n const B = \"\/360\/\";\n\n if(document.getElementById('virtual-tour')) {\n\n pannellum.viewer('virtual-tour', {\n\n default:{firstScene:\"c02\",sceneFadeDuration:700,autoLoad:true,autoRotate:-1.5,compass:false,mouseZoom:false,showTitle:false,showAuthor:false},\n\n scenes:{\n\n c02:{type:\"equirectangular\",panorama:B+\"02%20-%20Copia.jpg\",hotSpots:[{pitch:-20,yaw:0,type:\"scene\",sceneId:\"c03\",cssClass:\"hs hs-f\"}]},\n\n c03:{type:\"equirectangular\",panorama:B+\"03%20-%20Copia.jpg\",hotSpots:[{pitch:-20,yaw:180,type:\"scene\",sceneId:\"c02\",cssClass:\"hs hs-b\"},{pitch:-20,yaw:0,type:\"scene\",sceneId:\"c04\",cssClass:\"hs hs-f\"}]},\n\n c04:{type:\"equirectangular\",panorama:B+\"04%20-%20Copia.jpg\",hotSpots:[{pitch:-20,yaw:180,type:\"scene\",sceneId:\"c03\",cssClass:\"hs hs-b\"},{pitch:-20,yaw:0,type:\"scene\",sceneId:\"c05\",cssClass:\"hs hs-f\"},{pitch:-20,yaw:-90,type:\"scene\",sceneId:\"c11\",cssClass:\"hs hs-l\"}]},\n\n c05:{type:\"equirectangular\",panorama:B+\"05%20-%20Copia.jpg\",hotSpots:[{pitch:-20,yaw:180,type:\"scene\",sceneId:\"c04\",cssClass:\"hs hs-b\"},{pitch:-20,yaw:0,type:\"scene\",sceneId:\"c06\",cssClass:\"hs hs-f\"},{pitch:-20,yaw:-90,type:\"scene\",sceneId:\"c11\",cssClass:\"hs hs-l\"}]},\n\n c06:{type:\"equirectangular\",panorama:B+\"06%20-%20Copia.jpg\",hotSpots:[{pitch:-20,yaw:180,type:\"scene\",sceneId:\"c05\",cssClass:\"hs hs-b\"},{pitch:-20,yaw:0,type:\"scene\",sceneId:\"c07\",cssClass:\"hs hs-f\"}]},\n\n c07:{type:\"equirectangular\",panorama:B+\"07%20-%20Copia.jpg\",hotSpots:[{pitch:-20,yaw:180,type:\"scene\",sceneId:\"c06\",cssClass:\"hs hs-b\"},{pitch:-20,yaw:0,type:\"scene\",sceneId:\"c08\",cssClass:\"hs hs-f\"}]},\n\n c08:{type:\"equirectangular\",panorama:B+\"08%20-%20Copia.jpg\",hotSpots:[{pitch:-20,yaw:180,type:\"scene\",sceneId:\"c07\",cssClass:\"hs hs-b\"},{pitch:-20,yaw:0,type:\"scene\",sceneId:\"c09\",cssClass:\"hs hs-f\"}]},\n\n c09:{type:\"equirectangular\",panorama:B+\"09%20-%20Copia.jpg\",hotSpots:[{pitch:-20,yaw:180,type:\"scene\",sceneId:\"c08\",cssClass:\"hs hs-b\"},{pitch:-20,yaw:0,type:\"scene\",sceneId:\"c10\",cssClass:\"hs hs-f\"}]},\n\n c10:{type:\"equirectangular\",panorama:B+\"10%20-%20Copia.jpg\",hotSpots:[{pitch:-20,yaw:180,type:\"scene\",sceneId:\"c09\",cssClass:\"hs hs-b\"}]},\n\n c11:{type:\"equirectangular\",panorama:B+\"11%20-%20Copia.jpg\",hotSpots:[{pitch:-20,yaw:180,type:\"scene\",sceneId:\"c05\",cssClass:\"hs hs-b\"},{pitch:-20,yaw:-90,type:\"scene\",sceneId:\"c12\",cssClass:\"hs hs-l\"},{pitch:-20,yaw:90,type:\"scene\",sceneId:\"c13\",cssClass:\"hs hs-r\"}]},\n\n c12:{type:\"equirectangular\",panorama:B+\"12%20-%20Copia.jpg\",hotSpots:[{pitch:-20,yaw:180,type:\"scene\",sceneId:\"c11\",cssClass:\"hs hs-b\"},{pitch:-20,yaw:0,type:\"scene\",sceneId:\"c14\",cssClass:\"hs hs-f\"}]},\n\n c13:{type:\"equirectangular\",panorama:B+\"13%20-%20Copia.jpg\",hotSpots:[{pitch:-20,yaw:180,type:\"scene\",sceneId:\"c11\",cssClass:\"hs hs-b\"}]},\n\n c14:{type:\"equirectangular\",panorama:B+\"14%20-%20Copia.jpg\",hotSpots:[{pitch:-20,yaw:180,type:\"scene\",sceneId:\"c12\",cssClass:\"hs hs-b\"},{pitch:-20,yaw:0,type:\"scene\",sceneId:\"c15\",cssClass:\"hs hs-f\"}]},\n\n c15:{type:\"equirectangular\",panorama:B+\"15%20-%20Copia.jpg\",hotSpots:[{pitch:-20,yaw:180,type:\"scene\",sceneId:\"c14\",cssClass:\"hs hs-b\"},{pitch:-20,yaw:0,type:\"scene\",sceneId:\"c16\",cssClass:\"hs hs-f\"}]},\n\n c16:{type:\"equirectangular\",panorama:B+\"16%20-%20Copia.jpg\",hotSpots:[{pitch:-20,yaw:180,type:\"scene\",sceneId:\"c15\",cssClass:\"hs hs-b\"}]}\n\n }\n\n });\n\n }\n\n });\n\n<\/script>\n\n<\/body>\n\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Eros Cabeleireiros \u2014 Cabelos Humanos Premium 25+ Anos de tradi\u00e7\u00e3o 100% Fios Humanos 5k+ Clientes atendidas 1g M\u00ednimo de compra Estoque Atual \u00b7 Pronta Entrega \u00b7 A partir de 1g Nossos Cabelos Cada lote \u00e9 inspecionado individualmente. Voc\u00ea recebe exatamente o que v\u00ea. Premium Pronta Entrega A Joia Rara do Sul Cabelo Brasileiro do Sul […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-173","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/eroscabeleireiros.com.br\/shop\/wp-json\/wp\/v2\/pages\/173","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eroscabeleireiros.com.br\/shop\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/eroscabeleireiros.com.br\/shop\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/eroscabeleireiros.com.br\/shop\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/eroscabeleireiros.com.br\/shop\/wp-json\/wp\/v2\/comments?post=173"}],"version-history":[{"count":55,"href":"https:\/\/eroscabeleireiros.com.br\/shop\/wp-json\/wp\/v2\/pages\/173\/revisions"}],"predecessor-version":[{"id":2033,"href":"https:\/\/eroscabeleireiros.com.br\/shop\/wp-json\/wp\/v2\/pages\/173\/revisions\/2033"}],"wp:attachment":[{"href":"https:\/\/eroscabeleireiros.com.br\/shop\/wp-json\/wp\/v2\/media?parent=173"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}