html { scroll-behavior: smooth; }
  body { margin: 0; background: #2F2A26; color: #E9E2D8; font-family: 'Jost', system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
  * { box-sizing: border-box; }
  a { color: #5CCFB2; text-decoration: none; }
  a:hover { color: #BFF0E3; }
  p { text-wrap: pretty; }
  @keyframes cp-rise { from { opacity: 0; transform: translateY(22px); } to { opacity: 1; transform: none; } }
  @keyframes cp-fade { from { opacity: 0; } to { opacity: 1; } }

/* estados :hover */
.hv1:hover{background:#FFFFFF;color:#2F2A26}
.hv2:hover{background:#FFFFFF;color:#2F2A26}
.hv3:hover{background:rgba(255,255,255,.12)}
.hv4:hover{color:#5CCFB2}
.hv5:hover{background:#1F7A66;border-color:#1F7A66}
.hv6:hover{background:#1F7A66;border-color:#1F7A66}
.hv7:hover{color:#5CCFB2}
.hv8:hover{color:#5CCFB2}
.hv9:hover{color:#5CCFB2}
.hv10:hover{color:#5CCFB2}
.hv11:hover{background:#5CCFB2;color:#1A1815}
.hv12:hover{color:#BFF0E3}
.hv13:hover{background:#FFFFFF;color:#2F2A26}
.hv14:hover{background:#5CCFB2;color:#1A1815}
.hv15:hover{color:#FFFFFF}
.hv16:hover{color:#FFFFFF}
.hv17:hover{color:#FFFFFF}
.hv18:hover{color:#FFFFFF}
.hv19:hover{color:#FFFFFF}
.hv20:hover{background:#5CCFB2;color:#1A1815}
#cp-trilho::-webkit-scrollbar{display:none}
[data-nav]{transition:background .25s ease,border-color .25s ease}