/* ==========================================================================
   A ESTEIRA "MARCAS QUE JÁ CRIEI"
   É o banner de marcas da home da TOVAP, copiado medida por medida
   (assets/css/ajustes.css de lá), com as classes renomeadas (tvEsteira,
   tvPeca) para não brigar com nada deste site. As capas e os vídeos vêm de
   tovap.com.br: nada precisa subir de novo. Gerado por script em 19/09/2026.
   ========================================================================== */
.tvEsteira{ width:100%; margin:0; padding:0; overflow:hidden; --u:172px; --g:12px; }
.tvEsteira__trilho{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:nowrap; flex-wrap:nowrap; width:-webkit-max-content; width:max-content; gap:var(--g); will-change:transform; -webkit-animation:tvEsteiraAnda 80s linear infinite; animation:tvEsteiraAnda 80s linear infinite; }
.tvEsteira__copia{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; gap:var(--g); }
.tvEsteira__bloco{ -ms-flex-negative:0; flex-shrink:0; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; gap:var(--g); }
@supports (display: grid){
  .tvEsteira__bloco{ display:grid; grid-template-rows:repeat(3, var(--u)); gap:var(--g); }
  .tvEsteira__bloco--1{ grid-template-columns:calc(var(--u) * 16 / 9); }
  .tvEsteira__bloco--2{ grid-template-columns:repeat(2, calc(var(--u) * 16 / 9)); }
  .tvEsteira__bloco--empe{ grid-template-columns:calc((var(--u) * 2 + var(--g)) * 9 / 16); }
}
@-webkit-keyframes tvEsteiraAnda{ from{ -webkit-transform:translate3d(0,0,0); } to{ -webkit-transform:translate3d(-50%,0,0); } }
@keyframes tvEsteiraAnda{ from{ transform:translate3d(0,0,0); } to{ transform:translate3d(-50%,0,0); } }
.tvPeca{ position:relative; display:block; -ms-flex-negative:0; flex-shrink:0; height:var(--u); width:calc(var(--u) * 16 / 9); border-radius:12px; overflow:hidden; background:#141414; text-decoration:none; color:inherit; -webkit-transition:.35s ease-in; transition:.35s ease-in; }
@supports (display: grid){
  .tvPeca{ height:auto; width:auto; grid-row:span 1; grid-column:span 1; }
  .tvPeca--grande{ grid-row:span 2; grid-column:span 2; border-radius:14px; }
  .tvEsteira__bloco--empe .tvPeca--empe{ grid-row:span 2; grid-column:span 1; }
}
.tvPeca--filme{ background:#000; cursor:pointer; }
.tvPeca--filme .quadroVideo{ width:100%; height:100%; margin:0; padding:0; border-radius:inherit; max-width:none; }
@supports (aspect-ratio: 16 / 9){
  .tvPeca--filme .quadroVideo{ aspect-ratio:auto; }
}
.tvPeca--filme .quadroVideo img,
.tvPeca--filme .quadroVideo video{ width:100%; height:100%; -o-object-fit:cover; object-fit:cover; }
.tvPeca--filme:hover, .tvPeca--filme:focus-within{ -webkit-transform:translateY(-4px); transform:translateY(-4px); }
.tvPeca--filme:hover .tvPeca__nome,
.tvPeca--filme:focus-within .tvPeca__nome{ opacity:1; }
.tvPeca img{ display:block; width:100%; height:100%; margin:0; border:0; -o-object-fit:cover; object-fit:cover; }
.tvPeca:hover, .tvPeca:focus{ -webkit-transform:translateY(-4px); transform:translateY(-4px); }
.tvPeca__nome{ position:absolute; left:12px; bottom:12px; z-index:2; font-family:'Ubuntu','Open Sans',system-ui,sans-serif; font-size:10.5px; font-weight:700; line-height:1; letter-spacing:1.1px; text-transform:uppercase; color:#000; background:#feec34; padding:6px 10px; border-radius:20px; opacity:0; -webkit-transition:.22s ease-in; transition:.22s ease-in; }
.tvPeca:hover .tvPeca__nome,
.tvPeca:focus .tvPeca__nome{ opacity:1; }
@media (max-width:900px){
  .tvEsteira{ --u:132px; --g:10px; }
  @supports (display: grid){
    .tvEsteira__bloco{ grid-template-rows:repeat(2, var(--u)); }
    .tvEsteira__bloco--2 > .tvPeca:nth-child(2),
    .tvEsteira__bloco--2 > .tvPeca:nth-child(3),
    .tvEsteira__bloco--empe > *:nth-child(2),
    .tvEsteira__bloco--1 > .tvPeca:nth-child(3){ display:none; }
  }
  .tvEsteira__trilho{ -webkit-animation-duration:70s; animation-duration:70s; }
  .tvPeca{ border-radius:10px; }
  .tvPeca--grande{ border-radius:12px; }
  .tvPeca__nome{ opacity:1; left:9px; bottom:9px; font-size:9px; padding:5px 8px; letter-spacing:.9px; }
}
@media (max-width:520px){
  .tvEsteira{ --u:104px; --g:8px; }
  .tvPeca__nome{ display:none; }
}
@media (prefers-reduced-motion: reduce){
  .tvEsteira__trilho{ -webkit-animation:none; animation:none; -webkit-transform:none; transform:none; }
  .tvEsteira{ overflow-x:auto; -webkit-overflow-scrolling:touch; }
}
@supports (display: grid){
  .tvEsteira__bloco--dupla > .tvPeca:first-child{ grid-row:span 2; }
}
@media (max-width:900px){
  @supports (display: grid){
    .tvEsteira__bloco--dupla > .tvPeca:first-child{ grid-row:span 2; }
    .tvEsteira__bloco--dupla > *:nth-child(2){ display:none; }
  }
}
.tvPeca--filme{ background:#111; background:-webkit-linear-gradient(315deg, #1c1c18 0%, #111 55%, #262214 100%); background:linear-gradient(135deg, #1c1c18 0%, #111 55%, #262214 100%); }
.tvPeca--filme .quadroVideo{ background:transparent; }
.tvPeca--filme .tvPeca__nome{ opacity:1; }
@supports (display: grid){
  .tvEsteira__bloco--baixo.tvEsteira__bloco--2 > .tvPeca--grande{ grid-row:2 / span 2; grid-column:1 / span 2; }
  .tvEsteira__bloco--baixo.tvEsteira__bloco--2 > .tvPeca:nth-child(2){ grid-row:1; grid-column:1; }
  .tvEsteira__bloco--baixo.tvEsteira__bloco--2 > .tvPeca:nth-child(3){ grid-row:1; grid-column:2; }
  .tvEsteira__bloco--baixo.tvEsteira__bloco--empe > .tvPeca--empe{ grid-row:2 / span 2; }
  .tvEsteira__bloco--baixo.tvEsteira__bloco--empe > *:nth-child(2){ grid-row:1; }
}
@media (max-width:900px){
  @supports (display: grid){
    .tvEsteira__bloco--baixo.tvEsteira__bloco--2 > .tvPeca--grande{ grid-row:1 / span 2; grid-column:1 / span 2; }
    .tvEsteira__bloco--baixo.tvEsteira__bloco--empe > .tvPeca--empe{ grid-row:1 / span 2; }
  }
}
@media (max-width:900px){
  .tvEsteira{ --u:152px; --g:10px; }
  .tvEsteira__trilho{ -webkit-animation-duration:70s; animation-duration:70s; }
  .tvPeca{ border-radius:12px; }
  .tvPeca--grande{ border-radius:14px; }
  .tvPeca__nome{ opacity:1; left:11px; bottom:11px; font-size:10px; padding:6px 10px; letter-spacing:1px; }
}
@media (max-width:520px){
  .tvEsteira{ --u:140px; --g:9px; }
  .tvPeca__nome{ display:inline-block; font-size:9.5px; padding:5px 9px; }
}
@supports (display: grid){
  .tvEsteira__bloco--cheio > .tvPeca--grande{ grid-row:1 / span 3; grid-column:1 / span 2; }
  .tvEsteira__bloco--baixo.tvEsteira__bloco--cheio > .tvPeca--grande{ grid-row:1 / span 3; }
}
@media (max-width:900px){
  @supports (display: grid){
    .tvEsteira__bloco--2{ grid-template-columns:repeat(2, calc(var(--u) * 16 / 9)) calc(var(--u) * 16 / 9); grid-template-rows:repeat(2, var(--u)); }
    .tvEsteira__bloco--2 > .tvPeca--grande,
    .tvEsteira__bloco--baixo.tvEsteira__bloco--2 > .tvPeca--grande{ grid-column:1 / span 2; grid-row:1 / span 2; }
    .tvEsteira__bloco--2 > .tvPeca:nth-child(2),
    .tvEsteira__bloco--baixo.tvEsteira__bloco--2 > .tvPeca:nth-child(2){ display:block; grid-column:3; grid-row:1; }
    .tvEsteira__bloco--2 > .tvPeca:nth-child(3),
    .tvEsteira__bloco--baixo.tvEsteira__bloco--2 > .tvPeca:nth-child(3){ display:block; grid-column:3; grid-row:2; }
    .tvEsteira__bloco--cheio{ grid-template-columns:repeat(2, calc(var(--u) * 16 / 9)); }
    .tvEsteira__bloco--cheio > .tvPeca--grande{ grid-column:1 / span 2; grid-row:1 / span 2; }
    .tvEsteira__bloco--dupla > *:nth-child(2){ display:block; }
    .tvEsteira__bloco--dupla > .tvPeca:first-child{ grid-row:1; }
    .tvEsteira__bloco--dupla > *:nth-child(2){ grid-row:2; }
  }
}
@supports (display: grid){
  .tvEsteira__bloco--4{ grid-template-columns:repeat(4, calc(var(--u) * 16 / 9)); grid-template-rows:repeat(3, var(--u)); }
  .tvEsteira__bloco--4 > *:nth-child(1){ grid-column:1 / span 2; grid-row:1 / span 2; }
  .tvEsteira__bloco--4 > *:nth-child(2){ grid-column:1; grid-row:3; }
  .tvEsteira__bloco--4 > *:nth-child(3){ grid-column:2; grid-row:3; }
  .tvEsteira__bloco--4 > *:nth-child(4){ grid-column:3 / span 2; grid-row:2 / span 2; }
  .tvEsteira__bloco--4 > *:nth-child(5){ grid-column:3; grid-row:1; }
  .tvEsteira__bloco--4 > *:nth-child(6){ grid-column:4; grid-row:1; }
  .tvEsteira__bloco--baixo.tvEsteira__bloco--4 > *:nth-child(1){ grid-row:2 / span 2; }
  .tvEsteira__bloco--baixo.tvEsteira__bloco--4 > *:nth-child(2){ grid-row:1; }
  .tvEsteira__bloco--baixo.tvEsteira__bloco--4 > *:nth-child(3){ grid-row:1; }
  .tvEsteira__bloco--baixo.tvEsteira__bloco--4 > *:nth-child(4){ grid-row:1 / span 2; }
  .tvEsteira__bloco--baixo.tvEsteira__bloco--4 > *:nth-child(5){ grid-row:3; }
  .tvEsteira__bloco--baixo.tvEsteira__bloco--4 > *:nth-child(6){ grid-row:3; }
}
.tvEsteira{ --u:150px; --g:12px; }
@media (max-width:900px){
  @supports (display: grid){
    .tvEsteira__bloco--4,
    .tvEsteira__bloco--baixo.tvEsteira__bloco--4{ grid-template-columns:repeat(6, calc(var(--u) * 16 / 9)); grid-template-rows:repeat(2, var(--u)); }
    .tvEsteira__bloco--4 > *:nth-child(1),
    .tvEsteira__bloco--baixo.tvEsteira__bloco--4 > *:nth-child(1){ grid-column:1 / span 2; grid-row:1 / span 2; }
    .tvEsteira__bloco--4 > *:nth-child(2),
    .tvEsteira__bloco--baixo.tvEsteira__bloco--4 > *:nth-child(2){ grid-column:3; grid-row:1; }
    .tvEsteira__bloco--4 > *:nth-child(3),
    .tvEsteira__bloco--baixo.tvEsteira__bloco--4 > *:nth-child(3){ grid-column:3; grid-row:2; }
    .tvEsteira__bloco--4 > *:nth-child(4),
    .tvEsteira__bloco--baixo.tvEsteira__bloco--4 > *:nth-child(4){ grid-column:4 / span 2; grid-row:1 / span 2; }
    .tvEsteira__bloco--4 > *:nth-child(5),
    .tvEsteira__bloco--baixo.tvEsteira__bloco--4 > *:nth-child(5){ grid-column:6; grid-row:1; }
    .tvEsteira__bloco--4 > *:nth-child(6),
    .tvEsteira__bloco--baixo.tvEsteira__bloco--4 > *:nth-child(6){ grid-column:6; grid-row:2; }
  }
  .tvEsteira{ --u:104px; --g:9px; }
  .tvPeca__nome{ font-size:9px; padding:5px 8px; left:8px; bottom:8px; }
}
@media (max-width:520px){
  .tvEsteira{ --u:99px; --g:8px; }
}
@media (min-width:901px){
  .tvHero .tvEsteira{ --u:150px; --u:max(120px, calc((var(--hero-h) - 277px - 2 * var(--g)) / 3)); }
}
@media (max-width:900px){
  .tvHero .tvEsteira{ --u:118px; --g:9px; }
  .tvHero .tvEsteira__trilho{ gap:0; }
  .tvHero .tvEsteira__copia{ padding-right:var(--g); }
  .tvHero .tvPeca__nome{ display:inline-block; opacity:1; }
  @media (prefers-reduced-motion: reduce){
    .tvHero .tvEsteira{ overflow-x:auto; -webkit-overflow-scrolling:touch; }
    .tvHero .tvEsteira__trilho{ -webkit-animation:none; animation:none; }
  }
}
@media (max-width:520px){
  .tvHero .tvEsteira{ --u:112px; --g:8px; }
}
@media (min-width:901px){
  .tvEsteira__trilho{ gap:0; }
  .tvEsteira__copia{ padding-right:var(--g); }
}
.tvPeca{ -webkit-transition:-webkit-transform .5s cubic-bezier(.22,.61,.36,1); transition:transform .5s cubic-bezier(.22,.61,.36,1); }

/* ---- a dobra: preto de ponta a ponta, título no alto, botão embaixo (a .hero da TOVAP) ---- */
.zp .tvHero{ background:#000; color:#fff; width:100%; margin:0; padding:52px 0 56px; -webkit-box-sizing:border-box; box-sizing:border-box; overflow:hidden; }
.zp .tvHero__interno{ max-width:1180px; margin:0 auto; padding:0 20px; -webkit-box-sizing:border-box; box-sizing:border-box; text-align:center; }
.zp .tvHero__titulo{ font-family:'Anton', Impact, sans-serif; font-weight:400; font-size:52px; line-height:1.02; letter-spacing:.4px; text-transform:uppercase; color:#fff; margin:0 0 24px; }
.zp .tvHero__depois{ padding-top:24px; }
.zp .tvHero__depois .btn{ border-color:#fff; color:#fff; }
@media (min-width:901px){
  .zp .tvHero{ --hero-h:min(56.25vw, 800px); min-height:var(--hero-h); padding-top:48px; padding-bottom:48px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; }
  .zp .tvHero__interno{ width:100%; }
}
@media (max-width:900px){
  .zp .tvHero{ padding:36px 0 40px; }
  .zp .tvHero__interno{ padding:0 16px; }
  .zp .tvHero__titulo{ font-size:36px; margin-bottom:18px; }
}
@media (max-width:520px){
  .zp .tvHero__titulo{ font-size:29px; }
}

/* ---- como banner principal: a seta de descer no lugar do botão, e o
   espaço da barra do menu no alto ---- */
.zp .tvHero--principal{ padding-top:110px; }
.zp .tvHero__desce{ margin:0 auto; }
@media (min-width:901px){ .zp .tvHero--principal{ padding-top:96px; } }