/*
Theme Name: Barzinho Play
Theme URI: https://barzinhoplay.com/
Author: Barzinho Play
Description: Tema dark cinematográfico para o aplicativo Barzinho Play, com foco em músicos ao vivo, blog e SEO.
Version: 7.7.1
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: barzinho-play
*/

:root{--bp-bg:#0B0F19;--bp-card:#151B2B;--bp-amber:#F5A623;--bp-purple:#8B5CF6;--bp-text:#F8FAFC;--bp-muted:#AAB2C0;--bp-line:#263247;--bp-blue:#3B82F6;--bp-pink:#D946EF;--bp-radius:18px;--bp-max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bp-bg);color:var(--bp-text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.bp-container{width:min(calc(100% - 40px),var(--bp-max));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(11,15,25,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.06)}.bp-header-inner{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}.bp-brand{font-weight:900;font-size:21px;letter-spacing:.2px;display:flex;align-items:center;gap:10px}.bp-brand-mark{display:grid;grid-template-columns:repeat(5,4px);align-items:end;gap:2px;height:25px}.bp-brand-mark i{display:block;background:var(--bp-amber);border-radius:1px}.bp-brand-mark i:nth-child(1){height:8px}.bp-brand-mark i:nth-child(2){height:14px}.bp-brand-mark i:nth-child(3){height:23px}.bp-brand-mark i:nth-child(4){height:17px}.bp-brand-mark i:nth-child(5){height:10px}.bp-brand span{color:var(--bp-amber)}.bp-nav ul{display:flex;align-items:center;gap:28px;list-style:none;margin:0;padding:0}.bp-nav a{font-size:14px;color:#e8edf6}.bp-nav a:hover{color:var(--bp-amber)}.bp-menu-toggle{display:none;background:none;border:1px solid var(--bp-line);color:white;border-radius:9px;padding:8px 11px;font-size:20px}.bp-hero{min-height:610px;display:grid;align-items:center;position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(11,15,25,.98) 0%,rgba(11,15,25,.91) 42%,rgba(11,15,25,.28) 78%,rgba(11,15,25,.12) 100%),url("assets/images/hero-live.jpg") center/cover no-repeat}.bp-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--bp-bg) 0%,transparent 25%);pointer-events:none}.bp-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:50px;padding:80px 0;position:relative;z-index:2}.bp-eyebrow{color:var(--bp-amber);font-size:13px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase}.bp-hero h1{font-size:clamp(44px,6vw,72px);line-height:1.02;margin:12px 0 22px;letter-spacing:-2px}.bp-hero h1 em{font-style:normal;color:var(--bp-amber)}.bp-lead{font-size:20px;max-width:650px;margin:0 0 12px}.bp-muted{color:var(--bp-muted)}.bp-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.bp-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--bp-amber);color:#0B0F19;padding:13px 20px;border-radius:10px;font-weight:850;border:1px solid var(--bp-amber)}.bp-button:hover{transform:translateY(-1px);filter:brightness(1.05)}.bp-button.secondary{background:transparent;color:white;border-color:#58647a}.bp-phone-wrap{display:flex;justify-content:center;position:relative}.bp-phone-wrap:before{content:"";position:absolute;width:390px;height:390px;background:rgba(245,166,35,.15);filter:blur(70px);border-radius:50%}.bp-phone{width:min(330px,85%);aspect-ratio:9/18;border:8px solid #171d28;border-radius:38px;background:#090d15;box-shadow:0 35px 90px rgba(0,0,0,.55);padding:26px 20px;position:relative;transform:rotate(2deg)}.bp-phone:before{content:"";position:absolute;top:8px;left:50%;transform:translateX(-50%);width:82px;height:20px;border-radius:20px;background:#151b26}.bp-phone-title{margin-top:22px;font-size:13px;color:var(--bp-muted);display:flex;justify-content:space-between}.bp-song-title{font-size:22px;font-weight:800;margin:20px 0 24px}.bp-lyric{font-size:16px;margin:15px 0}.voice-a{color:#54a3ff}.voice-b{color:#e45ae5}.voice-both{color:var(--bp-amber)}.bp-progress{height:4px;background:#273145;border-radius:10px;margin-top:28px;overflow:hidden}.bp-progress i{display:block;width:58%;height:100%;background:var(--bp-amber)}.bp-player{display:flex;justify-content:center;gap:25px;font-size:28px;margin-top:25px}.bp-section{padding:78px 0}.bp-section.alt{background:#0e1420}.bp-section-title{text-align:center;font-size:clamp(30px,4vw,43px);line-height:1.12;margin:0 0 12px}.bp-section-title span{color:var(--bp-amber)}.bp-section-intro{text-align:center;color:var(--bp-muted);max-width:760px;margin:0 auto 42px}.bp-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.bp-feature{background:linear-gradient(180deg,#151d2d,#111827);border:1px solid rgba(255,255,255,.055);border-radius:var(--bp-radius);padding:28px 24px;text-align:center}.bp-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--bp-amber);color:var(--bp-amber);font-size:24px;margin:0 auto 17px}.bp-feature h3{margin:0 0 8px}.bp-feature p{color:var(--bp-muted);margin:0;font-size:14px}.bp-grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.bp-persona{min-height:240px;border-radius:var(--bp-radius);overflow:hidden;position:relative;background:linear-gradient(150deg,#20283a,#111827);border:1px solid var(--bp-line);display:flex;align-items:flex-end}.bp-persona:before{content:"♪";position:absolute;font-size:120px;color:rgba(245,166,35,.08);top:15px;right:25px}.bp-persona-content{padding:22px;position:relative;z-index:2;width:100%;background:linear-gradient(0deg,rgba(7,10,17,.95),transparent)}.bp-persona h3{font-size:16px;margin:0 0 4px}.bp-persona p{font-size:13px;color:var(--bp-muted);margin:0}.bp-duet{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.bp-duet-copy h2{font-size:clamp(34px,5vw,52px);line-height:1.08;margin:0 0 20px}.bp-duet-copy h2 span{color:var(--bp-amber)}.bp-legend{display:flex;gap:22px;flex-wrap:wrap;margin-top:25px}.bp-dot{display:inline-block;width:11px;height:11px;border-radius:50%;margin-right:7px}.bp-venues{display:grid;grid-template-columns:1fr 1.4fr;gap:45px;align-items:center}.bp-mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.bp-mini-card{min-height:145px;background:linear-gradient(135deg,#1a2435,#111827);border:1px solid var(--bp-line);border-radius:14px;padding:18px;display:flex;align-items:flex-end;font-weight:750}.bp-cta{padding:70px 0;background:radial-gradient(circle at 50% 100%,rgba(139,92,246,.18),transparent 35%),#0B0F19;text-align:center}.bp-cta h2{font-size:clamp(34px,5vw,54px);margin:0 0 12px}.bp-blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.bp-post-card{border:1px solid var(--bp-line);background:var(--bp-card);border-radius:16px;overflow:hidden}.bp-post-thumb{aspect-ratio:16/9;background:linear-gradient(135deg,#242e43,#111827);display:grid;place-items:center;font-size:46px;color:var(--bp-amber)}.bp-post-body{padding:22px}.bp-post-body h2,.bp-post-body h3{margin:6px 0 10px;line-height:1.25}.bp-post-body p{color:var(--bp-muted);font-size:14px}.bp-meta{font-size:12px;color:var(--bp-amber);text-transform:uppercase;font-weight:800;letter-spacing:.7px}.bp-content{width:min(calc(100% - 40px),820px);margin:auto;padding:70px 0}.bp-content h1{font-size:clamp(38px,5vw,58px);line-height:1.05}.bp-content h2{font-size:30px;margin-top:42px}.bp-content p,.bp-content li{font-size:18px;color:#dbe2ec}.bp-content a{color:var(--bp-amber);text-decoration:underline}.site-footer{border-top:1px solid var(--bp-line);padding:45px 0 25px;background:#080c13}.bp-footer-grid{display:grid;grid-template-columns:1.4fr 2fr;gap:50px}.bp-footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.bp-footer-links h4{margin-top:0}.bp-footer-links a{display:block;color:var(--bp-muted);margin:7px 0;font-size:14px}.bp-copyright{border-top:1px solid rgba(255,255,255,.06);margin-top:35px;padding-top:20px;color:#778196;font-size:13px}.screen-reader-text{position:absolute;left:-9999px}.pagination{margin-top:35px}.nav-links{display:flex;gap:8px}.page-numbers{padding:8px 12px;border:1px solid var(--bp-line);border-radius:8px}.current{background:var(--bp-amber);color:#111}.bp-search-form{display:flex;gap:8px}.bp-search-form input{flex:1;background:#111827;border:1px solid var(--bp-line);color:white;border-radius:10px;padding:13px}.bp-search-form button{background:var(--bp-amber);border:0;border-radius:10px;padding:0 18px;font-weight:800}
@media(max-width:900px){.bp-nav{display:none;position:absolute;top:74px;left:0;right:0;background:#0B0F19;border-bottom:1px solid var(--bp-line);padding:20px}.bp-nav.open{display:block}.bp-nav ul{flex-direction:column;align-items:flex-start}.bp-menu-toggle{display:block}.bp-hero-grid,.bp-duet,.bp-venues,.bp-footer-grid{grid-template-columns:1fr}.bp-hero-grid{padding-top:55px}.bp-phone-wrap{margin-top:25px}.bp-grid-4{grid-template-columns:repeat(2,1fr)}.bp-grid-5{grid-template-columns:repeat(2,1fr)}.bp-blog-grid{grid-template-columns:1fr 1fr}.bp-footer-links{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.bp-container{width:min(calc(100% - 28px),var(--bp-max))}.bp-hero h1{letter-spacing:-1px}.bp-lead{font-size:17px}.bp-grid-4,.bp-grid-5,.bp-blog-grid,.bp-mini-grid{grid-template-columns:1fr}.bp-section{padding:58px 0}.bp-hero{min-height:auto}.bp-hero-grid{gap:25px}.bp-phone{width:270px}.bp-footer-links{grid-template-columns:1fr}.bp-actions .bp-button{width:100%}}

/* V2 bundled photography */
.bp-persona{background-size:cover;background-position:center}.bp-persona:before{display:none}.bp-persona:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,8,14,.98) 0%,rgba(5,8,14,.25) 62%,rgba(5,8,14,.05) 100%)}
.bp-persona-content{z-index:3}
.bp-persona-solo{background-image:url("assets/images/persona-solo.jpg")}.bp-persona-guitar{background-image:url("assets/images/persona-guitar.jpg")}.bp-persona-keyboard{background-image:url("assets/images/persona-keyboard.jpg")}.bp-persona-duo{background-image:url("assets/images/persona-duo.jpg")}.bp-persona-band{background-image:url("assets/images/persona-band.jpg")}
.bp-mini-card{position:relative;overflow:hidden;background-size:cover;background-position:center;min-height:180px;z-index:1}.bp-mini-card:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,8,14,.92),rgba(5,8,14,.12));z-index:-1}.bp-venue-bar{background-image:url("assets/images/venue-bar.jpg")}.bp-venue-stage{background-image:url("assets/images/venue-stage.jpg")}.bp-venue-event{background-image:url("assets/images/venue-event.jpg")}.bp-venue-rehearsal{background-image:url("assets/images/venue-rehearsal.jpg")}
@media(max-width:900px){.bp-hero{background-position:65% center}.bp-hero:before{content:"";position:absolute;inset:0;background:rgba(11,15,25,.35)}}

