{"id":11163,"date":"2026-04-15T08:40:15","date_gmt":"2026-04-15T11:40:15","guid":{"rendered":"https:\/\/unilux.com.br\/?page_id=11163"},"modified":"2026-05-12T14:23:54","modified_gmt":"2026-05-12T17:23:54","slug":"one","status":"publish","type":"page","link":"https:\/\/unilux.com.br\/index.php\/one\/","title":{"rendered":"One"},"content":{"rendered":"\n<div class=\"unilux-landing\">\n  <style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=DM Sanss:opsz,wght@9..144,300;9..144,400;9..144,500&display=swap');\n\n    \/* \u2500\u2500\u2500 TOKENS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    :root {\n      --bg:           #f1efe7;\n      --section:      #f5f2eb;\n      --section-alt:  #b3a484;\n      --section-gold: #d8cfbf;\n      --card:         #f7f4ee;\n      --ink:          #26262b;\n      --muted:        #68685e;\n      --accent:       #b9ab8a;\n      --accent-deep:  #c9ab76;\n      --line:         rgba(38,38,43,0.12);\n      --line-strong:  rgba(38,38,43,0.28);\n      --container:    1800px;\n      --border:       1px solid var(--line);\n      --radius-btn:   999px;\n\n      \/* Spacing scale *\/\n      --gap-section:  32px;\n      --pad-xl:       72px 60px;\n      --pad-lg:       60px 56px;\n      --pad-md:       44px 48px;\n      --pad-sm:       32px 28px;\n    }\n\n    \/* \u2500\u2500\u2500 RESET \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    *, *::before, *::after { box-sizing: border-box; }\n    html { scroll-behavior: smooth; }\n\n    \/* \u2500\u2500\u2500 BASE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .unilux-landing {\n      font-family: 'DM Sans', 'Segoe UI', Arial, sans-serif;\n      color: var(--ink);\n      background: var(--bg);\n      -webkit-font-smoothing: antialiased;\n      -moz-osx-font-smoothing: grayscale;\n    }\n\n    .unilux-landing img { display: block; max-width: 100%; }\n\n    \/* \u2500\u2500\u2500 CONTAINER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .ul-container {\n      max-width: var(--container);\n      margin: 0 auto;\n      padding: 36px 20px 100px;\n    }\n\n    \/* \u2500\u2500\u2500 SECTIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .ul-section {\n      margin-top: var(--gap-section);\n      background: var(--section);\n      border: var(--border);\n      overflow: hidden;\n      transition: border-color 0.3s ease;\n    }\n    .ul-section:hover { border-color: var(--line-strong); }\n    .ul-section--gold { background: var(--section-gold); }\n\n    .ul-section-inner {\n      padding: var(--pad-lg);\n      min-width: 0;\n    }\n\n    \/* \u2500\u2500\u2500 GRIDS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .ul-grid-2 {\n      display: grid;\n      grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);\n      align-items: stretch;\n    }\n\n    .ul-grid-2-gap {\n      display: grid;\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 20px;\n      align-items: stretch;\n    }\n\n    \/* \u2500\u2500\u2500 LABELS \/ CHIPS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .ul-headline-chip,\n    .ul-label-box,\n  .ul-headline-chip,\n.ul-label-box,\n.ul-text-highlight {\n  display: inline-flex;          \/* \ud83d\udd11 evita esticar e mant\u00e9m alinhamento *\/\n  align-items: center;\n  width: fit-content;            \/* \ud83d\udd11 faz a tarja acompanhar o texto *\/\n  max-width: 100%;\n  align-self: flex-start;        \/* \ud83d\udd11 evita stretch em layouts flex *\/\n\n  background: var(--accent);\n  color: var(--ink);\n\n  padding: 6px 12px;\n  line-height: 1.1;\n\n  font-family: 'DM Sans', sans-serif;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 0.14em;\n  text-transform: uppercase;\n}\n\n    .ul-headline-chip,\n    .ul-label-box {\n      font-family: 'DM Sans', sans-serif;\n      font-size: 11px;\n      font-weight: 700;\n      letter-spacing: 0.18em;\n      text-transform: uppercase;\n    }\n\n    .ul-text-highlight {\n      font-family: 'DM Sans', sans-serif;\n      font-size: 11px;\n      font-weight: 700;\n      letter-spacing: 0.18em;\n      text-transform: uppercase;\n    }\n\n    \/* \u2500\u2500\u2500 TYPOGRAPHY \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .ul-title {\n      margin: 20px 0 18px;\n      font-family: 'DM Sans', DM Sans;\n      font-size: clamp(38px, 5vw, 72px);\n      line-height: 0.95;\n      letter-spacing: -0.03em;\n      font-weight: 400;\n      overflow-wrap: anywhere;\n    }\n\n    .ul-title-md {\n      margin: 0 0 16px;\n      font-family: 'DM Sans', DM Sans;\n      font-size: clamp(26px, 3vw, 46px);\n      line-height: 1.06;\n      letter-spacing: -0.025em;\n      font-weight: 400;\n      overflow-wrap: anywhere;\n    }\n\n    .ul-copy,\n    .ul-copy p {\n      margin: 0;\n      font-size: 16px;\n      line-height: 1.68;\n      color: var(--muted);\n    }\n\n    .ul-copy p + p { margin-top: 16px; }\n    .ul-copy strong { color: var(--ink); font-weight: 600; }\n\n    .ul-centered { text-align: center; }\n\n    \/* \u2500\u2500\u2500 BUTTONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .ul-button,\n    .ul-button-outline {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      min-height: 46px;\n      padding: 0 26px;\n      text-decoration: none;\n      font-family: 'DM Sans', sans-serif;\n      font-weight: 600;\n      letter-spacing: 0.07em;\n      font-size: 11px;\n      text-transform: uppercase;\n      border-radius: var(--radius-btn);\n      transition: background 0.22s ease, border-color 0.22s ease,\n                  transform 0.22s ease, box-shadow 0.22s ease;\n    }\n\n    .ul-button {\n      background: #d0c09d;\n      color: var(--ink);\n      border: 1px solid rgba(38,38,43,0.12);\n    }\n\n    .ul-button-outline {\n      background: rgba(255,255,255,0.65);\n      color: var(--ink);\n      border: 1px solid rgba(38,38,43,0.16);\n    }\n\n    .ul-button:hover {\n      background: #c4b28c;\n      transform: translateY(-1px);\n      border-color: rgba(38,38,43,0.22);\n      box-shadow: 0 4px 16px rgba(38,38,43,0.08);\n    }\n.ul-button-instagram {\n  backdrop-filter: blur(6px);\n  -webkit-backdrop-filter: blur(6px);\n}\n    .ul-button-outline:hover {\n      background: rgba(255,255,255,0.9);\n      transform: translateY(-1px);\n      border-color: rgba(38,38,43,0.28);\n      box-shadow: 0 4px 16px rgba(38,38,43,0.06);\n    }\n\n    .ul-actions {\n      display: flex;\n      gap: 10px;\n      flex-wrap: wrap;\n      margin-top: 28px;\n    }\n\n    \/* \u2500\u2500\u2500 CARD BASE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .ul-panel,\n    .ul-point-box,\n    .ul-table {\n      background: var(--card);\n      border: var(--border);\n      min-width: 0;\n      transition: border-color 0.28s ease;\n    }\n\n    .ul-panel:hover,\n    .ul-point-box:hover,\n    .ul-table:hover { border-color: var(--line-strong); }\n\n    .ul-divider {\n      height: 1px;\n      background: rgba(38,38,43,0.08);\n      margin: 24px 0;\n    }\n\n    \/* \u2500\u2500\u2500 HERO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .ul-hero-section {\n      position: relative;\n      min-height: 780px;\n      background: none;\n    }\n\n    .ul-hero-section::before {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      background-image:\n        linear-gradient(100deg,\n          rgba(18,16,13,0.92) 0%,\n          rgba(18,16,13,0.68) 38%,\n          rgba(18,16,13,0.22) 68%,\n          rgba(18,16,13,0.40) 100%),\n        url('https:\/\/unilux.com.br\/wp-content\/uploads\/2026\/04\/unilux-one-final.png');\n      background-size: cover;\n      background-position: center;\n      z-index: 0;\n    }\n\n    .ul-hero-section .ul-section-inner {\n      position: relative;\n      z-index: 1;\n      display: grid;\n      grid-template-columns: minmax(0, 7fr) minmax(300px, 5fr);\n      gap: 36px;\n      align-items: end;\n      padding: 80px 60px 64px;\n      min-height: 780px;\n    }\n\n    .ul-hero-title {\n      margin: 20px 0 18px;\n      font-family: 'DM Sans', DM Sans;\n      font-size: clamp(48px, 6.5vw, 96px);\n      line-height: 0.92;\n      letter-spacing: -0.03em;\n      color: #f4efe6;\n      font-weight: 400;\n      text-wrap: balance;\n    }\n\n    .ul-hero-copy {\n      font-size: 16.5px;\n      color: rgba(244,239,230,0.76);\n      max-width: 500px;\n      line-height: 1.7;\n    }\n\n    .ul-hero-panel {\n      background: rgba(255,255,255,0.08);\n      border: 1px solid rgba(255,255,255,0.16);\n      backdrop-filter: blur(20px);\n      -webkit-backdrop-filter: blur(20px);\n      padding: 28px;\n    }\n\n    .ul-hero-feature {\n      display: grid;\n      grid-template-columns: 14px 1fr;\n      gap: 14px;\n      padding: 18px 0;\n      border-bottom: 1px solid rgba(255,255,255,0.1);\n    }\n\n    .ul-hero-feature:first-of-type { padding-top: 22px; }\n    .ul-hero-feature:last-child { border-bottom: none; padding-bottom: 4px; }\n\n    .ul-hero-dot {\n      width: 10px;\n      height: 10px;\n      background: var(--accent-deep);\n      border-radius: 50%;\n      margin-top: 5px;\n      flex-shrink: 0;\n    }\n\n    .ul-hero-feature strong {\n      display: block;\n      color: #f4efe6;\n      font-size: 14px;\n      font-weight: 600;\n      margin-bottom: 4px;\n    }\n\n    .ul-hero-feature span {\n      display: block;\n      color: rgba(244,239,230,0.68);\n      font-size: 13.5px;\n      line-height: 1.55;\n    }\n\n    \/* Hero quote strip *\/\n    .ul-hero-quote {\n      border-top: var(--border);\n      background: var(--card);\n      padding: 32px 60px;\n      text-align: center;\n    }\n\n    .ul-hero-quote p {\n      margin: 0;\n      font-family: 'DM Sans', DM Sans;\n      font-size: clamp(22px, 2.5vw, 40px);\n      line-height: 1.1;\n      letter-spacing: -0.025em;\n      color: var(--ink);\n      font-weight: 400;\n    }\n\n    \/* \u2500\u2500\u2500 BENEFIT BANNER (ROTATING WORDS) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .ul-benefit-banner {\n      padding: 56px 60px;\n      background: var(--section-alt);\n      border-top: var(--border);\n      border-bottom: var(--border);\n      text-align: center;\n      min-height: 280px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      overflow: hidden;\n    }\n\n    .ul-rotating-words {\n      position: relative;\n      width: min(100%, 920px);\n      height: 165px;\n      margin: 0 auto;\n      overflow: hidden;\n      mask-image: linear-gradient(to bottom,\n        transparent 0%,\n        rgba(0,0,0,0.9) 15%,\n        rgba(0,0,0,1) 50%,\n        rgba(0,0,0,0.9) 85%,\n        transparent 100%);\n      -webkit-mask-image: linear-gradient(to bottom,\n        transparent 0%,\n        rgba(0,0,0,0.9) 15%,\n        rgba(0,0,0,1) 50%,\n        rgba(0,0,0,0.9) 85%,\n        transparent 100%);\n    }\n\n    .ul-rotating-track { position: absolute; inset: 0; }\n\n    .ul-rotating-word {\n      position: absolute;\n      left: 50%;\n      top: 50%;\n      width: 100%;\n      text-align: center;\n      transform: translate(-50%, -50%);\n      font-family: 'DM Sans', DM Sans;\n      font-weight: 400;\n      letter-spacing: -0.028em;\n      white-space: nowrap;\n      line-height: 0.95;\n      pointer-events: none;\n      transition:\n        opacity 0.95s cubic-bezier(0.22, 0.7, 0.2, 1),\n        transform 0.95s cubic-bezier(0.22, 0.7, 0.2, 1),\n        font-size 0.95s cubic-bezier(0.22, 0.7, 0.2, 1),\n        color 0.95s cubic-bezier(0.22, 0.7, 0.2, 1);\n      will-change: transform, opacity, font-size;\n      -webkit-font-smoothing: antialiased;\n    }\n\n    .ul-rotating-word.is-front {\n      font-size: clamp(32px, 3.8vw, 58px);\n      color: rgba(255,255,255,0.98);\n      opacity: 1;\n      z-index: 5;\n      transform: translate(-50%, -50%) scale(1);\n    }\n\n    .ul-rotating-word.is-near-top,\n    .ul-rotating-word.is-near-bottom {\n      font-size: clamp(28px, 3.2vw, 50px);\n      color: rgba(255,255,255,0.38);\n      z-index: 4;\n    }\n\n    .ul-rotating-word.is-near-top {\n      transform: translate(-50%, calc(-50% - 40px)) scale(0.985);\n      opacity: 0.72;\n    }\n\n    .ul-rotating-word.is-near-bottom {\n      transform: translate(-50%, calc(-50% + 40px)) scale(0.985);\n      opacity: 0.66;\n    }\n\n    .ul-rotating-word.is-far-top,\n    .ul-rotating-word.is-far-bottom {\n      font-size: clamp(24px, 2.7vw, 42px);\n      color: rgba(255,255,255,0.14);\n      z-index: 3;\n    }\n.ul-final-banner-video {\n  position: absolute;\n  inset: 0;\n  overflow: hidden;\n  z-index: 0;\n}\n\n.ul-final-banner-video video {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n    .ul-rotating-word.is-far-top {\n      transform: translate(-50%, calc(-50% - 78px)) scale(0.95);\n      opacity: 0.28;\n    }\n\n    .ul-rotating-word.is-far-bottom {\n      transform: translate(-50%, calc(-50% + 78px)) scale(0.95);\n      opacity: 0.24;\n    }\n\n    .ul-rotating-word.is-hidden-top,\n    .ul-rotating-word.is-hidden-bottom {\n      font-size: clamp(22px, 2.3vw, 36px);\n      color: rgba(255,255,255,0);\n      opacity: 0;\n      z-index: 1;\n    }\n\n    .ul-rotating-word.is-hidden-top {\n      transform: translate(-50%, calc(-50% - 118px)) scale(0.9);\n    }\n\n    .ul-rotating-word.is-hidden-bottom {\n      transform: translate(-50%, calc(-50% + 118px)) scale(0.9);\n    }\n\n    \/* Benefit section copy area *\/\n    .ul-section--gold .ul-section-inner {\n      padding: var(--pad-md);\n    }\n.ul-final-actions {\n  margin-top: 22px;\n}\n\n.ul-button-instagram {\n  background: transparent;\n  border: 1px solid rgba(255,255,255,0.4);\n  color: #fff;\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.ul-button-instagram:hover {\n  background: rgba(255,255,255,0.1);\n  border-color: rgba(255,255,255,0.7);\n}\n\n    \/* \u2500\u2500\u2500 PHOTO BANNER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .ul-photo-banner {\n      position: relative;\n      overflow: hidden;\n      min-height: 310px;\n      border-top: var(--border);\n      background: var(--section-gold);\n    }\n\n    .ul-photo-banner-track {\n      display: flex;\n      width: max-content;\n      animation: ulPhotoScroll 34s linear infinite;\n    }\n\n    .ul-photo-banner:hover .ul-photo-banner-track {\n      animation-play-state: paused;\n    }\n\n    .ul-photo-slide {\n      flex: 0 0 33.333vw;\n      min-width: 420px;\n      height: 310px;\n      overflow: hidden;\n      border-right: 1px solid rgba(38,38,43,0.07);\n    }\n\n    .ul-photo-slide img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      object-position: center;\n      display: block;\n      transition: transform 6s ease;\n    }\n\n    .ul-photo-banner:hover .ul-photo-slide img {\n      transform: scale(1.03);\n    }\n\n    @keyframes ulPhotoScroll {\n      from { transform: translateX(0); }\n      to   { transform: translateX(-50%); }\n    }\n\n    \/* \u2500\u2500\u2500 SCORE TABLES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .ul-table {\n      height: 100%;\n      display: flex;\n      flex-direction: column;\n    }\n\n    .ul-table-head,\n    .ul-table-row {\n      display: grid;\n      grid-template-columns: 1fr 110px;\n      gap: 16px;\n      padding: 16px 22px;\n      border-bottom: 1px solid rgba(38,38,43,0.08);\n      align-items: center;\n    }\n\n    .ul-table-head {\n      background: #cfc0a2;\n      font-family: 'DM Sans', sans-serif;\n      font-size: 11px;\n      text-transform: uppercase;\n      letter-spacing: 0.18em;\n      font-weight: 700;\n      color: var(--ink);\n      min-height: 68px;\n    }\n\n    .ul-table-row {\n      min-height: 68px;\n      flex: 1 1 0;\n      font-size: 15px;\n      transition: background 0.2s ease;\n    }\n.ul-video-section {\n\n  background: var(--section);\n}\n\n.ul-video-wrapper {\n  position: relative;\n  width: 100%;\n  aspect-ratio: 16 \/ 9;\n  overflow: hidden;\n\n  border: var(--border);\n  background: #000;\n}\n.ul-video-wrapper {\n  border: 1px solid rgba(38,38,43,0.18);\n  box-shadow: 0 12px 40px rgba(0,0,0,0.08);\n}\n.ul-video-wrapper iframe {\n  width: 100%;\n  height: 100%;\n  display: block;\n}\n    .ul-table-row:hover { background: rgba(38,38,43,0.03); }\n    .ul-table-row:last-child { border-bottom: none; }\n\n    .ul-score {\n      text-align: right;\n      font-weight: 700;\n      color: var(--ink);\n      font-size: 17px;\n      letter-spacing: -0.02em;\n    }\n\n    \/* \u2500\u2500\u2500 ACCELERATORS \/ POINT BOXES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .ul-accelerators {\n      display: grid;\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 16px;\n      margin-top: 20px;\n    }\n\n    .ul-point-box {\n      padding: 28px 28px 26px;\n      background: var(--card);\n      border: var(--border);\n      transition: border-color 0.28s ease;\n    }\n\n    .ul-point-box:hover { border-color: var(--line-strong); }\n\n    .ul-point-box h3 {\n      margin: 0 0 14px;\n      font-family: 'DM Sans', sans-serif;\n      font-size: 11px;\n      font-weight: 700;\n      letter-spacing: 0.16em;\n      text-transform: uppercase;\n      color: var(--muted);\n    }\n\n    .ul-point-box strong {\n      display: block;\n      font-family: 'DM Sans', DM Sans;\n      font-size: 56px;\n      font-weight: 400;\n      line-height: 1;\n      margin-bottom: 12px;\n      color: var(--ink);\n      letter-spacing: -0.03em;\n    }\n\n    .ul-point-box p {\n      margin: 0;\n      font-size: 14px;\n      line-height: 1.58;\n      color: var(--muted);\n    }\n\n    .ul-note {\n      margin-top: 20px;\n      padding-top: 16px;\n      border-top: 1px solid rgba(38,38,43,0.08);\n      font-size: 12.5px;\n      line-height: 1.62;\n      color: rgba(38,38,43,0.55);\n    }\n\n    \/* \u2500\u2500\u2500 IMAGE SLOTS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .ul-image-slot,\n    .ul-image-fill {\n      position: relative;\n      overflow: hidden;\n      min-width: 0;\n    }\n\n    .ul-image-slot {\n      min-height: 440px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: #e2ddd4;\n    }\n\n    .ul-image-fill {\n      width: 100%;\n      height: 100%;\n      min-height: inherit;\n    }\n\n    .ul-image-fill img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      object-position: center;\n      transition: transform 0.7s ease;\n    }\n\n    .ul-image-slot:hover .ul-image-fill img { transform: scale(1.02); }\n\n    \/* \u2500\u2500\u2500 CTA PROGRAM \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .ul-cta-program {\n      display: grid;\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      align-items: stretch;\n    }\n\n    .ul-cta-program-content {\n      padding: var(--pad-lg);\n      background: var(--card);\n      border-right: var(--border);\n      min-width: 0;\n    }\n\n    .ul-cta-program-title {\n      margin: 16px 0 6px;\n      font-family: 'DM Sans', DM Sans;\n      font-size: clamp(40px, 4.8vw, 72px);\n      line-height: 0.95;\n      letter-spacing: -0.03em;\n      font-weight: 400;\n      color: var(--ink);\n    }\n\n    .ul-cta-logo-slot {\n      min-height: 80px;\n      display: flex;\n      align-items: center;\n      margin-bottom: 24px;\n    }\n\n    .ul-cta-logo-slot img {\n      max-width: 300px;\n      max-height: 72px;\n      width: auto;\n      height: auto;\n    }\n\n    .ul-cta-logo-fallback {\n      font-family: 'DM Sans', DM Sans;\n      font-size: clamp(32px, 4vw, 54px);\n      font-weight: 400;\n      letter-spacing: -0.03em;\n      color: var(--ink);\n    }\n\n    .ul-cta-program-content .ul-button {\n      min-height: 50px;\n      padding: 0 32px;\n      font-size: 11.5px;\n    }\n\n    .ul-cta-program-image {\n      background: var(--section-alt);\n    }\n\n    .ul-cta-program-image img {\n      width: 100%;\n      height: 100%;\n      min-height: 460px;\n      object-fit: cover;\n      object-position: center;\n    }\n\n    \/* \u2500\u2500\u2500 JOURNEY SECTION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .ul-journey-inner {\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      min-height: 440px;\n    }\n\n    .ul-journey-inner .ul-copy {\n      margin-top: 22px;\n    }\n\n    \/* \u2500\u2500\u2500 FINAL BANNER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .ul-final-banner {\n      position: relative;\n      min-height: 400px;\n      background: #1f1a15;\n      overflow: hidden;\n    }\n\n    .ul-final-banner-image {\n      position: absolute;\n      inset: 0;\n    }\n\n    .ul-final-banner-image img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      object-position: center;\n      display: block;\n    }\n\n    .ul-final-banner-overlay {\n      position: absolute;\n      inset: 0;\n      background: linear-gradient(\n        100deg,\n        rgba(18,16,13,0.86) 0%,\n        rgba(18,16,13,0.55) 48%,\n        rgba(18,16,13,0.28) 100%\n      );\n      padding: 60px;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n    }\n\n    .ul-final-banner-copy {\n      max-width: 700px;\n      margin-top: 20px;\n    }\n\n    .ul-final-banner-copy p {\n      margin: 0;\n      font-family: 'DM Sans', DM Sans;\n      color: #f4efe6;\n      font-size: clamp(26px, 3.2vw, 50px);\n      line-height: 1.06;\n      letter-spacing: -0.03em;\n      font-weight: 400;\n    }\n\n    \/* \u2500\u2500\u2500 SCROLL REVEAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .ul-reveal {\n      opacity: 0;\n      transform: translateY(20px);\n      transition:\n        opacity 0.7s cubic-bezier(0.22, 0.7, 0.2, 1),\n        transform 0.7s cubic-bezier(0.22, 0.7, 0.2, 1);\n    }\n\n    .ul-reveal.is-visible {\n      opacity: 1;\n      transform: translateY(0);\n    }\n\n    \/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    @media (max-width: 1080px) {\n      .ul-section-inner,\n      .ul-cta-program-content { padding: 48px 40px; }\n      .ul-hero-section .ul-section-inner { padding: 64px 44px; min-height: 700px; }\n      .ul-hero-section { min-height: 700px; }\n      .ul-hero-quote { padding: 28px 44px; }\n      .ul-final-banner-overlay { padding: 52px 44px; }\n    }\n\n    @media (max-width: 820px) {\n      :root { --gap-section: 20px; }\n\n      .ul-container { padding: 20px 16px 64px; }\n\n      .ul-section-inner,\n      .ul-benefit-banner,\n      .ul-cta-program-content { padding: var(--pad-sm); }\n\n      .ul-grid-2,\n      .ul-grid-2-gap,\n      .ul-accelerators,\n      .ul-cta-program { grid-template-columns: 1fr; }\n\n      .ul-hero-section { min-height: auto; }\n\n      .ul-hero-section .ul-section-inner {\n        grid-template-columns: 1fr;\n        padding: 48px 24px 40px;\n        min-height: auto;\n        gap: 28px;\n        align-items: start;\n      }\n\n      .ul-hero-title { font-size: clamp(40px, 10vw, 64px); }\n      .ul-hero-quote { padding: 24px 28px; }\n\n      .ul-photo-banner { min-height: 210px; }\n      .ul-photo-slide { min-width: 280px; height: 210px; }\n\n      .ul-cta-program-content {\n        border-right: none;\n        border-bottom: var(--border);\n      }\n\n      .ul-cta-program-image img { min-height: 300px; }\n\n      .ul-image-slot { min-height: 300px; }\n\n      .ul-final-banner { min-height: 320px; }\n      .ul-final-banner-overlay { padding: 36px 28px; }\n      .ul-final-banner-copy p { font-size: clamp(22px, 6vw, 36px); }\n\n      .ul-point-box strong { font-size: 44px; }\n      .ul-journey-inner { min-height: auto; padding: var(--pad-sm); }\n    }\n\n    @media (max-width: 480px) {\n      .ul-accelerators { grid-template-columns: 1fr; }\n      .ul-grid-2-gap { gap: 14px; }\n    }\n  <\/style>\n\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <!--  HTML                                                       -->\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <div class=\"ul-container\">\n\n    <!-- HERO -->\n    <section class=\"ul-section ul-hero-section ul-reveal\">\n      <div class=\"ul-section-inner\">\n\n        <div>\n          <span class=\"ul-headline-chip\">Programa de relacionamento<\/span>\n\n          <h1 class=\"ul-hero-title\">\n            Uma nova era<br>de relacionamento.<br>Juntos.\n          <\/h1>\n\n          <p class=\"ul-hero-copy\">\n            O Unilux One \u00e9 o n\u00facleo de aproxima\u00e7\u00e3o e relacionamento da Unilux com arquitetos e designers de interiores.\n          <\/p>\n\n          <div class=\"ul-actions\">\n            <a href=\"https:\/\/www.v2.donuz.co\/unilux.one\" target=\"_blank\" class=\"ul-button\" rel=\"noopener\">Acessar o programa<\/a>\n            <a href=\"#pontuacao\" class=\"ul-button-outline\">Ver pontua\u00e7\u00e3o<\/a>\n          <\/div>\n        <\/div>\n\n        <div class=\"ul-hero-panel\">\n          <span class=\"ul-label-box\">O que voc\u00ea encontra na plataforma<\/span>\n\n          <div class=\"ul-hero-feature\">\n            <div class=\"ul-hero-dot\"><\/div>\n            <div>\n              <strong>Painel de desempenho<\/strong>\n              <span>Visualize seus pontos, campanhas ativas e tenha acesso a benef\u00edcios exclusivos.<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"ul-hero-feature\">\n            <div class=\"ul-hero-dot\"><\/div>\n            <div>\n              <strong>Experi\u00eancias e conte\u00fado<\/strong>\n              <span>Tenha acesso a a\u00e7\u00f5es, ativa\u00e7\u00f5es e materiais que mant\u00eam a marca pr\u00f3xima do seu dia a dia.<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"ul-hero-feature\">\n            <div class=\"ul-hero-dot\"><\/div>\n            <div>\n              <strong>Reconhecimento cont\u00ednuo<\/strong>\n              <span>Cada projeto conta. Cada conex\u00e3o tamb\u00e9m.<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n      <div class=\"ul-hero-quote\">\n        <p>Mais do que um programa. Uma experi\u00eancia cont\u00ednua.<\/p>\n      <\/div>\n    <\/section>\n\n    <!-- BENEFIT \/ ROTATING WORDS -->\n    <section class=\"ul-section ul-section--gold ul-reveal\">\n\n      <div class=\"ul-benefit-banner\">\n        <div class=\"ul-rotating-words\" aria-label=\"Experi\u00eancias, Conte\u00fado t\u00e9cnico, Eventos, Conex\u00f5es com a marca, Reconhecimento\">\n          <div class=\"ul-rotating-track\"><\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"ul-section-inner\">\n        <span class=\"ul-text-highlight\">Simples. Cont\u00ednuo. Conectado ao seu dia a dia.<\/span>\n        <div class=\"ul-copy\" style=\"max-width: 880px; margin-top: 18px;\">\n          <p>Al\u00e9m dos projetos especificados com produtos Unilux, a sua participa\u00e7\u00e3o em a\u00e7\u00f5es de relacionamento promovidas pela marca tamb\u00e9m podem gerar pontos.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"ul-photo-banner\">\n        <div class=\"ul-photo-banner-track\">\n          <div class=\"ul-photo-slide\"><img decoding=\"async\" src=\"https:\/\/unilux.com.br\/wp-content\/uploads\/2026\/04\/fotos-one-09.png\" alt=\"Unilux One 1\"><\/div>\n          <div class=\"ul-photo-slide\"><img decoding=\"async\" src=\"https:\/\/unilux.com.br\/wp-content\/uploads\/2026\/04\/fotos-one-10.png\" alt=\"Unilux One 2\"><\/div>\n          <div class=\"ul-photo-slide\"><img decoding=\"async\" src=\"https:\/\/unilux.com.br\/wp-content\/uploads\/2026\/04\/fotos-one-11.png\" alt=\"Unilux One 3\"><\/div>\n          <div class=\"ul-photo-slide\"><img decoding=\"async\" src=\"https:\/\/unilux.com.br\/wp-content\/uploads\/2026\/04\/unilux-one-final.png\" alt=\"Unilux One 4\"><\/div>\n          <!-- Duplicates for seamless loop -->\n          <div class=\"ul-photo-slide\"><img decoding=\"async\" src=\"https:\/\/unilux.com.br\/wp-content\/uploads\/2026\/04\/fotos-one-09.png\" alt=\"\"><\/div>\n          <div class=\"ul-photo-slide\"><img decoding=\"async\" src=\"https:\/\/unilux.com.br\/wp-content\/uploads\/2026\/04\/fotos-one-10.png\" alt=\"\"><\/div>\n          <div class=\"ul-photo-slide\"><img decoding=\"async\" src=\"https:\/\/unilux.com.br\/wp-content\/uploads\/2026\/04\/fotos-one-11.png\" alt=\"\"><\/div>\n          <div class=\"ul-photo-slide\"><img decoding=\"async\" src=\"https:\/\/unilux.com.br\/wp-content\/uploads\/2026\/04\/unilux-one-final.png\" alt=\"\"><\/div>\n        <\/div>\n      <\/div>\n\n    <\/section>\n\n    <!-- PONTUA\u00c7\u00c3O -->\n    <section class=\"ul-section ul-reveal\" id=\"pontuacao\">\n      <div class=\"ul-section-inner\">\n\n        <div class=\"ul-centered\" style=\"margin-bottom: 32px;\">\n          <span class=\"ul-headline-chip\">Pontua\u00e7\u00e3o<\/span>\n          <h2 class=\"ul-title-md\" style=\"margin-top: 20px; max-width: 640px; margin-left: auto; margin-right: auto;\">\n            Esses pontos refletem sua jornada com a marca e sua participa\u00e7\u00e3o no Unilux One.\n          <\/h2>\n        <\/div>\n\n        <div class=\"ul-grid-2-gap\">\n          <div class=\"ul-table\">\n            <div class=\"ul-table-head\"><div>Interiores<\/div><div style=\"text-align:right;\">Pontos<\/div><\/div>\n            <div class=\"ul-table-row\"><div>Linha Light<\/div><div class=\"ul-score\">0.5<\/div><\/div>\n            <div class=\"ul-table-row\"><div>Cortinas e Persianas<\/div><div class=\"ul-score\">1<\/div><\/div>\n            <div class=\"ul-table-row\"><div>Linhas Premium<\/div><div class=\"ul-score\">1.5<\/div><\/div>\n            <div class=\"ul-table-row\"><div>Cortinas Tradicionais<\/div><div class=\"ul-score\">2<\/div><\/div>\n          <\/div>\n\n          <div class=\"ul-table\">\n            <div class=\"ul-table-head\"><div>Exteriores<\/div><div style=\"text-align:right;\">Pontos<\/div><\/div>\n            <div class=\"ul-table-row\"><div>Toldo<\/div><div class=\"ul-score\">1.5<\/div><\/div>\n            <div class=\"ul-table-row\"><div>Rollo Pro<\/div><div class=\"ul-score\">1<\/div><\/div>\n            <div class=\"ul-table-row\"><div>Rollo Pro Ultra e Max<\/div><div class=\"ul-score\">2.5<\/div><\/div>\n            <div class=\"ul-table-row\"><div>P\u00e9rgolas<\/div><div class=\"ul-score\">2.5<\/div><\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"ul-accelerators\">\n          <div class=\"ul-point-box\">\n            <h3>Aceleradores de pontua\u00e7\u00e3o<\/h3>\n            <strong>+50%<\/strong>\n            <p>Motoriza\u00e7\u00e3o nas linhas de interiores, toldos e Rollo Pro.<\/p>\n          <\/div>\n          <div class=\"ul-point-box\">\n            <h3>Especifica\u00e7\u00e3o<\/h3>\n            <strong>\u00d72<\/strong>\n            <p>Campanhas e a\u00e7\u00f5es oficialmente definidas pelo Unilux One podem ampliar a pontua\u00e7\u00e3o.<\/p>\n          <\/div>\n        <\/div>\n\n        <p class=\"ul-note\">\n          A pontua\u00e7\u00e3o ser\u00e1 creditada no extrato em at\u00e9 30 dias ap\u00f3s a efetiva\u00e7\u00e3o do pedido. Os aceleradores se aplicam conforme regras vigentes do programa.\n        <\/p>\n\n      <\/div>\n    <\/section>\n\n    <!-- CTA \u2014 CADASTRE-SE -->\n    <section class=\"ul-section ul-reveal\">\n      <div class=\"ul-cta-program\">\n\n        <div class=\"ul-cta-program-content\">\n          <span class=\"ul-text-highlight\">Cadastre-se<\/span>\n\n          <h2 class=\"ul-cta-program-title\">Fa\u00e7a parte do<\/h2>\n\n          <div class=\"ul-cta-logo-slot\">\n            <img decoding=\"async\" src=\"https:\/\/unilux.com.br\/wp-content\/uploads\/2026\/04\/logo-unilux-one.png\" alt=\"Unilux One\"\n              onerror=\"this.style.display='none'; this.nextElementSibling.style.display='block';\">\n            <div class=\"ul-cta-logo-fallback\" style=\"display:none;\">Unilux One<\/div>\n          <\/div>\n\n          <div class=\"ul-copy\" style=\"max-width: 520px;\">\n            <p>Se voc\u00ea est\u00e1 recebendo este material, sua revenda j\u00e1 \u00e9 credenciada ao programa.<\/p>\n            <p><strong>Cadastre-se e comece a fazer parte do nosso n\u00facleo de aproxima\u00e7\u00e3o.<\/strong><\/p>\n          <\/div>\n\n          <div class=\"ul-actions\">\n            <a href=\"https:\/\/www.v2.donuz.co\/unilux.one\" target=\"_blank\" class=\"ul-button\" rel=\"noopener\">Acesse o programa<\/a>\n          <\/div>\n        <\/div>\n\n        <div class=\"ul-cta-program-image\">\n          <img decoding=\"async\" src=\"https:\/\/unilux.com.br\/wp-content\/uploads\/2026\/04\/fotos-one-10.png\" alt=\"Imagem Unilux One\">\n        <\/div>\n\n      <\/div>\n    <\/section>\n\n<section class=\"ul-section ul-reveal\">\n  <div class=\"ul-video-section\">\n\n    <div class=\"ul-video-wrapper\">\n      <iframe \n        src=\"https:\/\/www.youtube.com\/embed\/xdzgOxlWNuc?autoplay=0&#038;rel=0&#038;modestbranding=1\"\n        title=\"Unilux One Video\"\n        frameborder=\"0\"\n        allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n        allowfullscreen>\n      <\/iframe>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n    <!-- SUA JORNADA J\u00c1 COME\u00c7OU -->\n    <section class=\"ul-section ul-reveal\">\n      <div class=\"ul-grid-2\">\n\n        <div class=\"ul-image-slot\">\n          <div class=\"ul-image-fill\">\n            <img decoding=\"async\" src=\"https:\/\/unilux.com.br\/wp-content\/uploads\/2026\/04\/fotos-one-11.png\" alt=\"Imagem Unilux One 3\">\n          <\/div>\n        <\/div>\n\n        <div class=\"ul-journey-inner ul-section-inner\">\n          <span class=\"ul-text-highlight\">Sua jornada j\u00e1 come\u00e7ou!<\/span>\n          <div class=\"ul-copy\">\n            <p>Todos os projetos especificados com produtos Unilux geram pontos dentro do programa.<\/p>\n            <p><strong><\/strong><\/p>\n          <\/div>\n          <div class=\"ul-actions\">\n            <a href=\"https:\/\/youtu.be\/tUbdKOF6YU0?si=8ErCM1fOeO3n4g2F\" target=\"_blank\" class=\"ul-button\" rel=\"noopener\">Saiba Mais<\/a>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/section>\n\n    <!-- FINAL BANNER \u2014 PREPARE-SE -->\n    <section class=\"ul-section ul-final-banner ul-reveal\">\n    <div class=\"ul-final-banner-video\">\n  <video autoplay muted loop playsinline>\n    <source src=\"https:\/\/unilux.com.br\/wp-content\/uploads\/2026\/04\/STATEMENT-UNILUX-ONE_Conceito.mp4\" type=\"video\/mp4\">\n  <\/video>\n<\/div>\n\n      <div class=\"ul-final-banner-overlay\">\n        <span class=\"ul-text-highlight\" style=\"background: rgba(185,171,138,0.90);\">Prepare-se<\/span>\n      <div class=\"ul-final-banner-copy\">\n  <p>Em breve, o destino da nossa primeira experi\u00eancia ser\u00e1 revelado. Continue se conectando com a Unilux e acompanhe as novidades.<\/p>\n\n  <div class=\"ul-final-actions\">\n    <a href=\"https:\/\/www.instagram.com\/uniluxpersianas\/\" target=\"_blank\" rel=\"noopener\" class=\"ul-button ul-button-instagram\">\n      \n      <!-- \u00cdcone Instagram (SVG branco) -->\n      <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\">\n        <path fill=\"white\" d=\"M7 2C4.24 2 2 4.24 2 7v10c0 2.76 2.24 5 5 5h10c2.76 0 5-2.24 5-5V7c0-2.76-2.24-5-5-5H7zm0 2h10c1.66 0 3 1.34 3 3v10c0 1.66-1.34 3-3 3H7c-1.66 0-3-1.34-3-3V7c0-1.66 1.34-3 3-3zm5 3.5A5.5 5.5 0 1 0 17.5 13 5.5 5.5 0 0 0 12 7.5zm0 2A3.5 3.5 0 1 1 8.5 13 3.5 3.5 0 0 1 12 9.5zm4.75-3.25a1.25 1.25 0 1 0 1.25 1.25 1.25 1.25 0 0 0-1.25-1.25z\"\/>\n      <\/svg>\n\n      Instagram\n    <\/a>\n  <\/div>\n<\/div>\n      <\/div>\n    <\/section>\n\n  <\/div><!-- \/ul-container -->\n\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <!--  SCRIPTS                                                    -->\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <script>\n    document.addEventListener(\"DOMContentLoaded\", function () {\n\n      \/* \u2500\u2500 SCROLL REVEAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n      const revealEls = document.querySelectorAll(\".unilux-landing .ul-reveal\");\n\n      if (\"IntersectionObserver\" in window) {\n        const revealObserver = new IntersectionObserver(function (entries) {\n          entries.forEach(function (entry) {\n            if (entry.isIntersecting) {\n              entry.target.classList.add(\"is-visible\");\n              revealObserver.unobserve(entry.target);\n            }\n          });\n        }, { threshold: 0.08 });\n\n        revealEls.forEach(function (el, i) {\n          \/* Hero visible immediately; stagger others slightly *\/\n          if (i === 0) {\n            setTimeout(function () { el.classList.add(\"is-visible\"); }, 80);\n          } else {\n            revealObserver.observe(el);\n          }\n        });\n      } else {\n        \/* Fallback: show all immediately *\/\n        revealEls.forEach(function (el) { el.classList.add(\"is-visible\"); });\n      }\n\n      \/* \u2500\u2500 ROTATING WORDS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n      const rotating = document.querySelector(\".ul-rotating-words\");\n      const track = rotating ? rotating.querySelector(\".ul-rotating-track\") : null;\n      if (!rotating || !track) return;\n\n      const words = [\n        \"Experi\u00eancias\",\n        \"Conte\u00fado t\u00e9cnico\",\n        \"Eventos\",\n        \"Conex\u00f5es com a marca\",\n        \"Reconhecimento\"\n      ];\n\n      const slots = [\n        { cls: \"is-far-top\",    y: -78 },\n        { cls: \"is-near-top\",   y: -40 },\n        { cls: \"is-front\",      y:   0 },\n        { cls: \"is-near-bottom\",y:  40 },\n        { cls: \"is-far-bottom\", y:  78 }\n      ];\n\n      const hiddenTopY      = -118;\n      const stepDuration    = 2600;\n      const transitionDuration = 950;\n\n      let currentIndex = 0;\n      let timer = null;\n      let animating = false;\n\n      function normalizedIndex(index) {\n        return (index + words.length) % words.length;\n      }\n\n      function createWord(text, cls, y) {\n        const el = document.createElement(\"span\");\n        el.className = \"ul-rotating-word \" + cls;\n        el.textContent = text;\n        el.dataset.y = String(y);\n        return el;\n      }\n\n      function renderInitial() {\n        track.innerHTML = \"\";\n        for (let i = 0; i < slots.length; i++) {\n          const offset = i - 2;\n          const word = words[normalizedIndex(currentIndex + offset)];\n          track.appendChild(createWord(word, slots[i].cls, slots[i].y));\n        }\n      }\n\n      function animateStep() {\n        if (animating) return;\n        animating = true;\n\n        const existing = Array.from(track.querySelectorAll(\".ul-rotating-word\"));\n        if (existing.length !== 5) renderInitial();\n\n        const newTopWord = words[normalizedIndex(currentIndex - 3)];\n        const incomingTop = createWord(newTopWord, \"is-hidden-top\", hiddenTopY);\n        track.appendChild(incomingTop);\n\n        requestAnimationFrame(function () {\n          requestAnimationFrame(function () {\n            const items = Array.from(track.querySelectorAll(\".ul-rotating-word\"));\n\n            items.forEach(function (item) {\n              const y = Number(item.dataset.y || 0);\n              const newY = y + 38;\n              let newClass = \"\";\n\n              if      (newY <= -118) newClass = \"is-hidden-top\";\n              else if (newY < -58)   newClass = \"is-far-top\";\n              else if (newY < -18)   newClass = \"is-near-top\";\n              else if (newY < 20)    newClass = \"is-front\";\n              else if (newY < 58)    newClass = \"is-near-bottom\";\n              else if (newY < 98)    newClass = \"is-far-bottom\";\n              else                   newClass = \"is-hidden-bottom\";\n\n              item.className = \"ul-rotating-word \" + newClass;\n              item.dataset.y = String(newY);\n            });\n\n            setTimeout(function () {\n              const cleanupItems = Array.from(track.querySelectorAll(\".ul-rotating-word\"));\n              cleanupItems.forEach(function (item) {\n                const y = Number(item.dataset.y || 0);\n                if (y > 100 || y < -120) item.remove();\n              });\n\n              currentIndex = normalizedIndex(currentIndex - 1);\n\n              const finalItems = Array.from(track.querySelectorAll(\".ul-rotating-word\"));\n              finalItems.sort(function (a, b) {\n                return Number(a.dataset.y) - Number(b.dataset.y);\n              });\n\n              finalItems.forEach(function (item, index) {\n                if (slots[index]) {\n                  item.className = \"ul-rotating-word \" + slots[index].cls;\n                  item.dataset.y = String(slots[index].y);\n                }\n              });\n\n              animating = false;\n            }, transitionDuration);\n          });\n        });\n      }\n\n      function startRotation() {\n        if (timer) clearInterval(timer);\n        timer = setInterval(animateStep, stepDuration);\n      }\n\n      renderInitial();\n      startRotation();\n\n      rotating.addEventListener(\"mouseenter\", function () {\n        if (timer) clearInterval(timer);\n      });\n\n      rotating.addEventListener(\"mouseleave\", function () {\n        startRotation();\n      });\n\n    });\n  <\/script>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Programa de relacionamento Uma nova erade relacionamento.Juntos. O Unilux One \u00e9 o n\u00facleo de aproxima\u00e7\u00e3o e relacionamento da Unilux com arquitetos e designers de interiores. Acessar o programa Ver pontua\u00e7\u00e3o O que voc\u00ea encontra na plataforma Painel de desempenho Visualize seus pontos, campanhas ativas e tenha acesso a benef\u00edcios exclusivos.&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"..\/public\/views\/revslider-page-template.php","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/unilux.com.br\/index.php\/wp-json\/wp\/v2\/pages\/11163"}],"collection":[{"href":"https:\/\/unilux.com.br\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/unilux.com.br\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/unilux.com.br\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/unilux.com.br\/index.php\/wp-json\/wp\/v2\/comments?post=11163"}],"version-history":[{"count":146,"href":"https:\/\/unilux.com.br\/index.php\/wp-json\/wp\/v2\/pages\/11163\/revisions"}],"predecessor-version":[{"id":11354,"href":"https:\/\/unilux.com.br\/index.php\/wp-json\/wp\/v2\/pages\/11163\/revisions\/11354"}],"wp:attachment":[{"href":"https:\/\/unilux.com.br\/index.php\/wp-json\/wp\/v2\/media?parent=11163"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}