/* ============================================================
   EnergiaBarata.eu — Legal Pages Custom Styles
   Used by privacy.html and terms.html (different color scheme)
   ============================================================ */

html { scroll-behavior: smooth; }

.gradient-primary { background: linear-gradient(135deg, #FDB913 0%, #F7931E 100%); }
.gradient-secondary { background: linear-gradient(135deg, #8BC53F 0%, #6BA539 100%); }
.gradient-text { background: linear-gradient(135deg, #FDB913 0%, #F7931E 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }

.card-hover { transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1); }
.card-hover:hover { transform: translateY(-8px); box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1); }

.btn-hover { transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1); }
.btn-hover:hover { transform: scale(1.05); }

.text-shadow { text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); }

.fade-in { animation: fadeIn 0.6s ease-in; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }

.text-yellow { color: #FDB913; }
.text-green { color: #8BC53F; }
.hover-yellow:hover { color: #FDB913; }
.hover-green:hover { color: #8BC53F; }

/* Skip Navigation */
.skip-nav {
  position: absolute;
  top: -100%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9999;
  padding: 0.75rem 1.5rem;
  background: #FDB913;
  color: #1a1a1a;
  font-weight: 700;
  border-radius: 0 0 0.5rem 0.5rem;
  text-decoration: none;
  transition: top 0.2s ease;
}
.skip-nav:focus {
  top: 0;
  outline: 2px solid #F7931E;
  outline-offset: 2px;
}