.elementor-kit-112{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-112 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS */#ilymn-grain::before{
  content:'';position:absolute;top:-200px;left:-200px;right:-200px;bottom:-200px;
  pointer-events:none;z-index:60;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.32 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/></svg>");
  background-repeat:repeat;background-size:200px 200px;
  opacity:.16;mix-blend-mode:screen;
  animation:ilymnGrain 1.4s steps(6) infinite;
}
/* translate em múltiplos de 200px (tamanho do tile) => sem costura visível */
@keyframes ilymnGrain{
  0%{transform:translate(0,0)}
  16.66%{transform:translate(-200px,0)}
  33.33%{transform:translate(0,-200px)}
  50%{transform:translate(-200px,-200px)}
  66.66%{transform:translate(-200px,0)}
  83.33%{transform:translate(0,-200px)}
  100%{transform:translate(0,0)}
}
@media(max-width:640px){#ilymn-grain::before{opacity:.10}}

/* --- Marquee (faixa vermelha que rola o texto, como no original) ---
   O texto roda via animação CSS pura. O conteúdo é DUPLICADO no JSON (a mesma
   frase 2x dentro de #ilymn-marquee-track), e a animação vai de translateX(0)
   a translateX(-50%): quando a 1ª cópia sai pela esquerda, a 2ª já está no
   lugar exato => loop contínuo, sem salto. O #ilymn-marquee corta o excesso
   (overflow:hidden). Cada cópia é um <span> com a FRASE INTEIRA (um nó de
   texto), para o seletor EN/DE conseguir traduzir as duas. --- */
/* IMPORTANTE: o _element_id "ilymn-marquee-track" cai no DIV wrapper do widget
   heading (div.elementor-widget-heading), NÃO no <h2> interno. O Elementor força
   width:100% nesse wrapper, então sem max-width:none o conteúdo duplicado não
   transborda e o track não rola. Por isso: o TRACK (o que rola) é o próprio
   #ilymn-marquee-track, forçado a width:max-content; e o .elementor-heading-title
   interno é neutralizado (display:inline, sem largura travada, sem animação) para
   não travar a largura nem criar uma 2ª animação aninhada. */
#ilymn-marquee{overflow:hidden!important;}
#ilymn-marquee-track{
  display:inline-flex!important;align-items:center;
  white-space:nowrap!important;width:max-content!important;max-width:none!important;
  flex:0 0 auto!important;
  animation:ilymnMarquee 36s linear infinite;will-change:transform;
}
#ilymn-marquee-track .elementor-heading-title{
  display:inline!important;width:auto!important;max-width:none!important;
  white-space:nowrap!important;margin:0!important;animation:none!important;
}
@keyframes ilymnMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:640px){#ilymn-marquee-track{animation-duration:28s;}}

/* --- Trailer: caixa 16:9 do player (igual ao original) ---
   #ilymn-trailer-embed é um container VAZIO no JSON. O <iframe> do YouTube é
   injetado por JS via WPCode (snippet "ILYMN Trailer Embed", no Footer), porque
   esta instalação remove o widget HTML na importação — mesmo motivo do seletor
   EN/DE. Aqui só o ESTILO da caixa: proporção 16:9, borda branca/10, cantos e a
   sombra vermelha, idêntico ao original. O iframe (injetado) preenche a caixa. */
#ilymn-trailer-embed{
  position:relative;width:100%!important;aspect-ratio:16/9;
  background:#000;border:1px solid rgba(255,255,255,.1);border-radius:6px;
  overflow:hidden;box-shadow:0 30px 80px -20px rgba(224,3,3,0.35);
}
#ilymn-trailer-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}

/* --- Newsletter: form do Mailchimp (input e-mail + botão Subscribe) ---
   #ilymn-newsletter-embed é um container VAZIO no JSON. O <form> do Mailchimp é
   injetado por JS via WPCode (snippet "ILYMN Newsletter Embed", no Footer),
   porque esta instalação remove o widget HTML/shortcode na importação — mesmo
   motivo do trailer e do seletor EN/DE. Aqui só o ESTILO: input pílula
   transparente + botão vermelho à direita, idêntico ao original (index.html
   linhas 817-824). No mobile empilha (coluna). */