/* Barzinho Play v3 — responsive photographic framing */
/* Photos are pure image assets in v3; captions remain real HTML for SEO/accessibility. */
.bp-persona,
.bp-mini-card{
  background-repeat:no-repeat;
  background-size:cover;
  background-color:#111827;
}

/* Desktop focal points: keep faces/instruments inside the safe area. */
.bp-persona{min-height:270px;background-position:50% 22%}
.bp-persona-solo{background-position:50% 18%}
.bp-persona-guitar{background-position:50% 20%}
.bp-persona-keyboard{background-position:50% 16%}
.bp-persona-duo{background-position:50% 16%}
.bp-persona-band{background-position:50% 18%}
.bp-persona-content{padding:54px 20px 20px;background:linear-gradient(0deg,rgba(5,8,14,.98) 0%,rgba(5,8,14,.72) 52%,transparent 100%)}

.bp-mini-card{min-height:190px;background-position:50% 35%;padding:18px}
.bp-venue-stage{background-position:50% 45%}
.bp-venue-event{background-position:50% 35%}
.bp-venue-rehearsal{background-position:50% 25%}

/* Hero focal point moves independently of the phone/text columns. */
.bp-hero{background-position:58% center}

@media (max-width:1100px) and (min-width:901px){
  .bp-persona{min-height:250px;background-position:50% 16%}
  .bp-persona-content{padding-left:16px;padding-right:16px}
  .bp-hero{background-position:62% center}
}

