/* VIVA_INICIO_R1 — Início (modelo Instagram) */
.vh{--vh-ink:#1f1216;--vh-muted:#7f6d74;--vh-line:#ece2e6;--vh-wine:#5e0621;--vh-ring:linear-gradient(45deg,#f9ce34,#ee2a7b 50%,#6228d7);max-width:600px;margin:0 auto;color:var(--vh-ink);font-family:inherit}
.vh [hidden]{display:none!important}
.vh,.vh *,.vh *::before,.vh *::after,.vhc *,.vh-menu *{box-sizing:border-box}
.vh-top,.vh-bottom{display:none}

/* stories em cartões */
.vh-stories{margin:0 0 14px}
.vh-stories__track{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 6px;scroll-snap-type:x proximity;scrollbar-width:none;overscroll-behavior-x:contain}
.vh-stories__track::-webkit-scrollbar{display:none}
.vh-story{position:relative;flex:0 0 auto;width:92px;display:flex;flex-direction:column;align-items:center;gap:5px;text-decoration:none;color:var(--vh-ink);scroll-snap-align:start}
.vh-story__card{position:relative;display:block;width:92px;height:122px;border-radius:16px;padding:3px;background:#d9ced2;overflow:hidden}
.vh-story.is-unseen .vh-story__card{background:var(--vh-ring)}
.vh-story--me:not(.is-unseen):not(.is-seen) .vh-story__card{background:#e8dfe3}
.vh-story__media{display:block;width:100%;height:100%;object-fit:cover;border-radius:13px;border:2px solid #fff;background:#2a1a20}
.vh-story__media--avatar{filter:saturate(.9)}
.vh-story__media--empty{display:grid;place-items:center;color:#fff;font-weight:800;font-size:1.6rem;background:var(--vh-wine)}
.vh-story__face{position:absolute;left:9px;top:9px;width:26px;height:26px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.3)}
.vh-story__add{position:absolute;right:2px;top:98px;width:26px;height:26px;border-radius:50%;background:#1f1216;color:#fff;border:2px solid #fff;display:grid;place-items:center;font-size:15px;text-decoration:none}
.vh-story__name{max-width:92px;font-size:.72rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}

/* publicação */
.vh-feed{display:flex;flex-direction:column;gap:18px}
.vh-post{position:relative;background:#000;border-radius:18px;overflow:hidden;color:#fff;box-shadow:0 8px 24px rgba(30,5,15,.08)}
.vh-post__stage{position:relative;aspect-ratio:4/5;max-height:calc(100vh - 150px);width:100%;background:#111}
.vh-post--reel .vh-post__stage{aspect-ratio:9/14}
.vh-post__track{display:flex;width:100%;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.vh-post__track::-webkit-scrollbar{display:none}
.vh-slide{flex:0 0 100%;min-width:0;max-width:100%;height:100%;scroll-snap-align:center;position:relative;display:grid;place-items:center;overflow:hidden}
.vh-slide img,.vh-slide video{width:100%;height:100%;object-fit:cover;display:block}
.vh-slide--contain img,.vh-slide--contain video{object-fit:contain}
.vh-slide--text{background:linear-gradient(160deg,#5e0621,#2a0a12 70%);padding:64px 70px 110px 22px;display:flex;align-items:center;justify-content:flex-start}
.vh-slide--text p{margin:0;width:100%;min-width:0;font-size:clamp(1.05rem,4.4vw,1.35rem);line-height:1.45;font-weight:600;white-space:pre-line;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:10;-webkit-box-orient:vertical;overflow:hidden}
.vh-slide--audio,.vh-slide--file{background:linear-gradient(160deg,#3a1822,#12070b);padding:60px 70px 110px 20px}
.vh-slide--audio audio{width:100%}
.vh-slide--file a{color:#fff;font-weight:800;display:flex;gap:8px;align-items:center;text-decoration:none;background:rgba(255,255,255,.12);padding:14px 18px;border-radius:12px}
.vh-yt{position:relative;width:100%;height:100%;border:0;padding:0;background:#000;cursor:pointer}
.vh-yt img{opacity:.9}
.vh-yt span{position:absolute;inset:0;display:grid;place-items:center;font-size:56px;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.5)}
.vh-yt iframe{width:100%;height:100%;border:0}
.vh-dots{position:absolute;left:0;right:0;bottom:92px;display:flex;justify-content:center;gap:5px;pointer-events:none;z-index:3}
.vh-dots i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.5)}
.vh-dots i.is-on{background:#fff}
.vh-count{position:absolute;right:12px;top:62px;z-index:3;background:rgba(0,0,0,.5);font-size:.72rem;font-weight:700;border-radius:999px;padding:3px 9px}

/* camadas sobre a mídia */
.vh-post__shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,rgba(0,0,0,.45),transparent 22%,transparent 55%,rgba(0,0,0,.72));z-index:2}
.vh-post__head{position:absolute;left:0;right:0;top:0;z-index:4;display:flex;align-items:center;gap:10px;padding:12px 12px 0}
.vh-av{width:36px;height:36px;border-radius:50%;object-fit:cover;border:1.5px solid rgba(255,255,255,.9);flex:0 0 auto;background:#5e0621;display:grid;place-items:center;font-weight:800;font-size:.85rem;color:#fff;text-decoration:none}
.vh-post__who{min-width:0;flex:1;line-height:1.2}
.vh-post__who a{color:#fff;font-weight:800;font-size:.9rem;text-decoration:none;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vh-post__who small{display:block;font-size:.72rem;opacity:.85}
.vh-follow{border:1.5px solid rgba(255,255,255,.9);background:transparent;color:#fff;font:inherit;font-size:.8rem;font-weight:800;border-radius:9px;padding:6px 14px;cursor:pointer}
.vh-follow.is-on{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.4)}
.vh-post__side{position:absolute;right:6px;bottom:96px;z-index:4;display:flex;flex-direction:column;align-items:center;gap:14px}
.vh-act{border:0;background:none;color:#fff;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;padding:2px;font:inherit;text-shadow:0 1px 6px rgba(0,0,0,.45)}
.vh-act i{font-size:28px;line-height:1}
.vh-act small{font-size:.72rem;font-weight:700;min-height:.9em}
.vh-act.is-liked i{color:#ff3b5c}
.vh-act.is-saved i{color:#fff}
.vh-act.pop i{animation:vh-pop .3s ease}
@keyframes vh-pop{50%{transform:scale(1.3)}}
.vh-post__foot{position:absolute;left:0;right:64px;bottom:0;z-index:4;padding:0 14px 14px}
.vh-post__title{font-weight:800;font-size:.95rem;margin:0 0 3px;text-shadow:0 1px 6px rgba(0,0,0,.4)}
.vh-post__cap{font-size:.86rem;line-height:1.35;margin:0;text-shadow:0 1px 6px rgba(0,0,0,.4);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer}
.vh-post__cap.is-open{-webkit-line-clamp:unset}
.vh-mute{position:absolute;right:12px;bottom:14px;z-index:5;width:30px;height:30px;border-radius:50%;border:0;background:rgba(0,0,0,.55);color:#fff;display:grid;place-items:center;font-size:15px;cursor:pointer}
.vh-heart{position:absolute;left:50%;top:45%;z-index:6;font-size:96px;color:#fff;transform:translate(-50%,-50%) scale(0);opacity:0;pointer-events:none;text-shadow:0 4px 24px rgba(0,0,0,.35)}
.vh-heart.go{animation:vh-heart .8s ease}
@keyframes vh-heart{15%{transform:translate(-50%,-50%) scale(1.15);opacity:1}30%{transform:translate(-50%,-50%) scale(.95)}70%{opacity:1}100%{transform:translate(-50%,-50%) scale(1);opacity:0}}
.vh-post__comment{display:block;width:100%;text-align:left;border:0;border-top:1px solid rgba(255,255,255,.08);background:#1b1115;color:#b9a9af;font:inherit;font-size:.9rem;padding:13px 16px;cursor:text}

/* diversos */
.vh-more{display:grid;place-items:center;padding:24px}
.vh-spin{width:26px;height:26px;border-radius:50%;border:3px solid #e8dfe3;border-top-color:var(--vh-wine);animation:vh-rot .8s linear infinite}
@keyframes vh-rot{to{transform:rotate(360deg)}}
.vh-end{text-align:center;color:var(--vh-muted);font-size:.85rem;padding:20px 0 30px}
.vh-empty{background:#fff;border:1px solid var(--vh-line);border-radius:18px;padding:28px;text-align:center;color:var(--vh-muted)}
.vh-toast{position:fixed;left:50%;bottom:90px;transform:translateX(-50%);z-index:1000;background:#1f1216;color:#fff;border-radius:999px;padding:10px 18px;font-size:.86rem;box-shadow:0 8px 24px rgba(0,0,0,.25)}
.vh-menu{position:fixed;inset:0;z-index:999;display:flex;align-items:flex-end;justify-content:center;background:rgba(0,0,0,.35)}
.vh-menu__box{width:100%;max-width:480px;background:#fff;border-radius:18px 18px 0 0;padding:8px 0 calc(10px + env(safe-area-inset-bottom,0px))}
.vh-menu__box button,.vh-menu__box a{display:block;width:100%;text-align:center;border:0;background:none;font:inherit;font-size:.95rem;padding:14px;color:var(--vh-ink);text-decoration:none;cursor:pointer;border-bottom:1px solid var(--vh-line)}
.vh-menu__box button:last-child{border-bottom:0;color:var(--vh-muted)}
@media (min-width:700px){.vh-menu{align-items:center}.vh-menu__box{border-radius:16px}}

/* gaveta de comentários (mesma lógica do visualizador de Reels) */
.vhc{position:fixed;inset:0;z-index:998}
.vhc-back{position:absolute;inset:0;background:rgba(0,0,0,.35);opacity:0;transition:opacity .2s}
.vhc.is-open .vhc-back{opacity:1}
.vhc-panel{position:absolute;left:0;right:0;bottom:0;margin:0 auto;max-width:560px;height:min(74vh,640px);height:min(74dvh,640px);background:#fff;color:var(--vh-ink,#1f1216);border-radius:20px 20px 0 0;display:flex;flex-direction:column;transform:translateY(100%);transition:transform .22s ease;padding-bottom:env(safe-area-inset-bottom,0px)}
.vhc.is-open .vhc-panel{transform:none}
.vhc-grip{width:40px;height:4px;border-radius:4px;background:#ddd0d5;margin:8px auto 2px}
.vhc-head{display:flex;align-items:center;gap:8px;padding:6px 14px 10px;border-bottom:1px solid #ece2e6}
.vhc-head strong{font-size:1rem}.vhc-head span{font-size:.8rem;color:#7f6d74;font-weight:700}
.vhc-x{margin-left:auto;width:36px;height:36px;border-radius:50%;border:0;background:#f5eef0;font-size:18px;display:grid;place-items:center;cursor:pointer}
.vhc-list{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:10px 14px}
.vhc-note{color:#7f6d74;text-align:center;margin:28px 0;font-size:.9rem}
.vhc-item{position:relative;display:flex;gap:10px;padding:8px 34px 8px 0}
.vhc-item.is-reply{padding:6px 0 4px}
.vhc-av{flex:0 0 34px;width:34px;height:34px;border-radius:50%;overflow:hidden;background:#f2e7eb;display:grid;place-items:center;color:#5e0621;font-weight:800;font-size:.85rem}
.vhc-item.is-reply .vhc-av{flex-basis:26px;width:26px;height:26px;font-size:.7rem}
.vhc-av img{width:100%;height:100%;object-fit:cover}
.vhc-body{min-width:0;flex:1}
.vhc-meta{display:flex;align-items:baseline;gap:8px;font-size:.8rem}
.vhc-meta a,.vhc-meta b{font-weight:800;color:inherit;text-decoration:none}
.vhc-meta time{color:#7f6d74;font-size:.72rem}
.vhc-body p{margin:2px 0 0;font-size:.9rem;line-height:1.4;white-space:pre-line;overflow-wrap:anywhere}
.vhc-acts{display:flex;gap:14px;margin-top:3px}
.vhc-acts button,.vhc-more{border:0;background:none;padding:0;font:inherit;font-size:.74rem;font-weight:700;color:#7f6d74;cursor:pointer}
.vhc-heart{position:absolute;right:0;top:8px;width:30px;border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:1px;cursor:pointer;color:#7f6d74;padding:0}
.vhc-item.is-reply .vhc-heart{right:-34px}
.vhc-heart i{font-size:16px}.vhc-heart small{font-size:.66rem;min-height:.8rem}
.vhc-heart.is-liked{color:#e0244d}
.vhc-replies.is-collapsed>.vhc-item:nth-child(n+3){display:none}
.vhc-more{display:block;margin:4px 0 2px}
.vhc-replying{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:#f8f1f3;border-top:1px solid #ece2e6;font-size:.8rem;color:#7f6d74}
.vhc-replying button{border:0;background:none;font-size:15px;cursor:pointer}
.vhc-form{display:flex;gap:8px;align-items:flex-end;padding:10px 12px;border-top:1px solid #ece2e6}
.vhc-form textarea{flex:1;resize:none;border:1px solid #ece2e6;border-radius:18px;padding:10px 14px;font:inherit;font-size:.92rem;max-height:120px;outline:none;color:inherit;background:#fff}
.vhc-form button{width:42px;height:42px;border-radius:50%;border:0;background:#5e0621;color:#fff;font-size:18px;display:grid;place-items:center;cursor:pointer}
.vhc-form button:disabled{opacity:.5}
@media (min-width:900px) and (hover:hover){
  .vhc-panel{left:auto;right:0;top:0;bottom:0;margin:0;width:400px;max-width:400px;height:auto;border-radius:0;transform:translateX(100%)}
  .vhc.is-open .vhc-panel{transform:none}.vhc-grip{display:none}
}

/* ---------- Celular e tablet: tela no modelo Instagram ---------- */
@media (max-width:1099px){
  body:has(#viva-home) .viva-mobile-head,
  body:has(#viva-home) .viva-mobile-access,
  body:has(#viva-home) .viva-bottom-nav,
  body:has(#viva-home) .cv-side-right,
  body:has(#viva-home) > footer{display:none!important}
  body:has(#viva-home) .cv-layout{display:block;max-width:none;margin:0;padding:0}
  body:has(#viva-home) .cv-feed-col{max-width:none;margin:0;padding:0}
  .vh{max-width:620px;padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}
  .vh-top{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;position:sticky;top:0;z-index:60;height:56px;padding:0 8px;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);border-bottom:1px solid var(--vh-line)}
  .vh-top__btn{display:grid;place-items:center;width:44px;height:44px;color:var(--vh-ink);font-size:27px;text-decoration:none}
  .vh-top__logo{justify-self:center;display:block;height:34px}
  .vh-top__logo img{height:34px;width:auto;display:block}
  .vh-stories{padding:10px 10px 0;margin-bottom:10px}
  .vh-feed{gap:0}
  .vh-post{border-radius:0;box-shadow:none;margin-bottom:6px}
  .vh-post__stage{max-height:calc(100vh - 56px - 64px - 46px)}
  .vh-bottom{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:60;height:calc(56px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:rgba(255,255,255,.97);backdrop-filter:blur(12px);border-top:1px solid var(--vh-line)}
  .vh-bottom a{display:grid;place-items:center;color:var(--vh-ink);font-size:27px;text-decoration:none}
  .vh-bottom a.is-active{color:#000}
  .vh-bottom__me img{width:28px;height:28px;border-radius:50%;object-fit:cover;border:1.5px solid #ddd}
  .vh-toast{bottom:80px}
}
@media (min-width:1100px){
  .vh{padding:4px 0 40px}
}

/* VIVA_INICIO_R1_1 — áudio, links e YouTube como conteúdo */
.vh-yt__play{position:absolute;inset:0;display:grid;place-items:center}
.vh-yt__play i{width:74px;height:52px;border-radius:14px;background:#ff0033;color:#fff;display:grid;place-items:center;font-size:30px;box-shadow:0 6px 20px rgba(0,0,0,.35)}
.vh-slide--audio{background:radial-gradient(120% 90% at 20% 10%,#8a1d3d 0,#5e0621 40%,#1e070d 100%);padding:70px 70px 120px 18px;display:flex;align-items:center}
.vh-audio__mark{position:absolute;right:-30px;bottom:-40px;font-size:240px;color:rgba(255,255,255,.05);pointer-events:none}
.vh-audio{position:relative;z-index:1;width:100%;display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.12);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:8px 16px 8px 8px}
.vh-audio__play{flex:0 0 auto;width:48px;height:48px;border-radius:50%;border:0;background:#fff;color:#5e0621;font-size:22px;display:grid;place-items:center;cursor:pointer}
.vh-audio__bar{flex:1;height:6px;border-radius:6px;background:rgba(255,255,255,.28);overflow:hidden;cursor:pointer;position:relative}
.vh-audio__bar span{display:block;height:100%;width:0;background:#fff;border-radius:6px;transition:width .2s linear}
.vh-audio time{flex:0 0 auto;font-size:.8rem;font-weight:700;font-variant-numeric:tabular-nums;min-width:36px;text-align:right}
.vh-audio.is-playing{box-shadow:0 0 0 6px rgba(255,255,255,.08)}
.vh-slide--link{background:linear-gradient(160deg,#233447,#0f1620);padding:70px 70px 120px 18px;display:flex;align-items:center}
.vh-link{width:100%;display:grid;grid-template-columns:40px 1fr;grid-template-rows:auto auto auto;column-gap:12px;row-gap:4px;align-items:center;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:18px;padding:16px;color:#fff;text-decoration:none}
.vh-link img{grid-row:1/3;width:40px;height:40px;border-radius:10px;background:#fff;padding:6px}
.vh-link strong{font-size:1rem}
.vh-link span{font-size:.76rem;opacity:.75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.vh-link em{grid-column:1/-1;font-style:normal;font-weight:800;font-size:.85rem;margin-top:8px}

/* VIVA_ICONES_CHEIOS_R1 — a coleção de ícones do VIVA só tem contorno; estes são os cheios usados em curtir/salvar/início */
.ti-heart-filled::before,.ti-bookmark-filled::before,.ti-home-filled::before,.ti-player-play-filled::before,.ti-brand-youtube-filled::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.125em;background-color:currentColor;-webkit-mask:var(--vif) center/contain no-repeat;mask:var(--vif) center/contain no-repeat}
.ti-heart-filled{--vif:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.98 3.07a6 6 0 0 1 4.99 1.43l.03.03.04-.03a6 6 0 0 1 4.73-1.44l.25.04a6 6 0 0 1 3.36 10.01l-.18.18-.05.04-7.45 7.38a1 1 0 0 1-1.31.08l-.1-.08-7.49-7.42A6 6 0 0 1 6.98 3.07z'/%3E%3C/svg%3E")}
.ti-bookmark-filled{--vif:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 2a5 5 0 0 1 5 5v14a1 1 0 0 1-1.56.83L12 18.2l-5.44 3.63A1 1 0 0 1 5 21V7a5 5 0 0 1 5-5h4z'/%3E%3C/svg%3E")}
.ti-home-filled{--vif:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.71 2.29l9 9c.63.63.18 1.71-.71 1.71h-1v6a3 3 0 0 1-3 3h-3v-6a2 2 0 0 0-2-2h-0a2 2 0 0 0-2 2v6H7a3 3 0 0 1-3-3v-6H3c-.89 0-1.34-1.08-.71-1.71l9-9a1 1 0 0 1 1.42 0z'/%3E%3C/svg%3E")}
.ti-player-play-filled{--vif:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 4v16a1 1 0 0 0 1.52.85l13-8a1 1 0 0 0 0-1.7l-13-8A1 1 0 0 0 6 4z'/%3E%3C/svg%3E")}
.ti-brand-youtube-filled{--vif:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18 3a5 5 0 0 1 5 5v8a5 5 0 0 1-5 5H6a5 5 0 0 1-5-5V8a5 5 0 0 1 5-5h12zM9 8.5v7l6-3.5-6-3.5z'/%3E%3C/svg%3E")}

/* VIVA_F4A_TELA_CHEIA_R1 — uma publicação por tela (modelo Instagram/Reels) */
.vh-slide--fit{background:#000}
.vh-slide--fit .vh-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(28px) brightness(.55);transform:scale(1.15);pointer-events:none}
.vh-slide--fit .vh-fg{position:relative;width:100%;height:100%;object-fit:contain}
.vh-slide--fit.is-cover .vh-fg{object-fit:cover}
.vh-slide--fit.is-cover .vh-bg{display:none}
.vh-post__comment{position:absolute;left:0;right:0;bottom:0;z-index:7;background:rgba(0,0,0,.45);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.08);color:#e8dde1}
.vh-post__foot{bottom:46px}
.vh-post__side{bottom:132px}
.vh-dots{bottom:128px}
.vh-mute{bottom:58px}
@media (min-width:1100px){
  .vh-post__stage{aspect-ratio:auto;height:calc(100vh - 150px);min-height:520px;max-height:900px}
}
@media (max-width:1099px){
  html:has(#viva-home:not(.vh--single)){scroll-snap-type:y mandatory}
  #viva-home .vh-stories{scroll-snap-align:start;scroll-margin-top:56px}
  #viva-home .vh-post{height:calc(100vh - 112px);height:calc(100dvh - 112px - env(safe-area-inset-bottom,0px));margin:0;scroll-snap-align:start;scroll-snap-stop:always;scroll-margin-top:56px;display:flex;flex-direction:column}
  #viva-home .vh-post__stage{flex:1;aspect-ratio:auto;max-height:none;height:auto;min-height:0}
  #viva-home .vh-more,#viva-home .vh-end,#viva-home .vh-empty{scroll-snap-align:start}
}

/* VIVA_F4_DESENHO_R1 — Business e Comunidade com o mesmo cartão; faixa de topo de cada face preservada */
.vh-tag-word{display:inline-block;font-style:normal;font-weight:800;font-size:.64rem;letter-spacing:.06em;text-transform:uppercase;background:#c9a24a;color:#241205;border-radius:999px;padding:2px 8px;margin-right:4px;vertical-align:1px}
@media (max-width:1099px){
  body:has(#viva-home) .viva-main-top{scroll-snap-align:start;scroll-margin-top:56px}
  #viva-home.vh--business,#viva-home.vh--comunidade{padding-top:0}
}

/* VIVA_F5_PALAVRA_R1 — Palavra no feed: fundo Sol Vibrante com o texto escrito pelo sistema */
.vh-slide--word{position:relative;display:flex;align-items:center;justify-content:center;background:#1c1208;overflow:hidden}
.vh-word__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vh-word__scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.45) 0%,rgba(0,0,0,.18) 32%,rgba(0,0,0,.35) 62%,rgba(0,0,0,.78) 100%);pointer-events:none}
.vh-word__body{position:relative;z-index:1;width:100%;max-width:520px;padding:70px 72px 120px 22px;color:#fff;display:flex;flex-direction:column;gap:12px;text-shadow:0 2px 14px rgba(0,0,0,.55)}
.vh-word__tag{align-self:flex-start;font-size:.66rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;background:#c9a24a;color:#241205;border-radius:999px;padding:4px 11px;text-shadow:none}
.vh-word__body h3{margin:0;font-family:Georgia,'Times New Roman',serif;font-weight:700;font-size:clamp(1.5rem,6.4vw,2.2rem);line-height:1.15}
.vh-word__body h3 a{color:#fff;text-decoration:none}
.vh-word__body p{margin:0;font-family:Georgia,'Times New Roman',serif;font-size:clamp(1rem,4.2vw,1.15rem);line-height:1.5;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden}
.vh-word__notice{display:block;font-size:.76rem;line-height:1.4;background:rgba(0,0,0,.45);border-left:3px solid #c9a24a;padding:7px 10px;border-radius:6px;text-shadow:none}
.vh-word__player .vh-audio{margin-top:4px}
.vh-word__more{align-self:flex-start;color:#fff;font-weight:800;font-size:.85rem;text-decoration:none;border:1.5px solid rgba(255,255,255,.85);border-radius:10px;padding:7px 14px;text-shadow:none;background:rgba(0,0,0,.2)}


/* VIVA_POST_OWNER_CONTROLS_R2_CSS */
.vh-post{position:relative}
.vh-owner-r2{position:absolute;z-index:45;top:10px;right:10px;font-family:inherit}
.vh-owner-r2__more{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(0,0,0,.10);border-radius:999px;background:rgba(255,255,255,.94);color:#2b151c;box-shadow:0 4px 16px rgba(0,0,0,.10);cursor:pointer;font-size:20px}
.vh-owner-r2__menu{position:absolute;top:44px;right:0;min-width:190px;padding:6px;border:1px solid #eadfe3;border-radius:12px;background:#fff;box-shadow:0 14px 40px rgba(36,9,18,.18)}
.vh-owner-r2__menu[hidden]{display:none!important}
.vh-owner-r2__menu a,.vh-owner-r2__menu button{width:100%;min-height:42px;display:flex;align-items:center;gap:10px;border:0;border-radius:8px;padding:9px 11px;background:transparent;color:#2b151c;text-decoration:none;text-align:left;font:inherit;font-size:14px;cursor:pointer}
.vh-owner-r2__menu a:hover,.vh-owner-r2__menu button:hover{background:#f7f3f4}
.vh-owner-r2__menu .is-danger{color:#b42318}
.vh-owner-r2__menu button:disabled{opacity:.55;cursor:wait}
@media(max-width:700px){.vh-owner-r2{top:8px;right:8px}.vh-owner-r2__more{width:36px;height:36px}.vh-owner-r2__menu{min-width:176px}}
/* VIVA_UX_PRE_HOMOLOGACAO_R1 — CARROSSEL DESKTOP */
.vh-carousel-nav{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    z-index:12;
    width:42px;
    height:42px;
    border:0;
    border-radius:999px;
    display:grid;
    place-items:center;
    background:rgba(255,255,255,.94);
    color:#111827;
    box-shadow:0 3px 14px rgba(0,0,0,.28);
    cursor:pointer;
    transition:opacity .18s ease, transform .18s ease;
}

.vh-carousel-nav:hover{
    transform:translateY(-50%) scale(1.06);
}

.vh-carousel-nav--prev{
    left:16px;
}

.vh-carousel-nav--next{
    right:64px;
}

.vh-carousel-nav:disabled{
    opacity:0;
    pointer-events:none;
}

@media (max-width:760px){
    .vh-carousel-nav{
        display:none !important;
    }
}
/* /VIVA_UX_PRE_HOMOLOGACAO_R1 */


/* VIVA_CARROSSEL_AFASTAMENTO_R1
 * Foto principal mais afastada para mostrar melhor o conteúdo.
 * O fundo existente continua preenchendo o card.
 * Não altera vídeos, Palavra, links ou outros formatos.
 */
@media (min-width:761px){
    .vh-slide--fit:not(.vh-slide--video) .vh-fg{
        width:100% !important;
        height:100% !important;
        object-fit:contain !important;
        object-position:center center !important;
        transform:scale(.82) !important;
        transform-origin:center center !important;
    }

    .vh-slide--fit.is-cover:not(.vh-slide--video) .vh-fg{
        object-fit:contain !important;
        transform:scale(.82) !important;
    }
}
/* /VIVA_CARROSSEL_AFASTAMENTO_R1 */


/* VIVA_CARROSSEL_ALTURA_DESKTOP_R1
 * Desktop: trocar a área quadrada por uma área retangular mais alta.
 * Meta: pelo menos ~30% mais altura visual que o quadrado.
 * Mobile permanece intocado.
 */
@media (min-width:761px){
    [data-vh-track]{
        aspect-ratio:3 / 4 !important;
        height:auto !important;
        min-height:0 !important;
    }

    [data-vh-track] > *{
        min-height:100% !important;
        height:100% !important;
    }

    [data-vh-track] > * .vh-bg,
    [data-vh-track] > * .vh-fg{
        height:100% !important;
        max-height:none !important;
    }
}
/* /VIVA_CARROSSEL_ALTURA_DESKTOP_R1 */


/* VIVA_CARROSSEL_ALTURA_DESKTOP_R2
 * Desktop: largura preservada.
 * Altura = 140% da largura.
 * Mobile não é alterado.
 */
@media (min-width:761px){

    .vh-post__stage{
        width:100% !important;
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;
        aspect-ratio:5 / 7 !important;
    }

    .vh-post__track{
        width:100% !important;
        height:100% !important;
        min-height:100% !important;
        max-height:none !important;
        aspect-ratio:auto !important;
    }

    .vh-post__track > .vh-slide{
        width:100% !important;
        height:100% !important;
        min-height:100% !important;
    }
}
/* /VIVA_CARROSSEL_ALTURA_DESKTOP_R2 */

/* VIVA_FEED_FULLSCREEN_R1 */
/* VIVA_FEED_F11_R1 */

.vh-focus-backdrop{
    position:fixed;
    inset:0;

    z-index:2147482000;

    background:rgba(0,0,0,.64);

    backdrop-filter:
        blur(18px)
        brightness(.48);

    -webkit-backdrop-filter:
        blur(18px)
        brightness(.48);

    opacity:0;
    visibility:hidden;
    pointer-events:none;
}

.vh-focus-backdrop.is-open{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
}

html.vh-focus-open,
html.vh-focus-open body{
    overflow:hidden !important;
}


/* SOMENTE DESKTOP */
@media (min-width:761px){

    /*
     * Agora estamos dentro do fullscreen real
     * do navegador.
     *
     * O exibidor aproveita praticamente toda
     * a altura física da tela.
     */
    body > .vh-post__stage.vh-stage--focus{
        position:fixed !important;

        z-index:2147483000 !important;

        top:50% !important;
        left:50% !important;

        transform:
            translate(-50%,-50%) !important;

        width:min(
            98vw,
            calc(98dvh * 5 / 7)
        ) !important;

        height:min(
            98dvh,
            calc(98vw * 7 / 5)
        ) !important;

        aspect-ratio:5 / 7 !important;

        min-height:0 !important;
        max-height:98dvh !important;

        margin:0 !important;

        border-radius:16px !important;

        overflow:hidden !important;

        background:#000 !important;

        box-shadow:
            0 35px 120px rgba(0,0,0,.82),
            0 0 0 1px rgba(255,255,255,.14) !important;
    }


    body > .vh-stage--focus .vh-post__track{
        width:100% !important;
        height:100% !important;

        min-height:100% !important;
        max-height:none !important;

        aspect-ratio:auto !important;
    }


    body > .vh-stage--focus .vh-slide{
        position:relative !important;

        width:100% !important;
        height:100% !important;

        min-height:100% !important;

        overflow:hidden !important;
    }


    /*
     * Fundo desfocado da própria fotografia.
     */
    body > .vh-stage--focus .vh-bg{
        position:absolute !important;

        inset:-12% !important;

        width:124% !important;
        height:124% !important;

        object-fit:cover !important;

        filter:
            blur(34px)
            brightness(.40)
            saturate(1.12) !important;

        transform:scale(1.08) !important;

        z-index:0 !important;
    }


    /*
     * Fotografia principal:
     * mantém a proporção e aparece inteira.
     */
    body > .vh-stage--focus .vh-fg{
        position:relative !important;

        z-index:1 !important;

        width:100% !important;
        height:100% !important;

        object-fit:contain !important;
        object-position:center center !important;

        transform:scale(.82) !important;

        filter:none !important;
    }


    body > .vh-stage--focus .vh-post__head,
    body > .vh-stage--focus .vh-post__side,
    body > .vh-stage--focus .vh-post__foot,
    body > .vh-stage--focus .vh-count,
    body > .vh-stage--focus .vh-dots,
    body > .vh-stage--focus .vh-carousel-nav,
    body > .vh-stage--focus .vh-post__shade{
        z-index:20 !important;
    }


    body > .vh-stage--focus .vh-carousel-nav{
        width:52px !important;
        height:52px !important;
    }
}


/* MOBILE NÃO É ALTERADO */
@media (max-width:760px){
    .vh-fullscreen-btn{
        display:none !important;
    }
}

/* /VIVA_FEED_F11_R1 */
/* /VIVA_FEED_FULLSCREEN_R1 */