
.caio-project-meta { display: flex; flex-direction: column; gap: 12px; font-family: "Brockmann", sans-serif; font-size: 13px; margin-top: 15px; }
.meta-line { display: flex; gap: 10px; color: #0a0a0a; align-items: flex-start; }
.meta-label { font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; font-size: 11px; color: rgba(10, 10, 10, 0.5); width: 70px; flex-shrink: 0; padding-top: 4px; }
.meta-value { font-weight: 500; display: flex; flex-wrap: wrap; gap: 6px; }
.atuacao-pill {
background-color: rgba(235, 235, 235, 0.87);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
color: #0a0a0a;
padding: 5px 14px;
border-radius: 999px; 
font-size: 12px;
display: inline-flex;
align-items: center;
white-space: nowrap;
}
.meta-value a { color: #0a0a0a; text-decoration: none; border-bottom: 1px solid rgba(10, 10, 10, 0.3); padding-bottom: 1px; transition: border-color 0.3s ease; }
.meta-value a:hover { border-color: #0a0a0a; }
a.caio-flip-link { color: #0a0a0a !important; -webkit-text-fill-color: #0a0a0a !important; text-decoration: none !important; display: inline-block !important; line-height: 1.25 !important; border-bottom: none !important; }
.caio-flip-wrapper { display: block !important; overflow: hidden !important; height: 1.3em !important; }
.caio-flip-container { display: block !important; height: 200% !important; transition: transform .45s cubic-bezier(0.76, 0, 0.24, 1) !important; will-change: transform; }
a.caio-flip-link:hover .caio-flip-container { transform: translateY(-50%) !important; }
.caio-flip-item { height: 50% !important; display: flex !important; align-items: center !important; white-space: nowrap !important; color: inherit !important; -webkit-text-fill-color: inherit !important; }
.caio-arrow { margin-left: 6px; font-size: 11px; transform: translateY(-1px); opacity: .9; }