@media (max-width:900px){
  /* Two-column cards become wider: shift crop upward so heads remain visible. */
  .bp-persona{min-height:300px;background-position:50% 10%}
  .bp-persona-solo{background-position:50% 8%}
  .bp-persona-guitar{background-position:50% 8%}
  .bp-persona-keyboard{background-position:50% 7%}
  .bp-persona-duo{background-position:50% 7%}
  .bp-persona-band{background-position:50% 10%}
  .bp-mini-card{min-height:200px;background-position:50% 30%}
  .bp-hero{background-position:68% center}
}

@media (max-width:560px){
  /* On phones each card is full width. Fixed aspect ratio prevents uncovered/empty strips. */
  .bp-grid-5{grid-template-columns:1fr}
  .bp-persona{
    min-height:0;
    aspect-ratio:16/10;
    background-position:50% 15%;
  }
  .bp-persona-solo{background-position:50% 12%}
  .bp-persona-guitar{background-position:50% 12%}
  .bp-persona-keyboard{background-position:50% 10%}
  .bp-persona-duo{background-position:50% 10%}
  .bp-persona-band{background-position:50% 14%}
  .bp-persona-content{padding:62px 20px 18px}
  .bp-mini-grid{grid-template-columns:1fr}
  .bp-mini-card{min-height:0;aspect-ratio:16/9;background-position:50% 38%}
  .bp-venue-stage{background-position:50% 45%}
  .bp-venue-rehearsal{background-position:50% 30%}
  .bp-hero{background-position:72% center}
}

