/* ============================================================
   SEÇÃO · carrossel (casos · banda · histórias)
   Convertido de gloda-home.html. Escopo .lp-root.
   ============================================================ */
/* ============================================================
   7 · CARROSSÉIS
   ============================================================ */
.lp-root .car-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-24);margin-bottom:var(--space-32);}
.lp-root .car-nav{display:flex;gap:var(--space-8);flex:0 0 auto;}
.lp-root .car-btn{
  width:56px;height:56px;border-radius:50%;
  border:1px solid var(--line);background:var(--paper);color:var(--ink);
  display:grid;place-items:center;transition:all .2s ease;
}
.lp-root .car-btn:hover:not([disabled]){background:var(--navy-900);color:var(--paper);border-color:var(--navy-900);}
.lp-root .car-btn:active{transform:scale(.972);}
.lp-root .car-btn[disabled]{opacity:.3;cursor:default;}
.lp-root .track{
  display:flex;gap:var(--space-20);
  overflow-x:auto;overflow-y:hidden;
  scroll-snap-type:x mandatory;scroll-behavior:smooth;
  -webkit-overflow-scrolling:touch;scrollbar-width:none;
  touch-action:pan-x pan-y;
  overscroll-behavior-x:contain;
  cursor:grab;
}
.lp-root .track:active{cursor:grabbing;}
.lp-root .track::-webkit-scrollbar{display:none;}
.lp-root .track > *{scroll-snap-align:start;flex:0 0 auto;min-width:0;}
/* indicadores de paginação — PADRÃO GLOBAL (19/10/2026, doc 18/10 item 08): o desenho dos Casos vale para
   todos os carrosséis do site. Inativo = círculo de 8px cinza; ativo = cápsula de 32px preta. A área de toque
   (24px de altura, folga lateral) é maior que o desenho. Mudou aqui, mudou em todos. */
.lp-root .dots{display:flex;gap:var(--space-4);justify-content:center;margin-top:var(--space-32);}
.lp-root .dot-btn{width:auto;height:24px;min-width:16px;padding:0 var(--space-4);display:grid;place-items:center;border-radius:var(--radius-full);}
.lp-root .dot-btn i{display:block;width:8px;height:8px;border-radius:var(--radius-full);background:#86868b;opacity:.5;transition:width .25s cubic-bezier(.2,.7,.2,1),opacity .2s ease,background-color .2s ease;}
.lp-root .dot-btn.is-on i{width:32px;transform:none;background:#1d1d1f;opacity:1;}
.lp-root .dot-btn:focus-visible{outline:2px solid var(--blue);outline-offset:2px;}
@media (pointer:coarse){ .lp-root .dot-btn{height:32px;min-width:24px;} }
/* — casos: imagem 4:3, inset 40 — */
.lp-root .case{
  width:100%;display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);   /* regra 7 */
  gap:var(--space-40);padding:var(--space-40);
  background:var(--paper-2);border-radius:var(--radius-lg);overflow:hidden;
}
.lp-root .case-media{position:relative;aspect-ratio:4 / 3;overflow:hidden;border-radius:var(--radius);background:var(--paper-3);}
.lp-root .case-media img{
  position:absolute!important;inset:0!important;
  width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;
}
.lp-root .case-body{display:flex;flex-direction:column;justify-content:center;gap:var(--space-12);min-width:0;}
.lp-root .case-logo{height:47px;width:auto;max-width:190px;flex:0 0 auto;margin-bottom:var(--space-4);}
.lp-root .case-logo img{
  height:100%!important;width:auto!important;max-width:100%!important;
  object-fit:contain!important;object-position:left center!important;background:transparent;
}
.lp-root .case-promise{font-size:var(--fs-h3);font-weight:600;line-height:1.2;letter-spacing:var(--ls-apoio);}
.lp-root .case-body p{font-size:var(--fs-base);line-height:1.65;color:var(--ink-2);}
.lp-root .case-body .btn{align-self:flex-start;margin-top:var(--space-8);}
/* — histórias: card 590, mídia 3:2, inset 40 — */
.lp-root .story{
  width:calc((100% - var(--space-20)) / 2);
  background:var(--paper-2);border-radius:var(--radius-lg);
  padding:var(--space-40);display:flex;flex-direction:column;gap:var(--space-20);
}
.lp-root .story-media{position:relative;aspect-ratio:510 / 341;overflow:hidden;border-radius:var(--radius);background:var(--paper-3);}
.lp-root .story-media img{
  position:absolute!important;inset:0!important;
  width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;
  transition:transform .7s ease;
}
.lp-root .story:hover .story-media img{transform:scale(1.04);}
.lp-root .story-body{display:flex;align-items:flex-end;gap:var(--space-20);flex:1 1 auto;min-width:0;}
.lp-root .story-txt{flex:1 1 auto;min-width:0;}
.lp-root .story-txt h3{font-size:var(--fs-h4);font-weight:600;line-height:1.25;letter-spacing:var(--ls-apoio);}
.lp-root .story-txt p{margin-top:var(--space-8);font-size:var(--fs-sm);line-height:1.55;color:var(--ink-2);}
.lp-root .story-go{
  width:64px;height:64px;min-width:64px;border-radius:50%;flex:0 0 auto;
  background:var(--navy-900);color:var(--paper);display:grid;place-items:center;transition:transform .2s ease;
}
.lp-root .story-go:hover{transform:scale(1.08);}
.lp-root .story-go:active{transform:scale(.972);}
/* — bandas: proporções medidas, não 21/9 — */
.lp-root .band-slide{width:100%;position:relative;overflow:hidden;border-radius:var(--radius-lg);background:var(--paper-3);}
.lp-root .band-1 .band-slide{aspect-ratio:1200 / 655;}
.lp-root .band-2 .band-slide{aspect-ratio:1200 / 612;}
.lp-root .band-slide img{
  position:absolute!important;inset:0!important;
  width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;
}
@media (max-width:1024px){
  .lp-root .case{grid-template-columns:minmax(0,1fr);}
  /* bug 6.13: imagem sempre primeiro ao empilhar */
  .lp-root .case-media{order:1;}
  .lp-root .case-body{order:2;}
}
@media (max-width:768px){
  .lp-root .car-head{flex-direction:column;align-items:flex-start;gap:var(--space-16);}
  .lp-root .track{gap:var(--space-12);}
  .lp-root .story{width:100%;padding:var(--space-24);}
  .lp-root .case{padding:var(--space-24);gap:var(--space-24);}
  .lp-root .case-media,.lp-root .band-1 .band-slide,.lp-root .band-2 .band-slide{aspect-ratio:4/3;}
  .lp-root .story-go{width:56px;height:56px;min-width:56px;}
}
@media (max-width:420px){
  .lp-root .story-body{flex-wrap:wrap;}
}

/* ============================================================
   variante grade — cards de historias em 2 colunas, sem trilho (/franquias, Figma 249:220)
   ============================================================ */
.lp-root .car-grade-tit{margin-bottom:var(--space-32);}
.lp-root .car-grade{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-20);}
.lp-root .car-grade .story{width:auto;}
@media (max-width:768px){
  .lp-root .car-grade{grid-template-columns:minmax(0,1fr);gap:var(--space-12);}
}

