/* Estudos de capa: preto e branco neutros + lima da marca, sem verde escuro. */
:root { --capa-preto:#101112; --capa-branco:#fff; --capa-lima:#D1FB00; --capa-prata:#e4e7eb; --capa-cinza:#bfc2c6; --capa-linha:#ffffff30; --capa-preto-suave:#10111218; }
[data-capa] .plano-cabeca { background:var(--capa-preto); color:var(--capa-branco); min-height:250px; }
[data-capa] .plano-cabeca::before { content:''; position:absolute; pointer-events:none; z-index:-1; }
[data-capa] .plano-cabeca .plano-grafismo { display:block; position:absolute; z-index:-1; pointer-events:none; }
[data-capa] .plano-cabeca .plano-sintese { color:var(--capa-cinza); }
/* 01 — marca em faixas, progressão explícita de uma a três lâminas. */
[data-capa="faixa"] .plano-cabeca { padding-left:40px; border-left:6px solid var(--capa-lima); }
[data-capa="faixa"] [data-plano="pro"] .plano-cabeca { border-left-width:12px; }
[data-capa="faixa"] [data-plano="max"] .plano-cabeca { border-left-width:20px; }
[data-capa="faixa"] .plano-grafismo { inset:0 0 auto auto; width:145px; height:75px; font-size:0; background:repeating-linear-gradient(135deg,transparent 0 19px,var(--capa-lima) 20px 27px,transparent 28px 44px); opacity:.22; mask-image:linear-gradient(to left,#000,transparent); }
[data-capa="faixa"] [data-plano="pro"] .plano-grafismo { height:115px; opacity:.45; }
[data-capa="faixa"] [data-plano="max"] .plano-grafismo { width:200px; height:145px; opacity:.65; }
/* 02 — o símbolo original recebe escala, sem inventar outra identidade. */
[data-capa="marca"] .plano-grafismo { right:-15px; top:-12px; width:165px; height:165px; background:url('/assets/comercial/brand/starth-simbolo.svg') center/contain no-repeat; font-size:0; opacity:.18; rotate:-9deg; }
[data-capa="marca"] [data-plano="pro"] .plano-grafismo { width:235px; height:235px; top:-45px; right:-5px; opacity:.32; }
[data-capa="marca"] [data-plano="max"] .plano-grafismo { width:330px; height:330px; top:-68px; right:-50px; opacity:.52; }
[data-capa="marca"] .plano-sintese { border-top-color:var(--capa-lima); }
/* 03 — a cor da marca é o material da capa. */
[data-capa="lima"] .plano-cabeca { background:var(--capa-lima); border-color:var(--capa-lima); }
[data-capa="lima"] .plano-cabeca :is(.plano-nome,.plano-frase,.plano-preco strong,.plano-acesso,.plano-sintese) { color:var(--capa-preto); }
[data-capa="lima"] .plano-sintese { border-color:var(--capa-preto-suave); }
[data-capa="lima"] .plano-grafismo { font-size:160px; font-weight:800; line-height:1; letter-spacing:-.09em; right:-10px; bottom:-27px; color:var(--capa-preto); opacity:.06; }
[data-capa="lima"] [data-plano="pro"] .plano-cabeca { box-shadow:inset 0 -8px var(--capa-preto); }
[data-capa="lima"] [data-plano="max"] .plano-cabeca { background:var(--capa-preto); box-shadow:inset 0 8px var(--capa-lima); }
[data-capa="lima"] [data-plano="max"] .plano-cabeca :is(.plano-nome,.plano-frase,.plano-preco strong,.plano-acesso,.plano-sintese) { color:var(--capa-branco); }
[data-capa="lima"] [data-plano="max"] .plano-grafismo { color:var(--capa-lima); opacity:.14; }
[data-capa="lima"] [data-plano="max"] .plano-sintese { border-color:var(--capa-linha); }
/* 04 — credencial, com cantos marcados e nome em primeiro plano. */
[data-capa="credencial"] .plano-cabeca { border-radius:8px 8px 0 0; border:1px solid var(--capa-cinza); padding:28px 32px; }
[data-capa="credencial"] .plano-cabeca::before { inset:12px; border:1px solid var(--capa-linha); }
[data-capa="credencial"] .plano-grafismo { right:20px; top:25px; font:10px/1 monospace; text-transform:uppercase; letter-spacing:.25em; color:var(--capa-lima); border-bottom:2px solid currentColor; padding-bottom:9px; }
[data-capa="credencial"] [data-plano="pro"] .plano-cabeca::before { border-right:6px solid var(--capa-lima); }
[data-capa="credencial"] [data-plano="max"] .plano-cabeca::before { border-right:12px solid var(--capa-lima); border-top-color:var(--capa-lima); }
[data-capa="credencial"] .plano-cabeca .plano-nome { font-size:44px; letter-spacing:.025em; }
/* 05 — tipografia ocupa a capa; progresso expresso em escala e recorte. */
[data-capa="editorial"] .plano-cabeca { min-height:285px; }
[data-capa="editorial"] .plano-cabeca .plano-nome { font-size:64px; letter-spacing:-.075em; font-weight:600; }
[data-capa="editorial"] .plano-grafismo { color:transparent; -webkit-text-stroke:1px var(--capa-linha); font-size:185px; font-weight:700; line-height:1; letter-spacing:-.09em; top:-40px; right:0; }
[data-capa="editorial"] [data-plano="pro"] .plano-grafismo { -webkit-text-stroke-color:var(--capa-lima); opacity:.28; top:-22px; }
[data-capa="editorial"] [data-plano="max"] .plano-grafismo { color:var(--capa-lima); opacity:.16; top:10px; right:-40px; }
[data-capa="editorial"] .plano-sintese { border-top:2px solid var(--capa-lima); }
/* 06 — alumínio neutro, com preto e um único corte lima. */
[data-capa="prata"] .plano-cabeca { background:linear-gradient(120deg,#d1d5da,#fafbfc 40%,#cbd0d6); border-color:#c1c6cd; }
[data-capa="prata"] .plano-cabeca :is(.plano-nome,.plano-frase,.plano-preco strong,.plano-acesso,.plano-sintese) { color:var(--capa-preto); }
[data-capa="prata"] .plano-sintese { border-color:#10111230; }
[data-capa="prata"] .plano-grafismo { width:24px; height:180%; right:25px; top:-40%; background:var(--capa-lima); font-size:0; rotate:25deg; opacity:.48; }
[data-capa="prata"] [data-plano="pro"] .plano-grafismo { width:52px; right:35px; }
[data-capa="prata"] [data-plano="max"] .plano-grafismo { width:90px; right:45px; opacity:.65; }
@media(max-width:550px) { [data-capa] .plano-cabeca { min-height:230px; } [data-capa="editorial"] .plano-cabeca .plano-nome { font-size:48px; } [data-capa="faixa"] .plano-cabeca { padding-left:24px; } }
/* Lima sólido sobre preto: transparência aqui virava o verde escuro rejeitado. */
[data-capa="faixa"] .plano-grafismo,
[data-capa="faixa"] [data-plano="pro"] .plano-grafismo,
[data-capa="faixa"] [data-plano="max"] .plano-grafismo { opacity:1; mask-image:none; width:100px; right:-38px; }
[data-capa="faixa"] .plano-valor { position:relative; background:var(--capa-preto); padding:4px; border-radius:6px; }
[data-capa="marca"] .plano-grafismo { opacity:1; width:130px; height:130px; right:-30px; top:-30px; }
[data-capa="marca"] [data-plano="pro"] .plano-grafismo { opacity:1; width:180px; height:180px; right:-42px; top:-50px; }
[data-capa="marca"] [data-plano="max"] .plano-grafismo { opacity:1; width:230px; height:230px; right:-60px; top:-75px; }
[data-capa="marca"] .plano-valor { position:relative; background:var(--capa-preto); padding:6px; border-radius:8px; }
[data-capa="editorial"] [data-plano="pro"] .plano-grafismo { opacity:1; }
[data-capa="editorial"] [data-plano="max"] .plano-grafismo { color:transparent; -webkit-text-stroke:2px var(--capa-lima); opacity:1; }
[data-capa="editorial"] .plano-valor { background:var(--capa-preto); padding:6px; border-radius:8px; }
[data-capa="lima"] [data-plano="max"] .plano-grafismo { color:transparent; -webkit-text-stroke:1px var(--capa-lima); opacity:1; }
[data-capa="lima"] [data-plano="base"] .plano-card-logo,
[data-capa="lima"] [data-plano="pro"] .plano-card-logo { padding:5px; width:102px; border-radius:4px; background:var(--capa-branco); }