/* V4.1 — only the hero mockup from V3 is replaced by a real Barzinho Play screenshot. */
.bp-real-app-wrap:before{width:390px;height:390px}
.bp-real-app-phone{width:min(330px,85%);aspect-ratio:9/18;border:8px solid #171d28;border-radius:38px;background:#090d15;box-shadow:0 35px 90px rgba(0,0,0,.55);position:relative;overflow:hidden;transform:rotate(2deg)}
.bp-real-app-phone:before{content:"";position:absolute;inset:0;border-radius:30px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);z-index:2;pointer-events:none}
.bp-real-app-phone img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}
@media(max-width:600px){.bp-real-app-phone{width:270px}}

/* V5: imagens do layout podem ser trocadas em Aparência > Personalizar > Barzinho Play — Imagens. */

/* V6 — preenchimento integral dos cards fotográficos.
   As fotos originais possuem uma pequena margem escura incorporada nas bordas.
   O leve zoom responsivo elimina essa margem sem alterar o layout dos cards. */
.bp-persona{
  background-size:auto 112% !important;
  background-repeat:no-repeat !important;
  background-position:center 14% !important;
  background-color:#111827;
}
.bp-persona-solo{background-position:center 12% !important}
.bp-persona-guitar{background-position:center 13% !important}
.bp-persona-keyboard{background-position:center 11% !important}
.bp-persona-duo{background-position:center 11% !important}
.bp-persona-band{background-position:center 13% !important}

