/* Componentes de página (componentes-pagina.php). */

/* Âncoras: um único deslocamento, medido pelo JS (classe no <html> só com JS). Substitui as somas antigas
   (scroll-padding do cabeçalho fixo + scroll-margin das seções), que deixavam a seção anterior aparecendo. */
html.lii-ancora-auto{scroll-padding-top:var(--lii-ancora-offset,0px)!important}
html.lii-ancora-auto [id]{scroll-margin-top:0!important}

/* Vídeo em tela cheia */
.lii-video-overlay{position:fixed;inset:0;width:100vw;height:100vh;max-width:none;max-height:none;margin:0;padding:clamp(12px,3vw,48px);border:0;background:rgba(6,0,21,.94);color:#fff;display:none;place-items:center;z-index:100000;box-sizing:border-box}
.lii-video-overlay[open]{display:grid}
.lii-video-overlay::backdrop{background:rgba(6,0,21,.94)}
.lii-video-overlay__quadro{position:relative;width:min(100%,calc((100vh - 2 * clamp(12px,3vw,48px)) * 16 / 9));aspect-ratio:16/9;background:#000}
.lii-video-overlay__quadro iframe,.lii-video-overlay__quadro video{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;background:#000}
.lii-video-overlay__fechar{position:fixed;top:clamp(8px,2vw,24px);right:clamp(8px,2vw,24px);width:48px;height:48px;display:grid;place-items:center;margin:0;padding:0;border:2px solid currentColor;border-radius:0;background:transparent;color:#fff;font:400 28px/1 'DM Sans',sans-serif;cursor:pointer;z-index:1}
.lii-video-overlay__fechar:hover{background:var(--cl-yellow,#FEBC0F);border-color:var(--cl-yellow,#FEBC0F);color:var(--cl-black,#060015)}
.lii-video-overlay__fechar:focus-visible{outline:3px solid var(--cl-yellow,#FEBC0F);outline-offset:3px}
html.lii-video-aberto{overflow:hidden}

/* Logos em dourado: a imagem vira máscara e o fundo dela é a cor dos prêmios. */
.wp-block-gallery.is-style-lii-logos-dourados{display:flex!important;flex-wrap:wrap;align-items:center;justify-content:center;gap:clamp(24px,3vw,40px) clamp(28px,4vw,56px)!important}
.wp-block-gallery.is-style-lii-logos-dourados>figure.wp-block-image{flex:0 0 auto!important;width:auto!important;margin:0!important}
.is-style-lii-logos-dourados img{height:var(--lii-logos-altura,56px)!important;width:auto!important;max-width:var(--lii-logos-largura,min(180px,40vw))!important;object-fit:contain!important}
@supports ((mask-image:url("")) or (-webkit-mask-image:url(""))){
 .is-style-lii-logos-dourados img[style*="--lii-logo"]{background:var(--lii-cor-premios,#A47A0C);-webkit-mask:var(--lii-logo) center/contain no-repeat;mask:var(--lii-logo) center/contain no-repeat;object-position:-99999px 0!important}
}
@media (max-width:600px){.is-style-lii-logos-dourados img{height:var(--lii-logos-altura-celular,40px)!important}}

/* Cards com imagem: os grupos de dentro viram cards. */
.wp-block-group.is-style-lii-cards-imagem{display:grid;grid-template-columns:repeat(var(--lii-cards-colunas,4),minmax(0,1fr));gap:40px 24px}
.wp-block-group.is-style-lii-cards-imagem>*{display:flex;flex-direction:column;gap:10px;margin:0!important;padding:0;border:0;min-width:0}
.wp-block-group.is-style-lii-cards-imagem>*>*{margin:0!important}
.wp-block-group.is-style-lii-cards-imagem>*>figure:first-child{margin:0 0 8px!important;overflow:hidden}
.wp-block-group.is-style-lii-cards-imagem>*>figure:first-child img{display:block;width:100%;height:auto;aspect-ratio:var(--lii-cards-proporcao,4/3);object-fit:cover}
.wp-block-group.is-style-lii-cards-imagem h3{font-size:20px;font-weight:700;line-height:1.2;letter-spacing:-.035em}
.wp-block-group.is-style-lii-cards-imagem p{font-size:15px;line-height:1.45}
@media (max-width:1024px){.wp-block-group.is-style-lii-cards-imagem{--lii-cards-colunas:2}}
@media (max-width:600px){
 .wp-block-group.is-style-lii-cards-imagem{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:78%;gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:8px}
 .wp-block-group.is-style-lii-cards-imagem>*{scroll-snap-align:start}
}

/* Carrossel automático (Galeria). Sem JS fica a galeria normal. */
.wp-block-gallery.is-style-lii-carrossel-auto.lii-carrossel-pronto{position:relative;display:grid!important;grid-template-columns:minmax(0,1fr);grid-template-rows:100%;gap:0!important;aspect-ratio:var(--lii-carrossel-proporcao,4/3);overflow:hidden}
.wp-block-gallery.is-style-lii-carrossel-auto.lii-carrossel-pronto>figure.wp-block-image{grid-area:1/1;width:100%!important;height:100%!important;min-height:0;overflow:hidden;margin:0!important;opacity:0;transition:opacity .8s ease;display:none}
.wp-block-gallery.is-style-lii-carrossel-auto.lii-carrossel-pronto>figure.wp-block-image.is-ativo,.wp-block-gallery.is-style-lii-carrossel-auto.lii-carrossel-pronto>figure.wp-block-image.is-proximo{display:block}
.wp-block-gallery.is-style-lii-carrossel-auto.lii-carrossel-pronto>figure.wp-block-image.is-ativo{opacity:1;z-index:1}
.wp-block-gallery.is-style-lii-carrossel-auto.lii-carrossel-pronto>figure.wp-block-image img{width:100%!important;height:100%!important;object-fit:cover;aspect-ratio:auto!important}
.lii-carrossel-controles{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);z-index:2;display:flex;align-items:center;gap:6px;margin:0;padding:6px 10px;background:rgba(6,0,21,.55)}
.lii-carrossel-controles button{width:24px;height:24px;margin:0;padding:0;border:0;background:transparent;display:grid;place-items:center;cursor:pointer;color:#fff}
.lii-carrossel-controles button[data-i]::before{content:"";width:9px;height:9px;border:1.5px solid #fff;border-radius:50%;box-sizing:border-box}
.lii-carrossel-controles button[aria-current=true]::before{background:#fff}
.lii-carrossel-controles .lii-carrossel-pausa{font:700 12px/1 'DM Sans',sans-serif;width:auto;padding:0 4px}
.lii-carrossel-controles button:focus-visible{outline:2px solid var(--cl-yellow,#FEBC0F);outline-offset:1px}
@media (prefers-reduced-motion:reduce){.wp-block-gallery.is-style-lii-carrossel-auto.lii-carrossel-pronto>figure.wp-block-image{transition:none}}
/* Na coluna de foto alta das páginas lii-escola (ex.: "Sobre o Estúdio"). */
.lii-escola .lii-e-tall.is-style-lii-carrossel-auto{--lii-carrossel-proporcao:520/700;margin:0}

/* Linhas das seções lii-e-*: seguem a cor do texto, com a mesma transparência de antes.
   Cor de borda escolhida no editor (estilo inline / has-border-color) continua valendo. */
body .lii-escola .lii-e-reasons>*:not(.has-border-color){border-top-color:color-mix(in srgb,currentColor 25%,transparent)}
body .lii-escola .lii-e-pillars:not(.has-border-color){border-top-color:color-mix(in srgb,currentColor 20%,transparent)}
body .lii-escola .lii-e-list li{border-top-color:color-mix(in srgb,currentColor 25%,transparent)}
body .lii-escola .lii-e-hero-row:not(.has-border-color){border-top-color:color-mix(in srgb,currentColor 40%,transparent)}
body .lii-escola .lii-e-facts>*:not(.has-border-color){border-left-color:color-mix(in srgb,currentColor 20%,transparent);border-top-color:color-mix(in srgb,currentColor 20%,transparent)}