/* /produtos/disco-virtual/modelo-de-pop (v2, lote 4). Carregado depois de disco-virtual-v2.css (pai, sem edição).
   Prefixo .pop-, tudo escopado em .pop: link do topo para o modelo, modelo de POP em 12 grupos com cabeçalho de exemplo,
   passo a passo de 7 passos, diferenças em 3 cartões, trilho de 4 passos e cases em 3 colunas.
   O bloco do modelo partiu do pmoc-v2.css (lote 3, aprovado), com o prefixo e as variáveis trocados. */

/* Topo: link para o modelo */
.pop .pop-hero__model{margin:12px 0 0}
.pop .pop-hero__model a{display:inline-flex;align-items:center;gap:8px;min-height:40px;color:rgba(255,255,255,.88);font-size:.95rem;font-weight:600;text-decoration:underline;text-decoration-color:var(--dsc-teal);text-decoration-thickness:2px;text-underline-offset:4px}
.pop .pop-hero__model a svg{color:var(--dsc-teal)}
.pop .pop-hero__model a:hover{color:#fff}

/* Modelo */
.pop .pop-model{padding:96px 0;background:#fff;border-top:1px solid var(--dsc-line);scroll-margin-top:90px}
.pop .pop-model--ex{background:var(--dsc-soft)}
.pop .pop-model__top{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:center}
.pop .pop-model .mc-h2{margin-bottom:0}
.pop .pop-model__txt .dsc-lead{margin-top:18px;max-width:none}
.pop .pop-legend{display:flex;flex-wrap:wrap;gap:10px 22px;margin:24px 0 0!important;padding:0!important;list-style:none}
.pop .pop-legend li{display:flex;align-items:center;gap:10px;margin:0;color:var(--dsc-body)!important;font-size:.95rem!important;line-height:1.4}
.pop .pop-tag{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;min-height:28px;padding:2px 12px;border:1.5px solid var(--dsc-teal);border-radius:99px;background:#fff;color:var(--dsc-ink);font-size:.9rem;font-weight:600;line-height:1.2;white-space:nowrap}
.pop .pop-tag::before{content:"";flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:var(--dsc-teal)}
.pop .pop-tag--crit::before{background:var(--dsc-bad)}
.pop .pop-tag--seg::before{background:#b8860b}
.pop .pop-tag--ev::before{background:var(--dsc-list)}
.pop .pop-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px 10px;margin-top:30px}
.pop .pop-copy,.pop .pop-print{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;margin:0;font-family:inherit;font-size:16px;font-weight:600;line-height:1.3;cursor:pointer;transition:background-color .16s ease-out,color .16s ease-out}
.pop .pop-copy{padding:12px 18px;border:2px solid var(--dsc-teal);border-radius:10px;background:#fff;color:var(--dsc-ink)}
.pop .pop-copy svg{color:var(--dsc-teal)}
.pop .pop-copy:hover{background:var(--dsc-teal);color:#fff}
.pop .pop-copy:hover svg{color:#fff}
.pop .pop-print{padding:0 8px;border:0;background:none;color:var(--dsc-ink);text-decoration:underline;text-decoration-color:var(--dsc-teal);text-decoration-thickness:2px;text-underline-offset:4px}
.pop .pop-print svg{color:var(--dsc-teal)}
.pop .pop-print:hover{color:#08827c}
.pop .pop-bar__demo{min-height:52px;padding:12px 20px}
.pop .pop-bar--fim{justify-content:center;margin-top:36px}
.pop .pop-copy:focus-visible,.pop .pop-print:focus-visible{outline:3px solid var(--dsc-teal);outline-offset:4px}
.pop .pop-copied{position:absolute!important;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}

/* Cabeçalho de exemplo (documento, não imita a interface) */
.pop .pop-doc{justify-self:end;width:100%;max-width:500px;margin:0;padding:26px 28px 22px;border:1px solid var(--dsc-line);border-top:6px solid var(--dsc-teal);border-radius:20px;background:#fff;box-shadow:0 40px 80px -48px rgba(3,45,96,.5)}
.pop .pop-doc__tag{margin:0;color:var(--dsc-body);font-size:.9rem;font-weight:600;line-height:1.4}
.pop .pop-doc__t{display:flex;align-items:center;gap:12px;margin:10px 0 0;color:var(--dsc-ink);font-size:1.2rem;font-weight:700;line-height:1.3}
.pop .pop-doc__t span{display:inline-grid;place-items:center;min-width:52px;height:34px;padding:0 10px;border-radius:10px;background:var(--dsc-teal);color:#fff;font-size:15px;letter-spacing:.04em}
.pop .pop-doc__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:18px 0 0;border:1px solid var(--dsc-line);border-radius:14px;overflow:hidden}
.pop .pop-doc__grid div{margin:0;padding:10px 14px;border-bottom:1px solid var(--dsc-line)}
.pop .pop-doc__grid div:nth-child(odd){border-right:1px solid var(--dsc-line)}
.pop .pop-doc__grid div:nth-last-child(-n+2){border-bottom:0}
.pop .pop-doc__grid dt{color:var(--dsc-body);font-size:.9rem;font-weight:500;line-height:1.35}
.pop .pop-doc__grid dd{margin:2px 0 0;color:var(--dsc-ink);font-size:.95rem;font-weight:600;line-height:1.4}
.pop .pop-doc__foot{display:flex;align-items:center;gap:8px;margin:14px 0 0;color:var(--dsc-body);font-size:.9rem;line-height:1.45}
.pop .pop-doc__foot svg{flex:0 0 auto;color:var(--dsc-teal)}

/* Grupos do modelo */
.pop .pop-grps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;align-items:start;margin-top:56px}
.pop .pop-grps--ex{margin-top:48px}
.pop .pop-grp,.pop .pop-grp[open]{margin:0;padding:0;border:1px solid var(--dsc-line)!important;border-radius:20px!important;background:#fff;overflow:hidden;scroll-margin-top:100px;transition:border-color .18s ease-out,box-shadow .18s ease-out}
.pop .pop-grp[open]{border-color:#bfe6e6!important;box-shadow:0 30px 60px -48px rgba(3,45,96,.45)}
.pop .pop-grp:hover{border-color:#9fdada!important}
.pop .pop-grp--wide{grid-column:1/-1}
.pop .pop-grp>summary{display:flex;align-items:center;gap:16px;min-height:78px;padding:16px 22px;list-style:none;cursor:pointer}
.pop .pop-grp>summary::-webkit-details-marker{display:none}
.pop .pop-grp__n{display:grid;place-items:center;flex:0 0 40px;height:40px;border-radius:12px;background:var(--dsc-teal);color:#fff;font-size:16px;font-weight:700}
.pop .pop-grp__h{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}
.pop .pop-grp .dsc-lt{font-size:1.2rem!important;line-height:1.3!important}
.pop .pop-grp__meta{display:flex;flex-wrap:wrap;color:var(--dsc-body);font-size:.9rem;line-height:1.4}
.pop .pop-grp__meta span+span{margin-left:10px;padding-left:10px;border-left:1px solid #c9dde3}
.pop .pop-grp__chev{display:flex;flex:0 0 auto;color:var(--dsc-teal);transition:transform .18s ease-out}
.pop .pop-grp[open] .pop-grp__chev{transform:rotate(180deg)}
.pop .pop-grp__intro{margin:0;padding:2px 22px 8px 78px;color:var(--dsc-body);font-size:.95rem;line-height:1.6;text-align:left}
.pop .pop-grp__intro a{display:inline;color:var(--dsc-ink);font-weight:600;text-decoration:underline;text-decoration-color:var(--dsc-teal);text-decoration-thickness:2px;text-underline-offset:3px}
.pop .pop-grp__intro a:hover{color:#08827c}
.pop .pop-items{margin:0!important;padding:2px 22px 12px 22px!important;list-style:none}
.pop .pop-grp--wide .pop-items{columns:2;column-gap:48px}
.pop .pop-it{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:4px 14px;align-items:start;margin:0;padding:14px 0;border-top:1px solid var(--dsc-line);break-inside:avoid}
.pop .pop-it__n{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--dsc-tint);color:var(--dsc-ink);font-size:.9rem;font-weight:700}
.pop .pop-it__t{margin:3px 0 0;color:var(--dsc-ink);font-size:16px;font-weight:600;line-height:1.4;text-align:left}
.pop .pop-it__p{margin:3px 0 0;color:var(--dsc-body);font-size:.95rem;line-height:1.55;text-align:left}
.pop .pop-it .pop-tag{margin-top:2px}
.pop .pop-note{max-width:760px;margin:28px auto 0;color:var(--dsc-body);font-size:.95rem;line-height:1.6;text-align:center}

/* Como fazer um POP: 7 passos */
.pop .pop-howsec{padding:96px 0;background:#fff;border-top:1px solid var(--dsc-line);scroll-margin-top:90px}
.pop .pop-how{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;margin:48px 0 0!important;padding:0!important;list-style:none;counter-reset:none}
.pop .pop-how__it{display:grid;grid-template-columns:48px minmax(0,1fr);gap:16px;align-items:start;margin:0;padding:22px 24px;border:1px solid var(--dsc-line);border-radius:18px;background:#fff;scroll-margin-top:100px}
.pop .pop-how__it:last-child{grid-column:1/-1}
.pop .pop-how__n{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--dsc-teal);color:#fff;font-size:17px;font-weight:700}
.pop .pop-how__t{margin:2px 0 0!important;color:var(--dsc-list)!important;font-size:1.25rem!important;font-weight:700!important;line-height:1.3!important;text-transform:none!important;text-align:left}
.pop .pop-how__it p{margin:8px 0 0;color:var(--dsc-body);font-size:1rem;line-height:1.65;text-align:left}

/* Como aplicar na SULTS: trilho de 4 passos */
@media (min-width:992px){.pop .pop-rail{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* Diferenças: 3 cartões */
.pop .pop-termsec{padding:96px 0;background:var(--dsc-soft);border-top:1px solid var(--dsc-line);scroll-margin-top:90px}
.pop .pop-terms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:48px 0 0!important;padding:0!important;list-style:none}
.pop .pop-term{display:flex;flex-direction:column;margin:0;padding:26px 26px 28px;border:1px solid var(--dsc-line);border-radius:20px;background:#fff}
.pop .pop-term--us{border-color:#9fdada;box-shadow:0 24px 48px -32px rgba(3,45,96,.45)}
.pop .pop-term__tag{align-self:flex-start;margin:0;padding:5px 12px;border-radius:999px;background:var(--dsc-tint);color:var(--dsc-ink);font-size:.9rem;font-weight:600;line-height:1.3}
.pop .pop-term__h{margin:16px 0 0!important;color:var(--dsc-ink)!important;font-size:21px!important;font-weight:700!important;line-height:1.3!important;text-transform:none!important;text-align:left}
.pop .pop-term p{margin:10px 0 0;color:var(--dsc-body);font-size:15.5px;line-height:1.65;text-align:left}
.pop .pop-term p a{color:var(--dsc-ink);font-weight:600;text-decoration:underline;text-decoration-color:var(--dsc-teal);text-decoration-thickness:2px;text-underline-offset:3px}
.pop .pop-term .pop-term__sults{margin-top:auto;padding-top:16px;border-top:1px solid var(--dsc-line);color:var(--dsc-ink);font-weight:600}
.pop .pop-term p+.pop-term__sults{margin-top:16px}

/* Cases: destaque e 3 cartões */
.pop .pop-cases{grid-template-columns:repeat(3,minmax(0,1fr))!important}

/* Responsivo */
@media (max-width:1180px){.pop .pop-model__top{gap:40px}}
@media (max-width:1100px){.pop .pop-grp--wide .pop-items{columns:1}}
@media (max-width:991px){
.pop .pop-model__top{grid-template-columns:minmax(0,1fr)}
.pop .pop-doc{justify-self:start;max-width:560px}
.pop .pop-grps{margin-top:40px}
.pop .pop-terms{grid-template-columns:minmax(0,1fr)}
.pop .pop-cases{grid-template-columns:minmax(0,1fr)!important}
}
@media (max-width:767px){
.pop .pop-grps,.pop .pop-how{grid-template-columns:minmax(0,1fr)}
.pop .pop-hero__model{display:none}
}
@media (max-width:640px){
.pop .pop-model,.pop .pop-howsec,.pop .pop-termsec{padding:64px 0}
.pop .pop-legend{flex-direction:column;align-items:flex-start;gap:8px}
.pop .pop-bar{flex-direction:column;align-items:stretch}
.pop .pop-copy,.pop .pop-bar__demo{width:100%}
.pop .pop-print{justify-content:center}
.pop .pop-doc{padding:20px 18px 18px}
.pop .pop-doc__grid div{padding:9px 12px}
.pop .pop-grp>summary{gap:12px;min-height:68px;padding:14px 16px}
.pop .pop-grp__n{flex-basis:34px;height:34px;border-radius:10px;font-size:15px}
.pop .pop-grp .dsc-lt{font-size:1.1rem!important}
.pop .pop-grp__intro{padding:0 16px 6px}
.pop .pop-items{padding:0 16px 10px!important}
.pop .pop-it{grid-template-columns:28px minmax(0,1fr);gap:6px 12px;padding:12px 0}
.pop .pop-it__n{width:28px;height:28px}
.pop .pop-it .pop-tag{grid-column:2;justify-self:start;margin-top:4px}
.pop .pop-how__it{grid-template-columns:40px minmax(0,1fr);gap:12px;padding:18px 16px}
.pop .pop-how__n{width:40px;height:40px;font-size:15px}
.pop .pop-how__t{font-size:1.1rem!important}
.pop .pop-term{padding:22px 20px}
}
@media (prefers-reduced-motion:reduce){.pop .pop-grp__chev,.pop .pop-copy,.pop .pop-print{transition:none!important}}

/* Impressão do modelo (botão Imprimir ou salvar em PDF) */
@media print{
body.pop-print>*:not(main),body.pop-print main>*:not(.pop),body.pop-print .pop>*:not(#modelo):not(#exemplos){display:none!important}
body.pop-print .pop-bar,body.pop-print .pop-doc,body.pop-print .pop-grp__chev,body.pop-print .pop-hero__model{display:none!important}
body.pop-print .pop-model{padding:0 0 16px!important;border:0!important;background:#fff!important}
body.pop-print .pop-model__top{display:block}
body.pop-print .pop-grps{display:block;margin-top:16px}
body.pop-print .pop-grp{margin:0 0 12px!important;box-shadow:none!important;break-inside:auto}
body.pop-print .pop-it{break-inside:avoid}
}

/* ===== rodada 10 (29/09): respiro de 40 px sob a faixa de números (regra na pai) sem estourar o hero em 992 a 1199 px, onde a coluna de texto manda na altura ===== */
@media (min-width:992px) and (max-width:1199px){
.pop .dsc-hero__grid{margin-top:8px}
.pop .dsc-hero .dsc-hero__actions{margin-top:16px}
.pop .pop-hero__model{margin-top:4px}
.pop .dsc-stats{margin-top:20px!important}
}

/* ===== rodada 11 (30/09) sem vazio: passos com duas telas reais ao lado do texto curto e os itens numa faixa de duas colunas embaixo (classes da pai: dsc-step--duo, dsc-band, dsc-duo) ===== */
.pop .dsc-step--duo .dsc-step__txt .dsc-list li:first-child{border-top:1px solid var(--dsc-line)}
/* ===== fim da rodada 11 ===== */
/*aurea*/.pop .pop-hero__model{margin:13px 0 0}.pop .pop-hero__model a{font-size:15px}.pop .pop-model{padding:89px 0}.pop .pop-model__top{gap:55px}.pop .pop-model__txt .dsc-lead{margin-top:21px}.pop .pop-legend{gap:8px 21px;margin:21px 0 0!important}.pop .pop-legend li{gap:8px;font-size:15px!important;line-height:1.382}.pop .pop-tag{gap:8px;padding:2px 13px;font-size:15px;line-height:1.146}.pop .pop-bar{gap:13px 8px;margin-top:34px}.pop .pop-copy,.pop .pop-print{gap:8px;line-height:1.272}.pop .pop-copy{padding:13px 21px;border-radius:8px}.pop .pop-bar__demo{padding:13px 21px}.pop .pop-bar--fim{margin-top:34px}.pop .pop-doc{padding:21px 34px 21px;border-radius:21px}.pop .pop-doc__tag{font-size:15px;line-height:1.382}.pop .pop-doc__t{gap:13px;margin:8px 0 0;font-size:19px;line-height:1.272}.pop .pop-doc__t span{padding:0 8px;border-radius:8px}.pop .pop-doc__grid{margin:21px 0 0;border-radius:13px}.pop .pop-doc__grid div{padding:8px 13px}.pop .pop-doc__grid dt,.pop .pop-doc__grid dd{font-size:15px;line-height:1.382}.pop .pop-doc__foot{margin:13px 0 0;font-size:15px;line-height:1.618}.pop .pop-grps{gap:13px 13px;margin-top:55px}.pop .pop-grps--ex{margin-top:55px}.pop .pop-grp,.pop .pop-grp[open]{border-radius:21px!important}.pop .pop-grp>summary{gap:13px;padding:13px 21px}.pop .pop-grp__n{border-radius:13px}.pop .pop-grp .dsc-lt{font-size:19px!important;line-height:1.272!important}.pop .pop-grp__meta{font-size:15px;line-height:1.382}.pop .pop-grp__meta span+span{margin-left:8px;padding-left:8px}.pop .pop-grp__intro{padding:2px 21px 8px 89px;font-size:15px;line-height:1.618}.pop .pop-items{padding:2px 21px 13px 21px!important}.pop .pop-grp--wide .pop-items{column-gap:55px}.pop .pop-it{gap:4px 13px;padding:13px 0}.pop .pop-it__n{font-size:15px}.pop .pop-it__t{line-height:1.382}.pop .pop-it__p{font-size:15px;line-height:1.618}.pop .pop-note{margin:34px auto 0;font-size:15px;line-height:1.618}.pop .pop-howsec{padding:89px 0}.pop .pop-how{gap:13px 13px;margin:55px 0 0!important}.pop .pop-how__it{gap:13px;padding:21px 21px;border-radius:21px}.pop .pop-how__n{border-radius:13px}.pop .pop-how__t{font-size:19px!important;line-height:1.272!important}.pop .pop-how__it p{font-size:16px;line-height:1.618}.pop .pop-termsec{padding:89px 0}.pop .pop-terms{gap:13px;margin:55px 0 0!important}.pop .pop-term{padding:21px 21px 34px;border-radius:21px}.pop .pop-term__tag{padding:5px 13px;line-height:1.272}.pop .pop-term__h{margin:13px 0 0!important;font-size:22px!important;line-height:1.272!important}.pop .pop-term p{margin:8px 0 0;font-size:16px;line-height:1.618}.pop .pop-term .pop-term__sults{padding-top:13px}.pop .pop-term p+.pop-term__sults{margin-top:13px}@media (max-width:1180px){.pop .pop-model__top{gap:34px}}@media (max-width:991px){.pop .pop-grps{margin-top:34px}}@media (max-width:640px){.pop .pop-legend{gap:8px}.pop .pop-doc{padding:21px 21px 21px}.pop .pop-doc__grid div{padding:8px 13px}.pop .pop-grp>summary{gap:13px;padding:13px 13px}.pop .pop-grp__n{border-radius:8px}.pop .pop-grp .dsc-lt{font-size:17px!important}.pop .pop-grp__intro{padding:0 13px 8px}.pop .pop-items{padding:0 13px 8px!important}.pop .pop-it{gap:8px 13px;padding:13px 0}.pop .pop-how__it{gap:13px;padding:21px 13px}.pop .pop-how__t{font-size:17px!important}.pop .pop-term{padding:21px 21px}}@media (min-width:992px) and (max-width:1199px){.pop .dsc-hero .dsc-hero__actions{margin-top:13px}.pop .pop-hero__model{margin-top:4px}.pop .dsc-stats{margin-top:21px!important}}@media (max-width:640px){.pop .pop-model,.pop .pop-howsec,.pop .pop-termsec{padding-top:55px;padding-bottom:55px}}

/* r48 cards com capa */
html body:not(r48) .dsc-cases>li.dsc-case.dsc-case:not(#r48){overflow:hidden!important;padding-top:0!important;padding-right:21px!important;padding-left:21px!important}
html body:not(r48) .dsc-cases .dsc-case__img:not(#r48){display:block!important;margin:0 -21px 21px!important;overflow:hidden;aspect-ratio:40/21;border-radius:20px 20px 0 0;background:rgba(255,255,255,.06)}
html body:not(r48) .dsc-cases .dsc-case__img picture{display:block;width:100%;height:100%}
html body:not(r48) .dsc-cases .dsc-case__img:not(#r48) img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;margin:0!important;object-fit:cover;border-radius:0!important}
html body:not(r48) .dsc-cases .dsc-case__img:focus-visible{outline:2px solid #00acac;outline-offset:-2px}
@media (max-width:640.98px){html body:not(r48) .dsc-cases>li.dsc-case.dsc-case:not(#r48){padding-right:13px!important;padding-left:13px!important}html body:not(r48) .dsc-cases .dsc-case__img:not(#r48){margin:0 -13px 21px!important}}
html body:not(r48) .dsc-hl__media .dsc-hl__img:not(#r48){display:block!important;overflow:hidden;aspect-ratio:40/21;margin:0 0 21px!important;border-radius:13px;background:rgba(255,255,255,.06)}
html body:not(r48) .dsc-hl__media .dsc-hl__img picture{display:block;width:100%;height:100%}
html body:not(r48) .dsc-hl__media .dsc-hl__img:not(#r48) img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;border-radius:0!important}
/* /r48 */