@media (max-width:900px){
  .bp-persona{background-size:auto 116% !important;background-position:center 10% !important}
}

@media (max-width:560px){
  .bp-persona{
    background-size:112% auto !important;
    background-position:center 10% !important;
  }
}

/* V7 — FAQ semântico e conteúdo SEO mantendo a identidade visual da V6. */
.bp-faq-wrap{max-width:900px}.bp-faq{display:grid;gap:12px}.bp-faq details{background:linear-gradient(180deg,#151d2d,#111827);border:1px solid var(--bp-line);border-radius:14px;padding:0 20px}.bp-faq summary{cursor:pointer;font-weight:800;font-size:17px;padding:19px 34px 19px 0;position:relative;list-style:none}.bp-faq summary::-webkit-details-marker{display:none}.bp-faq summary:after{content:"+";position:absolute;right:0;top:15px;color:var(--bp-amber);font-size:25px;line-height:1}.bp-faq details[open] summary:after{content:"−"}.bp-faq details p{color:var(--bp-muted);margin:0;padding:0 0 20px;font-size:15px}.bp-faq details[open] summary{color:var(--bp-amber)}

/* V7.1 — posts: imagem destacada lateral com texto envolvendo a foto. */
.bp-single-body::after{content:"";display:block;clear:both}
.bp-single-featured{
  float:left;
  width:38%;
  max-width:310px;
  margin:8px 28px 18px 0;
  border-radius:16px;
  overflow:hidden;
  background:var(--bp-card);
}
.bp-single-featured-img{
  display:block;
  width:100%;
  height:auto;
  margin:0;
}
.bp-single-body > p:first-of-type{margin-top:0}

@media (max-width:700px){
  .bp-single-featured{
    float:none;
    width:100%;
    max-width:none;
    margin:22px 0 28px;
  }
}

/* V7.2 — links institucionais no rodapé e contraste do CTA nos artigos. */
.bp-content a.bp-button{color:#0B0F19;text-decoration:none}
.bp-content a.bp-button:hover{color:#0B0F19;text-decoration:none}

/* V7.4 — screenshots reais do app no hero e na seção de divisão de vozes. */
.bp-voice-app-phone{transform:rotate(-2deg)}
.bp-voice-app-phone img{object-position:center top}


/* V7.7 — caminhos principais: conecta a Home às seis páginas permanentes sem alterar as seções existentes. */
.bp-pathways{padding-top:68px;padding-bottom:68px}
.bp-pathway-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.bp-pathway-card{display:grid;grid-template-columns:48px 1fr auto;gap:15px;align-items:center;min-height:126px;padding:22px;background:linear-gradient(180deg,#151d2d,#111827);border:1px solid var(--bp-line);border-radius:var(--bp-radius);color:var(--bp-text);text-decoration:none;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.bp-pathway-card:hover{transform:translateY(-2px);border-color:rgba(245,166,35,.65);background:linear-gradient(180deg,#182235,#121a29)}
.bp-pathway-icon{width:48px;height:48px;border:1px solid var(--bp-amber);border-radius:50%;display:grid;place-items:center;color:var(--bp-amber);font-size:20px}
.bp-pathway-card h3{margin:0 0 6px;font-size:17px;line-height:1.2}
.bp-pathway-card p{margin:0;color:var(--bp-muted);font-size:13px;line-height:1.45}
.bp-pathway-arrow{color:var(--bp-amber);font-size:22px;font-weight:800}
@media(max-width:900px){.bp-pathway-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.bp-pathway-grid{grid-template-columns:1fr}.bp-pathway-card{min-height:112px;padding:18px}}