/* /pop-vigilancia-sanitaria/: folha de POP no topo (com os pontos que a inspeção confere) e os ramos com a norma de cada um. Papel claro, cobre só no destaque. */

/* topo: a folha do POP, com marcas na margem */
.pv-folha{position:relative;margin:0;background:#FFF;border:1px solid rgba(21,22,24,.1);border-radius:6px;padding:26px 28px 22px;box-shadow:0 50px 90px -50px rgba(21,22,24,.5);font-size:14.5px;color:#25272B;max-width:520px;justify-self:center;width:100%}
.pv-cab{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin:0 0 14px;padding-bottom:10px;border-bottom:2px solid #151618;font:500 12px 'DM Mono',monospace;color:#6B6D71}
.pv-cab b{font:600 16px 'Inter Tight',Inter,sans-serif;color:#151618}
.pv-folha dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 14px}
.pv-folha dt{font:500 10.5px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.05em;color:#8A8C90}
.pv-folha dd{margin:2px 0 0;font-weight:550}
.pv-folha ol{margin:0 0 18px;padding-left:20px;display:grid;gap:6px;line-height:1.45}
.pv-assina{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:8px;align-items:end;margin:0;font:500 11px 'DM Mono',monospace;color:#6B6D71}
.pv-assina i{border-bottom:1px solid #151618;height:18px}
.pv-marcas{list-style:none;margin:16px 0 0;padding:14px 0 0;border-top:1px dashed #E9CBB2;display:flex;flex-wrap:wrap;gap:8px}
.pv-marcas::before{content:'O que a inspeção confere';flex-basis:100%;font:500 10.5px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.05em;color:#9A4A1E}
.pv-marcas li{background:#FBF1E8;border:1px solid #E9CBB2;color:#8A4F22;border-radius:999px;padding:4px 10px;font:600 11px 'DM Mono',monospace}

/* ramos: um cartão por ramo, com a norma em cima */
.pv-ramos ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
@media(max-width:1100px){.pv-ramos ul{grid-template-columns:repeat(2,minmax(0,1fr))}.pv-ramos li:last-child{grid-column:1/-1}}
@media(max-width:600px){.pv-ramos ul{grid-template-columns:1fr}}
.pv-ramos li{display:grid;gap:6px;align-content:start;background:#FFF;border:1px solid rgba(21,22,24,.1);border-radius:14px;padding:18px}
.pv-ramos li:last-child{background:#FBF6F1;border-color:#E9CBB2}
.pv-ramos small{font:500 11px 'DM Mono',monospace;letter-spacing:.05em;text-transform:uppercase;color:#9A4A1E}
.pv-ramos b{font-size:16px;line-height:1.3}
.pv-ramos span{font-size:14px;line-height:1.5;color:#55575B}

.sv-ligados{list-style:none;margin:0;padding:0}

/* páginas de ramo: o que a norma pede (lista com marca cobre) e os links para os outros ramos */
.pv-norma ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 28px}
.pv-norma li{position:relative;padding:12px 0 12px 28px;border-bottom:1px solid rgba(21,22,24,.1);font-size:15px;line-height:1.5}
.pv-norma li::before{content:'';position:absolute;left:2px;top:17px;width:12px;height:12px;border-radius:3px;border:2px solid #C2814F}
@media(max-width:800px){.pv-norma ul{grid-template-columns:1fr}}
.pv-ramos li .text-link{margin-top:4px;font-size:13.5px}
.pv-vizinhas ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.pv-vizinhas a{display:inline-flex;gap:8px;align-items:center;padding:10px 16px;border:1px solid rgba(21,22,24,.18);border-radius:999px;color:#151618;text-decoration:none;font-weight:550;font-size:14.5px}
.pv-vizinhas a:hover{border-color:#C2814F;color:#8A4F22}