{"id":7,"date":"2026-08-06T20:06:48","date_gmt":"2026-08-06T23:06:48","guid":{"rendered":"http:\/\/chicatelli.com.br\/?page_id=7"},"modified":"2026-08-19T18:29:38","modified_gmt":"2026-08-19T21:29:38","slug":"elementor-7","status":"publish","type":"page","link":"https:\/\/chicatelli.com.br\/","title":{"rendered":"Chicatelli Atelie\u0302 | La\u00e7os e acess\u00f3rios"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"7\" class=\"elementor elementor-7\">\n\t\t\t\t<div class=\"elementor-element elementor-element-81a4fbb e-con-full e-flex e-con e-parent\" data-id=\"81a4fbb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a01bf77 elementor-widget elementor-widget-html\" data-id=\"a01bf77\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =============================================================\r\n     CHICATELLI ATELI\u00ca \u2014 C\u00d3DIGO PARA O WIDGET HTML DO ELEMENTOR\r\n     =============================================================\r\n     COLE ESTE ARQUIVO INTEIRO em UM \u00daNICO widget HTML do Elementor.\r\n\r\n     Este arquivo foi limpo para N\u00c3O conter uma segunda estrutura completa\r\n     de p\u00e1gina dentro do Elementor (DOCTYPE \/ HTML \/ HEAD \/ BODY), nem\r\n     scripts administrativos\/exportados do WordPress.\r\n\r\n     Para editar imagens e links, use Ctrl+F e procure [EDITAR \u2014 ...].\r\n     ============================================================= -->\r\n\r\n<script>\r\n    if (window.location.protocol === \"http:\" &&\r\n        window.location.hostname !== \"localhost\" &&\r\n        window.location.hostname !== \"127.0.0.1\") {\r\n      window.location.replace(\r\n        \"https:\/\/\" + window.location.host + window.location.pathname +\r\n        window.location.search + window.location.hash\r\n      );\r\n    }\r\n  <\/script>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    :root {\r\n      --coral: #EA7A68;\r\n      --coral-dark: #CE6758;\r\n      --sage: #8DA490;\r\n      --sage-dark: #768D7A;\r\n      --terracotta: #CB967A;\r\n      --cream: #F7F3EA;\r\n      --cream-soft: #FCFAF6;\r\n      --white: #FFFFFF;\r\n      --graphite: #4F4D49;\r\n      --muted: #77736D;\r\n      --border: rgba(79,77,73,.11);\r\n      --shadow: 0 18px 50px rgba(79,77,73,.08);\r\n      --shadow-small: 0 10px 28px rgba(79,77,73,.07);\r\n      --radius: 24px;\r\n      --radius-sm: 16px;\r\n      --container: 1180px;\r\n    }\r\n\r\n    * { box-sizing: border-box; }\r\n\r\n    html {\r\n      scroll-behavior: smooth;\r\n      max-width: 100%;\r\n      overflow-x: hidden; \/* evita a \u201clinha branca\u201d lateral em navegadores mobile *\/\r\n    }\r\n\r\n    body {\r\n      margin: 0;\r\n      font-family: \"DM Sans\", Arial, sans-serif;\r\n      color: var(--graphite);\r\n      background: var(--cream-soft);\r\n      line-height: 1.55;\r\n      -webkit-font-smoothing: antialiased;\r\n      overflow-x: hidden;\r\n    }\r\n\r\n    a { color: inherit; text-decoration: none; }\r\n    button { font: inherit; }\r\n\r\n    .container {\r\n      width: min(calc(100% - 40px), var(--container));\r\n      margin-inline: auto;\r\n    }\r\n\r\n    .section { padding: 86px 0; }\r\n\r\n    h1, h2, h3 {\r\n      font-family: \"Fraunces\", Georgia, serif;\r\n      font-weight: 600;\r\n      letter-spacing: -.035em;\r\n      text-wrap: balance;\r\n    }\r\n\r\n    h1 {\r\n      margin: 0 0 22px;\r\n      max-width: 720px;\r\n      font-size: clamp(3rem, 5.4vw, 5rem);\r\n      line-height: .98;\r\n    }\r\n\r\n    h2 {\r\n      margin: 0 0 16px;\r\n      max-width: 850px;\r\n      font-size: clamp(2.2rem, 3.8vw, 3.7rem);\r\n      line-height: 1.02;\r\n    }\r\n\r\n    h3 {\r\n      margin: 0;\r\n      font-size: 1.45rem;\r\n      line-height: 1.12;\r\n    }\r\n\r\n    .accent { color: var(--coral); }\r\n\r\n    .lead {\r\n      max-width: 700px;\r\n      margin: 0;\r\n      color: var(--muted);\r\n      font-size: 1.02rem;\r\n    }\r\n\r\n    \/* =========================================================\r\n       COMPATIBILIDADE COM O TEMA ASTRA\r\n       O Astra pode tentar sobrescrever as cores dos t\u00edtulos.\r\n       Estas regras preservam as cores originais deste site.\r\n       ========================================================= *\/\r\n    .hero h1,\r\n    .portfolio h2,\r\n    .events h2,\r\n    .about h2 {\r\n      color: var(--graphite) !important;\r\n    }\r\n\r\n    .business h2,\r\n    .event-copy h3 {\r\n      color: var(--white) !important;\r\n    }\r\n\r\n    .footer .footer-title {\r\n      color: rgba(255,255,255,.88) !important;\r\n    }\r\n\r\n    .accent {\r\n      color: var(--coral) !important;\r\n    }\r\n\r\n    \/* Remove o bot\u00e3o\/\u00edcone \u201cvoltar ao topo\u201d adicionado pelo Astra *\/\r\n    #ast-scroll-top,\r\n    .ast-scroll-to-top-right,\r\n    .ast-scroll-to-top-left,\r\n    .ast-scroll-top-icon,\r\n    [class*=\"ast-scroll-to-top\"] {\r\n      display: none !important;\r\n      visibility: hidden !important;\r\n      opacity: 0 !important;\r\n      pointer-events: none !important;\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       WORDPRESS \u2014 REMOVER BARRA ADMINISTRATIVA DO FRONT-END\r\n       A barra #wpadminbar n\u00e3o deve aparecer neste site.\r\n       Tamb\u00e9m anulamos a margem autom\u00e1tica de 32px\/46px que o WordPress\r\n       aplica quando um usu\u00e1rio logado visualiza a p\u00e1gina.\r\n       ========================================================= *\/\r\n    #wpadminbar {\r\n      display: none !important;\r\n      visibility: hidden !important;\r\n      opacity: 0 !important;\r\n      height: 0 !important;\r\n      min-height: 0 !important;\r\n      pointer-events: none !important;\r\n    }\r\n\r\n    html,\r\n    html[style] {\r\n      margin-top: 0 !important;\r\n    }\r\n\r\n    body.admin-bar,\r\n    body.logged-in.admin-bar {\r\n      margin-top: 0 !important;\r\n      padding-top: 0 !important;\r\n    }\r\n\r\n    \/* =========================================================\r\n       ESPA\u00c7OS PARA IMAGENS\r\n       COMO USAR: procure pelo marcador [EDITAR \u2014 IMAGEM ...] da se\u00e7\u00e3o desejada.\r\n       Nos elementos com background-image, troque SOMENTE a URL dentro de url('...').\r\n       ========================================================= *\/\r\n    .image-slot {\r\n      background-color: #E9E4DC;\r\n      background-repeat: no-repeat;\r\n      background-position: center;\r\n      \/* COVER preenche toda a moldura. Se a foto tiver a mesma propor\u00e7\u00e3o indicada\r\n         nos coment\u00e1rios\/data-image-ratio, n\u00e3o haver\u00e1 bordas e o recorte ser\u00e1 m\u00ednimo. *\/\r\n      background-size: cover;\r\n    }\r\n\r\n    .image-slot--contain {\r\n      background-size: contain;\r\n      background-color: transparent;\r\n    }\r\n\/* HERO PRINCIPAL E PERSONALIZADOS *\/\r\n.hero-photo-main.image-slot,\r\n#personalizados .business-image.image-slot,\r\n.about-image.image-slot {\r\n  background-size: contain !important;\r\n  background-repeat: no-repeat !important;\r\n  background-position: center center !important;\r\n  background-color: #E9E4DC !important;\r\n}\r\n#personalizados .business-photo {\r\n  min-height: 0;\r\n  aspect-ratio: 1674 \/ 1625;\r\n}\r\n    \/* Bot\u00f5es \/ CTAs *\/\r\n    .btn {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 10px;\r\n      min-height: 52px;\r\n      padding: 0 23px;\r\n      border: 1px solid transparent;\r\n      border-radius: 999px;\r\n      font-weight: 700;\r\n      font-size: .93rem;\r\n      cursor: pointer;\r\n      transition: transform .22s ease, background .22s ease, box-shadow .22s ease;\r\n    }\r\n\r\n    .btn:hover { transform: translateY(-2px); }\r\n\r\n    .btn-primary {\r\n      color: var(--white);\r\n      background: var(--coral);\r\n      box-shadow: 0 12px 28px rgba(234,122,104,.24);\r\n    }\r\n\r\n    .btn-primary:hover {\r\n      background: var(--coral-dark);\r\n      box-shadow: 0 16px 34px rgba(234,122,104,.30);\r\n    }\r\n\r\n    \/* \u00cdcone de telefone dos bot\u00f5es \u2014 SVG simples para evitar bugs do WhatsApp no Astra\/Elementor *\/\r\n    .phone-icon {\r\n      display: block !important;\r\n      width: 18px !important;\r\n      height: 18px !important;\r\n      flex: 0 0 18px;\r\n      fill: none !important;\r\n      stroke: currentColor !important;\r\n      stroke-width: 2 !important;\r\n      stroke-linecap: round;\r\n      stroke-linejoin: round;\r\n      overflow: visible;\r\n    }\r\n\r\n    \/* Header *\/\r\n    .header {\r\n      position: sticky;\r\n      top: 0;\r\n      z-index: 80;\r\n      border-bottom: 1px solid rgba(79,77,73,.07);\r\n      background: rgba(252,250,246,.93);\r\n      backdrop-filter: blur(16px);\r\n    }\r\n\r\n    .nav {\r\n      min-height: 78px;\r\n      position: relative; \/* refer\u00eancia do menu mobile; mant\u00e9m tudo dentro do container *\/\r\n      display: grid;\r\n      grid-template-columns: 160px 1fr auto;\r\n      align-items: center;\r\n      gap: 28px;\r\n    }\r\n\r\n    .brand {\r\n      display: block;\r\n      width: 126px;\r\n      height: 58px;\r\n    }\r\n\r\n    .brand-logo {\r\n      display: block;\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: contain;\r\n      object-position: left center;\r\n    }\r\n\r\n    .nav-links {\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      gap: 26px;\r\n      color: #625F5A;\r\n      font-size: .88rem;\r\n      font-weight: 600;\r\n    }\r\n\r\n    .nav-links a { position: relative; }\r\n    .nav-links a::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      left: 0;\r\n      right: 100%;\r\n      bottom: -7px;\r\n      height: 2px;\r\n      background: var(--coral);\r\n      transition: right .22s ease;\r\n    }\r\n    .nav-links a:hover::after { right: 0; }\r\n\r\n    \/* Bot\u00e3o do menu mobile\r\n       IMPORTANTE: regras com !important evitam que Astra\/Elementor pinte o bot\u00e3o de azul. *\/\r\n    .header .menu-button {\r\n      display: none;\r\n      width: 44px !important;\r\n      height: 44px !important;\r\n      min-width: 44px !important;\r\n      min-height: 44px !important;\r\n      margin: 0 !important;\r\n      padding: 0 !important;\r\n      place-items: center;\r\n      border: 1px solid var(--border) !important;\r\n      border-radius: 50% !important;\r\n      background: var(--white) !important;\r\n      background-color: var(--white) !important;\r\n      color: var(--graphite) !important;\r\n      box-shadow: none !important;\r\n      outline: none;\r\n      appearance: none;\r\n      -webkit-appearance: none;\r\n      cursor: pointer;\r\n      line-height: 1 !important;\r\n    }\r\n\r\n    .header .menu-button:hover,\r\n    .header .menu-button:focus,\r\n    .header .menu-button:active {\r\n      background: var(--cream) !important;\r\n      color: var(--graphite) !important;\r\n      border-color: rgba(79,77,73,.18) !important;\r\n      box-shadow: none !important;\r\n    }\r\n\r\n    .menu-icon {\r\n      width: 20px;\r\n      height: 14px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: space-between;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .menu-icon span {\r\n      display: block;\r\n      width: 20px;\r\n      height: 2px;\r\n      border-radius: 999px;\r\n      background: currentColor;\r\n      transform-origin: center;\r\n      transition: transform .2s ease, opacity .2s ease;\r\n    }\r\n\r\n    .menu-button.is-open .menu-icon span:nth-child(1) {\r\n      transform: translateY(6px) rotate(45deg);\r\n    }\r\n    .menu-button.is-open .menu-icon span:nth-child(2) { opacity: 0; }\r\n    .menu-button.is-open .menu-icon span:nth-child(3) {\r\n      transform: translateY(-6px) rotate(-45deg);\r\n    }\r\n\r\n    \/* Hero \u2014 alinhada ao mesmo container e ritmo do restante do site *\/\r\n    .hero {\r\n      position: relative;\r\n      overflow: hidden;\r\n      background:\r\n        radial-gradient(circle at 12% 15%, rgba(234,122,104,.12), transparent 28%),\r\n        radial-gradient(circle at 92% 20%, rgba(141,164,144,.15), transparent 31%),\r\n        linear-gradient(180deg, #FCFAF6 0%, #F7F3EA 100%);\r\n    }\r\n\r\n    .hero-grid {\r\n      display: grid;\r\n      grid-template-columns: minmax(0, 1.03fr) minmax(0, .97fr);\r\n      gap: clamp(42px, 5vw, 68px);\r\n      align-items: center;\r\n      padding: 82px 0 88px;\r\n    }\r\n\r\n    .hero-copy { min-width: 0; }\r\n\r\n    .hero-copy p {\r\n      max-width: 650px;\r\n      margin: 0 0 28px;\r\n      color: var(--muted);\r\n      font-size: clamp(1rem, 1.25vw, 1.13rem);\r\n    }\r\n\r\n    .hero-copy strong { color: var(--graphite); font-weight: 600; }\r\n\r\n    .hero-actions {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 12px;\r\n      align-items: center;\r\n    }\r\n\r\n    .hero-visual {\r\n      min-height: 540px;\r\n      position: relative;\r\n    }\r\n\r\n    .hero-photo {\r\n      position: absolute;\r\n      overflow: hidden;\r\n      border-radius: 28px;\r\n      box-shadow: var(--shadow);\r\n    }\r\n\r\n    .hero-photo-main { inset: 4% 6% 4% 4%; }\r\n\r\n    \/* Cabe\u00e7alhos de se\u00e7\u00e3o mais enxutos: sem r\u00f3tulos repetitivos *\/\r\n    .section-head {\r\n      display: flex;\r\n      align-items: end;\r\n      justify-content: space-between;\r\n      gap: 28px;\r\n      margin-bottom: 34px;\r\n    }\r\n\r\n    \/* Portfolio \/ carrossel\r\n       min-width:0 + max-width:100% impedem filhos flex\/grid de alargar a p\u00e1gina. *\/\r\n    .portfolio {\r\n      background: var(--white);\r\n      max-width: 100%;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .portfolio .container,\r\n    .portfolio .section-head,\r\n    .portfolio .section-head > div:first-child,\r\n    .portfolio-shell,\r\n    .portfolio-track {\r\n      min-width: 0;\r\n      max-width: 100%;\r\n    }\r\n\r\n    .portfolio-shell {\r\n      position: relative;\r\n      width: 100%;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .portfolio-track {\r\n      display: grid;\r\n      grid-auto-flow: column;\r\n      grid-auto-columns: minmax(280px, 32%);\r\n      gap: 16px;\r\n      overflow-x: auto;\r\n      scroll-snap-type: x mandatory;\r\n      scrollbar-width: none;\r\n      scroll-behavior: smooth;\r\n      padding: 4px 2px 14px;\r\n    }\r\n    .portfolio-track::-webkit-scrollbar { display: none; }\r\n\r\n    .portfolio-card {\r\n      min-height: 390px;\r\n      position: relative;\r\n      overflow: hidden;\r\n      border-radius: var(--radius);\r\n      scroll-snap-align: start;\r\n      background: var(--cream);\r\n      box-shadow: var(--shadow-small);\r\n      isolation: isolate;\r\n    }\r\n\r\n    .portfolio-image {\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: -2;\r\n      transition: transform .5s ease;\r\n    }\r\n\r\n    .portfolio-card::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: -1;\r\n      background: linear-gradient(180deg, transparent 52%, rgba(36,35,33,.58));\r\n    }\r\n\r\n    .portfolio-card:hover .portfolio-image { transform: scale(1.025); }\r\n\r\n    .portfolio-label {\r\n      position: absolute;\r\n      left: 18px;\r\n      bottom: 18px;\r\n      padding: 8px 11px;\r\n      border-radius: 999px;\r\n      background: rgba(255,255,255,.92);\r\n      color: var(--graphite);\r\n      font-size: .75rem;\r\n      font-weight: 700;\r\n      backdrop-filter: blur(8px);\r\n    }\r\n\r\n    .carousel-controls {\r\n      display: flex;\r\n      flex: 0 0 auto;\r\n      gap: 8px;\r\n      max-width: 100%;\r\n    }\r\n\r\n    .carousel-btn {\r\n      width: 46px;\r\n      height: 46px;\r\n      display: grid;\r\n      place-items: center;\r\n      border: 1px solid var(--border);\r\n      border-radius: 50%;\r\n      background: var(--white);\r\n      color: var(--graphite);\r\n      cursor: pointer;\r\n      transition: transform .2s ease, background .2s ease;\r\n    }\r\n\r\n    .carousel-btn:hover { transform: translateY(-2px); background: var(--cream); }\r\n\r\n    .portfolio-footer {\r\n      margin-top: 26px;\r\n      padding-top: 24px;\r\n      border-top: 1px solid var(--border);\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n      gap: 30px;\r\n    }\r\n\r\n    \/* Eventos *\/\r\n    .events { background: var(--cream); }\r\n    .events-intro { margin-bottom: 36px; }\r\n\r\n    .events-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(2, 1fr);\r\n      gap: 18px;\r\n    }\r\n\r\n    .event-card {\r\n      min-height: 430px;\r\n      position: relative;\r\n      overflow: hidden;\r\n      border-radius: var(--radius);\r\n      background: #ddd;\r\n      box-shadow: var(--shadow-small);\r\n      isolation: isolate;\r\n    }\r\n\r\n    .event-image {\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: -2;\r\n      transition: transform .55s ease;\r\n    }\r\n\r\n    .event-card::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: -1;\r\n      background: linear-gradient(180deg, rgba(38,36,33,.02) 28%, rgba(38,36,33,.82) 100%);\r\n    }\r\n\r\n    .event-card:hover .event-image { transform: scale(1.025); }\r\n\r\n    .event-copy {\r\n      position: absolute;\r\n      left: 0;\r\n      right: 0;\r\n      bottom: 0;\r\n      padding: 28px;\r\n      color: var(--white);\r\n    }\r\n\r\n    .event-copy h3 {\r\n      margin-bottom: 9px;\r\n      font-size: clamp(1.55rem, 2.2vw, 2.05rem);\r\n    }\r\n\r\n    .event-copy p {\r\n      max-width: 540px;\r\n      margin: 0;\r\n      color: rgba(255,255,255,.84);\r\n      font-size: .9rem;\r\n    }\r\n\r\n    .events-cta { margin-top: 28px; display: flex; justify-content: center; }\r\n\r\n    \/* Empresas *\/\r\n    .business {\r\n      position: relative;\r\n      overflow: hidden;\r\n      background: var(--sage-dark);\r\n      color: var(--white);\r\n    }\r\n\r\n    .business::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      right: -190px;\r\n      top: -210px;\r\n      width: 490px;\r\n      height: 490px;\r\n      border: 72px solid rgba(255,255,255,.055);\r\n      border-radius: 50%;\r\n    }\r\n\r\n    .business-grid {\r\n      display: grid;\r\n      grid-template-columns: 1.04fr .96fr;\r\n      gap: 64px;\r\n      align-items: center;\r\n    }\r\n\r\n    .business h2 { color: var(--white); }\r\n    .business .lead { color: rgba(255,255,255,.76); }\r\n    .business strong { color: #fff; }\r\n\r\n    .audiences {\r\n      margin: 27px 0 30px;\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 9px;\r\n    }\r\n\r\n    .audience {\r\n      padding: 10px 13px;\r\n      border: 1px solid rgba(255,255,255,.13);\r\n      border-radius: 999px;\r\n      background: rgba(255,255,255,.06);\r\n      color: rgba(255,255,255,.86);\r\n      font-size: .81rem;\r\n      font-weight: 600;\r\n    }\r\n\r\n    .business-photo {\r\n      min-height: 520px;\r\n      position: relative;\r\n      z-index: 2;\r\n      overflow: hidden;\r\n      border-radius: 28px;\r\n      box-shadow: 0 28px 68px rgba(36,45,38,.24);\r\n    }\r\n\r\n    .business-image { position: absolute; inset: 0; }\r\n\r\n    \/* Sobre *\/\r\n    .about { background: var(--white); }\r\n\r\n    .about-grid {\r\n      display: grid;\r\n      grid-template-columns: .92fr 1.08fr;\r\n      gap: 64px;\r\n      align-items: center;\r\n    }\r\n\r\n    .about-image {\r\n      min-height: 520px;\r\n      position: relative;\r\n      overflow: hidden;\r\n      border-radius: 28px;\r\n      box-shadow: var(--shadow);\r\n    }\r\n\r\n    .about-copy .lead + .lead { margin-top: 14px; }\r\n\r\n    .final-cta {\r\n      margin-top: 30px;\r\n      padding: 28px;\r\n      border-radius: 20px;\r\n      background: var(--cream);\r\n    }\r\n\r\n    .final-cta p {\r\n      margin: 0 0 18px;\r\n      color: var(--muted);\r\n      font-size: .9rem;\r\n    }\r\n\r\n    \/* Footer reorganizado *\/\r\n    .footer {\r\n      padding: 58px 0 24px;\r\n      background: var(--sage-dark); \/* MESMO verde da se\u00e7\u00e3o \u201cPara empresas\u201d *\/\r\n      color: var(--white);\r\n    }\r\n\r\n    .footer-grid {\r\n      display: grid;\r\n      grid-template-columns: minmax(260px, 1.35fr) minmax(170px, .65fr) minmax(240px, .9fr);\r\n      gap: 54px;\r\n      align-items: start;\r\n    }\r\n\r\n    .footer-logo {\r\n      display: block;\r\n      width: 138px;\r\n      height: 68px;\r\n      margin-bottom: 18px;\r\n      object-fit: contain;\r\n      object-position: left center;\r\n    }\r\n\r\n    .footer-copy {\r\n      max-width: 430px;\r\n      margin: 0;\r\n      color: rgba(255,255,255,.66);\r\n      font-size: .86rem;\r\n    }\r\n\r\n    .footer-title {\r\n      margin: 0 0 14px;\r\n      font-family: \"DM Sans\", Arial, sans-serif;\r\n      font-size: .78rem;\r\n      font-weight: 700;\r\n      letter-spacing: .08em;\r\n      text-transform: uppercase;\r\n      color: rgba(255,255,255,.88);\r\n    }\r\n\r\n    .footer-links {\r\n      display: grid;\r\n      gap: 10px;\r\n      color: rgba(255,255,255,.66);\r\n      font-size: .86rem;\r\n    }\r\n\r\n    .footer-links a:hover { color: var(--white); }\r\n\r\n    .footer-contact p {\r\n      margin: 0 0 16px;\r\n      color: rgba(255,255,255,.66);\r\n      font-size: .86rem;\r\n    }\r\n\r\n    .footer-socials {\r\n      margin-top: 13px;\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 9px;\r\n    }\r\n\r\n    .social-link {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 8px;\r\n      min-height: 42px;\r\n      padding: 0 13px;\r\n      border: 1px solid rgba(255,255,255,.14);\r\n      border-radius: 999px;\r\n      color: rgba(255,255,255,.86);\r\n      font-size: .8rem;\r\n      font-weight: 600;\r\n      transition: transform .2s ease, background .2s ease, color .2s ease;\r\n    }\r\n\r\n    .social-link:hover {\r\n      transform: translateY(-2px);\r\n      background: rgba(255,255,255,.08);\r\n      color: var(--white);\r\n    }\r\n\r\n    .social-link--icon {\r\n      width: 44px;\r\n      height: 44px;\r\n      min-height: 44px;\r\n      padding: 0;\r\n      border-radius: 50%;\r\n    }\r\n\r\n    .social-icon {\r\n      display: block;\r\n      width: 21px;\r\n      height: 21px;\r\n      fill: currentColor;\r\n    }\r\n\r\n    .footer-bottom {\r\n      margin-top: 42px;\r\n      padding-top: 18px;\r\n      border-top: 1px solid rgba(255,255,255,.10);\r\n      display: flex;\r\n      justify-content: space-between;\r\n      gap: 20px;\r\n      color: rgba(255,255,255,.43);\r\n      font-size: .73rem;\r\n    }\r\n\r\n    \/* WhatsApp flutuante *\/\r\n    .whatsapp-float {\r\n      position: fixed;\r\n      right: 20px;\r\n      bottom: 20px;\r\n      z-index: 70;\r\n      width: 58px;\r\n      height: 58px;\r\n      display: grid;\r\n      place-items: center;\r\n      border-radius: 50%;\r\n      background: #25D366;\r\n      color: var(--white);\r\n      box-shadow: 0 15px 36px rgba(37,211,102,.28);\r\n      transition: transform .2s ease;\r\n    }\r\n\r\n    .whatsapp-float:hover { transform: translateY(-3px); }\r\n    .whatsapp-float .phone-icon { width: 27px !important; height: 27px !important; }\r\n\r\n    \/* Anima\u00e7\u00e3o *\/\r\n    .reveal {\r\n      opacity: 0;\r\n      transform: translateY(16px);\r\n      transition: opacity .65s ease, transform .65s ease;\r\n    }\r\n    .reveal.visible { opacity: 1; transform: none; }\r\n\r\n    @media (max-width: 980px) {\r\n      .nav { grid-template-columns: 140px 1fr auto; }\r\n      .nav-links { gap: 16px; font-size: .82rem; }\r\n\r\n      .hero-grid,\r\n      .business-grid,\r\n      .about-grid { grid-template-columns: 1fr; }\r\n\r\n      .hero-visual { min-height: 520px; }\r\n      .business-photo { min-height: 500px; }\r\n      .footer-grid { grid-template-columns: 1.1fr .8fr; }\r\n      .footer-contact { grid-column: 1 \/ -1; }\r\n    }\r\n\r\n    @media (max-width: 780px) {\r\n      .section { padding: 68px 0; }\r\n\r\n      .nav {\r\n        min-height: 70px;\r\n        grid-template-columns: 1fr auto;\r\n      }\r\n\r\n      .brand { width: 112px; height: 54px; }\r\n      .nav > .btn { display: none; }\r\n      .header .menu-button {\r\n        display: grid !important;\r\n        justify-self: end;\r\n      }\r\n\r\n      \/* MENU MOBILE CORRIGIDO\r\n         Fica ancorado ao container do cabe\u00e7alho em vez de usar position:fixed.\r\n         Assim ele n\u00e3o desloca para a lateral nem herda o fundo azul do tema. *\/\r\n      .header .nav-links {\r\n        position: absolute !important;\r\n        top: calc(100% + 10px) !important;\r\n        left: 0 !important;\r\n        right: 0 !important;\r\n        width: 100% !important;\r\n        max-width: 100% !important;\r\n        z-index: 100;\r\n        display: none !important;\r\n        margin: 0 !important;\r\n        padding: 12px !important;\r\n        border: 1px solid var(--border) !important;\r\n        border-radius: 18px !important;\r\n        background: var(--white) !important;\r\n        background-color: var(--white) !important;\r\n        box-shadow: 0 18px 50px rgba(79,77,73,.14) !important;\r\n        flex-direction: column;\r\n        align-items: stretch;\r\n        gap: 2px !important;\r\n        overflow: hidden;\r\n      }\r\n\r\n      .header .nav-links.open { display: flex !important; }\r\n\r\n      .header .nav-links a {\r\n        display: block;\r\n        width: 100%;\r\n        margin: 0 !important;\r\n        padding: 12px 13px !important;\r\n        border: 0 !important;\r\n        border-radius: 12px;\r\n        background: transparent !important;\r\n        color: var(--graphite) !important;\r\n        text-align: left;\r\n      }\r\n\r\n      .header .nav-links a:hover,\r\n      .header .nav-links a:focus {\r\n        background: var(--cream) !important;\r\n        color: var(--graphite) !important;\r\n      }\r\n\r\n      .nav-links a::after { display: none; }\r\n\r\n      \/* No mobile, a imagem da hero vem ANTES do texto *\/\r\n      .hero-grid {\r\n        grid-template-columns: 1fr;\r\n        padding: 34px 0 62px;\r\n        gap: 28px;\r\n      }\r\n      .hero-visual { order: -1; }\r\n\r\n      \/* SE\u00c7\u00c3O 2 \/ PORTF\u00d3LIO \u2014 corrige setas que ultrapassavam a lateral *\/\r\n      .portfolio .section-head {\r\n        align-items: flex-start;\r\n        flex-direction: column;\r\n        gap: 18px;\r\n      }\r\n\r\n      .portfolio .carousel-controls {\r\n        display: none;\r\n      }\r\n\r\n      .portfolio-track {\r\n        width: 100%;\r\n        display: grid;\r\n        grid-auto-flow: row;\r\n        grid-template-columns: 1fr;\r\n        grid-auto-columns: auto;\r\n        gap: 16px;\r\n        overflow: visible;\r\n        scroll-snap-type: none;\r\n        overscroll-behavior-inline: auto;\r\n      }\r\n\r\n      .portfolio-card {\r\n        width: 100%;\r\n        min-height: 410px;\r\n        scroll-snap-align: none;\r\n      }\r\n      .events-grid { grid-template-columns: 1fr; }\r\n      .event-card { min-height: 410px; }\r\n\r\n      .footer-grid { grid-template-columns: 1fr 1fr; gap: 36px; }\r\n      .footer-brand-col { grid-column: 1 \/ -1; }\r\n      .footer-contact { grid-column: auto; }\r\n    }\r\n\r\n    @media (max-width: 560px) {\r\n      .container { width: min(calc(100% - 24px), var(--container)); }\r\n      .section { padding: 58px 0; }\r\n\r\n      h1 { font-size: clamp(2.65rem, 13vw, 4rem); }\r\n      h2 { font-size: clamp(2.15rem, 10vw, 3.15rem); }\r\n\r\n      .hero-actions .btn,\r\n      .events-cta .btn,\r\n      .business .btn,\r\n      .final-cta .btn { width: 100%; }\r\n\/* HERO \u2014 PROPOR\u00c7\u00c3O CORRETA NO MOBILE *\/\r\n.hero-visual {\r\n  min-height: 0;\r\n  aspect-ratio: 1200 \/ 1228;\r\n}\r\n\r\n.hero-photo-main {\r\n  inset: 0;\r\n}\r\n      \/* Rodap\u00e9 da SE\u00c7\u00c3O 2 empilha texto + CTA para n\u00e3o alargar a tela. *\/\r\n      .portfolio-footer {\r\n        flex-direction: column;\r\n        align-items: stretch;\r\n        gap: 18px;\r\n      }\r\n\r\n      .portfolio-footer .btn {\r\n        width: 100%;\r\n        max-width: 100%;\r\n      }\r\n\r\n\r\n      \/* Textos secund\u00e1rios maiores e mais leg\u00edveis no mobile *\/\r\n      .lead {\r\n        font-size: 1.06rem;\r\n        line-height: 1.65;\r\n      }\r\n\r\n      .hero-copy p {\r\n        font-size: 1.08rem;\r\n        line-height: 1.65;\r\n      }\r\n\r\n      .event-copy p {\r\n        font-size: .98rem;\r\n        line-height: 1.55;\r\n      }\r\n\r\n      .audience {\r\n        font-size: .88rem;\r\n      }\r\n\r\n      .final-cta p,\r\n      .footer-copy,\r\n      .footer-links,\r\n      .footer-contact p {\r\n        font-size: .96rem;\r\n        line-height: 1.6;\r\n      }\r\n\r\n      .event-card { min-height: 390px; }\r\n      .event-copy { padding: 23px; }\r\n\r\n    #personalizados .business-photo {\r\n  min-height: 0;\r\n  aspect-ratio: 1674 \/ 1625;\r\n}\r\n\r\n.about-image {\r\n  min-height: 0;\r\n  aspect-ratio: 1200 \/ 1216;\r\n}\r\n\r\n      .final-cta { padding: 23px; }\r\n\r\n      .footer-grid { grid-template-columns: 1fr; gap: 30px; }\r\n      .footer-brand-col,\r\n      .footer-contact { grid-column: auto; }\r\n      .footer-bottom { flex-direction: column; gap: 6px; }\r\n\r\n      .whatsapp-float {\r\n        right: 15px;\r\n        bottom: 15px;\r\n        width: 54px;\r\n        height: 54px;\r\n      }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      * { scroll-behavior: auto !important; transition: none !important; }\r\n      .reveal { opacity: 1; transform: none; }\r\n    }\r\n\r\n\r\n    \/* Adapta\u00e7\u00e3o de conte\u00fado \u2014 mant\u00e9m a identidade visual original *\/\r\n    \/* Logo do menu em tamanho mais equilibrado *\/\r\n    .brand { width: 118px; height: 54px; }\r\n    .footer-logo { width: 154px; height: 76px; }\r\n\r\n    .product-group + .product-group {\r\n      margin-top: 52px;\r\n      padding-top: 44px;\r\n      border-top: 1px solid var(--border);\r\n    }\r\n\r\n    .product-group-head {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      gap: 22px;\r\n      margin-bottom: 22px;\r\n    }\r\n\r\n    .product-group-head h3 {\r\n      margin: 0;\r\n      color: var(--graphite) !important;\r\n      font-size: clamp(1.55rem, 2.2vw, 2.05rem);\r\n    }\r\n\r\n    .product-placeholder {\r\n      display: grid;\r\n      place-items: center;\r\n      padding: 24px;\r\n      background:\r\n        radial-gradient(circle at 28% 22%, rgba(234,122,104,.19), transparent 28%),\r\n        radial-gradient(circle at 78% 72%, rgba(141,164,144,.22), transparent 31%),\r\n        #E9E4DC;\r\n      color: rgba(79,77,73,.64);\r\n      font-weight: 700;\r\n      text-align: center;\r\n    }\r\n\r\n    .portfolio-card {\r\n      min-height: 0;\r\n      display: flex;\r\n      flex-direction: column;\r\n      background: var(--white);\r\n      isolation: auto;\r\n    }\r\n\r\n    .portfolio-card::after { display: none; }\r\n\r\n    .product-media {\r\n      min-height: 310px;\r\n      position: relative;\r\n      display: flex;\r\n      overflow: hidden;\r\n      background: var(--cream);\r\n    }\r\n\r\n    .portfolio-card .product-placeholder {\r\n      flex: 1;\r\n      width: 100%;\r\n      min-height: 310px;\r\n      transition: transform .5s ease;\r\n    }\r\n\r\n    \/* =========================================================\r\n       PADR\u00c3O OFICIAL DAS IMAGENS DOS CARDS DE PRODUTO\r\n       Vale para: LA\u00c7OS DELICADOS, LA\u00c7OS TEM\u00c1TICOS, KITS e CROCH\u00ca.\r\n\r\n       PROPOR\u00c7\u00c3O IDEAL: 9:10 (vertical)\r\n       TAMANHO RECOMENDADO: 1080 x 1200 px (ou qualquer m\u00faltiplo de 9:10)\r\n       FORMATO RECOMENDADO: WebP\r\n\r\n       POR QUE: a moldura antiga dos delicados era 382:425 (~9:10) e j\u00e1\r\n       funcionava bem. Agora todos os cards usam a mesma propor\u00e7\u00e3o.\r\n       Usando uma imagem j\u00e1 recortada em 9:10, o background-size: cover\r\n       n\u00e3o precisa cortar partes relevantes nem cria bordas laterais.\r\n\r\n       DICA DE COMPOSI\u00c7\u00c3O: deixe o la\u00e7o\/pe\u00e7a centralizado e evite detalhes\r\n       importantes nos 5% mais externos das bordas da foto.\r\n       ========================================================= *\/\r\n    #lacos .portfolio-card .product-media {\r\n      min-height: auto;\r\n      aspect-ratio: 9 \/ 10;\r\n      background: #ffffff;\r\n    }\r\n\r\n    #lacos .portfolio-card .product-placeholder {\r\n      min-height: auto;\r\n      padding: 0;\r\n    }\r\n\r\n    #lacos .portfolio-card .product-placeholder.image-slot[style*=\"background-image\"] {\r\n      background-size: cover !important;\r\n      background-repeat: no-repeat !important;\r\n      background-position: center center !important;\r\n    }\r\n\r\n    .portfolio-card:hover .product-placeholder { transform: scale(1.025); }\r\n    #lacos .portfolio-card:hover .product-placeholder.image-slot[style*=\"background-image\"] {\r\n      transform: scale(1.025);\r\n    }\r\n\r\n    .product-card-cta {\r\n      width: 100%;\r\n      min-height: 48px;\r\n    }\r\n\r\n    .product-actions {\r\n      padding: 16px;\r\n      background: var(--white);\r\n    }\r\n\r\n    .business .lead strong { color: var(--white); }\r\n    .business-actions { margin-top: 28px; }\r\n    .footer-location { margin-top: 14px; color: rgba(255,255,255,.72); }\r\n\r\n    @media (max-width: 860px) {\r\n      .product-group-head { align-items: flex-start; }\r\n      .product-group-head .carousel-controls { display: none; }\r\n    }\r\n\r\n    @media (max-width: 780px) {\r\n      .brand { width: 104px; height: 48px; }\r\n    }\r\n\r\n    @media (max-width: 560px) {\r\n      .product-group + .product-group { margin-top: 40px; padding-top: 36px; }\r\n      \/* Mant\u00e9m 9:10 no mobile; n\u00e3o force altura que distor\u00e7a a moldura. *\/\r\n      #lacos .product-media { min-height: auto; }\r\n      #lacos .portfolio-card .product-placeholder { min-height: 0; }\r\n    }\r\n\r\n  \r\n\r\n    \/* AJUSTE FINAL \u2014 LOGO PROPORCIONAL \u00c0 ALTURA DO MENU *\/\r\n    @media (min-width: 781px) {\r\n      .header .nav {\r\n        min-height: 78px !important;\r\n        grid-template-columns: 184px 1fr auto !important;\r\n        align-items: center !important;\r\n      }\r\n\r\n      .header .brand {\r\n        width: 174px !important;\r\n        height: 74px !important;\r\n        min-width: 174px !important;\r\n        min-height: 74px !important;\r\n        display: flex !important;\r\n        align-items: center !important;\r\n        justify-content: flex-start !important;\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n        align-self: center !important;\r\n      }\r\n\r\n      .header .brand-logo {\r\n        display: block !important;\r\n        width: 100% !important;\r\n        height: 74px !important;\r\n        max-width: 174px !important;\r\n        max-height: 74px !important;\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n        object-fit: contain !important;\r\n        object-position: left center !important;\r\n      }\r\n\r\n      .header .nav-links,\r\n      .header .nav > .btn {\r\n        align-self: center !important;\r\n      }\r\n\r\n      .header .nav > .btn {\r\n        min-height: 52px !important;\r\n        height: 52px !important;\r\n        margin: 0 !important;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 780px) {\r\n      .header .nav {\r\n        min-height: 70px !important;\r\n        align-items: center !important;\r\n      }\r\n\r\n      .header .brand {\r\n        width: 144px !important;\r\n        height: 66px !important;\r\n        min-width: 144px !important;\r\n        min-height: 66px !important;\r\n        display: flex !important;\r\n        align-items: center !important;\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n      }\r\n\r\n      .header .brand-logo {\r\n        width: 100% !important;\r\n        height: 66px !important;\r\n        max-width: 144px !important;\r\n        max-height: 66px !important;\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n        object-fit: contain !important;\r\n        object-position: left center !important;\r\n      }\r\n    }\r\n\r\n  <\/style>\r\n\r\n<!-- =============================================================\r\n     GUIA R\u00c1PIDO DE EDI\u00c7\u00c3O \u2014 CHICATELLI ATELI\u00ca\r\n     =============================================================\r\n\r\n     ESTE \u00c9 O MAPA DO C\u00d3DIGO.\r\n     Use Ctrl+F e procure exatamente pelos marcadores [EDITAR \u2014 ...].\r\n\r\n     1) LOGOMARCA\r\n        Procure: [EDITAR \u2014 LOGO DO MENU]\r\n        Procure: [EDITAR \u2014 LOGO DO RODAP\u00c9]\r\n        URL atual:\r\n        http:\/\/chicatelli.com.br\/wp-content\/uploads\/2026\/08\/IMG_3840.png\r\n        Para trocar: altere SOMENTE o valor de src=\"...\".\r\n\r\n     2) FOTO PRINCIPAL DA HERO\r\n        Procure: [EDITAR \u2014 IMAGEM HERO PRINCIPAL]\r\n        URL atual:\r\n        https:\/\/chicatelli.com.br\/wp-content\/uploads\/2026\/08\/imagem_nova_01.webp\r\n        Propor\u00e7\u00e3o recomendada: 4:3 \u2014 1600x1200 px \u2014 WebP.\r\n        A imagem secund\u00e1ria da hero foi removida.\r\n\r\n     3) LA\u00c7OS DELICADOS\r\n        Procure: [EDITAR \u2014 IMAGEM DELICADOS 01] at\u00e9 05\r\n        Propor\u00e7\u00e3o dos cards: 9:10 \u2014 1080x1200 px \u2014 WebP.\r\n\r\n     4) LA\u00c7OS TEM\u00c1TICOS\r\n        Procure: [EDITAR \u2014 IMAGEM TEMATICOS 01] at\u00e9 05\r\n        Propor\u00e7\u00e3o dos cards: 9:10 \u2014 1080x1200 px \u2014 WebP.\r\n\r\n     5) KITS DE LA\u00c7OS\r\n        Procure: [EDITAR \u2014 IMAGEM KITS 01] at\u00e9 06\r\n        Existem 6 cards.\r\n        Propor\u00e7\u00e3o dos cards: 9:10 \u2014 1080x1200 px \u2014 WebP.\r\n\r\n     6) CROCH\u00ca\r\n        Procure: [EDITAR \u2014 IMAGEM CROCHE 01] at\u00e9 07\r\n        Existem 7 cards.\r\n        Propor\u00e7\u00e3o dos cards: 9:10 \u2014 1080x1200 px \u2014 WebP.\r\n\r\n     7) LA\u00c7OS PERSONALIZADOS\r\n        Procure: [EDITAR \u2014 IMAGEM PERSONALIZADOS]\r\n        URL atual:\r\n        https:\/\/chicatelli.com.br\/wp-content\/uploads\/2026\/08\/imagem_nova_02.webp\r\n        Propor\u00e7\u00e3o recomendada: 4:3 \u2014 1600x1200 px \u2014 WebP.\r\n\r\n     8) \"QUALIDADE QUE SEUS CLIENTES PERCEBEM\"\r\n        Procure: [EDITAR \u2014 IMAGEM SOBRE]\r\n        URL atual:\r\n        https:\/\/chicatelli.com.br\/wp-content\/uploads\/2026\/08\/imagem_nova_03.webp\r\n        Propor\u00e7\u00e3o recomendada: 4:3 \u2014 1600x1200 px \u2014 WebP.\r\n\r\n     9) WHATSAPP\r\n        Procure: [EDITAR \u2014 WHATSAPP]\r\n        N\u00famero atual: 5582988634462\r\n        Ao trocar, use DDI + DDD + n\u00famero, sem +, espa\u00e7os ou tra\u00e7os.\r\n\r\n     10) INSTAGRAM\r\n         Procure: [EDITAR \u2014 INSTAGRAM]\r\n         Altere SOMENTE o href=\"...\".\r\n\r\n     IMPORTANTE \u2014 PARA N\u00c3O QUEBRAR O SITE\r\n     \u2022 N\u00e3o apague classes=\"\".\r\n     \u2022 N\u00e3o altere IDs como #lacos, #kits, #croche, #personalizados e #sobre.\r\n     \u2022 N\u00e3o altere data-section ou data-carousel-*.\r\n     \u2022 N\u00e3o mude a ordem das regras CSS.\r\n     \u2022 N\u00e3o mexa no JavaScript final se a altera\u00e7\u00e3o for apenas texto\/imagem.\r\n     \u2022 Todas as imagens deste arquivo usam HTTPS para evitar conte\u00fado misto.\r\n\r\n     ============================================================= -->\r\n\r\n<!-- ==================== CABE\u00c7ALHO \/ MENU ==================== -->\r\n<header class=\"header\">\r\n  <div class=\"container nav\">\r\n    <!-- [EDITAR \u2014 LOGO DO MENU] IMAGEM ATUAL: http:\/\/chicatelli.com.br\/wp-content\/uploads\/2026\/08\/IMG_3840.png | Para trocar, altere SOMENTE src=\"...\". -->\r\n    <a href=\"#inicio\" class=\"brand\" aria-label=\"Chicatelli Ateli\u00ea - In\u00edcio\">\r\n      <img decoding=\"async\" class=\"brand-logo\" src=\"http:\/\/chicatelli.com.br\/wp-content\/uploads\/2026\/08\/IMG_3840.png\" alt=\"Chicatelli Ateli\u00ea\">\r\n    <\/a>\r\n\r\n    <nav class=\"nav-links\" id=\"navLinks\" aria-label=\"Navega\u00e7\u00e3o principal\">\r\n      <a href=\"#lacos\">La\u00e7os<\/a>\r\n      <a href=\"#personalizados\">Personalizados<\/a>\r\n      <a href=\"#croche\">Croch\u00ea<\/a>\r\n      <a href=\"#sobre\">Sobre<\/a>\r\n    <\/nav>\r\n\r\n    <a class=\"btn btn-primary js-whatsapp\" data-section=\"header\" href=\"https:\/\/wa.me\/5582988634462?text=Ol%C3%A1%2C%20Chicatelli%20Ateli%C3%AA%21%20Gostaria%20de%20conhecer%20os%20modelos%20e%20as%20condi%C3%A7%C3%B5es%20para%20comprar%20la%C3%A7os%20no%20atacado.\" target=\"_blank\" rel=\"noopener\">\r\n      <svg class=\"phone-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.12.9.33 1.78.62 2.63a2 2 0 0 1-.45 2.11L8 9.73a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.85.29 1.73.5 2.63.62A2 2 0 0 1 22 16.92z\"\/><\/svg>\r\n      Comprar pelo WhatsApp\r\n    <\/a>\r\n\r\n    <button class=\"menu-button\" id=\"menuButton\" type=\"button\" aria-label=\"Abrir menu\" aria-controls=\"navLinks\" aria-expanded=\"false\">\r\n      <span class=\"menu-icon\" aria-hidden=\"true\"><span><\/span><span><\/span><span><\/span><\/span>\r\n    <\/button>\r\n  <\/div>\r\n<\/header>\r\n\r\n<!-- ==================== CONTE\u00daDO PRINCIPAL ==================== -->\r\n<main>\r\n  <!-- ==================== SE\u00c7\u00c3O 1 \u2014 HERO ==================== -->\r\n  <section class=\"hero\" id=\"inicio\">\r\n    <div class=\"container hero-grid\">\r\n      <div class=\"hero-copy reveal\">\r\n        <h1>La\u00e7os de qualidade para sua loja vender <span class=\"accent\">mais.<\/span><\/h1>\r\n        <p>Fornecedor de <strong>la\u00e7os infantis no atacado<\/strong>, kits, modelos personalizados e pe\u00e7as artesanais para lojistas e revendedores.<\/p>\r\n        <div class=\"hero-actions\">\r\n          <a class=\"btn btn-primary js-whatsapp\" data-section=\"hero\" href=\"https:\/\/wa.me\/5582988634462?text=Ol%C3%A1%2C%20Chicatelli%20Ateli%C3%AA%21%20Gostaria%20de%20conhecer%20os%20modelos%20e%20as%20condi%C3%A7%C3%B5es%20para%20comprar%20la%C3%A7os%20no%20atacado.\" target=\"_blank\" rel=\"noopener\">\r\n            <svg class=\"phone-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.12.9.33 1.78.62 2.63a2 2 0 0 1-.45 2.11L8 9.73a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.85.29 1.73.5 2.63.62A2 2 0 0 1 22 16.92z\"\/><\/svg>\r\n            Comprar pelo WhatsApp\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"hero-visual reveal\" aria-label=\"Foto principal de la\u00e7os da Chicatelli Ateli\u00ea\">\r\n        <!-- [EDITAR \u2014 IMAGEM HERO PRINCIPAL]\r\n             PROPOR\u00c7\u00c3O RECOMENDADA: 4:3 | TAMANHO: 1600x1200 px | WebP.\r\n             IMAGEM ATUAL: https:\/\/chicatelli.com.br\/wp-content\/uploads\/2026\/08\/imagem_nova_01.webp\r\n             PARA TROCAR: altere SOMENTE a URL dentro de background-image: url('...').\r\n             DICA: mantenha o beb\u00ea\/la\u00e7o\/assunto principal no centro, pois a moldura muda entre desktop e mobile. -->\r\n        <div class=\"hero-photo hero-photo-main product-placeholder image-slot\" data-image-ratio=\"4:3\" data-recommended-size=\"1600x1200\" role=\"img\" aria-label=\"Foto principal de la\u00e7os infantis\" style=\"background-image: url('http:\/\/chicatelli.com.br\/wp-content\/uploads\/2026\/08\/imagem_02-3.webp');\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ==================== SE\u00c7\u00c3O 2 \u2014 LA\u00c7OS \/ CARROSS\u00c9IS ==================== -->\r\n  <section class=\"section portfolio\" id=\"lacos\">\r\n    <div class=\"container\">\r\n      <div class=\"section-head reveal\">\r\n        <div>\r\n          <h2>La\u00e7os para todos os <span class=\"accent\">estilos.<\/span><\/h2>\r\n          <p class=\"lead\">Escolha os modelos que mais combinam com o p\u00fablico da sua loja e monte seu pedido diretamente pelo WhatsApp.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"product-group\" id=\"delicados\">\r\n        <div class=\"product-group-head reveal\">\r\n          <h3>La\u00e7os delicados<\/h3>\r\n          <div class=\"carousel-controls\" aria-label=\"Controles do carrossel de la\u00e7os delicados\">\r\n            <button class=\"carousel-btn\" data-carousel-prev aria-label=\"Produto anterior\">\u2190<\/button>\r\n            <button class=\"carousel-btn\" data-carousel-next aria-label=\"Pr\u00f3ximo produto\">\u2192<\/button>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"portfolio-shell\">\r\n          <div class=\"portfolio-track\" data-carousel-track>\r\n          <article class=\"portfolio-card real-image-card reveal\">\r\n            <!-- [EDITAR \u2014 IMAGEM DELICADOS 01]\r\n                 PROPOR\u00c7\u00c3O OBRIGAT\u00d3RIA\/IDEAL DO CARD: 9:10 (vertical).\r\n                 TAMANHO RECOMENDADO: 1080x1200 px | FORMATO: WebP.\r\n                 Para imagem nova: no DIV \"product-placeholder\" abaixo, acrescente:\r\n                 style=\"background-image: url('https:\/\/LINK-DA-SUA-IMAGEM.webp');\"\r\n                 Se j\u00e1 existir background-image, troque SOMENTE a URL. -->\r\n            <div class=\"product-media\">\r\n              <div class=\"product-placeholder image-slot\" data-image-ratio=\"9:10\" data-recommended-size=\"1080x1200\" role=\"img\" aria-label=\"Foto do la\u00e7o delicado 1\" style=\"background-image: url('https:\/\/chicatelli.com.br\/wp-content\/uploads\/2026\/08\/imagem_3-2.webp');\"><\/div>\r\n            <\/div>\r\n            <div class=\"product-actions\">\r\n              <a class=\"btn btn-primary product-card-cta js-whatsapp\" data-section=\"produto_delicados_1\" href=\"https:\/\/wa.me\/5582988634462?text=Ol%C3%A1%2C%20Chicatelli%20Ateli%C3%AA%21%20Gostaria%20de%20consultar%20os%20la%C3%A7os%20delicados%20dispon%C3%ADveis%20no%20atacado.\" target=\"_blank\" rel=\"noopener\">\r\n                Fa\u00e7a or\u00e7amento\r\n              <\/a>\r\n            <\/div>\r\n          <\/article>\r\n          <article class=\"portfolio-card real-image-card reveal\">\r\n            <!-- [EDITAR \u2014 IMAGEM DELICADOS 02]\r\n                 PROPOR\u00c7\u00c3O OBRIGAT\u00d3RIA\/IDEAL DO CARD: 9:10 (vertical).\r\n                 TAMANHO RECOMENDADO: 1080x1200 px | FORMATO: WebP.\r\n                 Para imagem nova: no DIV \"product-placeholder\" abaixo, acrescente:\r\n                 style=\"background-image: url('https:\/\/LINK-DA-SUA-IMAGEM.webp');\"\r\n                 Se j\u00e1 existir background-image, troque SOMENTE a URL. -->\r\n            <div class=\"product-media\">\r\n              <div class=\"product-placeholder image-slot\" data-image-ratio=\"9:10\" data-recommended-size=\"1080x1200\" role=\"img\" aria-label=\"Foto do la\u00e7o delicado 2\" style=\"background-image: url('https:\/\/chicatelli.com.br\/wp-content\/uploads\/2026\/08\/imagem_6-1.webp');\"><\/div>\r\n            <\/div>\r\n            <div class=\"product-actions\">\r\n              <a class=\"btn btn-primary product-card-cta js-whatsapp\" data-section=\"produto_delicados_2\" href=\"https:\/\/wa.me\/5582988634462?text=Ol%C3%A1%2C%20Chicatelli%20Ateli%C3%AA%21%20Gostaria%20de%20consultar%20os%20la%C3%A7os%20delicados%20dispon%C3%ADveis%20no%20atacado.\" target=\"_blank\" rel=\"noopener\">\r\n                Fa\u00e7a or\u00e7amento\r\n              <\/a>\r\n            <\/div>\r\n          <\/article>\r\n          <article class=\"portfolio-card real-image-card reveal\">\r\n            <!-- [EDITAR \u2014 IMAGEM DELICADOS 03]\r\n                 PROPOR\u00c7\u00c3O OBRIGAT\u00d3RIA\/IDEAL DO CARD: 9:10 (vertical).\r\n                 TAMANHO RECOMENDADO: 1080x1200 px | FORMATO: WebP.\r\n                 Para imagem nova: no DIV \"product-placeholder\" abaixo, acrescente:\r\n                 style=\"background-image: url('https:\/\/LINK-DA-SUA-IMAGEM.webp');\"\r\n                 Se j\u00e1 existir background-image, troque SOMENTE a URL. -->\r\n            <div class=\"product-media\">\r\n              <div class=\"product-placeholder image-slot\" data-image-ratio=\"9:10\" data-recommended-size=\"1080x1200\" role=\"img\" aria-label=\"Foto do la\u00e7o delicado 3\" style=\"background-image: url('https:\/\/chicatelli.com.br\/wp-content\/uploads\/2026\/08\/imagem_7.webp');\"><\/div>\r\n            <\/div>\r\n            <div class=\"product-actions\">\r\n              <a class=\"btn btn-primary product-card-cta js-whatsapp\" data-section=\"produto_delicados_3\" href=\"https:\/\/wa.me\/5582988634462?text=Ol%C3%A1%2C%20Chicatelli%20Ateli%C3%AA%21%20Gostaria%20de%20consultar%20os%20la%C3%A7os%20delicados%20dispon%C3%ADveis%20no%20atacado.\" target=\"_blank\" rel=\"noopener\">\r\n                Fa\u00e7a or\u00e7amento\r\n              <\/a>\r\n            <\/div>\r\n          <\/article>\r\n          <article class=\"portfolio-card real-image-card reveal\">\r\n            <!-- [EDITAR \u2014 IMAGEM DELICADOS 04]\r\n                 PROPOR\u00c7\u00c3O OBRIGAT\u00d3RIA\/IDEAL DO CARD: 9:10 (vertical).\r\n                 TAMANHO RECOMENDADO: 1080x1200 px | FORMATO: WebP.\r\n                 Para imagem nova: no DIV \"product-placeholder\" abaixo, acrescente:\r\n                 style=\"background-image: url('https:\/\/LINK-DA-SUA-IMAGEM.webp');\"\r\n                 Se j\u00e1 existir background-image, troque SOMENTE a URL. -->\r\n            <div class=\"product-media\">\r\n              <div class=\"product-placeholder image-slot\" data-image-ratio=\"9:10\" data-recommended-size=\"1080x1200\" role=\"img\" aria-label=\"Foto do la\u00e7o delicado 4\" style=\"background-image: url('https:\/\/chicatelli.com.br\/wp-content\/uploads\/2026\/08\/imagem_8.webp');\"><\/div>\r\n            <\/div>\r\n            <div class=\"product-actions\">\r\n              <a class=\"btn btn-primary product-card-cta js-whatsapp\" data-section=\"produto_delicados_4\" href=\"https:\/\/wa.me\/5582988634462?text=Ol%C3%A1%2C%20Chicatelli%20Ateli%C3%AA%21%20Gostaria%20de%20consultar%20os%20la%C3%A7os%20delicados%20dispon%C3%ADveis%20no%20atacado.\" target=\"_blank\" rel=\"noopener\">\r\n                Fa\u00e7a or\u00e7amento\r\n              <\/a>\r\n            <\/div>\r\n          <\/article>\r\n          <article class=\"portfolio-card real-image-card reveal\">\r\n            <!-- [EDITAR \u2014 IMAGEM DELICADOS 05]\r\n                 PROPOR\u00c7\u00c3O OBRIGAT\u00d3RIA\/IDEAL DO CARD: 9:10 (vertical).\r\n                 TAMANHO RECOMENDADO: 1080x1200 px | FORMATO: WebP.\r\n                 Para imagem nova: no DIV \"product-placeholder\" abaixo, acrescente:\r\n                 style=\"background-image: url('https:\/\/LINK-DA-SUA-IMAGEM.webp');\"\r\n                 Se j\u00e1 existir background-image, troque SOMENTE a URL. -->\r\n            <div class=\"product-media\">\r\n              <div class=\"product-placeholder image-slot\" data-image-ratio=\"9:10\" data-recommended-size=\"1080x1200\" role=\"img\" aria-label=\"Foto do la\u00e7o delicado 5\" style=\"background-image: url('http:\/\/chicatelli.com.br\/wp-content\/uploads\/2026\/08\/chicatelli_9.webp');\"><\/div>\r\n            <\/div>\r\n            <div class=\"product-actions\">\r\n              <a class=\"btn btn-primary product-card-cta js-whatsapp\" data-section=\"produto_delicados_5\" href=\"https:\/\/wa.me\/5582988634462?text=Ol%C3%A1%2C%20Chicatelli%20Ateli%C3%AA%21%20Gostaria%20de%20consultar%20os%20la%C3%A7os%20delicados%20dispon%C3%ADveis%20no%20atacado.\" target=\"_blank\" rel=\"noopener\">\r\n                Fa\u00e7a or\u00e7amento\r\n              <\/a>\r\n            <\/div>\r\n          <\/article>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"product-group\" id=\"tematicos\">\r\n        <div class=\"product-group-head reveal\">\r\n          <h3>La\u00e7os tem\u00e1ticos<\/h3>\r\n          <div class=\"carousel-controls\" aria-label=\"Controles do carrossel de la\u00e7os tem\u00e1ticos\">\r\n            <button class=\"carousel-btn\" data-carousel-prev aria-label=\"Produto anterior\">\u2190<\/button>\r\n            <button class=\"carousel-btn\" data-carousel-next aria-label=\"Pr\u00f3ximo produto\">\u2192<\/button>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"portfolio-shell\">\r\n          <div class=\"portfolio-track\" data-carousel-track>\r\n          <article class=\"portfolio-card reveal\">\r\n            <!-- [EDITAR \u2014 IMAGEM TEMATICOS 01]\r\n                 PROPOR\u00c7\u00c3O OBRIGAT\u00d3RIA\/IDEAL DO CARD: 9:10 (vertical).\r\n                 TAMANHO RECOMENDADO: 1080x1200 px | FORMATO: WebP.\r\n                 Para imagem nova: no DIV \"product-placeholder\" abaixo, acrescente:\r\n                 style=\"background-image: url('https:\/\/LINK-DA-SUA-IMAGEM.webp');\"\r\n                 Se j\u00e1 existir background-image, troque SOMENTE a URL. -->\r\n            <div class=\"product-media\">\r\n              <div class=\"product-placeholder image-slot\" data-image-ratio=\"9:10\" data-recommended-size=\"1080x1200\" role=\"img\" aria-label=\"Foto do la\u00e7o tem\u00e1tico 1\" style=\"background-image: url('https:\/\/chicatelli.com.br\/wp-content\/uploads\/2026\/08\/chicatelli_extra_7.webp');\">\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"product-actions\">\r\n              <a class=\"btn btn-primary product-card-cta js-whatsapp\" data-section=\"produto_tematicos_1\" href=\"https:\/\/wa.me\/5582988634462?text=Ol%C3%A1%2C%20Chicatelli%20Ateli%C3%AA%21%20Gostaria%20de%20consultar%20os%20la%C3%A7os%20tem%C3%A1ticos%20dispon%C3%ADveis%20no%20atacado.\" target=\"_blank\" rel=\"noopener\">\r\n                Fa\u00e7a or\u00e7amento\r\n              <\/a>\r\n            <\/div>\r\n          <\/article>\r\n          <article class=\"portfolio-card reveal\">\r\n            <!-- [EDITAR \u2014 IMAGEM TEMATICOS 02]\r\n                 PROPOR\u00c7\u00c3O OBRIGAT\u00d3RIA\/IDEAL DO CARD: 9:10 (vertical).\r\n                 TAMANHO RECOMENDADO: 1080x1200 px | FORMATO: WebP.\r\n                 Para imagem nova: no DIV \"product-placeholder\" abaixo, acrescente:\r\n                 style=\"background-image: url('https:\/\/LINK-DA-SUA-IMAGEM.webp');\"\r\n                 Se j\u00e1 existir background-image, troque SOMENTE a URL. -->\r\n            <div class=\"product-media\">\r\n              <div class=\"product-placeholder image-slot\" data-image-ratio=\"9:10\" data-recommended-size=\"1080x1200\" role=\"img\" aria-label=\"Foto do la\u00e7o tem\u00e1tico 2\" style=\"background-image: url('https:\/\/chicatelli.com.br\/wp-content\/uploads\/2026\/08\/chicatelli_extra_6.webp');\">\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"product-actions\">\r\n              <a class=\"btn btn-primary product-card-cta js-whatsapp\" data-section=\"produto_tematicos_2\" href=\"https:\/\/wa.me\/5582988634462?text=Ol%C3%A1%2C%20Chicatelli%20Ateli%C3%AA%21%20Gostaria%20de%20consultar%20os%20la%C3%A7os%20tem%C3%A1ticos%20dispon%C3%ADveis%20no%20atacado.\" target=\"_blank\" rel=\"noopener\">\r\n                Fa\u00e7a or\u00e7amento\r\n              <\/a>\r\n            <\/div>\r\n          <\/article>\r\n          <article class=\"portfolio-card reveal\">\r\n            <!-- [EDITAR \u2014 IMAGEM TEMATICOS 03]\r\n                 PROPOR\u00c7\u00c3O OBRIGAT\u00d3RIA\/IDEAL DO CARD: 9:10 (vertical).\r\n                 TAMANHO RECOMENDADO: 1080x1200 px | FORMATO: WebP.\r\n                 Para imagem nova: no DIV \"product-placeholder\" abaixo, acrescente:\r\n                 style=\"background-image: url('https:\/\/LINK-DA-SUA-IMAGEM.webp');\"\r\n                 Se j\u00e1 existir background-image, troque SOMENTE a URL. -->\r\n            <div class=\"product-media\">\r\n              <div class=\"product-placeholder image-slot\" data-image-ratio=\"9:10\" data-recommended-size=\"1080x1200\" role=\"img\" aria-label=\"Foto do la\u00e7o tem\u00e1tico 3\" style=\"background-image: url('https:\/\/chicatelli.com.br\/wp-content\/uploads\/2026\/08\/chicatelli_extra_5.webp');\">\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"product-actions\">\r\n              <a class=\"btn btn-primary product-card-cta js-whatsapp\" data-section=\"produto_tematicos_3\" href=\"https:\/\/wa.me\/5582988634462?text=Ol%C3%A1%2C%20Chicatelli%20Ateli%C3%AA%21%20Gostaria%20de%20consultar%20os%20la%C3%A7os%20tem%C3%A1ticos%20dispon%C3%ADveis%20no%20atacado.\" target=\"_blank\" rel=\"noopener\">\r\n                Fa\u00e7a or\u00e7amento\r\n              <\/a>\r\n            <\/div>\r\n          <\/article>\r\n          <article class=\"portfolio-card reveal\">\r\n            <!-- [EDITAR \u2014 IMAGEM TEMATICOS 04]\r\n                 PROPOR\u00c7\u00c3O OBRIGAT\u00d3RIA\/IDEAL DO CARD: 9:10 (vertical).\r\n                 TAMANHO RECOMENDADO: 1080x1200 px | FORMATO: WebP.\r\n                 Para imagem nova: no DIV \"product-placeholder\" abaixo, acrescente:\r\n                 style=\"background-image: url('https:\/\/LINK-DA-SUA-IMAGEM.webp');\"\r\n                 Se j\u00e1 existir background-image, troque SOMENTE a URL. -->\r\n            <div class=\"product-media\">\r\n              <div class=\"product-placeholder image-slot\" data-image-ratio=\"9:10\" data-recommended-size=\"1080x1200\" role=\"img\" aria-label=\"Foto do la\u00e7o tem\u00e1tico 4\" style=\"background-image: url('https:\/\/chicatelli.com.br\/wp-content\/uploads\/2026\/08\/chicatelli_extra_1.webp');\">\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"product-actions\">\r\n              <a class=\"btn btn-primary product-card-cta js-whatsapp\" data-section=\"produto_tematicos_4\" href=\"https:\/\/wa.me\/5582988634462?text=Ol%C3%A1%2C%20Chicatelli%20Ateli%C3%AA%21%20Gostaria%20de%20consultar%20os%20la%C3%A7os%20tem%C3%A1ticos%20dispon%C3%ADveis%20no%20atacado.\" target=\"_blank\" rel=\"noopener\">\r\n                Fa\u00e7a or\u00e7amento\r\n              <\/a>\r\n            <\/div>\r\n          <\/article>\r\n          <article class=\"portfolio-card reveal\">\r\n            <!-- [EDITAR \u2014 IMAGEM TEMATICOS 05]\r\n                 PROPOR\u00c7\u00c3O OBRIGAT\u00d3RIA\/IDEAL DO CARD: 9:10 (vertical).\r\n                 TAMANHO RECOMENDADO: 1080x1200 px | FORMATO: WebP.\r\n                 Para imagem nova: no DIV \"product-placeholder\" abaixo, acrescente:\r\n                 style=\"background-image: url('https:\/\/LINK-DA-SUA-IMAGEM.webp');\"\r\n                 Se j\u00e1 existir background-image, troque SOMENTE a URL. -->\r\n            <div class=\"product-media\">\r\n              <div class=\"product-placeholder image-slot\" data-image-ratio=\"9:10\" data-recommended-size=\"1080x1200\" role=\"img\" aria-label=\"Foto do la\u00e7o tem\u00e1tico 5\" style=\"background-image: url('https:\/\/chicatelli.com.br\/wp-content\/uploads\/2026\/08\/chicatelli_10.webp');\">\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"product-actions\">\r\n              <a class=\"btn btn-primary product-card-cta js-whatsapp\" data-section=\"produto_tematicos_5\" href=\"https:\/\/wa.me\/5582988634462?text=Ol%C3%A1%2C%20Chicatelli%20Ateli%C3%AA%21%20Gostaria%20de%20consultar%20os%20la%C3%A7os%20tem%C3%A1ticos%20dispon%C3%ADveis%20no%20atacado.\" target=\"_blank\" rel=\"noopener\">\r\n                Fa\u00e7a or\u00e7amento\r\n              <\/a>\r\n            <\/div>\r\n          <\/article>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"product-group\" id=\"kits\">\r\n        <div class=\"product-group-head reveal\">\r\n          <h3>Kits de la\u00e7os<\/h3>\r\n          <div class=\"carousel-controls\" aria-label=\"Controles do carrossel de kits de la\u00e7os\">\r\n            <button class=\"carousel-btn\" data-carousel-prev aria-label=\"Produto anterior\">\u2190<\/button>\r\n            <button class=\"carousel-btn\" data-carousel-next aria-label=\"Pr\u00f3ximo produto\">\u2192<\/button>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"portfolio-shell\">\r\n          <div class=\"portfolio-track\" data-carousel-track>\r\n          <article class=\"portfolio-card reveal\">\r\n            <!-- [EDITAR \u2014 IMAGEM KITS 01]\r\n                 PROPOR\u00c7\u00c3O IDEAL DO CARD: 9:10 | TAMANHO: 1080x1200 px | WebP.\r\n                 IMAGEM ATUAL: https:\/\/chicatelli.com.br\/wp-content\/uploads\/2026\/08\/imagem_14.webp\r\n                 PARA TROCAR: altere SOMENTE a URL dentro de background-image: url('...'). -->\r\n            <div class=\"product-media\">\r\n              <div class=\"product-placeholder image-slot\" data-image-ratio=\"9:10\" data-recommended-size=\"1080x1200\" role=\"img\" aria-label=\"Foto do kit de la\u00e7os 1\" style=\"background-image: url('https:\/\/chicatelli.com.br\/wp-content\/uploads\/2026\/08\/imagem_14.webp');\"><\/div>\r\n            <\/div>\r\n            <div class=\"product-actions\">\r\n              <a class=\"btn btn-primary product-card-cta js-whatsapp\" data-section=\"produto_kits_1\" href=\"https:\/\/wa.me\/5582988634462?text=Ol%C3%A1%2C%20Chicatelli%20Ateli%C3%AA%21%20Gostaria%20de%20consultar%20os%20kits%20de%20la%C3%A7os%20dispon%C3%ADveis%20no%20atacado.\" target=\"_blank\" rel=\"noopener\">\r\n                Fa\u00e7a or\u00e7amento\r\n              <\/a>\r\n            <\/div>\r\n          <\/article>\r\n<article class=\"portfolio-card reveal\">\r\n            <!-- [EDITAR \u2014 IMAGEM KITS 02]\r\n                 PROPOR\u00c7\u00c3O IDEAL DO CARD: 9:10 | TAMANHO: 1080x1200 px | WebP.\r\n                 IMAGEM ATUAL: https:\/\/chicatelli.com.br\/wp-content\/uploads\/2026\/08\/imagem_10.webp\r\n                 PARA TROCAR: altere SOMENTE a URL dentro de background-image: url('...'). -->\r\n            <div class=\"product-media\">\r\n              <div class=\"product-placeholder image-slot\" data-image-ratio=\"9:10\" data-recommended-size=\"1080x1200\" role=\"img\" aria-label=\"Foto do kit de la\u00e7os 2\" style=\"background-image: url('https:\/\/chicatelli.com.br\/wp-content\/uploads\/2026\/08\/imagem_10.webp');\"><\/div>\r\n            <\/div>\r\n            <div class=\"product-actions\">\r\n              <a class=\"btn btn-primary product-card-cta js-whatsapp\" data-section=\"produto_kits_2\" href=\"https:\/\/wa.me\/5582988634462?text=Ol%C3%A1%2C%20Chicatelli%20Ateli%C3%AA%21%20Gostaria%20de%20consultar%20os%20kits%20de%20la%C3%A7os%20dispon%C3%ADveis%20no%20atacado.\" target=\"_blank\" rel=\"noopener\">\r\n                Fa\u00e7a or\u00e7amento\r\n              <\/a>\r\n            <\/div>\r\n          <\/article>\r\n<article class=\"portfolio-card reveal\">\r\n            <!-- [EDITAR \u2014 IMAGEM KITS 03]\r\n                 PROPOR\u00c7\u00c3O IDEAL DO CARD: 9:10 | TAMANHO: 1080x1200 px | WebP.\r\n                 IMAGEM ATUAL: https:\/\/chicatelli.com.br\/wp-content\/uploads\/2026\/08\/imagem_11.webp\r\n                 PARA TROCAR: altere SOMENTE a URL dentro de background-image: url('...'). -->\r\n            <div class=\"product-media\">\r\n              <div class=\"product-placeholder image-slot\" data-image-ratio=\"9:10\" data-recommended-size=\"1080x1200\" role=\"img\" aria-label=\"Foto do kit de la\u00e7os 3\" style=\"background-image: url('https:\/\/chicatelli.com.br\/wp-content\/uploads\/2026\/08\/imagem_11.webp');\"><\/div>\r\n            <\/div>\r\n            <div class=\"product-actions\">\r\n              <a class=\"btn btn-primary product-card-cta js-whatsapp\" data-section=\"produto_kits_3\" href=\"https:\/\/wa.me\/5582988634462?text=Ol%C3%A1%2C%20Chicatelli%20Ateli%C3%AA%21%20Gostaria%20de%20consultar%20os%20kits%20de%20la%C3%A7os%20dispon%C3%ADveis%20no%20atacado.\" target=\"_blank\" rel=\"noopener\">\r\n                Fa\u00e7a or\u00e7amento\r\n              <\/a>\r\n            <\/div>\r\n          <\/article>\r\n<article class=\"portfolio-card reveal\">\r\n            <!-- [EDITAR \u2014 IMAGEM KITS 04]\r\n                 PROPOR\u00c7\u00c3O IDEAL DO CARD: 9:10 | TAMANHO: 1080x1200 px | WebP.\r\n                 IMAGEM ATUAL: https:\/\/chicatelli.com.br\/wp-content\/uploads\/2026\/08\/imagem_13.webp\r\n                 PARA TROCAR: altere SOMENTE a URL dentro de background-image: url('...'). -->\r\n            <div class=\"product-media\">\r\n              <div class=\"product-placeholder image-slot\" data-image-ratio=\"9:10\" data-recommended-size=\"1080x1200\" role=\"img\" aria-label=\"Foto do kit de la\u00e7os 4\" style=\"background-image: url('https:\/\/chicatelli.com.br\/wp-content\/uploads\/2026\/08\/imagem_13.webp');\"><\/div>\r\n            <\/div>\r\n            <div class=\"product-actions\">\r\n              <a class=\"btn btn-primary product-card-cta js-whatsapp\" data-section=\"produto_kits_4\" href=\"https:\/\/wa.me\/5582988634462?text=Ol%C3%A1%2C%20Chicatelli%20Ateli%C3%AA%21%20Gostaria%20de%20consultar%20os%20kits%20de%20la%C3%A7os%20dispon%C3%ADveis%20no%20atacado.\" target=\"_blank\" rel=\"noopener\">\r\n                Fa\u00e7a or\u00e7amento\r\n              <\/a>\r\n            <\/div>\r\n          <\/article>\r\n<article class=\"portfolio-card reveal\">\r\n            <!-- [EDITAR \u2014 IMAGEM KITS 05]\r\n                 PROPOR\u00c7\u00c3O IDEAL DO CARD: 9:10 | TAMANHO: 1080x1200 px | WebP.\r\n                 IMAGEM ATUAL: https:\/\/chicatelli.com.br\/wp-content\/uploads\/2026\/08\/imagem_15.webp\r\n                 PARA TROCAR: altere SOMENTE a URL dentro de background-image: url('...'). -->\r\n            <div class=\"product-media\">\r\n              <div class=\"product-placeholder image-slot\" data-image-ratio=\"9:10\" data-recommended-size=\"1080x1200\" role=\"img\" aria-label=\"Foto do kit de la\u00e7os 5\" style=\"background-image: url('https:\/\/chicatelli.com.br\/wp-content\/uploads\/2026\/08\/imagem_15.webp');\"><\/div>\r\n            <\/div>\r\n            <div class=\"product-actions\">\r\n              <a class=\"btn btn-primary product-card-cta js-whatsapp\" data-section=\"produto_kits_5\" href=\"https:\/\/wa.me\/5582988634462?text=Ol%C3%A1%2C%20Chicatelli%20Ateli%C3%AA%21%20Gostaria%20de%20consultar%20os%20kits%20de%20la%C3%A7os%20dispon%C3%ADveis%20no%20atacado.\" target=\"_blank\" rel=\"noopener\">\r\n                Fa\u00e7a or\u00e7amento\r\n              <\/a>\r\n            <\/div>\r\n          <\/article>\r\n<article class=\"portfolio-card reveal\">\r\n            <!-- [EDITAR \u2014 IMAGEM KITS 06]\r\n                 PROPOR\u00c7\u00c3O IDEAL DO CARD: 9:10 | TAMANHO: 1080x1200 px | WebP.\r\n                 IMAGEM ATUAL: https:\/\/chicatelli.com.br\/wp-content\/uploads\/2026\/08\/imagem_16.webp\r\n                 PARA TROCAR: altere SOMENTE a URL dentro de background-image: url('...'). -->\r\n            <div class=\"product-media\">\r\n              <div class=\"product-placeholder image-slot\" data-image-ratio=\"9:10\" data-recommended-size=\"1080x1200\" role=\"img\" aria-label=\"Foto do kit de la\u00e7os 6\" style=\"background-image: url('https:\/\/chicatelli.com.br\/wp-content\/uploads\/2026\/08\/imagem_16.webp');\"><\/div>\r\n            <\/div>\r\n            <div class=\"product-actions\">\r\n              <a class=\"btn btn-primary product-card-cta js-whatsapp\" data-section=\"produto_kits_6\" href=\"https:\/\/wa.me\/5582988634462?text=Ol%C3%A1%2C%20Chicatelli%20Ateli%C3%AA%21%20Gostaria%20de%20consultar%20os%20kits%20de%20la%C3%A7os%20dispon%C3%ADveis%20no%20atacado.\" target=\"_blank\" rel=\"noopener\">\r\n                Fa\u00e7a or\u00e7amento\r\n              <\/a>\r\n            <\/div>\r\n          <\/article>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"product-group\" id=\"croche\">\r\n        <div class=\"product-group-head reveal\">\r\n          <h3>Croch\u00ea<\/h3>\r\n          <div class=\"carousel-controls\" aria-label=\"Controles do carrossel de croch\u00ea\">\r\n            <button class=\"carousel-btn\" data-carousel-prev aria-label=\"Produto anterior\">\u2190<\/button>\r\n            <button class=\"carousel-btn\" data-carousel-next aria-label=\"Pr\u00f3ximo produto\">\u2192<\/button>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"portfolio-shell\">\r\n          <div class=\"portfolio-track\" data-carousel-track>\r\n          <article class=\"portfolio-card reveal\">\r\n            <!-- [EDITAR \u2014 IMAGEM CROCHE 01]\r\n                 PROPOR\u00c7\u00c3O IDEAL DO CARD: 9:10 | TAMANHO: 1080x1200 px | WebP.\r\n                 IMAGEM ATUAL: https:\/\/chicatelli.com.br\/wp-content\/uploads\/2026\/08\/imagem_09.webp\r\n                 PARA TROCAR: altere SOMENTE a URL dentro de background-image: url('...'). -->\r\n            <div class=\"product-media\">\r\n              <div class=\"product-placeholder image-slot\" data-image-ratio=\"9:10\" data-recommended-size=\"1080x1200\" role=\"img\" aria-label=\"Foto da pe\u00e7a de croch\u00ea 1\" style=\"background-image: url('https:\/\/chicatelli.com.br\/wp-content\/uploads\/2026\/08\/imagem_09.webp');\"><\/div>\r\n            <\/div>\r\n            <div class=\"product-actions\">\r\n              <a class=\"btn btn-primary product-card-cta js-whatsapp\" data-section=\"produto_croche_1\" href=\"https:\/\/wa.me\/5582988634462?text=Ol%C3%A1%2C%20Chicatelli%20Ateli%C3%AA%21%20Gostaria%20de%20consultar%20os%20modelos%20de%20croch%C3%AA%20dispon%C3%ADveis.\" target=\"_blank\" rel=\"noopener\">\r\n                Fa\u00e7a or\u00e7amento\r\n              <\/a>\r\n            <\/div>\r\n          <\/article>\r\n<article class=\"portfolio-card reveal\">\r\n            <!-- [EDITAR \u2014 IMAGEM CROCHE 02]\r\n                 PROPOR\u00c7\u00c3O IDEAL DO CARD: 9:10 | TAMANHO: 1080x1200 px | WebP.\r\n                 IMAGEM ATUAL: https:\/\/chicatelli.com.br\/wp-content\/uploads\/2026\/08\/imagem_08.webp\r\n                 PARA TROCAR: altere SOMENTE a URL dentro de background-image: url('...'). -->\r\n            <div class=\"product-media\">\r\n              <div class=\"product-placeholder image-slot\" data-image-ratio=\"9:10\" data-recommended-size=\"1080x1200\" role=\"img\" aria-label=\"Foto da pe\u00e7a de croch\u00ea 2\" style=\"background-image: url('https:\/\/chicatelli.com.br\/wp-content\/uploads\/2026\/08\/imagem_08.webp');\"><\/div>\r\n            <\/div>\r\n            <div class=\"product-actions\">\r\n              <a class=\"btn btn-primary product-card-cta js-whatsapp\" data-section=\"produto_croche_2\" href=\"https:\/\/wa.me\/5582988634462?text=Ol%C3%A1%2C%20Chicatelli%20Ateli%C3%AA%21%20Gostaria%20de%20consultar%20os%20modelos%20de%20croch%C3%AA%20dispon%C3%ADveis.\" target=\"_blank\" rel=\"noopener\">\r\n                Fa\u00e7a or\u00e7amento\r\n              <\/a>\r\n            <\/div>\r\n          <\/article>\r\n<article class=\"portfolio-card reveal\">\r\n            <!-- [EDITAR \u2014 IMAGEM CROCHE 03]\r\n                 PROPOR\u00c7\u00c3O IDEAL DO CARD: 9:10 | TAMANHO: 1080x1200 px | WebP.\r\n                 IMAGEM ATUAL: https:\/\/chicatelli.com.br\/wp-content\/uploads\/2026\/08\/imagem_07.webp\r\n                 PARA TROCAR: altere SOMENTE a URL dentro de background-image: url('...'). -->\r\n            <div class=\"product-media\">\r\n              <div class=\"product-placeholder image-slot\" data-image-ratio=\"9:10\" data-recommended-size=\"1080x1200\" role=\"img\" aria-label=\"Foto da pe\u00e7a de croch\u00ea 3\" style=\"background-image: url('https:\/\/chicatelli.com.br\/wp-content\/uploads\/2026\/08\/imagem_07.webp');\"><\/div>\r\n            <\/div>\r\n            <div class=\"product-actions\">\r\n              <a class=\"btn btn-primary product-card-cta js-whatsapp\" data-section=\"produto_croche_3\" href=\"https:\/\/wa.me\/5582988634462?text=Ol%C3%A1%2C%20Chicatelli%20Ateli%C3%AA%21%20Gostaria%20de%20consultar%20os%20modelos%20de%20croch%C3%AA%20dispon%C3%ADveis.\" target=\"_blank\" rel=\"noopener\">\r\n                Fa\u00e7a or\u00e7amento\r\n              <\/a>\r\n            <\/div>\r\n          <\/article>\r\n<article class=\"portfolio-card reveal\">\r\n            <!-- [EDITAR \u2014 IMAGEM CROCHE 04]\r\n                 PROPOR\u00c7\u00c3O IDEAL DO CARD: 9:10 | TAMANHO: 1080x1200 px | WebP.\r\n                 IMAGEM ATUAL: https:\/\/chicatelli.com.br\/wp-content\/uploads\/2026\/08\/imagem_05.webp\r\n                 PARA TROCAR: altere SOMENTE a URL dentro de background-image: url('...'). -->\r\n            <div class=\"product-media\">\r\n              <div class=\"product-placeholder image-slot\" data-image-ratio=\"9:10\" data-recommended-size=\"1080x1200\" role=\"img\" aria-label=\"Foto da pe\u00e7a de croch\u00ea 4\" style=\"background-image: url('https:\/\/chicatelli.com.br\/wp-content\/uploads\/2026\/08\/imagem_05.webp');\"><\/div>\r\n            <\/div>\r\n            <div class=\"product-actions\">\r\n              <a class=\"btn btn-primary product-card-cta js-whatsapp\" data-section=\"produto_croche_4\" href=\"https:\/\/wa.me\/5582988634462?text=Ol%C3%A1%2C%20Chicatelli%20Ateli%C3%AA%21%20Gostaria%20de%20consultar%20os%20modelos%20de%20croch%C3%AA%20dispon%C3%ADveis.\" target=\"_blank\" rel=\"noopener\">\r\n                Fa\u00e7a or\u00e7amento\r\n              <\/a>\r\n            <\/div>\r\n          <\/article>\r\n<article class=\"portfolio-card reveal\">\r\n            <!-- [EDITAR \u2014 IMAGEM CROCHE 05]\r\n                 PROPOR\u00c7\u00c3O IDEAL DO CARD: 9:10 | TAMANHO: 1080x1200 px | WebP.\r\n                 IMAGEM ATUAL: https:\/\/chicatelli.com.br\/wp-content\/uploads\/2026\/08\/imagem_04.webp\r\n                 PARA TROCAR: altere SOMENTE a URL dentro de background-image: url('...'). -->\r\n            <div class=\"product-media\">\r\n              <div class=\"product-placeholder image-slot\" data-image-ratio=\"9:10\" data-recommended-size=\"1080x1200\" role=\"img\" aria-label=\"Foto da pe\u00e7a de croch\u00ea 5\" style=\"background-image: url('https:\/\/chicatelli.com.br\/wp-content\/uploads\/2026\/08\/imagem_04.webp');\"><\/div>\r\n            <\/div>\r\n            <div class=\"product-actions\">\r\n              <a class=\"btn btn-primary product-card-cta js-whatsapp\" data-section=\"produto_croche_5\" href=\"https:\/\/wa.me\/5582988634462?text=Ol%C3%A1%2C%20Chicatelli%20Ateli%C3%AA%21%20Gostaria%20de%20consultar%20os%20modelos%20de%20croch%C3%AA%20dispon%C3%ADveis.\" target=\"_blank\" rel=\"noopener\">\r\n                Fa\u00e7a or\u00e7amento\r\n              <\/a>\r\n            <\/div>\r\n          <\/article>\r\n<article class=\"portfolio-card reveal\">\r\n            <!-- [EDITAR \u2014 IMAGEM CROCHE 06]\r\n                 PROPOR\u00c7\u00c3O IDEAL DO CARD: 9:10 | TAMANHO: 1080x1200 px | WebP.\r\n                 IMAGEM ATUAL: https:\/\/chicatelli.com.br\/wp-content\/uploads\/2026\/08\/imagem_03.webp\r\n                 PARA TROCAR: altere SOMENTE a URL dentro de background-image: url('...'). -->\r\n            <div class=\"product-media\">\r\n              <div class=\"product-placeholder image-slot\" data-image-ratio=\"9:10\" data-recommended-size=\"1080x1200\" role=\"img\" aria-label=\"Foto da pe\u00e7a de croch\u00ea 6\" style=\"background-image: url('https:\/\/chicatelli.com.br\/wp-content\/uploads\/2026\/08\/imagem_03.webp');\"><\/div>\r\n            <\/div>\r\n            <div class=\"product-actions\">\r\n              <a class=\"btn btn-primary product-card-cta js-whatsapp\" data-section=\"produto_croche_6\" href=\"https:\/\/wa.me\/5582988634462?text=Ol%C3%A1%2C%20Chicatelli%20Ateli%C3%AA%21%20Gostaria%20de%20consultar%20os%20modelos%20de%20croch%C3%AA%20dispon%C3%ADveis.\" target=\"_blank\" rel=\"noopener\">\r\n                Fa\u00e7a or\u00e7amento\r\n              <\/a>\r\n            <\/div>\r\n          <\/article>\r\n<article class=\"portfolio-card reveal\">\r\n            <!-- [EDITAR \u2014 IMAGEM CROCHE 07]\r\n                 PROPOR\u00c7\u00c3O IDEAL DO CARD: 9:10 | TAMANHO: 1080x1200 px | WebP.\r\n                 IMAGEM ATUAL: https:\/\/chicatelli.com.br\/wp-content\/uploads\/2026\/08\/imagem_02.webp\r\n                 PARA TROCAR: altere SOMENTE a URL dentro de background-image: url('...'). -->\r\n            <div class=\"product-media\">\r\n              <div class=\"product-placeholder image-slot\" data-image-ratio=\"9:10\" data-recommended-size=\"1080x1200\" role=\"img\" aria-label=\"Foto da pe\u00e7a de croch\u00ea 7\" style=\"background-image: url('https:\/\/chicatelli.com.br\/wp-content\/uploads\/2026\/08\/imagem_02.webp');\"><\/div>\r\n            <\/div>\r\n            <div class=\"product-actions\">\r\n              <a class=\"btn btn-primary product-card-cta js-whatsapp\" data-section=\"produto_croche_7\" href=\"https:\/\/wa.me\/5582988634462?text=Ol%C3%A1%2C%20Chicatelli%20Ateli%C3%AA%21%20Gostaria%20de%20consultar%20os%20modelos%20de%20croch%C3%AA%20dispon%C3%ADveis.\" target=\"_blank\" rel=\"noopener\">\r\n                Fa\u00e7a or\u00e7amento\r\n              <\/a>\r\n            <\/div>\r\n          <\/article>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ==================== SE\u00c7\u00c3O 3 \u2014 PERSONALIZADOS ==================== -->\r\n  <section class=\"section business\" id=\"personalizados\">\r\n    <div class=\"container business-grid\">\r\n      <div class=\"reveal\">\r\n        <h2>La\u00e7os personalizados para quem busca algo <span style=\"color:#F3C5BA\">exclusivo.<\/span><\/h2>\r\n        <p class=\"lead\">Criamos modelos personalizados com <strong>cores, temas, nomes e detalhes especiais<\/strong>, ideais para clientes que procuram uma pe\u00e7a \u00fanica.<\/p>\r\n        <p class=\"lead\">Uma op\u00e7\u00e3o diferenciada para sua loja oferecer produtos exclusivos e com maior valor percebido.<\/p>\r\n        <div class=\"business-actions\">\r\n          <a class=\"btn btn-primary js-whatsapp\" data-section=\"personalizados\" href=\"https:\/\/wa.me\/5582988634462?text=Ol%C3%A1%2C%20Chicatelli%20Ateli%C3%AA%21%20Gostaria%20de%20solicitar%20la%C3%A7os%20personalizados%20para%20minha%20loja.\" target=\"_blank\" rel=\"noopener\">\r\n            <svg class=\"phone-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.12.9.33 1.78.62 2.63a2 2 0 0 1-.45 2.11L8 9.73a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.85.29 1.73.5 2.63.62A2 2 0 0 1 22 16.92z\"\/><\/svg>\r\n            Solicitar la\u00e7os personalizados\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"business-photo reveal\">\r\n        <!-- [EDITAR \u2014 IMAGEM PERSONALIZADOS]\r\n             PROPOR\u00c7\u00c3O RECOMENDADA: 4:3 | TAMANHO: 1600x1200 px | WebP.\r\n             IMAGEM ATUAL: https:\/\/chicatelli.com.br\/wp-content\/uploads\/2026\/08\/imagem_nova_02.webp\r\n             PARA TROCAR: altere SOMENTE a URL dentro de background-image: url('...').\r\n             DICA: mantenha o assunto no centro e cerca de 10% de margem segura nas bordas. -->\r\n        <div class=\"business-image product-placeholder image-slot\" data-image-ratio=\"4:3\" data-recommended-size=\"1600x1200\" role=\"img\" aria-label=\"Foto de la\u00e7os personalizados\" style=\"background-image: url('http:\/\/chicatelli.com.br\/wp-content\/uploads\/2026\/08\/imagem_1.webp');\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ==================== SE\u00c7\u00c3O 4 \u2014 QUALIDADE \/ SOBRE ==================== -->\r\n  <section class=\"section about\" id=\"sobre\">\r\n    <div class=\"container about-grid\">\r\n      <!-- [EDITAR \u2014 IMAGEM SOBRE]\r\n           PROPOR\u00c7\u00c3O RECOMENDADA: 4:3 | TAMANHO: 1600x1200 px | WebP.\r\n           IMAGEM ATUAL: https:\/\/chicatelli.com.br\/wp-content\/uploads\/2026\/08\/imagem_nova_03.webp\r\n           PARA TROCAR: altere SOMENTE a URL dentro de background-image: url('...').\r\n           DICA: mantenha m\u00e3os, materiais ou produto principal longe das bordas. -->\r\n      <div class=\"about-image product-placeholder image-slot reveal\" data-image-ratio=\"4:3\" data-recommended-size=\"1600x1200\" role=\"img\" aria-label=\"Foto dos detalhes de produ\u00e7\u00e3o da Chicatelli Ateli\u00ea\" style=\"background-image: url('http:\/\/chicatelli.com.br\/wp-content\/uploads\/2026\/08\/imagem_01-1.webp');\"><\/div>\r\n\r\n      <div class=\"about-copy reveal\">\r\n        <h2>Qualidade que seus clientes percebem nos <span class=\"accent\">detalhes.<\/span><\/h2>\r\n        <p class=\"lead\">Na <strong>Chicatelli Ateli\u00ea<\/strong>, cada pe\u00e7a \u00e9 produzida com aten\u00e7\u00e3o ao acabamento, escolha dos materiais e cuidado em cada detalhe.<\/p>\r\n        <p class=\"lead\">Trabalhamos com la\u00e7os no atacado, modelos personalizados e pe\u00e7as artesanais para lojistas e revendedores que procuram produtos bonitos, bem-feitos e com potencial de venda.<\/p>\r\n\r\n        <div class=\"final-cta\">\r\n          <h3>Quer conhecer os modelos e condi\u00e7\u00f5es para atacado?<\/h3>\r\n          <p>Fale diretamente conosco pelo WhatsApp e monte seu pedido.<\/p>\r\n          <a class=\"btn btn-primary js-whatsapp\" data-section=\"sobre_final\" href=\"https:\/\/wa.me\/5582988634462?text=Ol%C3%A1%2C%20Chicatelli%20Ateli%C3%AA%21%20Gostaria%20de%20conhecer%20os%20modelos%20e%20as%20condi%C3%A7%C3%B5es%20para%20comprar%20la%C3%A7os%20no%20atacado.\" target=\"_blank\" rel=\"noopener\">\r\n            <svg class=\"phone-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.12.9.33 1.78.62 2.63a2 2 0 0 1-.45 2.11L8 9.73a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.85.29 1.73.5 2.63.62A2 2 0 0 1 22 16.92z\"\/><\/svg>\r\n            Quero comprar no atacado\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n<\/main>\r\n\r\n<!-- ==================== RODAP\u00c9 ==================== -->\r\n<footer class=\"footer\">\r\n  <div class=\"container\">\r\n    <div class=\"footer-grid\">\r\n      <div class=\"footer-brand-col\">\r\n        <!-- [EDITAR \u2014 LOGO DO RODAP\u00c9] IMAGEM ATUAL: http:\/\/chicatelli.com.br\/wp-content\/uploads\/2026\/08\/IMG_3840.png | Para trocar, altere SOMENTE src=\"...\". -->\r\n        <img decoding=\"async\" class=\"footer-logo\" src=\"http:\/\/chicatelli.com.br\/wp-content\/uploads\/2026\/08\/IMG_3840.png\" alt=\"Chicatelli Ateli\u00ea\">\r\n        <p class=\"footer-copy\">La\u00e7os infantis, personalizados e pe\u00e7as artesanais para lojistas e revendedores.<\/p>\r\n        <p class=\"footer-location\">Macei\u00f3 \u2014 AL<\/p>\r\n      <\/div>\r\n\r\n      <div>\r\n        <h3 class=\"footer-title\">Navega\u00e7\u00e3o<\/h3>\r\n        <nav class=\"footer-links\" aria-label=\"Navega\u00e7\u00e3o do rodap\u00e9\">\r\n          <a href=\"#lacos\">La\u00e7os<\/a>\r\n          <a href=\"#personalizados\">Personalizados<\/a>\r\n          <a href=\"#croche\">Croch\u00ea<\/a>\r\n          <a href=\"#sobre\">Sobre<\/a>\r\n        <\/nav>\r\n      <\/div>\r\n\r\n      <div class=\"footer-contact\">\r\n        <h3 class=\"footer-title\">Fale conosco<\/h3>\r\n        <p>Conhe\u00e7a os modelos, consulte as condi\u00e7\u00f5es para atacado e monte seu pedido diretamente pelo WhatsApp.<\/p>\r\n        <a class=\"btn btn-primary js-whatsapp\" data-section=\"footer\" href=\"https:\/\/wa.me\/5582988634462?text=Ol%C3%A1%2C%20Chicatelli%20Ateli%C3%AA%21%20Gostaria%20de%20conhecer%20os%20modelos%20e%20as%20condi%C3%A7%C3%B5es%20para%20comprar%20la%C3%A7os%20no%20atacado.\" target=\"_blank\" rel=\"noopener\">\r\n          <svg class=\"phone-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.12.9.33 1.78.62 2.63a2 2 0 0 1-.45 2.11L8 9.73a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.85.29 1.73.5 2.63.62A2 2 0 0 1 22 16.92z\"\/><\/svg>\r\n          Comprar pelo WhatsApp\r\n        <\/a>\r\n\r\n        <div class=\"footer-socials\">\r\n          <!-- [EDITAR \u2014 INSTAGRAM] Troque somente o link dentro de href=\"...\". -->\r\n          <a class=\"social-link social-link--icon\" href=\"https:\/\/instagram.com\/chicatellipapelariacriativa\" target=\"_blank\" rel=\"noopener\" aria-label=\"Instagram da Chicatelli Ateli\u00ea\">\r\n            <svg class=\"social-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M7.75 2h8.5A5.76 5.76 0 0 1 22 7.75v8.5A5.76 5.76 0 0 1 16.25 22h-8.5A5.76 5.76 0 0 1 2 16.25v-8.5A5.76 5.76 0 0 1 7.75 2zm0 2A3.75 3.75 0 0 0 4 7.75v8.5A3.75 3.75 0 0 0 7.75 20h8.5A3.75 3.75 0 0 0 20 16.25v-8.5A3.75 3.75 0 0 0 16.25 4h-8.5zm8.75 1.5a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5zM12 7a5 5 0 1 1 0 10 5 5 0 0 1 0-10zm0 2a3 3 0 1 0 0 6 3 3 0 0 0 0-6z\"\/><\/svg>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"footer-bottom\">\r\n      <span>\u00a9 2026 Chicatelli Ateli\u00ea. Todos os direitos reservados.<\/span>\r\n      <span>La\u00e7os e pe\u00e7as artesanais para sua loja vender mais.<\/span>\r\n    <\/div>\r\n  <\/div>\r\n<\/footer>\r\n\r\n<a class=\"whatsapp-float js-whatsapp\" data-section=\"floating_button\" href=\"https:\/\/wa.me\/5582988634462?text=Ol%C3%A1%2C%20Chicatelli%20Ateli%C3%AA%21%20Gostaria%20de%20conhecer%20os%20modelos%20e%20as%20condi%C3%A7%C3%B5es%20para%20comprar%20la%C3%A7os%20no%20atacado.\" target=\"_blank\" rel=\"noopener\" aria-label=\"Comprar la\u00e7os no atacado pelo WhatsApp\"><svg class=\"phone-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.12.9.33 1.78.62 2.63a2 2 0 0 1-.45 2.11L8 9.73a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.85.29 1.73.5 2.63.62A2 2 0 0 1 22 16.92z\"\/><\/svg><\/a>\r\n\r\n<script>\r\n  const menuButton = document.getElementById(\"menuButton\");\r\n  const navLinks = document.getElementById(\"navLinks\");\r\n\r\n  if (menuButton && navLinks) {\r\n    menuButton.addEventListener(\"click\", () => {\r\n      const opened = navLinks.classList.toggle(\"open\");\r\n      menuButton.setAttribute(\"aria-expanded\", opened ? \"true\" : \"false\");\r\n      menuButton.setAttribute(\"aria-label\", opened ? \"Fechar menu\" : \"Abrir menu\");\r\n      menuButton.classList.toggle(\"is-open\", opened);\r\n    });\r\n\r\n    navLinks.querySelectorAll(\"a\").forEach(link => {\r\n      link.addEventListener(\"click\", () => {\r\n        navLinks.classList.remove(\"open\");\r\n        menuButton.setAttribute(\"aria-expanded\", \"false\");\r\n        menuButton.setAttribute(\"aria-label\", \"Abrir menu\");\r\n        menuButton.classList.remove(\"is-open\");\r\n      });\r\n    });\r\n  }\r\n\r\n  document.querySelectorAll(\".product-group\").forEach(group => {\r\n    const track = group.querySelector(\"[data-carousel-track]\");\r\n    const prevButton = group.querySelector(\"[data-carousel-prev]\");\r\n    const nextButton = group.querySelector(\"[data-carousel-next]\");\r\n    if (!track || !prevButton || !nextButton) return;\r\n\r\n    const scrollProducts = direction => {\r\n      const firstCard = track.querySelector(\".portfolio-card\");\r\n      const distance = firstCard ? firstCard.getBoundingClientRect().width + 16 : 340;\r\n      track.scrollBy({ left: direction * distance, behavior: \"smooth\" });\r\n    };\r\n\r\n    prevButton.addEventListener(\"click\", () => scrollProducts(-1));\r\n    nextButton.addEventListener(\"click\", () => scrollProducts(1));\r\n  });\r\n\r\n  if (\"IntersectionObserver\" in window) {\r\n    const observer = new IntersectionObserver(entries => {\r\n      entries.forEach(entry => {\r\n        if (entry.isIntersecting) {\r\n          entry.target.classList.add(\"visible\");\r\n          observer.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, { threshold: 0.08 });\r\n    document.querySelectorAll(\".reveal\").forEach(el => observer.observe(el));\r\n  } else {\r\n    document.querySelectorAll(\".reveal\").forEach(el => el.classList.add(\"visible\"));\r\n  }\r\n\r\n  const params = new URLSearchParams(window.location.search);\r\n  const utmKeys = [\"utm_source\",\"utm_medium\",\"utm_campaign\",\"utm_content\",\"utm_term\"];\r\n  utmKeys.forEach(key => {\r\n    const value = params.get(key);\r\n    if (value) sessionStorage.setItem(key, value);\r\n  });\r\n\r\n  document.querySelectorAll(\".js-whatsapp\").forEach(link => {\r\n    link.addEventListener(\"click\", () => {\r\n      const attribution = Object.fromEntries(utmKeys.map(key => [key, sessionStorage.getItem(key) || \"\"]));\r\n      const eventPayload = { event: \"whatsapp_click\", section: link.dataset.section || \"unknown\", ...attribution };\r\n      window.dataLayer = window.dataLayer || [];\r\n      window.dataLayer.push(eventPayload);\r\n      if (typeof window.gtag === \"function\") window.gtag(\"event\", \"generate_lead\", { method: \"whatsapp\", section: eventPayload.section });\r\n      if (typeof window.fbq === \"function\") window.fbq(\"track\", \"Contact\", { content_name: eventPayload.section });\r\n    });\r\n  });\r\n<\/script>\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>La\u00e7os Personalizados Croch\u00ea Sobre Comprar pelo WhatsApp La\u00e7os de qualidade para sua loja vender mais. Fornecedor de la\u00e7os infantis no [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":200,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-7","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/chicatelli.com.br\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/chicatelli.com.br\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/chicatelli.com.br\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/chicatelli.com.br\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/chicatelli.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":75,"href":"https:\/\/chicatelli.com.br\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":203,"href":"https:\/\/chicatelli.com.br\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/203"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/chicatelli.com.br\/index.php?rest_route=\/wp\/v2\/media\/200"}],"wp:attachment":[{"href":"https:\/\/chicatelli.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}