/* DIVULGA MASTER — Site Público — Mobile First */

/* Hide scrollbar mas mantém funcionalidade */
.scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.scrollbar-hide::-webkit-scrollbar {
    display: none;
}

/* Line clamp */
.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Safe area para iPhone (barra home) */
.pb-safe {
    padding-bottom: env(safe-area-inset-bottom, 16px);
}

/* Touch tap highlight */
a, button {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0.08);
}

/* Smooth rendering */
* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* ===== Animações ===== */
@keyframes float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-6px); } }
@keyframes pulse-soft { 0%,100% { opacity: 1; } 50% { opacity: 0.7; } }
@keyframes slide-up { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }

.animate-float { animation: float 3s ease-in-out infinite; }
.animate-pulse-soft { animation: pulse-soft 2s ease-in-out infinite; }
.animate-slide-up { animation: slide-up 0.5s ease-out both; }

.stagger-1 { animation-delay: 0.1s; }
.stagger-2 { animation-delay: 0.2s; }
.stagger-3 { animation-delay: 0.3s; }
.stagger-4 { animation-delay: 0.4s; }

/* ===== Hero gradient animado ===== */
.hero-gradient {
    background: linear-gradient(135deg, #0c4a6e 0%, #075985 25%, #0a3049 50%, #0f172a 100%);
    background-size: 200% 200%;
    animation: gradient-shift 8s ease infinite;
}
@keyframes gradient-shift {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* ===== Card hover (desktop only) ===== */
@media (hover: hover) {
    .card-hover:hover {
        transform: translateY(-4px);
        box-shadow: 0 12px 40px rgba(0,0,0,0.3);
    }
}
.card-hover {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ===== Scrollbar estilizada no desktop ===== */
@media (min-width: 768px) {
    ::-webkit-scrollbar { width: 5px; }
    ::-webkit-scrollbar-track { background: rgba(255,255,255,0.02); }
    ::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.08); border-radius: 3px; }
}

/* Select options dark */
select option {
    background: #0f172a;
    color: #e2e8f0;
}

/* Chart.js responsivo */
canvas {
    max-width: 100%;
}