/* Lis Avancini — site (página montada no Elementor Pro, tema filho do Hello Elementor).

   Como este arquivo conversa com o Elementor
   - A página é feita de contêineres e widgets nativos (título, editor de texto, botão, imagem, HTML).
     Os textos, links e imagens são editados no Elementor; o desenho (posição, tamanhos, animações) vem daqui.
   - Cada contêiner/widget recebe uma classe ls-* (aba Avançado > Classes CSS). É por ela que este arquivo o encontra.
   - Este arquivo só é carregado nas páginas marcadas com o campo personalizado _lis_site (ver functions.php),
     que também ganham a classe ls-page no <body>.

   Onde mexer
   - Cores e fontes: variáveis --ls-* logo abaixo (o prefixo evita choque com as variáveis do próprio Elementor).
   - Posição dos textos da abertura (desktop): --ls-copy-top e --ls-copy-inset, perto do fim.
   - Intensidade do efeito "nuvem" dos textos: --ls-cloud na regra .ls-copy (0px desliga).
   - Pontos de quebra: 767px (celular) e 1024px (tablet), os mesmos do Elementor.
*/

/* ---------- Elementor: neutraliza o layout padrão ----------
   Contêineres com classe (ou id) ls-*: zera espaçamentos e volta para "bloco"; o layout vem da classe ls-*.
   Contêineres sem classe ls-* (seções novas criadas no Elementor) ficam como o Elementor os desenha.
   Só variáveis do Elementor são alteradas aqui, então os controles do painel continuam inofensivos. */
body.ls-page.ls-page.ls-page .elementor .e-con:where([class*=" ls-"],[id^="ls-"]){--display:block;--width:auto;--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;--gap:0px;--row-gap:0px;--column-gap:0px;--flex-direction:row;--flex-wrap:nowrap;--text-align:inherit;min-width:auto}
/* Widgets dentro dos blocos do site: o texto herda a tipografia da classe ls-* do próprio widget, e não as cores/fontes globais do kit. */
body.ls-page.ls-page.ls-page :where(.ls-header,.ls-stage,.ls-section,.ls-footer,.ls-block) .elementor-widget-heading .elementor-heading-title{font:inherit;line-height:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit}
body.ls-page.ls-page.ls-page :where(.ls-header,.ls-stage,.ls-section,.ls-footer,.ls-block) .elementor-widget-text-editor{font-family:inherit;font-weight:inherit;color:inherit}
body.ls-page.ls-page.ls-page :where(.ls-header,.ls-stage,.ls-section,.ls-footer,.ls-block) .elementor-widget-button .elementor-button{background:none;fill:currentColor;font:inherit;line-height:inherit;padding:0;border-radius:0;text-align:inherit;transition:none}
body.ls-page.ls-page.ls-page :where(.ls-header,.ls-stage,.ls-section,.ls-footer,.ls-block) .elementor-widget-button .elementor-button,body.ls-page.ls-page.ls-page :where(.ls-header,.ls-stage,.ls-section,.ls-footer,.ls-block) .elementor-widget-button .elementor-button:hover,body.ls-page.ls-page.ls-page :where(.ls-header,.ls-stage,.ls-section,.ls-footer,.ls-block) .elementor-widget-button .elementor-button:focus,body.ls-page.ls-page.ls-page :where(.ls-header,.ls-stage,.ls-section,.ls-footer,.ls-block) .elementor-widget-button .elementor-button:visited{color:inherit}
body.ls-page.ls-page.ls-page :where(.ls-header,.ls-stage,.ls-section,.ls-footer,.ls-block) .elementor-button-content-wrapper{display:contents}
body.ls-page.ls-page.ls-page :where(.ls-header,.ls-stage,.ls-section,.ls-footer,.ls-block) .elementor-button-text{display:inline}
body.ls-page.ls-page.ls-page :where(.ls-header,.ls-stage,.ls-section,.ls-footer,.ls-block) .elementor-widget-image{text-align:inherit}
body.ls-page.ls-page.ls-page :where(.ls-header,.ls-stage,.ls-section,.ls-footer,.ls-block) .elementor-widget-image a,body.ls-page.ls-page.ls-page :where(.ls-header,.ls-stage,.ls-section,.ls-footer,.ls-block) .elementor-widget-image img{display:block}
/* Widgets HTML "de máquina" (vídeo, controles): sem caixa própria, o conteúdo se comporta como filho direto do palco. */
body.ls-page.ls-page.ls-page .ls-machine{display:contents}

