/* Design System 2.0 (nova IDV) · componentes genéricos do Identidade 1.17.0. Só agem em blocos com estilos lii-* (painel → Estilos)
   e no bloco "Formas Locomotiva". Cores = tokens brand-* (tokens.css). Texto pequeno nunca abaixo de 15px; cantos retos. */
:root{--ds2-anton:Anton,Impact,sans-serif;--ds2-sans:'DM Sans',Arial,sans-serif}

/* Seções: fundo, cor do texto (--ds2-ink) e cor dos sobretítulos (--ds2-destaque) resolvidos por cor */
[class*="is-style-lii-secao-"]{color:var(--ds2-ink);background:var(--ds2-bg)}
.is-style-lii-secao-verde{--ds2-bg:var(--brand-green,#008437);--ds2-ink:var(--brand-white,#F3F4F6);--ds2-destaque:var(--brand-yellow,#FEBC0F)}
.is-style-lii-secao-amarelo{--ds2-bg:var(--brand-yellow,#FEBC0F);--ds2-ink:var(--brand-black,#060015);--ds2-destaque:var(--brand-pink,#FF006F)}
/* Rosa e azul (regra de 22/10, Nico 09/11): nunca texto branco. Rosa com texto Petróleo; a seção azul usa FOTOAZUL no fundo para manter o texto claro. Painel: Identidade › Design System. */
.is-style-lii-secao-rosa{--ds2-bg:var(--brand-pink,#FF006F);--ds2-ink:var(--ink-pink,var(--brand-black,#060015));--ds2-destaque:var(--ink-pink,var(--brand-black,#060015))}
.is-style-lii-secao-creme{--ds2-bg:var(--brand-cream,#FEF3DE);--ds2-ink:var(--brand-black,#060015);--ds2-destaque:var(--brand-pink,#FF006F)}
.is-style-lii-secao-branco{--ds2-bg:var(--brand-white,#F3F4F6);--ds2-ink:var(--brand-black,#060015);--ds2-destaque:var(--brand-pink,#FF006F)}
.is-style-lii-secao-azul{--ds2-bg:var(--secao-azul-bg,var(--brand-teal,#0B4255));--ds2-ink:var(--brand-white,#F3F4F6);--ds2-destaque:var(--brand-yellow,#FEBC0F)}
.is-style-lii-secao-laranja{--ds2-bg:var(--brand-orange,#FF4F0F);--ds2-ink:var(--ink-orange,var(--brand-black,#060015));--ds2-destaque:var(--ink-orange,var(--brand-black,#060015))}
.is-style-lii-secao-dourado{--ds2-bg:var(--brand-gold,#A47A0C);--ds2-ink:var(--ink-gold,var(--brand-cream,#FEF3DE));--ds2-destaque:var(--ink-gold,var(--brand-cream,#FEF3DE))}
.is-style-lii-secao-violeta{--ds2-bg:var(--brand-violet,#A536FF);--ds2-ink:var(--on-violet,#FFFFFF);--ds2-destaque:var(--brand-yellow,#FEBC0F)}
.is-style-lii-secao-roxo{--ds2-bg:var(--brand-purple,#361C75);--ds2-ink:var(--brand-cream,#FEF3DE);--ds2-destaque:var(--brand-yellow,#FEBC0F)}
.is-style-lii-secao-preto{--ds2-bg:var(--brand-black,#060015);--ds2-ink:var(--brand-cream,#FEF3DE);--ds2-destaque:var(--brand-yellow,#FEBC0F)}
.is-style-lii-secao-petroleo{--ds2-bg:var(--brand-teal-deep,#052C3B);--ds2-ink:var(--brand-white,#F3F4F6);--ds2-destaque:var(--brand-yellow,#FEBC0F)}
[class*="is-style-lii-secao-"] :where(h1,h2,h3,h4,p,li,figcaption){color:inherit}
/* Texto branco nunca sobre laranja (Nico 11/11): etiquetas da seção laranja em Petróleo até o layout novo */
.lii-escola .is-style-lii-secao-laranja .lii-e-tags li,.lii-escola.lii-escola-idv .is-style-lii-secao-laranja .lii-e-tags li,.is-style-lii-secao-laranja .lii-e-tags li{color:var(--ink-orange,var(--brand-black,#060015));border-color:currentColor}
/* Âncoras: param abaixo do cabeçalho fixo (rolagem suave: interface.css) */
[class*="is-style-lii-secao-"][id]{scroll-margin-top:calc(var(--lii-header-h,100px) + var(--wp-admin--admin-bar--height,0px) + 16px)}
/* Tema escuro do site: seções claras (branco, creme) ganham o fundo escuro da página e texto claro; as coloridas ficam como estão */
html[data-lii-theme=dark] .lii-theme-enabled :is(.is-style-lii-secao-branco,.is-style-lii-secao-creme){--ds2-bg:var(--lii-page-bg,#140D1F);--ds2-ink:var(--lii-page-ink,#FEF3DE)}

/* Tipografia */
/* Sobretítulo (Nico 11/11): DM Sans Bold 17px, caixa alta, 20% do tamanho. Painel: Identidade › Design System. */
.is-style-lii-sobretitulo{font-family:var(--ds2-sans);font-size:var(--cl-eyebrow-size,17px);font-weight:700;line-height:1.3;letter-spacing:var(--cl-eyebrow-tracking,.2em);text-transform:uppercase}
.is-style-lii-sobretitulo:not(.has-text-color){color:var(--ds2-destaque,var(--brand-pink,#FF006F))}
.is-style-lii-destaque{font-size:clamp(20px,1.6vw,22px);font-weight:500;line-height:1.35;letter-spacing:-.01em}
:is(.is-style-lii-titulo-secao,.is-style-lii-titulo-display){font-family:var(--ds2-anton);font-weight:400;text-transform:uppercase;line-height:1.02;letter-spacing:-.035em;text-wrap:var(--cl-quebra-texto,pretty)}
.is-style-lii-titulo-secao{font-size:clamp(36px,3.9vw,56px)}
.is-style-lii-titulo-display{font-size:clamp(46px,7.2vw,104px);line-height:1;letter-spacing:-.02em}

/* Botões (Nico 11/11): DM Sans Bold 16px, 10% do tamanho, caixa alta, cantos retos; fundo amarelo, creme ou transparente (Contorno). Painel: Identidade › Design System. */
[class*="is-style-lii-botao-"] .wp-block-button__link{border-radius:0;font-family:var(--ds2-sans);font-size:var(--cl-button-size,16px);font-weight:700;line-height:1.3;letter-spacing:var(--cl-button-tracking,.1em);text-transform:uppercase;padding:14px 22px;min-height:var(--control-min-height,48px);border:1px solid transparent;text-decoration:none}
[class*="is-style-lii-botao-"] .wp-block-button__link:hover{filter:brightness(.9);text-decoration:underline}
.is-style-lii-botao-amarelo .wp-block-button__link{background:var(--brand-yellow,#FEBC0F);color:var(--brand-black,#060015)}
.is-style-lii-botao-escuro .wp-block-button__link{background:var(--brand-black,#060015);color:var(--brand-white,#F3F4F6)}
.is-style-lii-botao-creme .wp-block-button__link{background:var(--brand-cream,#FEF3DE);color:var(--brand-black,#060015)}
.is-style-lii-botao-petroleo .wp-block-button__link{background:var(--brand-teal-deep,#052C3B);color:var(--brand-white,#F3F4F6)}
.is-style-lii-botao-contorno .wp-block-button__link{background:transparent;color:inherit;border-color:currentColor}
/* Lado a lado com a mesma altura, alinhados na base; duas linhas: 1ª Bold, 2ª Regular */
div.wp-block-buttons:is(.is-style-lii-botoes,.is-style-lii-botoes-duas-linhas){display:flex;flex-wrap:wrap;align-items:stretch;gap:16px}
div.wp-block-buttons:is(.is-style-lii-botoes,.is-style-lii-botoes-duas-linhas)>.wp-block-button{display:flex;margin:0}
:is(.is-style-lii-botoes,.is-style-lii-botoes-duas-linhas)>.wp-block-button>.wp-block-button__link{display:flex;align-items:center;justify-content:center;width:100%}
.is-style-lii-botoes-duas-linhas .wp-block-button__link{font-weight:400;text-align:center;line-height:1.6}
.is-style-lii-botoes-duas-linhas .wp-block-button__link::first-line{font-weight:700}
/* Empilhados: todos com a altura do maior */
@media(max-width:680px){div.wp-block-buttons:is(.is-style-lii-botoes,.is-style-lii-botoes-duas-linhas){display:grid;grid-template-columns:1fr;grid-auto-rows:1fr}:is(.is-style-lii-botoes,.is-style-lii-botoes-duas-linhas)>.wp-block-button{width:100%}:is(.is-style-lii-botoes,.is-style-lii-botoes-duas-linhas) .wp-block-button__link{white-space:normal}}

/* Cards: imagem em cima, corpo, último parágrafo (link) sempre na base, mesma altura na linha */
[class*="is-style-lii-card-"]{display:flex;flex-direction:column}
[class*="is-style-lii-card-"]>figure{margin:0}
.wp-block-group[class*="is-style-lii-card-"]>figure img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
[class*="is-style-lii-card-"]>.wp-block-group{flex:1;display:flex;flex-direction:column;gap:12px;padding:22px}
[class*="is-style-lii-card-"]>.wp-block-group>p:last-child{margin-top:auto}
[class*="is-style-lii-card-"] :where(h3){font-size:17px;font-weight:700;line-height:1.2;text-transform:uppercase;margin:0}
[class*="is-style-lii-card-"] :where(p){font-size:15px;margin:0}
[class*="is-style-lii-card-"] :where(a){text-decoration:none}
.wp-block-group.is-style-lii-card-amarelo{background:var(--brand-yellow,#FEBC0F);color:var(--brand-black,#060015)}
.wp-block-group.is-style-lii-card-escuro{background:var(--brand-black,#060015);color:var(--brand-cream,#FEF3DE)}
html[data-lii-theme=dark] .lii-theme-enabled .is-style-lii-card-amarelo{background:var(--brand-yellow,#FEBC0F)!important;color:var(--brand-black,#060015)!important}
html[data-lii-theme=dark] .lii-theme-enabled .is-style-lii-card-amarelo :is(h3,p,a){color:var(--brand-black,#060015)!important}

/* Depoimento: tema, citação em itálico e autor (foto redonda, nome e curso) sempre na base do card */
.wp-block-group.is-style-lii-depoimento{display:flex;flex-direction:column;gap:24px;padding:32px;background:var(--brand-teal,#0B4255);color:var(--brand-white,#F3F4F6)}
.is-style-lii-depoimento p{margin:0}
.is-style-lii-depoimento .lii-depoimento-tema{font-size:15px;font-weight:700;line-height:1.45;letter-spacing:.2em;text-transform:uppercase;color:var(--brand-yellow,#FEBC0F)}
.is-style-lii-depoimento .lii-depoimento-texto{font-size:22px;font-style:italic;line-height:1.35;letter-spacing:-.02em}
.wp-block-group.is-style-lii-depoimento>.lii-depoimento-autor{display:flex;align-items:center;gap:12px;margin-top:auto}
.is-style-lii-depoimento .lii-depoimento-autor figure{flex:0 0 44px;margin:0}
.is-style-lii-depoimento .lii-depoimento-autor img{display:block;width:44px;height:44px;border-radius:50%;object-fit:cover}
.is-style-lii-depoimento .lii-depoimento-autor p{font-size:15px;line-height:1.3}

/* Vídeo do depoimento (janela modal do ds2.js) */
.is-style-lii-depoimento .lii-depoimento-autor a{color:inherit;text-decoration:underline;text-underline-offset:4px}
.lii-ds2-video{width:min(960px,92vw);max-height:92vh;padding:0;border:0;border-radius:0;background:#000;color:var(--brand-white,#F3F4F6);overflow:visible}
.lii-ds2-video::backdrop{background:rgba(6,0,21,.82)}
.lii-ds2-video video{display:block;width:100%;max-height:88vh;background:#000}
dialog.lii-ds2-video>button.lii-ds2-video-fechar,dialog.lii-ds2-video>button.lii-ds2-video-fechar:hover,dialog.lii-ds2-video>button.lii-ds2-video-fechar:focus{padding:0;box-shadow:none;position:absolute;top:-48px;right:0;width:44px;height:44px;border:0;border-radius:0;background:var(--brand-yellow,#FEBC0F);color:var(--brand-black,#060015);font:700 28px/1 var(--ds2-sans);cursor:pointer}
.lii-ds2-video-fechar:focus-visible{outline:3px solid var(--brand-white,#F3F4F6);outline-offset:2px}

/* Acordeão (bloco Detalhes): + gira para ×; a transição de altura vem do ds2.js (instantânea com movimento reduzido) */
.is-style-lii-acordeao{border-top:1px solid currentColor;overflow:hidden}
.is-style-lii-acordeao>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;padding:18px 0;font-weight:700}
.is-style-lii-acordeao>summary::-webkit-details-marker{display:none}
.is-style-lii-acordeao>summary::after{content:"+";font-size:1.4em;line-height:1;transition:transform .28s cubic-bezier(.2,.7,.2,1)}
.is-style-lii-acordeao[open]:not(.is-closing)>summary::after{transform:rotate(45deg)}
@media(prefers-reduced-motion:reduce){.is-style-lii-acordeao>summary::after{transition:none}}

/* Carrossel com setas: grupo de imagens que rola na horizontal com scroll-snap; ds2.js põe setas, legenda e Pausar dentro da imagem */
.is-style-lii-carrossel-setas{display:flex!important;gap:0;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-x:contain}
.is-style-lii-carrossel-setas::-webkit-scrollbar{display:none}
.is-style-lii-carrossel-setas>figure{align-self:flex-start;flex:0 0 min(380px,78vw);scroll-snap-align:start;margin:0!important}
.is-style-lii-carrossel-setas>.wp-block-image img{display:block;width:100%;height:clamp(320px,33vw,480px);object-fit:cover}
.is-style-lii-carrossel-setas figcaption{position:absolute;left:-9999px}
.lii-ds2-carrossel{position:relative;min-width:0}
.lii-ds2-pausa{position:absolute;right:12px;bottom:12px;z-index:2;font:500 15px/1.3 var(--ds2-sans);padding:8px 12px;border:0;border-radius:0;background:rgba(6,0,21,.55);color:var(--brand-cream-soft,#FFFEEE);cursor:pointer}
.lii-ds2-pausa:hover,.lii-ds2-pausa:focus-visible{background:rgba(6,0,21,.72)}
.lii-ds2-pausa[hidden]{display:none}
.lii-ds2-controles{display:flex;align-items:center;gap:12px;margin-top:20px}
.lii-ds2-controles[hidden]{display:none}
.lii-ds2-controles button{display:inline-grid;place-items:center;width:46px;height:46px;padding:0;margin:0;border:0;border-radius:0;background:var(--brand-black,#060015);color:var(--brand-yellow,#FEBC0F);font:700 20px/1 var(--ds2-sans);cursor:pointer}
.lii-ds2-controles button:hover:not(:disabled),.lii-ds2-controles button:focus-visible{background:var(--brand-pink,#FF006F);color:var(--brand-cream-soft,#FFFEEE)}
.lii-ds2-controles button:disabled{color:#757575;cursor:default}
.lii-ds2-legenda{font-size:15px;font-weight:500}
@media(prefers-reduced-motion:reduce){.is-style-lii-carrossel-setas{scroll-behavior:auto}}

/* Fila: cards que sangram nas duas bordas da seção e rolam na horizontal; começa centralizada (ds2.js) */
.wp-block-group.is-style-lii-fila{display:flex!important;flex-wrap:nowrap;gap:0;margin-inline:calc(50% - 50vw)!important;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;overscroll-behavior-x:contain}
.is-style-lii-fila::-webkit-scrollbar{display:none}
.is-style-lii-fila>*{flex:0 0 auto;scroll-snap-align:center;margin:0!important}

/* Formas Locomotiva: atrás do conteúdo, sem clique nem foco; a seção corta na própria borda (sem rolagem horizontal) */
:where(.wp-block-group,.wp-block-cover):has(>.wp-block-locomotiva-formas){position:relative;overflow:hidden;overflow:clip;isolation:isolate}
:where(.wp-block-group,.wp-block-cover):has(>.wp-block-locomotiva-formas)>:not(.wp-block-locomotiva-formas){position:relative;z-index:1}
.wp-block-locomotiva-formas{position:absolute;z-index:0;margin:0!important;padding:0;pointer-events:none}
.lii-formas-camada{position:absolute;inset:0;width:100%;height:100%;overflow:visible;transform-origin:50% 50%;animation:lii-formas-deriva 16s ease-in-out infinite alternate;will-change:transform}
.lii-formas.is-parado .lii-formas-camada,.lii-formas.is-fora .lii-formas-camada{animation-play-state:paused}
.lii-formas.is-parado .lii-formas-camada{animation:none}
@keyframes lii-formas-deriva{from{transform:translate3d(0,0,0) rotate(0deg)}to{transform:translate3d(var(--fita-dx),var(--fita-dy),0) rotate(var(--fita-rot))}}
@media(prefers-reduced-motion:reduce){.lii-formas-camada{animation:none!important}}
/* No editor a composição aparece como prévia estática, com altura mínima para ser selecionável */
.editor-styles-wrapper .wp-block-locomotiva-formas{position:relative;min-height:60px;opacity:.85}
.editor-styles-wrapper .wp-block-locomotiva-formas .lii-formas{position:relative!important;inset:auto!important;width:100%!important;margin:0!important;translate:none!important}