#ilymn-newsletter-embed{width:100%!important;max-width:576px;margin:8px auto 0;}
#ilymn-newsletter-embed form{
  display:flex;flex-direction:row;gap:12px;width:100%;align-items:stretch;
}
#ilymn-newsletter-embed input[type=email]{
  flex:1 1 auto;min-width:0;min-height:48px;
  background:transparent;border:1px solid rgba(255,255,255,.15);border-radius:9999px;
  padding:14px 24px;outline:none;color:#F5EFEF;
  font-family:Roboto,sans-serif;font-size:15px;transition:border-color .2s;
}
#ilymn-newsletter-embed input[type=email]::placeholder{color:rgba(245,239,239,.35);}
#ilymn-newsletter-embed input[type=email]:focus{border-color:#E00303;}
#ilymn-newsletter-embed button[type=submit]{
  flex:0 0 auto;cursor:pointer;border:0;border-radius:9999px;
  background:#E00303;color:#fff;padding:14px 28px;
  font-family:Oswald,sans-serif;font-size:14px;font-weight:600;
  letter-spacing:.12em;text-transform:uppercase;transition:background .2s;
}
#ilymn-newsletter-embed button[type=submit]:hover{background:#A50707;}
#ilymn-newsletter-embed .ilymn-news-msg{
  margin-top:10px;font-family:Roboto,sans-serif;font-size:13px;color:rgba(245,239,239,.7);
}
@media(max-width:640px){
  #ilymn-newsletter-embed form{flex-direction:column;}
  #ilymn-newsletter-embed button[type=submit]{width:100%;}
}

/* --- Experts: botão "Learn more" + Modal (pop-up) ---
   O overlay #ilymn-expert-modal e o "Learn more" de cada card são injetados
   por JS via WPCode (snippet "ILYMN Experts Modal", no Footer), porque esta
   instalação remove o widget HTML na importação — mesmo motivo do trailer,
   da newsletter e do seletor EN/DE. Aqui só o ESTILO: idêntico ao original
   (index.html linhas 888-909) — caixa inkSoft, foto à esquerda (5/12), texto
   Ã  direita (7/12), borda blood, sombra vermelha. No mobile empilha. --- */
.ilymn-em-more{
  display:inline-flex;align-items:center;gap:6px;margin-top:10px;
  font-family:'Roboto Mono',monospace;font-size:10px;letter-spacing:.18em;
  text-transform:uppercase;color:#E00303;transition:gap .2s,color .2s;
}
[data-ilymn-expert]:hover .ilymn-em-more{gap:12px;color:#fff;}
.ilymn-em-more .ilymn-em-arrow{transition:transform .2s;}
[data-ilymn-expert]:hover .ilymn-em-more .ilymn-em-arrow{transform:translateX(3px);}

#ilymn-expert-modal{
  position:fixed;inset:0;z-index:80;
  background:rgba(0,0,0,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
}
#ilymn-expert-modal.ilymn-em-hidden{display:none!important;}
#ilymn-expert-modal .ilymn-em-scroll{
  position:absolute;inset:0;overflow-y:auto;
  display:flex;align-items:flex-start;justify-content:center;
  padding:16px;
}
#ilymn-expert-modal .ilymn-em-panel{
  position:relative;width:100%;max-width:896px;margin:16px 0 32px;
  background:#0E0606;border:1px solid rgba(65,2,2,.4);border-radius:12px;overflow:hidden;
  box-shadow:0 40px 100px -30px rgba(224,3,3,.45);
}
#ilymn-expert-modal .ilymn-em-close{
  position:absolute;top:12px;right:12px;z-index:10;
  width:44px;height:44px;border-radius:9999px;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  background:rgba(0,0,0,.65);border:1px solid rgba(255,255,255,.15);
  color:#F5EFEF;transition:background .2s,color .2s;
}
#ilymn-expert-modal .ilymn-em-close:hover{background:#E00303;color:#fff;}
#ilymn-expert-modal .ilymn-em-grid{display:grid;grid-template-columns:5fr 7fr;}
#ilymn-expert-modal .ilymn-em-imgwrap{background:#1A0808;}
#ilymn-expert-modal .ilymn-em-imgwrap .ilymn-em-img{
  display:block;width:100%;aspect-ratio:1/1;object-fit:cover;filter:contrast(1.05);
}
#ilymn-expert-modal .ilymn-em-text{padding:40px;}
#ilymn-expert-modal .ilymn-em-role{
  font-family:'Roboto Mono',monospace;font-size:10px;letter-spacing:.18em;
  text-transform:uppercase;color:#E00303;margin:0 0 12px;
}
#ilymn-expert-modal .ilymn-em-name{
  font-family:'Bebas Neue',sans-serif;text-transform:uppercase;
  font-size:48px;line-height:1;color:#F5EFEF;margin:0 0 24px;
}
#ilymn-expert-modal .ilymn-em-name span{color:#E00303;}
#ilymn-expert-modal .ilymn-em-bio{
  font-family:Roboto,sans-serif;font-size:15px;line-height:1.7;color:rgba(245,239,239,.8);
}
#ilymn-expert-modal .ilymn-em-bio p{margin:0 0 14px;}
#ilymn-expert-modal .ilymn-em-bio p:last-child{margin-bottom:0;}
#ilymn-expert-modal .ilymn-em-bio em{font-style:italic;color:rgba(245,239,239,.92);}
@media(max-width:768px){
  #ilymn-expert-modal .ilymn-em-grid{grid-template-columns:1fr;}
  #ilymn-expert-modal .ilymn-em-text{padding:24px;}
  #ilymn-expert-modal .ilymn-em-name{font-size:34px;margin-bottom:18px;}
}