/* ---------- Site ---------- */
body.ls-page.ls-page.ls-page{--ls-ink:#102428;--ls-deep:#0b181c;--ls-paper:#eee9df;--ls-sand:#e6cfab;--ls-muted:#bac6c3;--ls-line:rgba(232,221,202,.2);--ls-display:'Poiret One',sans-serif;--ls-body:'Poppins',sans-serif;--ls-label:'Blinker',sans-serif;--ls-pad:clamp(24px,5.8vw,112px);--ls-ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:95px}
body.ls-page.ls-page.ls-page{margin:0;background:var(--ls-deep);color:var(--ls-paper);font:400 16px/1.75 var(--ls-body);-webkit-font-smoothing:antialiased}
body.ls-page.ls-page.ls-page :where(.ls-header,.ls-stage,.ls-section,.ls-footer,.ls-block) h1,body.ls-page.ls-page.ls-page :where(.ls-header,.ls-stage,.ls-section,.ls-footer,.ls-block) h2,body.ls-page.ls-page.ls-page :where(.ls-header,.ls-stage,.ls-section,.ls-footer,.ls-block) h3,body.ls-page.ls-page.ls-page :where(.ls-header,.ls-stage,.ls-section,.ls-footer,.ls-block) p{margin:0}
body.ls-page.ls-page.ls-page .ls-title{font-family:var(--ls-display);font-weight:400;line-height:1.06;letter-spacing:-.045em}
body.ls-page.ls-page.ls-page .ls-title{font-size:clamp(48px,5.7vw,88px)}
body.ls-page.ls-page.ls-page :where(.ls-header,.ls-stage,.ls-section,.ls-footer,.ls-block) a{color:inherit;text-decoration:none}
body.ls-page.ls-page.ls-page :where(.ls-header,.ls-stage,.ls-section,.ls-footer,.ls-block) button{font:inherit;color:inherit;cursor:pointer}
body.ls-page.ls-page.ls-page :where(.ls-header,.ls-stage,.ls-section,.ls-footer,.ls-block) button,body.ls-page.ls-page.ls-page :where(.ls-header,.ls-stage,.ls-section,.ls-footer,.ls-block) a{-webkit-tap-highlight-color:transparent}
body.ls-page.ls-page.ls-page :where(.ls-header,.ls-stage,.ls-section,.ls-footer,.ls-block) button:focus-visible,body.ls-page.ls-page.ls-page :where(.ls-header,.ls-stage,.ls-section,.ls-footer,.ls-block) a:focus-visible,body.ls-page.ls-page.ls-page :where(.ls-header,.ls-stage,.ls-section,.ls-footer,.ls-block) summary:focus-visible{outline:2px solid var(--ls-sand);outline-offset:7px}
body.ls-page.ls-page.ls-page :where(.ls-header,.ls-stage,.ls-section,.ls-footer,.ls-block) button{border:0}
body.ls-page.ls-page.ls-page :where(.ls-header,.ls-stage,.ls-section,.ls-footer,.ls-block) img{display:block;max-width:100%}
body.ls-page.ls-page.ls-page :where(.ls-header,.ls-stage,.ls-section,.ls-footer,.ls-block) svg{display:block}
body.ls-page.ls-page.ls-page ::selection{color:var(--ls-ink);background:var(--ls-sand)}
body.ls-page.ls-page.ls-page [hidden]{display:none!important}
body.ls-page.ls-page.ls-page .ls-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
body.ls-page.ls-page.ls-page .ls-skip{position:fixed;top:10px;left:20px;z-index:100;background:var(--ls-paper);color:var(--ls-ink);padding:12px 20px;transform:translateY(-160%)}
body.ls-page.ls-page.ls-page .ls-skip:focus{transform:none}
body.ls-page.ls-page.ls-page .ls-eyebrow{font:400 12px/1.5 var(--ls-label);letter-spacing:.32em;color:var(--ls-sand);text-transform:uppercase}
body.ls-page.ls-page.ls-page .ls-eyebrow .elementor-heading-title{margin-bottom:25px}
body.ls-page.ls-page.ls-page .ls-header{position:fixed;inset:0 0 auto;height:100px;z-index:30;padding:0 var(--ls-pad);display:flex;align-items:center;gap:36px;border-bottom:1px solid rgba(238,233,223,.13);transition:background .35s var(--ls-ease),border-color .35s}
body.ls-page.ls-page.ls-page .ls-header.scrolled{background:rgba(11,24,28,.96);border-color:var(--ls-line)}
body.ls-page.ls-page.ls-page .ls-wordmark{font:400 27px/1.1 var(--ls-display);letter-spacing:.015em;white-space:nowrap}
body.ls-page.ls-page.ls-page .ls-tagline{display:block;font:400 9px var(--ls-label);letter-spacing:.44em;margin-top:7px;color:var(--ls-sand)}
body.ls-page.ls-page.ls-page .ls-desktop-nav{display:flex;gap:35px;margin-left:auto;font:400 13px var(--ls-body)}
body.ls-page.ls-page.ls-page .ls-desktop-nav .ls-link a{color:#e4e5dc;transition:color .2s}
body.ls-page.ls-page.ls-page .ls-desktop-nav .ls-link a:hover{color:var(--ls-sand)}
body.ls-page.ls-page.ls-page .ls-header-listen{margin-left:22px}
body.ls-page.ls-page.ls-page .ls-header-listen .elementor-button{display:flex;align-items:center;gap:9px;border:1px solid var(--ls-line);padding:11px 19px;border-radius:99px;font-size:12px;background:rgba(11,24,28,.18)}
body.ls-page.ls-page.ls-page .ls-header-listen .elementor-button::before{width:16px;height:16px}
body.ls-page.ls-page.ls-page .ls-mobile-menu{display:none}
body.ls-page.ls-page.ls-page .ls-stage{height:100svh;min-height:600px}
body.ls-page.ls-page.ls-page .ls-stage{position:relative;overflow:hidden;background:var(--ls-deep)}
body.ls-page.ls-page.ls-page .ls-visual{position:absolute;inset:0;overflow:hidden}
body.ls-page.ls-page.ls-page .ls-visual video,body.ls-page.ls-page.ls-page .ls-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% center}
body.ls-page.ls-page.ls-page .ls-visual video{opacity:0;transition:opacity .6s var(--ls-ease)}
body.ls-page.ls-page.ls-page .ls-stage.video-ready:not(.is-static) video{opacity:1}
body.ls-page.ls-page.ls-page .ls-poster{transition:opacity .5s var(--ls-ease)}
body.ls-page.ls-page.ls-page .ls-stage.video-ready:not(.is-static) .ls-poster{opacity:0}
body.ls-page.ls-page.ls-page .ls-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(6,15,18,.81),rgba(6,15,18,.48) 31%,rgba(6,15,18,.05) 61%),linear-gradient(0deg,rgba(5,14,17,.78),transparent 23%,transparent 70%,rgba(5,14,17,.48))}
body.ls-page.ls-page.ls-page .ls-stage[data-side="right"] .ls-shade{background:linear-gradient(270deg,rgba(6,15,18,.8),rgba(6,15,18,.46) 34%,rgba(6,15,18,.03) 69%),linear-gradient(0deg,rgba(5,14,17,.78),transparent 23%,transparent 70%,rgba(5,14,17,.48))}
body.ls-page.ls-page.ls-page .ls-frame-top{position:absolute;top:129px;left:var(--ls-pad);right:var(--ls-pad);display:flex;justify-content:space-between;font:400 10px var(--ls-label);letter-spacing:.24em;color:rgba(239,231,215,.6)}
body.ls-page.ls-page.ls-page .ls-scene{position:absolute;inset:0;pointer-events:none;visibility:hidden}
body.ls-page.ls-page.ls-page .ls-scene.active{visibility:visible;pointer-events:auto}
body.ls-page.ls-page.ls-page .ls-scene.leaving{visibility:visible}
body.ls-page.ls-page.ls-page .ls-copy{position:absolute;left:var(--ls-pad);top:50%;transform:translateY(-42%);max-width:610px;width:43%;text-align:left}
body.ls-page.ls-page.ls-page .ls-scene[data-side="right"] .ls-copy{left:56%;width:38%;max-width:530px}
body.ls-page.ls-page.ls-page .ls-copy .ls-title.ls-title-xl{font-size:clamp(85px,8.7vw,145px);letter-spacing:-.055em;line-height:.91}
body.ls-page.ls-page.ls-page .ls-copy .ls-title{font-size:clamp(53px,5.8vw,95px);line-height:1.03}
body.ls-page.ls-page.ls-page .ls-copy .ls-description{font-size:clamp(14px,1.15vw,17px);line-height:1.85;margin-top:29px;color:#eee9df}
body.ls-page.ls-page.ls-page .ls-copy .ls-description p{max-width:36ch}
body.ls-page.ls-page.ls-page .ls-scene-link{color:var(--ls-sand)}
body.ls-page.ls-page.ls-page .ls-scene-link .elementor-button{display:inline-flex;align-items:center;gap:27px;font-size:12px;padding:10px 0;border-bottom:1px solid rgba(230,207,171,.45);margin-top:25px}
body.ls-page.ls-page.ls-page .ls-scene-link .elementor-button::after{font-size:21px;font-family:Arial,sans-serif;line-height:1}
body.ls-page.ls-page.ls-page .ls-copy{--ls-cloud:26px;filter:blur(var(--ls-cloud));transition:filter .45s var(--ls-ease)}
body.ls-page.ls-page.ls-page .active .ls-copy,body.ls-page.ls-page.ls-page .leaving .ls-copy{will-change:filter}
body.ls-page.ls-page.ls-page .active .ls-copy{filter:blur(0);transition:filter 1.9s cubic-bezier(.3,.6,.25,1)}
body.ls-page.ls-page.ls-page .ls-copy>*{opacity:0;transform:translate3d(0,14px,0);transition:opacity .45s var(--ls-ease),transform .45s var(--ls-ease)}
body.ls-page.ls-page.ls-page .active .ls-copy>*{opacity:1;transform:translate3d(0,0,0);transition-duration:1.6s,1.9s;transition-timing-function:cubic-bezier(.3,.6,.25,1);transition-delay:0s}
body.ls-page.ls-page.ls-page .active .ls-copy .ls-title{transition-delay:.14s}
body.ls-page.ls-page.ls-page .active .ls-copy .ls-description{transition-delay:.32s}
body.ls-page.ls-page.ls-page .active .ls-copy .ls-scene-link{transition-delay:.48s}
body.ls-page.ls-page.ls-page .ls-stage.is-intro .ls-copy{filter:blur(var(--ls-cloud))}
body.ls-page.ls-page.ls-page .ls-stage.is-intro .ls-copy>*{opacity:0}
body.ls-page.ls-page.ls-page .ls-story-bottom{position:absolute;inset:auto var(--ls-pad) 25px;display:flex;align-items:center;justify-content:space-between;gap:24px;z-index:8}
body.ls-page.ls-page.ls-page .ls-scroll-cue{display:flex;align-items:center;gap:13px;background:none;font:400 10px/1.4 var(--ls-label);letter-spacing:.17em;min-height:44px;padding:0;text-align:left}
body.ls-page.ls-page.ls-page .ls-scroll-icon{width:17px;height:27px;border:1px solid rgba(238,233,223,.65);border-radius:12px;display:block;position:relative}
body.ls-page.ls-page.ls-page .ls-scroll-icon::after{content:'';position:absolute;left:7px;top:6px;width:1px;height:7px;background:var(--ls-sand)}
body.ls-page.ls-page.ls-page .ls-scene-nav{display:flex;gap:8px}
body.ls-page.ls-page.ls-page .ls-scene-nav button{position:relative;background:none;font:400 12px var(--ls-label);letter-spacing:.08em;color:rgba(238,233,223,.52);height:44px;min-width:34px;padding:10px}
body.ls-page.ls-page.ls-page .ls-scene-nav button::after{content:'';position:absolute;bottom:2px;left:9px;right:9px;height:1px;background:var(--ls-sand);transform:scaleX(0);transition:transform .3s var(--ls-ease)}
body.ls-page.ls-page.ls-page .ls-scene-nav button[aria-current]{color:var(--ls-sand)}
body.ls-page.ls-page.ls-page .ls-scene-nav button[aria-current]::after{transform:scaleX(1)}
body.ls-page.ls-page.ls-page .ls-story-tools{display:flex;gap:22px;align-items:center;font-size:10px}
body.ls-page.ls-page.ls-page .ls-story-tools button{font-size:10px;background:none;padding:12px 0;color:var(--ls-sand)}
body.ls-page.ls-page.ls-page .ls-story-tools a{opacity:.7;padding:12px 0}
body.ls-page.ls-page.ls-page .ls-film-progress{position:absolute;inset:auto 0 0;height:2px;background:rgba(238,233,223,.12)}
body.ls-page.ls-page.ls-page .ls-film-progress span{display:block;height:100%;background:var(--ls-sand);transform:scaleX(0);transform-origin:left}
body.ls-page.ls-page.ls-page .ls-media-loader{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:12;display:flex;align-items:center;gap:14px;padding:17px 24px;border-radius:100px;background:rgba(18,33,35,.76);border:1px solid rgba(239,235,226,.28);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:inset 0 1px 0 rgba(255,255,255,.16);font:400 10px var(--ls-label);letter-spacing:.19em;white-space:nowrap}
body.ls-page.ls-page.ls-page .ls-media-loader svg{width:30px;height:30px;transform:rotate(-90deg)}
body.ls-page.ls-page.ls-page .ls-media-loader circle{fill:none;stroke:rgba(230,207,171,.18);stroke-width:1.5}
body.ls-page.ls-page.ls-page .ls-media-loader .ls-loader-progress{stroke:var(--ls-sand);stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset .3s linear}
body.ls-page.ls-page.ls-page .ls-media-loader small{display:block;letter-spacing:.04em;margin-top:7px;opacity:.7;font-size:10px}
body.ls-page.ls-page.ls-page .ls-media-help{position:absolute;top:115px;left:var(--ls-pad);right:var(--ls-pad);z-index:15;background:#16292e;border:1px solid var(--ls-line);padding:15px 20px;font-size:12px;max-width:600px}
body.ls-page.ls-page.ls-page .ls-media-help p{margin-bottom:10px}
body.ls-page.ls-page.ls-page .ls-media-help button{background:none;color:var(--ls-sand);text-decoration:underline;margin-right:20px;padding:8px 0;font-size:12px}
body.ls-page.ls-page.ls-page .ls-section{padding:clamp(80px,9vw,145px) var(--ls-pad)}
body.ls-page.ls-page.ls-page .ls-about{display:grid;grid-template-columns:1fr .95fr;gap:12%;align-items:center;background:var(--ls-paper);color:var(--ls-ink)}
body.ls-page.ls-page.ls-page .ls-about-art{position:relative;aspect-ratio:1/.99;overflow:hidden}
body.ls-page.ls-page.ls-page .ls-about-art img{height:100%;width:100%;object-fit:cover;object-position:16% 50%}
body.ls-page.ls-page.ls-page .ls-about .ls-eyebrow{color:#5a655e}
body.ls-page.ls-page.ls-page .ls-about .ls-title{font-size:clamp(52px,6vw,94px)}
body.ls-page.ls-page.ls-page .ls-about-copy>.ls-text{font-size:15px;line-height:1.95;margin-top:30px;color:#475452}
body.ls-page.ls-page.ls-page .ls-about-copy>.ls-text p{max-width:40ch}
body.ls-page.ls-page.ls-page .ls-text-link .elementor-button{display:inline-flex;gap:24px;align-items:center;font-size:12px;border-bottom:1px solid currentColor;padding-bottom:10px;margin-top:29px}
body.ls-page.ls-page.ls-page .ls-text-link .elementor-button::after{font:22px Arial,sans-serif}
body.ls-page.ls-page.ls-page .ls-music{background:var(--ls-ink);display:grid;grid-template-columns:1.08fr 1fr;gap:10%;align-items:center;position:relative}
body.ls-page.ls-page.ls-page .ls-music-intro>.ls-text{font-size:15px;color:var(--ls-muted);margin-top:30px}
body.ls-page.ls-page.ls-page .ls-platforms{display:flex;gap:26px;margin-top:36px;font-size:12px;color:var(--ls-sand)}
body.ls-page.ls-page.ls-page .ls-platforms .ls-link a{display:flex;gap:15px;align-items:center}
body.ls-page.ls-page.ls-page .ls-platforms .ls-link a::after{font:18px Arial,sans-serif}
body.ls-page.ls-page.ls-page .ls-player-label{display:flex;justify-content:space-between;padding:0 0 22px;border-top:1px solid var(--ls-line);padding-top:20px;font:400 11px var(--ls-label);letter-spacing:.18em;color:var(--ls-sand)}
body.ls-page.ls-page.ls-page .ls-player-wrap iframe{border:0;border-radius:12px;display:block;background:#152124}
body.ls-page.ls-page.ls-page .ls-player-fallback{font-size:11px;color:var(--ls-muted);text-align:right;margin-top:16px}
body.ls-page.ls-page.ls-page .ls-player-fallback a{text-decoration:underline;text-underline-offset:5px}
body.ls-page.ls-page.ls-page .ls-agenda{display:grid;grid-template-columns:1.25fr 1fr;gap:8%;border-top:1px solid var(--ls-line);background:var(--ls-ink)}
body.ls-page.ls-page.ls-page .ls-agenda .ls-title{font-size:clamp(48px,5vw,78px)}
body.ls-page.ls-page.ls-page .ls-agenda-content{align-self:center;padding-top:20px}
body.ls-page.ls-page.ls-page .ls-agenda-content p{font-size:16px;color:var(--ls-muted)}
body.ls-page.ls-page.ls-page .ls-agenda-row{display:grid;grid-template-columns:64px 1fr;gap:24px;padding:22px 0;border-bottom:1px solid var(--ls-line)}
body.ls-page.ls-page.ls-page .ls-agenda-row time{font:34px var(--ls-display);color:var(--ls-sand)}
body.ls-page.ls-page.ls-page .ls-agenda-row time small{font:12px var(--ls-label);display:block;letter-spacing:.12em}
body.ls-page.ls-page.ls-page .ls-agenda-row h3{font-size:16px;font-weight:400;margin:0}
body.ls-page.ls-page.ls-page .ls-agenda-row p,body.ls-page.ls-page.ls-page .ls-agenda-row a{font-size:12px}
body.ls-page.ls-page.ls-page .ls-agenda-row a{display:inline-block;margin-top:8px;color:var(--ls-sand);text-decoration:underline}
body.ls-page.ls-page.ls-page .ls-contact{background:#d9c6a8;color:var(--ls-ink);padding-top:95px;padding-bottom:75px}
body.ls-page.ls-page.ls-page .ls-contact .ls-eyebrow{color:#3b4b47}
body.ls-page.ls-page.ls-page .ls-contact .ls-title{font-size:clamp(78px,11.8vw,188px);line-height:.96;letter-spacing:-.055em}
body.ls-page.ls-page.ls-page .ls-contact-bottom{display:flex;justify-content:space-between;align-items:flex-end;margin-top:50px;border-top:1px solid rgba(16,36,40,.23);padding-top:30px;gap:30px}
body.ls-page.ls-page.ls-page .ls-contact-bottom p{font-size:14px;line-height:1.8}
body.ls-page.ls-page.ls-page .ls-contact-link .elementor-button{font:400 clamp(29px,3vw,45px) var(--ls-display);border-bottom:1px solid var(--ls-ink);display:flex;gap:50px;align-items:center;padding-bottom:8px}
body.ls-page.ls-page.ls-page .ls-contact-link .elementor-button::after{font:32px Arial,sans-serif}
body.ls-page.ls-page.ls-page .ls-footer{padding:40px var(--ls-pad);display:flex;align-items:center;justify-content:space-between;gap:30px}
body.ls-page.ls-page.ls-page .ls-footer-wordmark{font:28px var(--ls-display)}
body.ls-page.ls-page.ls-page .ls-footer-nav{display:flex;gap:25px;font-size:11px}
body.ls-page.ls-page.ls-page .ls-copyright{font-size:10px;color:var(--ls-muted)}
.js body.ls-page.ls-page.ls-page .ls-reveal{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ls-ease),transform .8s var(--ls-ease)}
.js body.ls-page.ls-page.ls-page .ls-reveal.is-in{opacity:1;transform:none}
@media(min-width:1700px){
  body.ls-page.ls-page.ls-page .ls-copy{max-width:720px}
  body.ls-page.ls-page.ls-page .ls-copy .ls-title.ls-title-xl{font-size:160px}
}
@media(max-width:1024px){
  body.ls-page.ls-page.ls-page .ls-header{gap:20px}
  body.ls-page.ls-page.ls-page .ls-desktop-nav{gap:22px}
  body.ls-page.ls-page.ls-page .ls-header-listen{margin-left:0}
  body.ls-page.ls-page.ls-page .ls-story-tools{gap:12px}
  body.ls-page.ls-page.ls-page .ls-story-tools a{max-width:75px;line-height:1.4}
  body.ls-page.ls-page.ls-page .ls-scene-nav{gap:2px}
  body.ls-page.ls-page.ls-page .ls-copy{width:47%}
  body.ls-page.ls-page.ls-page .ls-scene[data-side="right"] .ls-copy{left:54%;width:41%}
  body.ls-page.ls-page.ls-page .ls-copy .ls-title{font-size:clamp(46px,5.8vw,64px)}
  body.ls-page.ls-page.ls-page .ls-about{gap:7%}
  body.ls-page.ls-page.ls-page .ls-music{gap:6%}
}
@media(max-width:767px){
  body.ls-page.ls-page.ls-page{--ls-pad:24px}
  body.ls-page.ls-page.ls-page .ls-header{height:78px;gap:15px;border-bottom:1px solid rgba(238,233,223,.15);background:linear-gradient(rgba(7,19,23,.44),rgba(7,19,23,.05))}
  body.ls-page.ls-page.ls-page .ls-wordmark{font-size:23px}
  body.ls-page.ls-page.ls-page .ls-tagline{font-size:8px;margin-top:5px}
  body.ls-page.ls-page.ls-page .ls-desktop-nav{display:none}
  body.ls-page.ls-page.ls-page .ls-header-listen{margin-left:auto}
  body.ls-page.ls-page.ls-page .ls-header-listen .elementor-button{font-size:11px;padding:9px 12px;gap:5px}
  body.ls-page.ls-page.ls-page .ls-header-listen .elementor-button::before{width:13px;height:13px}
  body.ls-page.ls-page.ls-page .ls-mobile-menu{display:block;position:relative}
  body.ls-page.ls-page.ls-page .ls-mobile-menu summary{list-style:none;display:flex;flex-direction:column;justify-content:center;gap:6px;cursor:pointer;min-height:44px;width:28px}
  body.ls-page.ls-page.ls-page .ls-mobile-menu summary::-webkit-details-marker{display:none}
  body.ls-page.ls-page.ls-page .ls-mobile-menu summary span{height:1px;width:23px;background:var(--ls-paper)}
  body.ls-page.ls-page.ls-page .ls-mobile-menu nav{position:absolute;top:53px;right:0;min-width:210px;display:grid;gap:20px;padding:26px;background:#14292e;border:1px solid var(--ls-line);font-size:14px;box-shadow:0 15px 35px rgba(0,0,0,.2)}
  body.ls-page.ls-page.ls-page .ls-stage{height:100svh;min-height:620px}
  body.ls-page.ls-page.ls-page .ls-visual video,body.ls-page.ls-page.ls-page .ls-poster{object-position:var(--ls-focal,78%) 50%}
  body.ls-page.ls-page.ls-page .ls-stage .ls-shade,body.ls-page.ls-page.ls-page .ls-stage[data-side="right"] .ls-shade{background:linear-gradient(0deg,rgba(5,15,18,.82),transparent 54%,rgba(5,15,18,.1) 75%,rgba(5,15,18,.35))}
  body.ls-page.ls-page.ls-page .ls-frame-top{top:100px;left:24px;right:24px;font-size:8px;letter-spacing:.2em}
  body.ls-page.ls-page.ls-page .ls-frame-top>:last-child{display:none}
  body.ls-page.ls-page.ls-page .ls-copy,body.ls-page.ls-page.ls-page .ls-scene[data-side="right"] .ls-copy{left:18px;right:18px;top:auto;bottom:123px;transform:none;width:auto;max-width:none;padding:27px 25px 24px;border-radius:26px;background:linear-gradient(135deg,rgba(30,48,50,.56),rgba(17,36,40,.35) 50%,rgba(29,45,47,.57));-webkit-backdrop-filter:blur(18px) saturate(125%);backdrop-filter:blur(18px) saturate(125%);border:1px solid rgba(244,240,228,.26);box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -1px 0 rgba(230,235,222,.08),0 14px 44px rgba(0,0,0,.16);isolation:isolate}
  body.ls-page.ls-page.ls-page .ls-copy::before{content:'';position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 10% 0,rgba(247,241,219,.14),transparent 60%)}
  body.ls-page.ls-page.ls-page .ls-copy .ls-eyebrow{font-size:10px;letter-spacing:.25em}
  body.ls-page.ls-page.ls-page .ls-copy .ls-eyebrow .elementor-heading-title{margin-bottom:17px}
  body.ls-page.ls-page.ls-page .ls-copy .ls-title.ls-title-xl{font-size:clamp(64px,18vw,88px);line-height:.93}
  body.ls-page.ls-page.ls-page .ls-copy .ls-title{font-size:clamp(42px,11.5vw,60px);line-height:1.02}
  body.ls-page.ls-page.ls-page .ls-copy .ls-description{font-size:13px;line-height:1.8;margin-top:20px}
  body.ls-page.ls-page.ls-page .ls-copy .ls-description p{max-width:35ch}
  body.ls-page.ls-page.ls-page .ls-scene-link .elementor-button{font-size:11px;margin-top:16px;padding-bottom:7px;gap:24px}
  body.ls-page.ls-page.ls-page .ls-story-bottom{left:22px;right:22px;bottom:max(14px,env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr auto;gap:8px 12px}
  body.ls-page.ls-page.ls-page .ls-scroll-cue{font-size:8px;letter-spacing:.12em;gap:9px}
  body.ls-page.ls-page.ls-page .ls-scroll-icon{height:23px;width:14px}
  body.ls-page.ls-page.ls-page .ls-scroll-icon::after{left:5.5px}
  body.ls-page.ls-page.ls-page .ls-scene-nav{gap:0;justify-content:flex-end}
  body.ls-page.ls-page.ls-page .ls-scene-nav button{font-size:11px;padding:8px;min-width:27px}
  body.ls-page.ls-page.ls-page .ls-scene-nav button::after{left:7px;right:7px}
  body.ls-page.ls-page.ls-page .ls-story-tools{grid-column:1/-1;justify-content:space-between;min-height:20px}
  body.ls-page.ls-page.ls-page .ls-story-tools a{max-width:none;font-size:9px;padding:3px 0}
  body.ls-page.ls-page.ls-page .ls-story-tools button{padding:3px 0;font-size:9px}
  body.ls-page.ls-page.ls-page .ls-media-loader{top:28%;padding:14px 19px;font-size:9px}
  body.ls-page.ls-page.ls-page .ls-media-loader small{font-size:9px}
  body.ls-page.ls-page.ls-page .ls-media-help{top:90px;left:18px;right:18px;font-size:11px}
  body.ls-page.ls-page.ls-page .ls-about{grid-template-columns:1fr;gap:43px}
  body.ls-page.ls-page.ls-page .ls-about-art{aspect-ratio:1.08}
  body.ls-page.ls-page.ls-page .ls-about-copy{padding:0 3px}
  body.ls-page.ls-page.ls-page .ls-about .ls-title{font-size:63px}
  body.ls-page.ls-page.ls-page .ls-about-copy>.ls-text{font-size:14px;margin-top:23px}
  body.ls-page.ls-page.ls-page .ls-about-copy>.ls-text p{max-width:38ch}
  body.ls-page.ls-page.ls-page .ls-eyebrow{font-size:11px}
  body.ls-page.ls-page.ls-page .ls-eyebrow .elementor-heading-title{margin-bottom:21px}
  body.ls-page.ls-page.ls-page .ls-music{grid-template-columns:1fr;gap:45px}
  body.ls-page.ls-page.ls-page .ls-music .ls-title{font-size:clamp(49px,13.7vw,70px)}
  body.ls-page.ls-page.ls-page .ls-music-intro>.ls-text{font-size:14px;margin-top:23px}
  body.ls-page.ls-page.ls-page .ls-player-label{font-size:10px}
  body.ls-page.ls-page.ls-page .ls-agenda{grid-template-columns:1fr;gap:30px}
  body.ls-page.ls-page.ls-page .ls-agenda .ls-title{font-size:clamp(45px,12vw,65px)}
  body.ls-page.ls-page.ls-page .ls-agenda-content{padding-top:0}
  body.ls-page.ls-page.ls-page .ls-agenda-content p{font-size:14px}
  body.ls-page.ls-page.ls-page .ls-contact{padding-top:72px;padding-bottom:55px}
  body.ls-page.ls-page.ls-page .ls-contact .ls-title{font-size:clamp(57px,15.6vw,88px)}
  body.ls-page.ls-page.ls-page .ls-contact-bottom{display:block;margin-top:34px;padding-top:24px}
  body.ls-page.ls-page.ls-page .ls-contact-bottom p{font-size:13px}
  body.ls-page.ls-page.ls-page .ls-contact-link .elementor-button{margin-top:27px;display:inline-flex;font-size:31px;gap:34px}
  body.ls-page.ls-page.ls-page .ls-footer{flex-wrap:wrap;padding-top:33px;padding-bottom:30px;gap:25px}
  body.ls-page.ls-page.ls-page .ls-footer-wordmark{font-size:27px}
  body.ls-page.ls-page.ls-page .ls-footer-nav{gap:20px}
  body.ls-page.ls-page.ls-page .ls-copyright{width:100%}
  body.ls-page.ls-page.ls-page .ls-text-link .elementor-button{font-size:12px}
  .safari body.ls-page.ls-page.ls-page .ls-copy,.safari body.ls-page.ls-page.ls-page .ls-scene[data-side="right"] .ls-copy{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
}
@media(max-width:767px) and (max-height:720px){
  body.ls-page.ls-page.ls-page .ls-stage{min-height:560px}
  body.ls-page.ls-page.ls-page .ls-copy,body.ls-page.ls-page.ls-page .ls-scene[data-side="right"] .ls-copy{padding:21px 23px;bottom:111px}
  body.ls-page.ls-page.ls-page .ls-copy .ls-title.ls-title-xl{font-size:60px}
  body.ls-page.ls-page.ls-page .ls-copy .ls-title{font-size:39px}
  body.ls-page.ls-page.ls-page .ls-copy .ls-eyebrow .elementor-heading-title{margin-bottom:12px}
  body.ls-page.ls-page.ls-page .ls-copy .ls-description{font-size:12px;line-height:1.65;margin-top:14px}
  body.ls-page.ls-page.ls-page .ls-scene-link .elementor-button{margin-top:9px}
  body.ls-page.ls-page.ls-page .ls-frame-top{top:91px}
  body.ls-page.ls-page.ls-page .ls-header{height:72px}
}
@media(min-width:768px) and (max-height:750px){
  body.ls-page.ls-page.ls-page .ls-stage{min-height:560px}
  body.ls-page.ls-page.ls-page .ls-frame-top{top:116px}
  body.ls-page.ls-page.ls-page .ls-copy{transform:translateY(-35%)}
  body.ls-page.ls-page.ls-page .ls-copy .ls-title.ls-title-xl{font-size:95px}
  body.ls-page.ls-page.ls-page .ls-copy .ls-title{font-size:59px}
  body.ls-page.ls-page.ls-page .ls-copy .ls-eyebrow .elementor-heading-title{margin-bottom:16px}
  body.ls-page.ls-page.ls-page .ls-copy .ls-description{margin-top:19px;font-size:14px}
  body.ls-page.ls-page.ls-page .ls-scene-link .elementor-button{margin-top:14px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  body.ls-page.ls-page.ls-page .ls-copy>*{filter:none!important;transform:none!important}
  .js body.ls-page.ls-page.ls-page .ls-reveal{opacity:1;transform:none}
  body.ls-page.ls-page.ls-page .ls-stage.is-intro .ls-copy>*{opacity:1}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  body.ls-page.ls-page.ls-page .ls-copy{background:rgba(13,30,34,.9)}
}
body.ls-page.ls-page.ls-page .ls-player-wrap iframe{aspect-ratio:16/9;height:auto;min-height:240px;border-radius:0;background:#0b181c}
body.ls-page.ls-page.ls-page .ls-booking-details{display:flex;gap:28px;flex-wrap:wrap;margin-top:28px;font-size:12px;color:#3a4b47}
body.ls-page.ls-page.ls-page .ls-booking-details .ls-link a:hover{text-decoration:underline;text-underline-offset:5px}
@media(max-width:767px){
  body.ls-page.ls-page.ls-page .ls-player-wrap iframe{min-height:185px}
  body.ls-page.ls-page.ls-page .ls-booking-details{flex-direction:column;gap:10px;margin-top:24px;font-size:12px}
}
@media(max-width:767px){
  body.ls-page.ls-page.ls-page .ls-visual{top:-5%;height:105%;bottom:auto}
  body.ls-page.ls-page.ls-page .ls-copy .ls-title.ls-title-xl{font-size:clamp(60px,16vw,72px)}
  body.ls-page.ls-page.ls-page .ls-copy,body.ls-page.ls-page.ls-page .ls-scene[data-side="right"] .ls-copy{padding:23px 23px 21px}
  body.ls-page.ls-page.ls-page .ls-copy .ls-description{margin-top:16px}
  body.ls-page.ls-page.ls-page .ls-copy .ls-eyebrow .elementor-heading-title{margin-bottom:14px}
  body.ls-page.ls-page.ls-page .ls-scene-link .elementor-button{margin-top:12px}
}
body.ls-page.ls-page.ls-page .ls-logo img{height:24px;width:auto}
body.ls-page.ls-page.ls-page .ls-footer-wordmark img{height:26px;width:auto}
@media(max-width:767px){
  body.ls-page.ls-page.ls-page .ls-logo img{height:20px}
  body.ls-page.ls-page.ls-page .ls-footer-wordmark img{height:24px}
  body.ls-page.ls-page.ls-page .ls-scene .ls-copy{opacity:0;filter:none;will-change:auto;transition:opacity .45s var(--ls-ease)}
  body.ls-page.ls-page.ls-page .ls-scene.active .ls-copy{opacity:1;transition-duration:1.1s}
  body.ls-page.ls-page.ls-page .ls-stage.is-intro .ls-scene .ls-copy{opacity:0;filter:none}
}
@media(prefers-reduced-motion:reduce){
  body.ls-page.ls-page.ls-page .ls-copy{filter:none!important}
}
@media(min-width:768px){
  body.ls-page.ls-page.ls-page{--ls-copy-top:max(168px,27vh);--ls-copy-inset:11vw}
  body.ls-page.ls-page.ls-page .ls-copy{top:var(--ls-copy-top);transform:none}
  body.ls-page.ls-page.ls-page .ls-scene:not([data-side="right"]) .ls-copy{left:calc(var(--ls-pad) + var(--ls-copy-inset))}
}
@media(min-width:768px) and (max-width:1024px){
  body.ls-page.ls-page.ls-page{--ls-copy-inset:5vw}
}
body.ls-page.ls-page.ls-page .ls-about-art{aspect-ratio:1044/830;overflow:visible}
body.ls-page.ls-page.ls-page .ls-about-art img{object-fit:contain;object-position:50% 50%}

/* ---------- Complementos da versão Elementor ---------- */
/* Setas e ícone dos links: desenhados aqui, para o texto do botão no Elementor ficar só com as palavras. */
body.ls-page.ls-page.ls-page .ls-scene-link .elementor-button::after,body.ls-page.ls-page.ls-page .ls-text-link .elementor-button::after,body.ls-page.ls-page.ls-page .ls-contact-link .elementor-button::after,body.ls-page.ls-page.ls-page .ls-platforms .ls-link a::after{content:'↗'}
body.ls-page.ls-page.ls-page .ls-header-listen .elementor-button::before{content:'';flex:none;background:var(--ls-sand);clip-path:polygon(37.5% 20.83%,83.33% 50%,37.5% 79.17%)}
/* Links feitos com o widget Título: ocupam a linha inteira do widget, como os <a> do site original. */
body.ls-page.ls-page.ls-page .ls-link a{display:block}
body.ls-page.ls-page.ls-page .ls-platforms .ls-link a{display:flex}
/* Barra do WordPress (só para quem está logado). */
body.ls-page.ls-page.ls-page.admin-bar .ls-header{top:32px}
@media(max-width:782px){
  body.ls-page.ls-page.ls-page.admin-bar .ls-header{top:46px}
}

/* ---------- Abertura: sinais de que a rolagem está agindo ----------
   1) Os textos saem e entram no sentido da rolagem. O lis-site.js marca o sentido no palco (data-dir="down" ou "up").
      Rolando para baixo: o texto atual sobe e some, o próximo vem de baixo. Rolando para cima, o contrário.
      O desfoque ("nuvem") continua igual, na regra .ls-copy. Distâncias: --ls-from (entrada) e --ls-to (saída). */
body.ls-page.ls-page.ls-page .ls-stage{--ls-from:54px;--ls-to:-40px}
body.ls-page.ls-page.ls-page .ls-stage[data-dir="up"]{--ls-from:-54px;--ls-to:40px}
body.ls-page.ls-page.ls-page .ls-copy>*{transform:translate3d(0,var(--ls-from),0);transition:none}
body.ls-page.ls-page.ls-page .leaving .ls-copy>*{transform:translate3d(0,var(--ls-to),0);transition:opacity .42s var(--ls-ease),transform .6s var(--ls-ease)}
body.ls-page.ls-page.ls-page .active .ls-copy>*{transform:translate3d(0,0,0);transition:opacity 1.5s cubic-bezier(.3,.6,.25,1),transform 1.5s cubic-bezier(.22,.8,.26,1)}
/* 2) Trilho na borda direita, onde ficaria a barra de rolagem: seis marcas (uma por sessão) e um marcador
      que acompanha o vídeo nos dois sentidos. Substitui a barra fina que ficava no rodapé da abertura. */
body.ls-page.ls-page.ls-page .ls-film-progress{display:none}
body.ls-page.ls-page.ls-page .ls-rail{--ls-p:0;--ls-rail-h:clamp(170px,31vh,300px);position:absolute;top:50%;right:calc(var(--ls-pad)*.44);z-index:7;display:grid;justify-items:center;gap:18px;transform:translate(50%,-50%);pointer-events:none}
body.ls-page.ls-page.ls-page .ls-rail-count{display:grid;justify-items:center;gap:8px;font:400 11px/1 var(--ls-label);letter-spacing:.14em;color:rgba(238,233,223,.5)}
body.ls-page.ls-page.ls-page .ls-rail-count b{font-weight:400;font-size:13px;color:var(--ls-sand)}
body.ls-page.ls-page.ls-page .ls-rail-count em{display:block;width:11px;height:1px;background:rgba(238,233,223,.4)}
body.ls-page.ls-page.ls-page .ls-rail-track{position:relative;display:block;width:1px;height:var(--ls-rail-h);background:rgba(238,233,223,.26)}
body.ls-page.ls-page.ls-page .ls-rail-fill{position:absolute;inset:0;background:var(--ls-sand);transform:scaleY(var(--ls-p));transform-origin:top;transition:transform .22s linear}
body.ls-page.ls-page.ls-page .ls-rail-track i{position:absolute;left:-4px;top:calc(var(--ls-i)*20%);width:9px;height:1px;background:rgba(238,233,223,.5);transition:background .3s}
body.ls-page.ls-page.ls-page .ls-rail-track i.on{background:var(--ls-sand)}
body.ls-page.ls-page.ls-page .ls-rail-thumb{position:absolute;left:-1px;top:-15px;width:3px;height:30px;border-radius:3px;background:var(--ls-sand);box-shadow:0 0 16px rgba(230,207,171,.5);transform:translate3d(0,calc(var(--ls-rail-h)*var(--ls-p)),0) scaleY(var(--ls-grow,1));transition:transform .22s linear}
body.ls-page.ls-page.ls-page .ls-rail.moving .ls-rail-thumb{--ls-grow:1.45}
@media(max-width:767px){
  /* No celular quem se move é o cartão inteiro; os textos de dentro andam pouco. */
  body.ls-page.ls-page.ls-page .ls-stage{--ls-from:14px;--ls-to:-10px;--ls-card-from:34px;--ls-card-to:-26px}
  body.ls-page.ls-page.ls-page .ls-stage[data-dir="up"]{--ls-from:-14px;--ls-to:10px;--ls-card-from:-34px;--ls-card-to:26px}
  body.ls-page.ls-page.ls-page .ls-scene .ls-copy{transform:translate3d(0,var(--ls-card-from),0);transition:none}
  body.ls-page.ls-page.ls-page .ls-scene.leaving .ls-copy{transform:translate3d(0,var(--ls-card-to),0);transition:opacity .42s var(--ls-ease),transform .6s var(--ls-ease)}
  body.ls-page.ls-page.ls-page .ls-scene.active .ls-copy{transform:translate3d(0,0,0);transition:opacity 1.1s var(--ls-ease),transform 1.2s cubic-bezier(.22,.8,.26,1)}
  body.ls-page.ls-page.ls-page .ls-rail{--ls-rail-h:clamp(120px,22vh,170px);top:36%;right:10px}
  body.ls-page.ls-page.ls-page .ls-rail-count{display:none}
}

/* ---------- Agenda ----------
   As datas são cadastradas no painel (menu Agenda) e listadas pelo shortcode [lis_agenda] (ver lis/agenda.php).
   Cada data: mês/dia/ano empilhados, cidade, local e, se houver link de compra, o botão de ingressos. */
body.ls-page.ls-page.ls-page .ls-dates{display:grid}
body.ls-page.ls-page.ls-page .ls-dates .ls-date{display:grid;grid-template-columns:clamp(104px,10.5vw,140px) 1fr auto;align-items:center;column-gap:clamp(20px,3.4vw,46px);padding:clamp(24px,2.8vw,38px) 0;border-bottom:1px solid var(--ls-line)}
body.ls-page.ls-page.ls-page .ls-dates .ls-date:first-child{border-top:1px solid var(--ls-line)}
body.ls-page.ls-page.ls-page .ls-dates .ls-date-when{display:grid;justify-items:start;color:var(--ls-sand);font:400 12px/1 var(--ls-label);letter-spacing:.26em;text-transform:uppercase}
body.ls-page.ls-page.ls-page .ls-dates .ls-date-day{font:400 clamp(58px,6.4vw,92px)/.92 var(--ls-display);letter-spacing:-.04em;margin:7px 0 9px -3px}
body.ls-page.ls-page.ls-page .ls-dates .ls-date-year{opacity:.62}
body.ls-page.ls-page.ls-page .ls-dates .ls-date-city{font:400 clamp(25px,2.5vw,36px)/1.14 var(--ls-display);letter-spacing:-.02em;text-transform:uppercase;color:var(--ls-paper)}
body.ls-page.ls-page.ls-page .ls-dates .ls-date-country{display:inline-block;margin-left:14px;font:400 11px/1 var(--ls-label);letter-spacing:.26em;color:var(--ls-sand);vertical-align:middle}
body.ls-page.ls-page.ls-page .ls-dates .ls-date-venue{margin-top:10px;font-size:15px;line-height:1.5;color:var(--ls-paper)}
body.ls-page.ls-page.ls-page .ls-dates .ls-date-address{margin-top:2px;font-size:13px;line-height:1.5;color:var(--ls-muted)}
body.ls-page.ls-page.ls-page .ls-dates .ls-date-buy{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:46px;margin:0;padding:0 28px;border:1px solid var(--ls-sand);border-radius:99px;font:400 12px/1 var(--ls-body);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:var(--ls-sand);white-space:nowrap;transition:background .3s var(--ls-ease),color .3s var(--ls-ease)}
body.ls-page.ls-page.ls-page .ls-dates .ls-date-buy::after{content:'↗';font:16px Arial,sans-serif}
body.ls-page.ls-page.ls-page .ls-dates .ls-date-buy:hover,body.ls-page.ls-page.ls-page .ls-dates .ls-date-buy:focus-visible{background:var(--ls-sand);color:var(--ls-ink)}
/* Versão compacta (coluna estreita da página inicial): botão embaixo do texto. */
body.ls-page.ls-page.ls-page .ls-dates-compact .ls-date{grid-template-columns:86px 1fr;column-gap:20px;align-items:start;padding:24px 0}
body.ls-page.ls-page.ls-page .ls-dates-compact .ls-date-day{font-size:clamp(46px,4.2vw,60px)}
body.ls-page.ls-page.ls-page .ls-dates-compact .ls-date-city{font-size:clamp(21px,1.9vw,26px)}
body.ls-page.ls-page.ls-page .ls-dates-compact .ls-date-venue{font-size:14px;margin-top:7px}
body.ls-page.ls-page.ls-page .ls-dates-compact .ls-date-buy{grid-column:2;justify-self:start;margin-top:16px;min-height:40px;padding:0 22px;font-size:11px}
body.ls-page.ls-page.ls-page .ls-dates-note{font-size:13px;color:var(--ls-muted)}
/* Com datas: some o bloco "quando não há datas". Sem datas: somem a lista e o link para a agenda completa.
   (O lis-site.js repete isso para navegadores antigos, sem :has.) */
body.ls-page.ls-page.ls-page .ls-dates-widget:has(.ls-date)~#ls-agenda-empty{display:none}
body.ls-page.ls-page.ls-page .ls-dates-widget:not(:has(.ls-date)),body.ls-page.ls-page.ls-page .ls-dates-widget:not(:has(.ls-date))~.ls-agenda-more{display:none}
/* Página Agenda */
body.ls-page.ls-page.ls-page .ls-agenda-page{background:var(--ls-ink);padding-top:calc(100px + clamp(56px,6.5vw,104px));min-height:78vh}
body.ls-page.ls-page.ls-page .ls-agenda-page-head,body.ls-page.ls-page.ls-page .ls-agenda-page-list,body.ls-page.ls-page.ls-page .ls-agenda-cta{max-width:1020px;margin-left:auto;margin-right:auto}
body.ls-page.ls-page.ls-page .ls-agenda-page-head{margin-bottom:clamp(40px,5vw,72px)}
body.ls-page.ls-page.ls-page .ls-agenda-page-head .ls-text p{margin-top:24px;max-width:520px;font-size:16px;color:var(--ls-muted)}
body.ls-page.ls-page.ls-page .ls-agenda-page-list .ls-text p{font-size:16px;color:var(--ls-muted)}
body.ls-page.ls-page.ls-page .ls-agenda-cta{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-top:clamp(56px,7vw,104px)}
body.ls-page.ls-page.ls-page .ls-agenda-cta .ls-title{font-size:clamp(30px,3.3vw,48px)}
body.ls-page.ls-page.ls-page .ls-agenda-cta .ls-text-link .elementor-button{margin-top:0}
@media(max-width:767px){
  body.ls-page.ls-page.ls-page .ls-dates .ls-date{grid-template-columns:78px 1fr;column-gap:16px;align-items:start;padding:24px 0}
  body.ls-page.ls-page.ls-page .ls-dates .ls-date-day{font-size:52px}
  body.ls-page.ls-page.ls-page .ls-dates .ls-date-city{font-size:23px}
  body.ls-page.ls-page.ls-page .ls-dates .ls-date-country{display:block;margin:9px 0 0}
  body.ls-page.ls-page.ls-page .ls-dates .ls-date-venue{font-size:14px}
  body.ls-page.ls-page.ls-page .ls-dates .ls-date-buy{grid-column:1/-1;justify-self:stretch;margin-top:18px;min-height:46px;font-size:12px}
  body.ls-page.ls-page.ls-page .ls-agenda-page{padding-top:calc(78px + 46px)}
  body.ls-page.ls-page.ls-page .ls-agenda-page-head .ls-text p{font-size:14px}
  body.ls-page.ls-page.ls-page .ls-agenda-cta{display:block}
  body.ls-page.ls-page.ls-page .ls-agenda-cta .ls-text-link .elementor-button{margin-top:24px}
}

/* ---------- Abertura no celular e em telas de toque ----------
   Nessas telas o vídeo não acompanha a rolagem: toca sozinho, em laço, como fundo, e a rolagem é a da própria página
   (nada trava). O lis-site.js põe a classe is-flow no palco e junta o conteúdo numa moldura (.ls-pin) que fica presa
   na tela enquanto a página rola por trás dela; esse trecho de rolagem só troca os cartões de texto.
   --ls-flow-step: quanto de rolagem cada cartão ocupa (85svh = quase uma tela por cartão; menor = troca mais rápido).
   --ls-pin-min: altura mínima da moldura; em telas mais baixas que isso ela prende pelo pé, para o cartão não ser cortado. */
body.ls-page.ls-page.ls-page .ls-stage.is-flow{--ls-flow-step:85svh;--ls-pin-min:480px;--ls-bar:0px;--ls-pin-h:max(100svh - var(--ls-bar),var(--ls-pin-min));height:calc(var(--ls-pin-h) + var(--ls-flow-step)*var(--ls-flow-n,5));min-height:0;overflow:clip}
body.ls-page.ls-page.ls-page .ls-stage.is-flow .ls-pin{position:sticky;top:calc(var(--ls-bar) + min(0px,100svh - var(--ls-bar) - var(--ls-pin-min)));height:var(--ls-pin-h)}
/* Com a barra de administração do WordPress (só para quem está logado): no celular ela passa a ficar fixa, como no
   computador, e a moldura começa logo abaixo dela (--ls-bar). Visitante não tem a barra: para ele --ls-bar é zero. */
body.ls-page.ls-page.ls-page.admin-bar .ls-stage.is-flow{--ls-bar:var(--wp-admin--admin-bar--height,32px)}
@media(max-width:600px){
  body.ls-page.ls-page.ls-page.admin-bar #wpadminbar{position:fixed}
}
/* O vídeo cobre também a faixa que aparece quando a barra do navegador se recolhe. */
body.ls-page.ls-page.ls-page .ls-stage.is-flow .ls-visual,body.ls-page.ls-page.ls-page .ls-stage.is-flow .ls-shade{top:0;bottom:auto;height:max(100lvh,100%)}
/* Vídeo desenhado quadro a quadro (lis-film-canvas.js), usado quando o aparelho barra o <video> — Modo Pouca Energia
   do iPhone. O canvas ocupa o lugar do vídeo, com o mesmo enquadramento; o palco ganha a classe is-drawn. */
body.ls-page.ls-page.ls-page .ls-visual canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% center;opacity:0;transition:opacity .6s var(--ls-ease)}
body.ls-page.ls-page.ls-page .ls-stage.is-drawn .ls-visual canvas{opacity:1}
body.ls-page.ls-page.ls-page .ls-stage.is-drawn .ls-poster{opacity:0}
@media(max-width:767px){
  body.ls-page.ls-page.ls-page .ls-visual canvas{object-position:var(--ls-focal,78%) 50%}
}
@media(min-width:768px){
  body.ls-page.ls-page.ls-page .ls-stage.is-flow{--ls-pin-min:560px}
}
/* Celular deitado (tela muito baixa): a moldura cabe inteira na tela e o cartão fica só com chamada, título e link. */
@media(max-width:767px) and (max-height:480px){
  body.ls-page.ls-page.ls-page .ls-stage.is-flow{--ls-pin-min:0px}
  body.ls-page.ls-page.ls-page .ls-stage.is-flow .ls-frame-top,body.ls-page.ls-page.ls-page .ls-stage.is-flow .ls-rail,body.ls-page.ls-page.ls-page .ls-stage.is-flow .ls-copy .ls-description{display:none}
  body.ls-page.ls-page.ls-page .ls-stage.is-flow .ls-copy,body.ls-page.ls-page.ls-page .ls-stage.is-flow .ls-scene[data-side="right"] .ls-copy{bottom:92px;padding:14px 20px 12px}
  body.ls-page.ls-page.ls-page .ls-stage.is-flow .ls-copy .ls-title.ls-title-xl{font-size:38px}
  body.ls-page.ls-page.ls-page .ls-stage.is-flow .ls-copy .ls-title{font-size:28px}
}
@media(min-width:768px) and (max-height:540px){
  body.ls-page.ls-page.ls-page .ls-stage.is-flow{--ls-pin-min:0px;--ls-copy-top:112px}
  body.ls-page.ls-page.ls-page .ls-stage.is-flow .ls-frame-top,body.ls-page.ls-page.ls-page .ls-stage.is-flow .ls-rail-count,body.ls-page.ls-page.ls-page .ls-stage.is-flow .ls-copy .ls-description{display:none}
  body.ls-page.ls-page.ls-page .ls-stage.is-flow .ls-copy .ls-eyebrow .elementor-heading-title{margin-bottom:10px}
  body.ls-page.ls-page.ls-page .ls-stage.is-flow .ls-copy .ls-title.ls-title-xl{font-size:52px}
  body.ls-page.ls-page.ls-page .ls-stage.is-flow .ls-copy .ls-title{font-size:40px}
  body.ls-page.ls-page.ls-page .ls-stage.is-flow .ls-scene-link .elementor-button{margin-top:10px}
}
/* Cartão de texto mais baixo e título menor, só no celular (aparece igual na prévia de celular do editor do Elementor). */
@media(max-width:767px){
  body.ls-page.ls-page.ls-page .ls-copy,body.ls-page.ls-page.ls-page .ls-scene[data-side="right"] .ls-copy{padding:19px 22px 17px;border-radius:22px}
  body.ls-page.ls-page.ls-page .ls-copy .ls-eyebrow .elementor-heading-title{margin-bottom:10px}
  body.ls-page.ls-page.ls-page .ls-copy .ls-title.ls-title-xl{font-size:clamp(44px,12.4vw,56px)}
  body.ls-page.ls-page.ls-page .ls-copy .ls-title{font-size:clamp(31px,8.6vw,40px);line-height:1.05}
  body.ls-page.ls-page.ls-page .ls-copy .ls-description{font-size:12.5px;line-height:1.65;margin-top:12px}
  body.ls-page.ls-page.ls-page .ls-copy .ls-description p{max-width:38ch}
  body.ls-page.ls-page.ls-page .ls-scene-link .elementor-button{margin-top:8px}
}
@media(max-width:767px) and (max-height:720px){
  body.ls-page.ls-page.ls-page .ls-copy .ls-title.ls-title-xl{font-size:clamp(40px,11.4vw,50px)}
  body.ls-page.ls-page.ls-page .ls-copy .ls-title{font-size:clamp(29px,7.9vw,36px)}
  body.ls-page.ls-page.ls-page .ls-copy .ls-description{font-size:12px;margin-top:10px}
}

/* ---------- Dentro do editor do Elementor ----------
   O vídeo e a rolagem ficam desligados e as seis sessões aparecem empilhadas, para editar os textos. */
body.ls-page.ls-page.ls-page.elementor-editor-active .ls-header{position:relative}
body.ls-page.ls-page.ls-page.elementor-editor-active .ls-stage{height:auto;min-height:0;overflow:visible;padding-bottom:40px;counter-reset:ls-scene}
body.ls-page.ls-page.ls-page.elementor-editor-active .ls-frame-top{position:relative;top:auto;left:auto;right:auto;padding:30px var(--ls-pad)}
body.ls-page.ls-page.ls-page.elementor-editor-active .ls-scene{position:relative;inset:auto;visibility:visible;pointer-events:auto;padding:26px var(--ls-pad) 34px;border-top:1px dashed rgba(238,233,223,.28);counter-increment:ls-scene}
body.ls-page.ls-page.ls-page.elementor-editor-active .ls-scene::before{content:'Sessão ' counter(ls-scene) ' · lado: ' attr(data-side);display:block;position:static;width:auto;height:auto;margin-bottom:18px;font:400 11px var(--ls-label);letter-spacing:.2em;text-transform:uppercase;color:var(--ls-sand);opacity:.75}
body.ls-page.ls-page.ls-page.elementor-editor-active .ls-scene .ls-copy{position:relative;inset:auto;top:auto;left:auto;right:auto;bottom:auto;transform:none;width:auto;max-width:640px;opacity:1;filter:none}
body.ls-page.ls-page.ls-page.elementor-editor-active .ls-scene .ls-copy>*{opacity:1;transform:none}
body.ls-page.ls-page.ls-page.elementor-editor-active .ls-media-loader,body.ls-page.ls-page.ls-page.elementor-editor-active .ls-media-help,body.ls-page.ls-page.ls-page.elementor-editor-active .ls-story-bottom,body.ls-page.ls-page.ls-page.elementor-editor-active .ls-film-progress{display:none}
.js body.ls-page.ls-page.ls-page.elementor-editor-active .ls-reveal{opacity:1;transform:none}
/* Agenda no editor: a lista e o bloco "sem datas" aparecem juntos, para dar para editar os dois. */
body.ls-page.ls-page.ls-page.elementor-editor-active .ls-dates-widget{display:block}
body.ls-page.ls-page.ls-page.elementor-editor-active .ls-dates-widget~#ls-agenda-empty{display:block;margin-top:26px;padding-top:18px;border-top:1px dashed rgba(238,233,223,.28)}
body.ls-page.ls-page.ls-page.elementor-editor-active .ls-dates-widget~.ls-agenda-more{display:block}
body.ls-page.ls-page.ls-page.elementor-editor-active #ls-agenda-empty::before{content:'Aparece só quando não há datas futuras';display:block;position:static;width:auto;height:auto;margin-bottom:14px;font:400 11px var(--ls-label);letter-spacing:.2em;text-transform:uppercase;color:var(--ls-sand);opacity:.75}