/* ============================================================
   CASOS — ESTILOS ALTERNATIVOS (Home V2, 24/09/2026). Mesma marcação, mesmo JS.
   .car-e = qualquer estilo novo; .car-e-<nome> = o estilo. Especificidade maior que o base.css.
   ============================================================ */
/* comum: título Apple, eyebrow, setas pequenas cinza, indicador em pílula */
.lp-root .car-e .car-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;column-gap:var(--space-24);margin-bottom:var(--space-40);}
.lp-root .car-e .car-eye{grid-column:1 / -1;margin-bottom:var(--space-12);}
.lp-root .car-e .h-sec{font-size:var(--fs-display);font-weight:600;line-height:1.1;letter-spacing:var(--ls-apoio);max-width:22ch;}
.lp-root .car-e .car-btn{width:44px;height:44px;border:0;background-color:#e8e8ed!important;color:#1d1d1f;}
.lp-root .car-e .car-btn:hover:not([disabled]){background-color:#d2d2d7!important;color:#1d1d1f;}
.lp-root .car-e .car-btn[disabled]{opacity:.4;}
/* indicadores: agora globais (ver ".dots" no topo, 19/10/2026) */
.lp-root .car-e .case-promise{letter-spacing:var(--ls-apoio);}
.lp-root .car-e .case-body p{color:#6e6e73;}

/* ── 1 · vitrine (Apple): foto grande sangrando no card, texto grande à direita */
.lp-root .car-e-vitrine .case{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:0;padding:0;background:#f5f5f7;}
.lp-root .car-e-vitrine .case-media{aspect-ratio:auto;min-height:480px;border-radius:0;}
.lp-root .car-e-vitrine .case-body{padding:var(--space-56);gap:var(--space-16);}
.lp-root .car-e-vitrine .case-promise{font-size:var(--fs-h2);line-height:1.15;color:#1d1d1f;}
.lp-root .car-e-vitrine .case-body p{font-size:var(--fs-h4);font-weight:400;line-height:1.5;}
.lp-root .car-e-vitrine .case-body .btn{margin-top:var(--space-16);}

/* ── 2 · escuro (Insta360): bloco preto, card grafite, texto branco, indicador em traços */
.lp-root .car-e-escuro{background:#07090f;border-radius:var(--radius-lg);padding:var(--space-64) var(--space-56);color:#fff;}
.lp-root .car-e-escuro .h-sec{color:#fff;}
.lp-root .car-e-escuro .car-eye{color:#7fb0ff;}
.lp-root .car-e-escuro .car-btn{background-color:rgba(255,255,255,.1)!important;color:#fff;}
.lp-root .car-e-escuro .car-btn:hover:not([disabled]){background-color:rgba(255,255,255,.2)!important;color:#fff;}
.lp-root .car-e-escuro .case{background:#15171d;padding:var(--space-32);}
.lp-root .car-e-escuro .case-logo img{filter:brightness(0) invert(1);}
.lp-root .car-e-escuro .case-promise{color:#fff;font-size:var(--fs-h2);line-height:1.15;}
.lp-root .car-e-escuro .case-body p{color:rgba(255,255,255,.66);}
.lp-root .car-e-escuro .case-body .btn-dark{background-color:#fff!important;color:#07090f;}
.lp-root .car-e-escuro .case-body .btn-dark:hover{background-color:#e8e8ed!important;}
.lp-root .car-e-escuro .dot-btn i{width:28px;height:3px;border-radius:2px;background:#fff;opacity:.25;}
.lp-root .car-e-escuro .dot-btn.is-on i{width:48px;background:#fff;opacity:1;}

/* ── 3 · foto: a foto é o card inteiro; logo, promessa e botão por cima, embaixo à esquerda */
.lp-root .car-e-foto .case{position:relative;display:block;padding:0;min-height:560px;background:#111;}
.lp-root .car-e-foto .case-media{position:absolute;inset:0;aspect-ratio:auto;border-radius:0;}
.lp-root .car-e-foto .case-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 35%,rgba(0,0,0,.78) 100%);}
.lp-root .car-e-foto .case-body{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:var(--space-48);max-width:640px;color:#fff;}
.lp-root .car-e-foto .case-logo img{filter:brightness(0) invert(1);}
.lp-root .car-e-foto .case-promise{font-size:var(--fs-h2);line-height:1.15;color:#fff;}
.lp-root .car-e-foto .case-body p{color:rgba(255,255,255,.82);}
.lp-root .car-e-foto .case-body .btn-dark{background-color:#fff!important;color:#111;}
.lp-root .car-e-foto .case-body .btn-dark:hover{background-color:#e8e8ed!important;}

/* ── 4 · dupla (DJI): dois casos por vez, foto em cima, texto embaixo, centralizado */
.lp-root .car-e-dupla .case{
  width:calc((100% - var(--space-20)) / 2);display:flex;flex-direction:column;
  padding:0;gap:0;background:#f5f5f7;text-align:center;
}
.lp-root .car-e-dupla .case-media{aspect-ratio:3/2;border-radius:0;}
.lp-root .car-e-dupla .case-body{padding:var(--space-40) var(--space-32);align-items:center;justify-content:flex-start;}
.lp-root .car-e-dupla .case-logo img{object-position:center center!important;}
.lp-root .car-e-dupla .case-promise{font-size:var(--fs-h3);color:#1d1d1f;}
.lp-root .car-e-dupla .case-body .btn{align-self:center;}

/* ── 5 · citacao: a promessa vira uma frase grande entre aspas; foto pequena ao lado */
.lp-root .car-e-citacao .case{grid-template-columns:minmax(0,280px) minmax(0,1fr);gap:var(--space-56);align-items:center;padding:var(--space-56);background:#fff;border:1px solid #e5e5ea;}
.lp-root .car-e-citacao .case-media{aspect-ratio:4/5;border-radius:var(--radius-lg);}
.lp-root .car-e-citacao .case-body{gap:var(--space-20);}
.lp-root .car-e-citacao .case-logo{order:3;height:36px;margin:var(--space-8) 0 0;}
.lp-root .car-e-citacao .case-promise{order:1;position:relative;font-size:var(--fs-display);line-height:1.12;color:#1d1d1f;}
.lp-root .car-e-citacao .case-promise::before{content:"\201C";display:block;height:.5em;font-size:1.6em;line-height:1;color:var(--blue);}
.lp-root .car-e-citacao .case-body p{order:2;font-size:var(--fs-h4);font-weight:400;line-height:1.5;}
.lp-root .car-e-citacao .case-body .btn{order:4;}

/* ── celular e tablet */
@media (max-width:1024px){
  .lp-root .car-e-vitrine .case,.lp-root .car-e-escuro .case,.lp-root .car-e-citacao .case{grid-template-columns:minmax(0,1fr);}
  .lp-root .car-e-vitrine .case-media{min-height:0;aspect-ratio:4/3;}
  .lp-root .car-e-citacao .case-media{max-width:240px;}
}
@media (max-width:768px){
  .lp-root .car-e .car-head{grid-template-columns:minmax(0,1fr);row-gap:var(--space-16);}
  .lp-root .car-e .car-nav{justify-self:start;}
  .lp-root .car-e-vitrine .case-body{padding:var(--space-24);}
  .lp-root .car-e-escuro{padding:var(--space-40) var(--space-20);}
  .lp-root .car-e-escuro .case{padding:var(--space-20);}
  .lp-root .car-e-foto .case{min-height:520px;}
  .lp-root .car-e-foto .case-body{padding:var(--space-24);}
  .lp-root .car-e-dupla .case{width:100%;}
  .lp-root .car-e-dupla .case-body{padding:var(--space-24);}
  .lp-root .car-e-citacao .case{padding:var(--space-24);gap:var(--space-24);}
  .lp-root .car-e-citacao .case-media{max-width:none;aspect-ratio:4/3;}
  .lp-root .car-e-citacao .case-promise{font-size:var(--fs-h2);}
}

/* banda que cresce ao entrar na tela (Solução V2, 24/09/2026) — prop "cresce" na banda.
   Só CSS (animation-timeline), só transform. Navegador sem suporte: a foto fica parada, inteira. */
@supports (animation-timeline:view()){
  .lp-root .band-cresce .band-slide{animation:lpBandCresce linear both;animation-timeline:view();animation-range:entry 0% cover 40%;}
  @keyframes lpBandCresce{from{transform:scale(.9)}to{transform:scale(1)}}
}
@media (prefers-reduced-motion:reduce){ .lp-root .band-cresce .band-slide{animation:none;} }

/* grade que entra em cascata (Parceiros V2, 24/09/2026) — prop "entra" na grade.
   Coluna da direita entra um pouco depois da esquerda; card sobe 4px no hover. */
.lp-root .car-entra .car-grade .story{transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);}
.lp-root .car-entra .car-grade .story:nth-child(2n){transition-delay:.14s;}
@media (hover:hover){ .lp-root .car-entra .car-grade .story.on:hover{transform:translateY(-4px);transition-delay:0s;transition-duration:.25s;} }
@media (max-width:768px){ .lp-root .car-entra .car-grade .story{transition-delay:0s!important;} }

/* ── 6 · lista (Impacto V2, 24/09/2026): os casos empilhados, foto e texto alternando de lado,
   como no frame "Impacto" do Figma (6:717). Sem trilho, setas nem indicador. Entram com a rolagem. */
.lp-root .car-e-lista .car-head{display:block;margin-bottom:var(--space-40);}
.lp-root .car-e-lista .car-lista{display:flex;flex-direction:column;gap:var(--space-20);}
.lp-root .car-e-lista .case{
  grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:0;padding:0;background:#f5f5f7;
  scroll-margin-top:140px;
}
.lp-root .car-e-lista .case:nth-child(2n) .case-media{order:2;}
.lp-root .car-e-lista .case-media{aspect-ratio:auto;min-height:460px;border-radius:0;}
.lp-root .car-e-lista .case-media img{transition:transform .8s cubic-bezier(.2,.7,.2,1);}
@media (hover:hover){ .lp-root .car-e-lista .case:hover .case-media img{transform:scale(1.03);} }
.lp-root .car-e-lista .case-body{padding:var(--space-56);gap:var(--space-12);}
.lp-root .car-e-lista .case-body .case-eye{margin-bottom:var(--space-4);color:var(--blue);font-size:var(--fs-xs);line-height:1.2;}
.lp-root .car-e-lista .case:has(.case-sigla) .case-logo{display:none;}   /* sem foto, o nome já está grande na mídia */
.lp-root .car-e-lista .case-logo{height:44px;display:flex;align-items:center;margin-bottom:var(--space-8);}
.lp-root .car-e-lista .case-nome{font-size:var(--fs-h3);font-weight:700;line-height:1;letter-spacing:-.01em;color:#1d1d1f;white-space:nowrap;}
.lp-root .car-e-lista .case-promise{font-size:var(--fs-h2);line-height:1.15;color:#1d1d1f;}
.lp-root .car-e-lista .case-body p{font-size:var(--fs-h4);font-weight:400;line-height:1.5;}
.lp-root .car-e-lista .case-body .btn{margin-top:var(--space-16);}
/* sem foto: o nome em degradê sobre brilho — nunca cinza vazio */
.lp-root .car-e-lista .case-media:has(.case-sigla){
  display:grid;place-items:center;padding:var(--space-32);
  background:radial-gradient(circle at 32% 34%,rgba(132,20,220,.13) 0%,transparent 55%),
             radial-gradient(circle at 66% 66%,rgba(1,90,255,.16) 0%,transparent 58%),#eceef4;
}
.lp-root .car-e-lista .case-sigla{
  font-size:clamp(36px,4.6vw,64px);font-weight:600;line-height:1.05;letter-spacing:var(--ls-apoio);text-align:center;
  background:linear-gradient(90deg,#16265e 0%,#015aff 55%,#8414dc 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
@media (max-width:1024px){
  .lp-root .car-e-lista .case{grid-template-columns:minmax(0,1fr);}
  .lp-root .car-e-lista .case:nth-child(2n) .case-media{order:0;}
  .lp-root .car-e-lista .case-media{min-height:0;aspect-ratio:4/3;}
  .lp-root .car-e-lista .case-body{padding:var(--space-40);}
}
@media (max-width:768px){
  .lp-root .car-e-lista .car-lista{gap:var(--space-12);}
  .lp-root .car-e-lista .case-body{padding:var(--space-24);}
  .lp-root .car-e-lista .case-logo{height:36px;}
}

/* banda com vídeo (Home, 08/10/2026): mesmo enquadramento da foto; o pôster aparece até o vídeo tocar. */
.lp-root .band-slide video{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;
}

/* Caso com vídeo (Impacto, 08/10/2026): roda mudo na lista; o botão cobre a mídia e abre em tela grande */
.lp-root .car-e-lista .case-media--video video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}
.lp-root .case-expande{position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;background:transparent;cursor:zoom-in;}
.lp-root .case-expande-ico{position:absolute;right:20px;bottom:20px;width:44px;height:44px;border-radius:999px;display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.82);color:#1d1d1f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform .3s cubic-bezier(.2,.7,.2,1),background .3s;}
.lp-root .case-expande-ico svg{width:18px;height:18px;}
@media (hover:hover){ .lp-root .case-expande:hover .case-expande-ico{transform:scale(1.08);background:#fff;} }
.lp-root .case-expande:focus-visible{outline:3px solid var(--blue);outline-offset:-3px;}
html.lp-trava{overflow:hidden;}
.lp-vid-box{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;
  opacity:0;visibility:hidden;transition:opacity .35s ease,visibility 0s linear .35s;}
.lp-vid-box.is-on{opacity:1;visibility:visible;transition:opacity .35s ease;}
.lp-vid-fundo{position:absolute;inset:0;background:rgba(1,22,48,.88);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);}
.lp-vid-in{position:relative;width:min(1200px,100%);max-height:100%;transform:scale(.96);transition:transform .45s cubic-bezier(.2,.7,.2,1);}
.lp-vid-box.is-on .lp-vid-in{transform:none;}
.lp-vid-in video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;max-height:calc(100vh - 120px);border-radius:16px;background:#000;}
.lp-vid-x{position:absolute;top:-52px;right:0;width:40px;height:40px;border:0;border-radius:999px;background:rgba(255,255,255,.14);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;}
.lp-vid-x svg{width:20px;height:20px;}
.lp-vid-x:hover{background:rgba(255,255,255,.26);}
@media (prefers-reduced-motion:reduce){ .lp-vid-box,.lp-vid-in{transition:none;} }

/* ============================================================
   CASOS COM VÍDEO (19/10/2026, doc "Ajustes gloda.tech 18/10", itens 05 e 06)
   Player próprio: controles escondidos na reprodução automática; aparecem no hover (computador)
   ou no toque (celular), sobre a parte de baixo do vídeo, em véu escuro translúcido.
   ============================================================ */
.lp-root .car-e-dupla .case-body{flex:1 1 auto;}
.lp-root .car-e-dupla .case-body .btn{margin-top:auto;}
.lp-root .car-e-dupla .case-body p{margin-bottom:var(--space-16);}
.lp-root .cv{position:relative;overflow:hidden;background:#111;isolation:isolate;}
.lp-root .cv-v{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}
.lp-root .cv-tela{position:absolute;inset:0;z-index:1;width:100%;height:100%;border:0;padding:0;background:transparent!important;cursor:pointer;}
.lp-root .cv-tela:focus-visible{outline:3px solid var(--blue);outline-offset:-3px;}
.lp-root .cv-grande{position:absolute;left:50%;top:50%;z-index:3;width:72px;height:72px;margin:-36px 0 0 -36px;border-radius:50%;
  display:grid;place-items:center;background:rgba(0,0,0,.55)!important;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .2s ease;}
.lp-root .cv-grande[hidden]{display:none;}
.lp-root .cv-grande svg{width:30px;height:30px;margin-left:4px;}
.lp-root .cv-grande:hover{transform:scale(1.06);}
.lp-root .cv-ctrl{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;align-items:center;gap:var(--space-8);
  padding:var(--space-32) var(--space-12) var(--space-12);color:#fff;text-align:left;
  background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.62) 100%);
  opacity:0;visibility:hidden;transform:translate3d(0,6px,0);
  transition:opacity .25s ease,transform .25s ease,visibility 0s linear .25s;touch-action:pan-y;}
.lp-root .cv.is-ctrl .cv-ctrl{opacity:1;visibility:visible;transform:none;transition:opacity .25s ease,transform .25s ease;}
.lp-root .cv-b{flex:0 0 auto;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#fff;background:transparent!important;}
.lp-root .cv-b:hover{background:rgba(255,255,255,.16)!important;}
.lp-root .cv-b svg{width:20px;height:20px;}
.lp-root .cv-b:focus-visible,.lp-root .cv-barra:focus-visible,.lp-root .cv-vol:focus-visible{outline:2px solid #fff;outline-offset:2px;}
.lp-root .cv .cv-i-play,.lp-root .cv.is-pausado .cv-i-pausa,.lp-root .cv .cv-i-som,.lp-root .cv.is-som .cv-i-mudo{display:none;}
.lp-root .cv.is-pausado .cv-i-play,.lp-root .cv.is-som .cv-i-som{display:block;}
.lp-root .cv-t{flex:0 0 auto;font-size:12px;font-weight:500;font-variant-numeric:tabular-nums;color:rgba(255,255,255,.9);min-width:34px;}
.lp-root .cv-barra,.lp-root .cv-vol{-webkit-appearance:none;appearance:none;height:28px;background:transparent;cursor:pointer;touch-action:none;margin:0;}
.lp-root .cv-barra{flex:1 1 auto;min-width:40px;--cv-p:0%;}
.lp-root .cv-vol{flex:0 0 72px;width:72px;--cv-p:100%;}
.lp-root .cv-barra::-webkit-slider-runnable-track,.lp-root .cv-vol::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(90deg,#fff var(--cv-p),rgba(255,255,255,.32) var(--cv-p));}
.lp-root .cv-barra::-moz-range-track,.lp-root .cv-vol::-moz-range-track{height:4px;border-radius:4px;background:linear-gradient(90deg,#fff var(--cv-p),rgba(255,255,255,.32) var(--cv-p));}
.lp-root .cv-barra::-webkit-slider-thumb,.lp-root .cv-vol::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-5px;border-radius:50%;background:#fff;border:0;}
.lp-root .cv-barra::-moz-range-thumb,.lp-root .cv-vol::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:0;}
@media (hover:none),(pointer:coarse){
  .lp-root .cv-b{width:44px;height:44px;}
  .lp-root .cv-vol{display:none;}
  .lp-root .cv-ctrl{gap:var(--space-4);padding:var(--space-40) var(--space-8) var(--space-8);}
}
@media (max-width:420px){ .lp-root .cv-t{display:none;} }

/* modal "Estudo de Caso": fundo preto translúcido, vídeo grande na proporção original, áreas seguras */
.cv-modal{position:fixed;inset:0;z-index:1100;display:flex;align-items:center;justify-content:center;
  padding:max(56px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));
  opacity:0;visibility:hidden;transition:opacity .3s ease,visibility 0s linear .3s;}
.cv-modal.is-on{opacity:1;visibility:visible;transition:opacity .3s ease;}
.cv-modal-fundo{position:absolute;inset:0;background:rgba(0,0,0,.86);}
.cv-modal-in{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;max-width:1280px;transform:scale(.97);transition:transform .35s cubic-bezier(.2,.7,.2,1);pointer-events:none;}
.cv-modal.is-on .cv-modal-in{transform:none;}
.cv-modal video{display:block;max-width:100%;max-height:100%;width:100%;height:auto;border-radius:16px;background:#000;pointer-events:auto;}
.cv-modal-x{position:absolute;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));z-index:2;width:44px;height:44px;border:0;border-radius:50%;
  background:rgba(255,255,255,.16);color:#fff;cursor:pointer;display:grid;place-items:center;}
.cv-modal-x:hover{background:rgba(255,255,255,.28);}
.cv-modal-x:focus-visible{outline:2px solid #fff;outline-offset:2px;}
.cv-modal-x svg{width:22px;height:22px;}
@media (max-width:768px){ .cv-modal{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);} .cv-modal video{border-radius:0;} }
@media (prefers-reduced-motion:reduce){ .lp-root .cv-ctrl,.cv-modal,.cv-modal-in{transition:none;} }

/* banda integrada à faixa (19/10/2026, doc 18/10 itens 07 e 11): um cartão só — faixa em cima, vídeo embaixo,
   sem vão nem fio; cantos arredondados só nas pontas de fora. Trilho sem gap para a troca ser contínua. */
.lp-root .band-integrada [data-carousel] .track{gap:0;border-radius:0 0 var(--radius-lg) var(--radius-lg);overflow-x:auto;}
.lp-root .band-integrada .band-slide{border-radius:0;}
.lp-root .band-integrada.band-contain .band-slide{background:#f5f5f7;}
.lp-root .band-integrada.band-contain .band-slide video,.lp-root .band-integrada.band-contain .band-slide img{object-fit:contain!important;}
.lp-root .band-integrada .band-slide video{pointer-events:none;}
@media (max-width:768px){
  .lp-root .band-integrada.band-1 .band-slide{aspect-ratio:4/3;}
}
/* vídeos MagicProducts são 16:9 (1280×720): o slide segue a proporção do vídeo, então "contain" não deixa faixa lateral */
.lp-root .band-integrada.band-contain .band-slide{aspect-ratio:16/9!important;background:#ececec;}

/* ============================================================
   HISTÓRIAS EDITORIAIS + PRÉVIA DO PRÓXIMO (19/10/2026, doc "Ajustes gloda.tech 18/10", item 10)
   Cartão branco, fio de 1px, raio 18, foto 16:9 sem margem; dois cartões inteiros e ~10% do terceiro
   no computador; um cartão e ~12% do próximo no celular. Navegação por cartão.
   ============================================================ */
.lp-root .car-ed .track{gap:var(--space-20);scroll-behavior:smooth;}
.lp-root .car-ed .story--ed{
  width:calc((100% - 2 * var(--space-20)) / 2.1);
  padding:0;gap:0;background:#fff;border:1px solid #e5e5ea;border-radius:18px;overflow:hidden;
  display:flex;flex-direction:column;transition:border-color .2s ease;
}
.lp-root .car-ed .story--ed:hover{border-color:#d2d2d7;}
.lp-root .car-ed .story-media{aspect-ratio:16/9;border-radius:0;background:#f5f5f7;}
.lp-root .car-ed .story-media img{transition:transform .6s cubic-bezier(.2,.7,.2,1);}
.lp-root .car-ed .story--ed:hover .story-media img{transform:scale(1.02);}
.lp-root .car-ed .story-body{display:flex;flex-direction:column;align-items:stretch;gap:0;flex:1 1 auto;padding:var(--space-24);}
.lp-root .car-ed .story-cat{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#2f6bff;line-height:1.3;min-height:1.3em;}
.lp-root .car-ed .story-tit{margin-top:var(--space-8);font-size:clamp(18px,1.6vw,22px);font-weight:600;line-height:1.25;letter-spacing:var(--ls-titulo);color:#1d1d1f;}
.lp-root .car-ed .story-desc{margin-top:var(--space-8);font-size:var(--fs-sm);line-height:1.5;color:#6e6e73;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:4.5em;}
.lp-root .car-ed .story-pe{margin-top:auto;padding-top:var(--space-20);display:flex;align-items:center;justify-content:space-between;gap:var(--space-16);}
.lp-root .car-ed .story-meta{font-size:13px;line-height:1.4;color:#86868b;}
.lp-root .car-ed .story-go{width:54px;height:54px;min-width:54px;background-color:#2f6bff!important;color:#fff;transition:transform .2s ease,filter .2s ease;}
.lp-root .car-ed .story-go:hover{transform:scale(1.06);filter:brightness(1.08);}
.lp-root .car-ed .story-go svg{width:20px;height:20px;}
@media (max-width:768px){
  .lp-root .car-ed .track{gap:var(--space-12);}
  .lp-root .car-ed .story--ed{width:86%;}
  .lp-root .car-ed .story-body{padding:var(--space-20);}
  .lp-root .car-ed .story-tit{font-size:19px;}
  .lp-root .car-ed .story-desc{font-size:14px;}
  .lp-root .car-ed .story-cat{font-size:11px;}
  .lp-root .car-ed .story-meta{font-size:12px;}
  .lp-root .car-ed .story-go{width:48px;height:48px;min-width:48px;}
}
@media (prefers-reduced-motion:reduce){ .lp-root .car-ed .track{scroll-behavior:auto;} }

/* ============================================================
   CASOS NO PADRÃO DE NOTÍCIAS (22/10/2026, doc "Ajustes 22/10", item 06)
   Cartão branco com fio de 1px e raio 18, como Notícias/Histórias; botão "Estudo de Caso" em azul
   institucional #2F6BFF, cápsula, centralizado no pé do cartão. Prévia do próximo cartão: no computador
   só com 3+ casos (car-peek); no celular sempre que houver mais de um.
   ============================================================ */
.lp-root .car-e-dupla .case{background:#fff;border:1px solid #e5e5ea;border-radius:18px;overflow:hidden;transition:border-color .2s ease;}
.lp-root .car-e-dupla .case:hover{border-color:#d2d2d7;}
.lp-root .car-e-dupla .track{gap:var(--space-20);scroll-behavior:smooth;}
.lp-root .car-e-dupla.car-peek .case{width:calc((100% - 2 * var(--space-20)) / 2.1);}
.lp-root .car-e-dupla .case-body .btn{background-color:#2f6bff!important;color:#fff!important;border-radius:999px;transition:background-color .2s ease,box-shadow .2s ease;}
.lp-root .car-e-dupla .case-body .btn:hover{background-color:#1f57e6!important;box-shadow:0 8px 22px rgba(47,107,255,.3);}
.lp-root .car-e-dupla .case-body .btn:focus-visible{outline:2px solid #2f6bff;outline-offset:3px;}
@media (max-width:768px){
  .lp-root .car-e-dupla .track{gap:var(--space-12);}
  .lp-root .car-e-dupla .case{width:86%;}
}
@media (prefers-reduced-motion:reduce){ .lp-root .car-e-dupla .track{scroll-behavior:auto;} }

/* ============================================================
   CASOS EM GRADE EDITORIAL (22/10/2026, doc "Ajustes 22/10", item 16 — página Impacto)
   Cartões de Notícias/Histórias da Home (branco, fio 1px, raio 18, mídia 16:9 em cima, texto embaixo)
   numa grade estática: 2 colunas no computador, 1 no celular. Sem trilho, setas nem indicador.
   Nomes das marcas no degradê cromático estático; o brilho dos casos sem foto ganha as cores da marca, discreto.
   ============================================================ */
.lp-root .car-e-grade .car-head{display:block;margin-bottom:var(--space-40);}
.lp-root .car-e-grade .car-lista{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-20);}
.lp-root .car-e-grade .case{display:flex;flex-direction:column;gap:0;padding:0;background:#fff;border:1px solid #e5e5ea;border-radius:18px;overflow:hidden;
  scroll-margin-top:140px;transition:border-color .2s ease;}
.lp-root .car-e-grade .case:hover{border-color:#d2d2d7;}
.lp-root .car-e-grade .case-media{aspect-ratio:16/9;min-height:0;border-radius:0;background:#f5f5f7;}
.lp-root .car-e-grade .case-media img{transition:transform .6s cubic-bezier(.2,.7,.2,1);}
@media (hover:hover){ .lp-root .car-e-grade .case:hover .case-media img{transform:scale(1.02);} }
.lp-root .car-e-grade .case-body{flex:1 1 auto;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:var(--space-8);padding:var(--space-24);text-align:left;}
.lp-root .car-e-grade .case-body .case-eye{margin:0;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#2f6bff;}
.lp-root .car-e-grade .case-logo{height:32px;display:flex;align-items:center;margin:var(--space-4) 0;}
.lp-root .car-e-grade .case-logo img{max-height:32px;width:auto;}
.lp-root .car-e-grade .case:has(.case-sigla) .case-logo{display:none;}
.lp-root .car-e-grade .case-nome{font-size:clamp(20px,1.8vw,24px);font-weight:700;line-height:1.1;white-space:nowrap;}
.lp-root .car-e-grade .case-promise{font-size:clamp(18px,1.6vw,22px);font-weight:600;line-height:1.25;color:#1d1d1f;}
.lp-root .car-e-grade .case-body p{font-size:var(--fs-sm);line-height:1.5;color:#6e6e73;}
.lp-root .car-e-grade .case-body .btn{margin-top:auto;align-self:flex-start;}
.lp-root .car-e-grade .case-body p + .btn{margin-top:var(--space-16);}
/* nomes em degradê (Candango, Estilo Rafaella, InkBeauty, Raquel Siqueira, Luvian Joias, Gloda Wear…).
   Sobre fundo claro o creme some; ele fica como uma faixa estreita no meio e o contorno sutil mantém a leitura. */
.lp-root .car-e-grade .case-nome,.lp-root .car-e-grade .case-sigla{
  background:linear-gradient(90deg,#ff4a3d 0%,#ff7a1a 24%,#ffd84a 44%,#f8f6de 50%,#88efff 56%,#2f6bff 82%,#2f6bff 100%);
  filter:drop-shadow(0 0 .5px rgba(29,29,31,.35));
  -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
}
/* sem foto: o brilho difuso continua, agora nas cores da marca e bem suave sobre o cinza-claro */
.lp-root .car-e-grade .case-media:has(.case-sigla){
  display:grid;place-items:center;padding:var(--space-32);
  background:radial-gradient(circle at 30% 34%,rgba(255,122,26,.10) 0%,transparent 55%),
             radial-gradient(circle at 70% 64%,rgba(47,107,255,.12) 0%,transparent 58%),
             radial-gradient(circle at 52% 50%,rgba(136,239,255,.10) 0%,transparent 60%),#f2f3f6;
}
.lp-root .car-e-grade .case-sigla{font-size:clamp(32px,3.6vw,52px);font-weight:600;line-height:1.05;letter-spacing:var(--ls-apoio);text-align:center;}
@media (max-width:768px){
  .lp-root .car-e-grade .car-lista{grid-template-columns:minmax(0,1fr);gap:var(--space-16);}
  .lp-root .car-e-grade .case-body{padding:var(--space-20);}
}

/* Vídeo único sob a faixa (23/10/2026, Ajustes 22/10 item 09 — Franquias na gloda.store).
   Proporção do próprio vídeo (16:9) em todas as larguras, colado à faixa, sem nenhum controle. */
.lp-root .band-unico .band-slide,
.lp-root .band-integrada.band-unico.band-1 .band-slide{aspect-ratio:16/9!important;}
.lp-root .band-unico [data-carousel] .track{overflow:hidden;}
.lp-root .band-unico video{pointer-events:none;}
.lp-root .band-unico video::-webkit-media-controls,
.lp-root .band-unico video::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none;}