/* ═══ Vídeos da home — visual copiado das landing pages ═══ */

/* ── 1. Player do vídeo institucional (.video-player.vpp) ── */
/* o contêiner original da seção deixa o visual por conta do player da LP */
.acvid-player-wrap,.acvid-player-wrap:hover{box-shadow:none !important;border-radius:0 !important;overflow:visible !important;background:transparent !important}
.video-player{position:relative;width:100%;aspect-ratio:16/9;background:#000;border-radius:12px;overflow:hidden;box-shadow:0 16px 32px rgba(0,0,0,.28);transition:box-shadow .45s ease}
.video-player:hover{box-shadow:0 0 0 1.5px rgba(207,160,72,.40),0 28px 64px rgba(0,0,0,.56)}
.video-player video{width:100% !important;height:100% !important;display:block !important;object-fit:cover}
.vpp video{cursor:pointer}
.vpp-controls{position:absolute;left:8px;right:8px;bottom:8px;margin:0 auto;max-width:576px;padding:16px;border-radius:16px;background:rgba(17,17,17,.6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:3;opacity:1;transform:translateY(0);filter:blur(0);transition:opacity .45s cubic-bezier(.3,1.2,.4,1),transform .45s cubic-bezier(.3,1.2,.4,1),filter .45s ease}
.vpp-controls.vpp-off{opacity:0;transform:translateY(20px);filter:blur(10px);pointer-events:none}
.vpp-controls [hidden]{display:none !important}
.vpp-linha1{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.vpp-t{font-family:'Outfit',Arial,sans-serif;font-size:13.5px;color:#fff;font-variant-numeric:tabular-nums;flex:none}
.vpp-progress{position:relative;flex:1;height:4px;background:rgba(255,255,255,.2);border-radius:999px;cursor:pointer;touch-action:none}
.vpp-progress-fill{position:absolute;top:0;left:0;height:100%;width:0%;background:#fff;border-radius:999px;transition:width .25s cubic-bezier(.3,1.2,.4,1)}
.vpp-linha2{display:flex;align-items:center;justify-content:space-between}
.vpp-grupo{display:flex;align-items:center;gap:8px}
.vpp-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:transparent;border:0;border-radius:10px;color:#fff;cursor:pointer;transition:background .2s ease,transform .15s ease}
.vpp-btn:hover{background:rgba(17,17,17,.82);transform:scale(1.1)}
.vpp-btn:active{transform:scale(.9)}
.vpp-btn svg{width:20px;height:20px;display:block}
.vpp-vol{position:relative;width:96px;height:4px;background:rgba(255,255,255,.2);border-radius:999px;cursor:pointer;touch-action:none}
.vpp-vol-fill{position:absolute;top:0;left:0;height:100%;width:100%;background:#fff;border-radius:999px;transition:width .25s cubic-bezier(.3,1.2,.4,1)}
.vpp-speed{height:36px;padding:0 10px;background:transparent;border:0;border-radius:10px;color:#fff;cursor:pointer;font-family:'Outfit',Arial,sans-serif;font-size:13px;font-weight:500;transition:background .2s ease,transform .15s ease}
.vpp-speed:hover{background:rgba(17,17,17,.82);transform:scale(1.1)}
.vpp-speed:active{transform:scale(.9)}
.vpp-speed.vpp-on{background:rgba(17,17,17,.82)}
.vpp-bigplay{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;cursor:pointer;z-index:4;display:flex;align-items:center;justify-content:center;padding:0;background:rgba(0,0,0,.34);border:1px solid rgba(255,255,255,.38);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;transition:background .2s ease,transform .2s ease,opacity .25s ease}
.vpp-bigplay svg{width:22px;height:22px;fill:#fff;display:block}
.vpp-bigplay:hover{background:rgba(0,0,0,.48)}
.vpp.vpp-playing .vpp-bigplay{opacity:0;pointer-events:none;transform:scale(.85)}
/* controles invisíveis até o primeiro play (o play central é o único comando) */
.vpp:not(.vpp-started) .vpp-controls{opacity:0 !important;transform:translateY(20px) !important;pointer-events:none !important}
@media (max-width:700px){
  .vpp-controls{left:6px;right:6px;bottom:6px;padding:12px}
  .vpp-btn{width:36px;height:36px}
  .vpp-vol{width:64px}
  .vpp-speed{padding:0 7px;font-size:12px}
  .vpp:not(.vpp--vertical) .vpp-controls{padding:10px 12px;border-radius:12px}
  .vpp:not(.vpp--vertical) .vpp-speeds{display:none}
  .vpp:not(.vpp--vertical) .vpp-linha2{justify-content:flex-start;margin-top:2px}
  .vpp:not(.vpp--vertical) .vpp-btn{width:32px;height:32px}
}
@media (max-width:480px){.vpp-vol{display:none}}
@media (prefers-reduced-motion:reduce){.vpp-controls,.vpp-progress-fill,.vpp-vol-fill,.vpp-btn,.vpp-speed{transition:none}}

/* ── 2. Soluções: vídeo no hover do card (mesmo comportamento dos .sol-card da LP) ── */
.acsol-card[data-video]{cursor:pointer}
.acsol-card-img img{transition:transform .8s cubic-bezier(.25,.46,.45,.94),opacity .55s cubic-bezier(.4,0,.2,1)}
.acsol-card:hover .acsol-card-img img{transform:scale(1.04)}
.acsol-card-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none;transition:opacity .4s cubic-bezier(.4,0,.2,1);z-index:2;border-radius:inherit}
.acsol-card.is-video-active .acsol-card-video{opacity:1}
.acsol-card.is-video-active .acsol-card-img img{opacity:.001;transform:scale(1.02)}
.acsol-card-video-badge{position:absolute;top:14px;right:14px;display:inline-flex;align-items:center;gap:7px;padding:5px 11px 5px 10px;border-radius:999px;background:rgba(9,37,25,.58);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);border:1px solid rgba(207,160,72,.42);font-family:'Outfit',sans-serif;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;line-height:1;color:#F0E6C8;-webkit-text-fill-color:#F0E6C8;opacity:0;transform:translateY(-6px);transition:opacity .38s cubic-bezier(.25,.46,.45,.94),transform .38s cubic-bezier(.25,.46,.45,.94);z-index:4;pointer-events:none}
.acsol-card-video-badge::before{content:'';width:8px;height:8px;border-radius:50%;background:#e8c774;box-shadow:0 0 0 0 rgba(232,199,116,.6);animation:acsol-badge-pulse 1.8s cubic-bezier(.25,.46,.45,.94) infinite;flex-shrink:0}
.acsol-card.is-video-active .acsol-card-video-badge{opacity:1;transform:translateY(0)}
@keyframes acsol-badge-pulse{0%{box-shadow:0 0 0 0 rgba(232,199,116,.6)}70%{box-shadow:0 0 0 7px rgba(232,199,116,0)}100%{box-shadow:0 0 0 0 rgba(232,199,116,0)}}
@media (max-width:700px){.acsol-card-video-badge{font-size:13px}}
@media (prefers-reduced-motion:reduce){.acsol-card-video,.acsol-card-video-badge{transition:none !important}.acsol-card-video-badge::before{animation:none !important}}
