/* ORQUESTRA / ELEVA+ — HML ONLY Release: ORQUESTRA_SITE_HML_CONHECA_SECAO01_AFFECTIVE_LIGHTFLOW_1.0.4 Scope: /conheca/ #secao-01 visual + deep-link hydration persistence guard only. */ /* Deep-link first-paint guard. Installed in before body parsing. Prevents the canonical visit-entry placeholder from painting over #secao-01 while Vinext/React hydration reconciles the DOM. */ html.orq-sec01-deeplink .visit-entry{display:none!important} html.orq-sec01-deeplink #conteudo-principal, html.orq-sec01-deeplink #conteudo-da-pagina, html.orq-sec01-deeplink main{background-color:var(--orq-house-cream,#f4eadb)} :root{ --orq-house-cream:#f4eadb; --orq-house-blue:#073a69; --orq-house-gold:#b98550; } .orq-final-shell[data-orq-stop-index="0"] .stop-content, .immersive-stop.house .stop-content{ position:relative; isolation:isolate; min-height:clamp(620px,70vh,820px); overflow:hidden; border-radius:0; background-color:var(--orq-house-cream); background-image:url('/assets/conheca/affective-house-flow-v1.0.4/eleva-casa-afeto-lightflow-v1.0.4.webp'); background-size:cover; background-position:center center; box-shadow:none; } .orq-final-shell[data-orq-stop-index="0"] .stop-content::before, .immersive-stop.house .stop-content::before{ content:""; position:absolute;z-index:0;inset:-1px;pointer-events:none; background: linear-gradient(90deg, rgba(246,237,222,1) 0%, rgba(246,237,222,.995) 31%, rgba(246,237,222,.97) 39%, rgba(246,237,222,.84) 47%, rgba(246,237,222,.48) 56%, rgba(246,237,222,.12) 68%, rgba(246,237,222,0) 78%), linear-gradient(180deg,rgba(255,250,241,.12),rgba(95,57,26,.03)); } .orq-final-shell[data-orq-stop-index="0"] .stop-content > *, .immersive-stop.house .stop-content > *{position:relative;z-index:3} .orq-final-shell[data-orq-stop-index="0"] .stop-copy, .immersive-stop.house .stop-copy{ width:min(47%,650px);min-height:inherit;display:flex;flex-direction:column; justify-content:center;padding:clamp(48px,6vw,94px) clamp(28px,5vw,78px);box-sizing:border-box } .orq-final-shell[data-orq-stop-index="0"] .stop-copy .eyebrow, .immersive-stop.house .stop-copy .eyebrow{color:#986d43;letter-spacing:.20em;font-weight:700} .orq-final-shell[data-orq-stop-index="0"] .stop-copy h1, .immersive-stop.house .stop-copy h1{ max-width:12ch;margin:.18em 0 .34em;color:var(--orq-house-blue); font-family:var(--font-lora,Georgia,'Times New Roman',serif);font-weight:500; font-size:clamp(42px,4.8vw,76px);line-height:.98;letter-spacing:-.035em;text-wrap:balance } .orq-final-shell[data-orq-stop-index="0"] .stop-copy .stop-number, .immersive-stop.house .stop-copy .stop-number{ position:absolute;top:clamp(36px,5vw,72px);right:5%;color:rgba(167,116,70,.54); font-family:var(--font-lora,Georgia,serif);font-size:clamp(34px,4vw,62px);line-height:1 } .orq-final-shell[data-orq-stop-index="0"] .stop-copy .stop-text, .immersive-stop.house .stop-copy .stop-text{ max-width:52ch;margin:0;color:#526b82;font-size:clamp(15px,1.15vw,18px);line-height:1.62 } /* Remove the “pasted card” sensation: evidence becomes open narrative. */ .orq-final-shell[data-orq-stop-index="0"] .stop-copy .evidence, .immersive-stop.house .stop-copy .evidence{ position:relative;margin:clamp(22px,3vh,34px) 0 0;padding:4px 0 4px 46px; border:0!important;border-radius:0!important;background:transparent!important; box-shadow:none!important;max-width:50ch } .orq-final-shell[data-orq-stop-index="0"] .stop-copy .evidence::before, .immersive-stop.house .stop-copy .evidence::before{ content:"♡";position:absolute;left:0;top:50%;transform:translateY(-50%); width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(185,133,80,.55); border-radius:50%;color:#a97546;font:22px/1 Georgia,serif;background:rgba(255,248,236,.48); box-shadow:0 0 24px rgba(255,222,155,.28) } .orq-final-shell[data-orq-stop-index="0"] .stop-copy .evidence::after, .immersive-stop.house .stop-copy .evidence::after{ content:"";position:absolute;left:17px;top:-16px;width:min(34vw,430px);height:1px; background:linear-gradient(90deg,rgba(185,133,80,.48),rgba(255,239,193,0)) } .orq-final-shell[data-orq-stop-index="0"] .stop-copy .evidence small, .immersive-stop.house .stop-copy .evidence small{ display:block;margin-bottom:7px;color:#8b745f;letter-spacing:.15em;font-size:9px;font-weight:700 } .orq-final-shell[data-orq-stop-index="0"] .stop-copy .evidence strong, .immersive-stop.house .stop-copy .evidence strong{ color:#173a58;font-family:var(--font-lora,Georgia,serif);font-weight:500; font-size:clamp(15px,1.18vw,18px);line-height:1.48 } .orq-final-shell[data-orq-stop-index="0"] .stop-copy .deep-link, .immersive-stop.house .stop-copy .deep-link{margin:clamp(19px,2.5vh,28px) 0 0;color:#2c6b8a;font-size:12px;line-height:1.5} .orq-final-shell[data-orq-stop-index="0"] .stop-copy .deep-link small, .immersive-stop.house .stop-copy .deep-link small{ display:block;color:#92745a;margin-bottom:4px;letter-spacing:.15em;font-size:8px;font-weight:700 } .orq-final-shell[data-orq-stop-index="0"] .stop-actions, .immersive-stop.house .stop-actions{margin-top:22px;display:flex;gap:10px;flex-wrap:wrap} .orq-final-shell[data-orq-stop-index="0"] .stop-actions .primary, .immersive-stop.house .stop-actions .primary{border-radius:999px;box-shadow:0 10px 28px rgba(7,58,105,.15)} /* Animated current of light. */ .orq-house-lightflow-v1{ position:absolute!important;z-index:2!important;inset:0;width:100%;height:100%; pointer-events:none;overflow:visible;opacity:.92;mix-blend-mode:screen } .orq-house-lightflow-v1 .orq-stream-base{ fill:none;stroke:rgba(255,235,179,.34);stroke-width:1.5;vector-effect:non-scaling-stroke; filter:url(#orq-house-soft-glow-v1) } .orq-house-lightflow-v1 .orq-stream-current{ fill:none;stroke:rgba(255,248,217,.98);stroke-width:2.4;stroke-linecap:round; stroke-dasharray:1 20;vector-effect:non-scaling-stroke;filter:url(#orq-house-strong-glow-v1); animation:orq-house-current-v1 var(--orq-flow-duration,10s) linear infinite } .orq-house-lightflow-v1 .current-b{--orq-flow-duration:13s;animation-delay:-4s} .orq-house-lightflow-v1 .current-c{--orq-flow-duration:15s;animation-delay:-7s} @keyframes orq-house-current-v1{to{stroke-dashoffset:-210}} @media(max-width:980px){ .orq-final-shell[data-orq-stop-index="0"] .stop-content,.immersive-stop.house .stop-content{min-height:760px;background-position:64% center} .orq-final-shell[data-orq-stop-index="0"] .stop-content::before,.immersive-stop.house .stop-content::before{ background:linear-gradient(180deg,rgba(246,237,222,1) 0%,rgba(246,237,222,.99) 39%,rgba(246,237,222,.88) 52%,rgba(246,237,222,.38) 68%,rgba(246,237,222,.08) 100%) } .orq-final-shell[data-orq-stop-index="0"] .stop-copy,.immersive-stop.house .stop-copy{width:100%;min-height:auto;padding:42px 28px 330px} .orq-final-shell[data-orq-stop-index="0"] .stop-copy h1,.immersive-stop.house .stop-copy h1{max-width:13ch;font-size:clamp(40px,9vw,62px)} } @media(max-width:560px){ .orq-final-shell[data-orq-stop-index="0"] .stop-content,.immersive-stop.house .stop-content{min-height:820px;background-position:70% bottom} .orq-final-shell[data-orq-stop-index="0"] .stop-copy,.immersive-stop.house .stop-copy{padding:34px 20px 300px} .orq-final-shell[data-orq-stop-index="0"] .stop-copy h1,.immersive-stop.house .stop-copy h1{font-size:clamp(38px,12vw,52px)} .orq-house-lightflow-v1{opacity:.72} } @media(prefers-reduced-motion:reduce){ .orq-house-lightflow-v1 .orq-stream-current{animation:none!important} }