/* PKaraokê V16 — página inicial */

/* Fonte consolidada: index-buttons-theme-fix.css */
/*
 * PKaraokê V12.6
 * Correção exclusiva dos botões de acesso rápido abaixo do slideshow da página inicial.
 * Não altera topo, rodapé, slides ou demais páginas.
 */

body.page-home .quick-actions .quick-card{
  position:relative;
  overflow:hidden;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 12px 30px rgba(7,27,45,.16)!important;
  transition:transform .25s ease,filter .25s ease,box-shadow .25s ease,border-color .25s ease!important;
}

body.page-home .quick-actions .quick-card,
body.page-home .quick-actions .quick-card *,
body.page-home .quick-actions .quick-card strong,
body.page-home .quick-actions .quick-card small,
body.page-home .quick-actions .quick-card .icon{
  color:#fff!important;
}

body.page-home .quick-actions .quick-card small{
  color:rgba(255,255,255,.84)!important;
}

body.page-home .quick-actions .quick-card .quick-icon{
  background:rgba(255,255,255,.16)!important;
  border:1px solid rgba(255,255,255,.13)!important;
}

/* Modo claro: mantém as cores vivas originais. */
html:not([data-theme="dark"]) body.page-home .quick-actions .quick-card.blue{
  background:linear-gradient(135deg,#087dca 0%,#13aaf7 100%)!important;
}
html:not([data-theme="dark"]) body.page-home .quick-actions .quick-card.red{
  background:linear-gradient(135deg,#bf1421 0%,#f04555 100%)!important;
}
html:not([data-theme="dark"]) body.page-home .quick-actions .quick-card.navy{
  background:linear-gradient(135deg,#0b2338 0%,#254961 100%)!important;
}
html:not([data-theme="dark"]) body.page-home .quick-actions .quick-card.green{
  background:linear-gradient(135deg,#16894a 0%,#28ca73 100%)!important;
}
html:not([data-theme="dark"]) body.page-home .quick-actions .quick-card.purple{
  background:linear-gradient(135deg,#6b36c8 0%,#9c55ee 100%)!important;
}

/* Modo noturno: mantém cada botão identificado pela própria cor. */
html[data-theme="dark"] body.page-home .quick-actions .quick-card.blue{
  background:linear-gradient(135deg,#074268 0%,#087ebc 100%)!important;
  border-color:rgba(105,190,246,.26)!important;
}
html[data-theme="dark"] body.page-home .quick-actions .quick-card.red{
  background:linear-gradient(135deg,#68101a 0%,#aa2432 100%)!important;
  border-color:rgba(255,111,124,.26)!important;
}
html[data-theme="dark"] body.page-home .quick-actions .quick-card.navy{
  background:linear-gradient(135deg,#071621 0%,#18384e 100%)!important;
  border-color:rgba(157,190,211,.22)!important;
}
html[data-theme="dark"] body.page-home .quick-actions .quick-card.green{
  background:linear-gradient(135deg,#0b492b 0%,#168b4d 100%)!important;
  border-color:rgba(88,221,152,.26)!important;
}
html[data-theme="dark"] body.page-home .quick-actions .quick-card.purple{
  background:linear-gradient(135deg,#3e216f 0%,#6f35b4 100%)!important;
  border-color:rgba(194,147,255,.26)!important;
}

@media (hover:hover){
  body.page-home .quick-actions .quick-card:hover{
    transform:translateY(-4px)!important;
    filter:brightness(1.07)!important;
    box-shadow:0 17px 36px rgba(7,27,45,.24)!important;
  }
}

@media (max-width:620px){
  body.page-home .quick-actions .quick-card{
    min-height:88px;
  }
}

@media (prefers-reduced-motion:reduce){
  body.page-home .quick-actions .quick-card{
    transition:none!important;
  }
}


/*
 * Restauração independente do wallpaper na página inicial.
 * Esta camada não depende de alterações em topo.php ou rodape.php.
 */
body.page-home{
  position:relative;
  isolation:isolate;
  background:transparent!important;
}

/* Evita sobreposição dupla caso o wallpaper global também esteja ativo. */
body.page-home > .site-wallpaper-layer{
  display:none!important;
}

body.page-home::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  background-image:
    linear-gradient(180deg,rgba(246,249,252,.48),rgba(246,249,252,.58)),
    url('../img/background/wallpaper-karaoke-rio-sp.webp?v=12.6');
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover;
  transform:translateZ(0);
  backface-visibility:hidden;
}

body.page-home > .site-header,
body.page-home > main,
body.page-home > .site-footer,
body.page-home > .whatsapp-float,
body.page-home > .goal-journey,
body.page-home > .skip-link{
  position:relative;
}
body.page-home > main{z-index:1;background:transparent!important}
body.page-home > .site-footer{z-index:2}
body.page-home > .site-header{z-index:1000}
body.page-home > .whatsapp-float,
body.page-home > .goal-journey{z-index:1150}

/* Mantém o wallpaper visível sem perder a leitura do conteúdo. */
body.page-home .section,
body.page-home .section-tint,
body.page-home .site-announcements{
  background-color:rgba(255,255,255,.68)!important;
}
body.page-home .section-tint,
body.page-home .site-announcements{
  background-image:linear-gradient(135deg,rgba(244,248,251,.72),rgba(255,255,255,.62))!important;
}
body.page-home .product-showcase,
body.page-home .benefit-card,
body.page-home .path-card,
body.page-home .faq-item{
  background:rgba(255,255,255,.88)!important;
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
}

html[data-theme="dark"] body.page-home::before{
  background-image:
    linear-gradient(180deg,rgba(5,15,24,.48),rgba(5,15,24,.62)),
    url('../img/background/wallpaper-karaoke-rio-sp.webp?v=12.6');
}
html[data-theme="dark"] body.page-home .section,
html[data-theme="dark"] body.page-home .section-tint,
html[data-theme="dark"] body.page-home .site-announcements{
  background-color:rgba(7,19,30,.70)!important;
}
html[data-theme="dark"] body.page-home .section-tint,
html[data-theme="dark"] body.page-home .site-announcements{
  background-image:linear-gradient(135deg,rgba(8,23,34,.74),rgba(16,28,37,.68))!important;
}
html[data-theme="dark"] body.page-home .product-showcase,
html[data-theme="dark"] body.page-home .benefit-card,
html[data-theme="dark"] body.page-home .path-card,
html[data-theme="dark"] body.page-home .faq-item{
  background:rgba(16,36,51,.88)!important;
}

@media(max-width:820px){
  body.page-home::before{
    background-position:center top;
  }
}
@media(max-width:620px){
  body.page-home::before{
    background-position:46% top;
  }
}
@supports(-webkit-touch-callout:none){
  body.page-home::before{
    height:100dvh;
    min-height:-webkit-fill-available;
  }
}

/* Fonte consolidada: home-journey.css */
/* PKaraokê V13.1 — mapa da página inicial com sete etapas */
body.page-home .goal-journey{--journey-count:7}
@media(max-width:760px){
  body.page-home .goal-journey{gap:8px}
}
@media(max-width:360px){
  body.page-home .goal-journey{gap:5px}
  body.page-home .goal-dot{width:34px;height:34px;flex-basis:34px}
  body.page-home .goal-step{width:34px}
  body.page-home .goal-rail{left:18px;right:18px;top:17px}
}