/* --- Véu cinematográfico do hero (escurece a imagem como no original) --- */
#hero{position:relative!important;}
#hero::after{
  content:'';position:absolute;inset:0;pointer-events:none;z-index:1;
  background:
    radial-gradient(ellipse at 50% 100%, rgba(224,3,3,0.22) 0%, transparent 60%),
    radial-gradient(ellipse at center, transparent 30%, rgba(0,0,0,0.6) 70%, rgba(0,0,0,0.95) 100%),
    linear-gradient(180deg, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0) 25%, rgba(0,0,0,0) 60%, rgba(0,0,0,0.95) 100%);
}
#hero > *{position:relative;z-index:2;}
#hero::before{
  content:'';position:absolute;top:0;left:0;right:0;height:1px;z-index:3;
  background:linear-gradient(90deg,transparent,#E00303,transparent);opacity:.7;
}

/* --- Navbar pílula fixa --- */
#ilymn-navbar{position:fixed!important;top:14px;left:0;right:0;z-index:9999;width:100%!important;padding:0!important;pointer-events:none;}
#ilymn-navbar>*{pointer-events:auto;}
#ilymn-navpill{
  max-width:1152px!important;margin:0 auto!important;width:calc(100% - 2rem)!important;
  background:rgba(0,0,0,.55)!important;border:1px solid rgba(255,255,255,.1)!important;
  border-radius:9999px!important;padding:12px 20px!important;
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
}
#ilymn-navpill a{font-family:Oswald,sans-serif;text-decoration:none;}
#ilymn-navlinks p{margin:0!important;display:flex!important;gap:24px;flex-wrap:nowrap;}
#ilymn-navlinks a{
  font-family:Oswald,sans-serif!important;font-size:13px!important;
  letter-spacing:.12em;text-transform:uppercase;color:rgba(245,239,239,.85)!important;
  white-space:nowrap;transition:color .2s;
}
#ilymn-navlinks a:hover{color:#E00303!important;}
@media(max-width:1024px){#ilymn-navlinks{display:none!important;}}

/* --- Seletor de idioma EN/DE (pílula). O texto/links reais vêm do
   WPML / Polylang; aqui só o estilo do contêiner #ilymn-langsel. --- */
#ilymn-langsel{flex:0 0 auto;}
#ilymn-langsel p{margin:0!important;}
#ilymn-langsel a{
  font-family:Oswald,sans-serif!important;font-size:12px!important;
  letter-spacing:.12em;text-transform:uppercase;text-decoration:none;
  color:rgba(245,239,239,.85)!important;border:1px solid rgba(255,255,255,.18);
  border-radius:9999px;padding:6px 12px;transition:color .2s,border-color .2s;
}
#ilymn-langsel a:hover{color:#E00303!important;border-color:rgba(224,3,3,.5);}

/* --- Crédito "A MOVIE BY / ALEFCINE PICTURES" no topo direito do hero --- */
#hero [class*="elementor-element"] .ilymn-credit,
#hero .ilymn-credit{position:absolute!important;top:120px;right:32px;z-index:5;text-align:right;}
@media(max-width:1024px){#hero .ilymn-credit{display:none!important;}}

/* --- Scroll suave + offset dos anchors sob o navbar --- */
html{scroll-behavior:smooth;}
#hero,#trailer,#about,#experts,#cast,#team{scroll-margin-top:90px;}

/* --- Esconde o cabeçalho de título do tema (.page-header > h1.entry-title),
   que mostra "ILYMN Teste 90" por cima do navbar. Não faz parte do design. --- */
.page-header,
.page-header .entry-title,
.elementor-page-title,
.elementor-widget-theme-page-title{display:none!important;}

/* --- Esconde o cabeçalho global do tema (#site-header), que mostra o nome do
   site "I Love You My Narcissist" e a tagline "A Movie About Narcissistic
   Abuse · And Recovery" por cima do navbar. Não faz parte do design; nosso
   navbar é o #ilymn-navbar (fixo, separado, fora deste header). --- */
#site-header,
header.site-header,
.site-header.dynamic-header,
.site-branding,
.site-description{display:none!important;}

/* --- Esconde o RODAPÉ do tema inteiro (#site-footer), que mostra a tagline
   "A Movie About Narcissistic Abuse · And Recovery" e um "All rights reserved"
   soltos abaixo do conteúdo do Elementor. Não faz parte do design; nosso rodapé
   (© AlefCine Pictures · All Rights Reserved) já está dentro do Elementor. --- */
#site-footer,
footer.site-footer,
.site-footer.dynamic-footer{display:none!important;}/* End custom CSS */