/* Apenas a pista visual. Sem página, botão ou anúncio do projeto. */
.porcopido-cel { display:flex; align-items:center; justify-content:center; width:40px; height:44px; flex:none; }
.porcopido-cel img { display:block; width:30px; height:30px; object-fit:contain; }
@media(min-width:960px) {
 .porcopido-cel { display:none; }
 .topo-d .sub-d { align-items:center; }
 .topo-d .sub-d > .nav-porcopido { display:inline-flex; align-items:center; justify-content:center; gap:8px; height:68px; margin-left:24px; padding:0 8px; flex:none; cursor:default; transform:none; }
 .topo-d .sub-d > .nav-porcopido .porcopido-icone { display:block; position:relative; width:40px; height:40px; flex:none; }
 .topo-d .sub-d > .nav-porcopido img { display:block; width:100%; height:100%; object-fit:contain; animation:none; transform:none; user-select:none; }
 .topo-d .sub-d > .nav-porcopido .porcopido-nav-texto { display:flex; align-items:center; }
 .topo-d .sub-d > .nav-porcopido .porcopido-nav-texto small { display:block; margin:0; padding:0; border:0; border-radius:0; background:none; box-shadow:none; color:#50695a; font-size:11px; font-weight:600; line-height:1; letter-spacing:.01em; text-transform:none; white-space:nowrap; }
 .topo-d .sub-d > .nav-porcopido small::before { content:none; }
 .nav-porcopido .porcopido-icone::after { content:''; position:absolute; inset:0; pointer-events:none; background:linear-gradient(110deg,transparent 40%,rgb(255 255 255 / .75) 50%,transparent 60%); background-size:300% 100%; background-position:100% center; mask:url('/img/navegacao/porcopido-minimal.webp') center / contain no-repeat; opacity:0; }
 .nav-porcopido:hover .porcopido-icone::after { animation:previa-reflexo .95s ease-out both; }
}
@media(min-width:960px) and (max-width:1250px) {
 .topo-d .sub-d a { flex-direction:column; justify-content:center; gap:2px; font-size:10px; padding:7px; }
 .topo-d .sub-d a .nav-3d { width:32px; height:32px; }
 .topo-d .sub-d > .nav-porcopido { height:60px; margin-left:16px; gap:6px; padding-inline:4px; }
 .topo-d .sub-d > .nav-porcopido .porcopido-icone { width:30px; height:30px; }
 .topo-d .sub-d > .nav-porcopido .porcopido-nav-texto small { font-size:10px; }
}
@keyframes previa-reflexo { 0% { background-position:100% center; opacity:0; } 25% { opacity:.85; } 100% { background-position:0% center; opacity:0; } }
@media(prefers-reduced-motion:reduce) { .nav-porcopido:hover .porcopido-icone::after { animation:none; opacity:0; } }