/* assets/css/style.css - ajustes para combinar com o layout React/Tailwind
	 A maior parte das classes depende do Tailwind CDN, aqui ficam pequenas correções */

:root{
	--nexo-orange: #eb6209;
	--nexo-orange-dark: #c55207;
}

html.dark { color-scheme: dark; }

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

.rounded-2xl { border-radius: 1rem; }

.badge { display:inline-block; padding:0.2rem 0.6rem; border-radius:999px; font-size:0.75rem; }

.btn-primary { background: var(--nexo-orange); color: white; padding:0.5rem 1rem; border-radius:0.5rem; }

pre { white-space: pre-wrap; word-break: break-word; }

/* Hero carousel small helpers */
.carousel-slide { opacity: 1; transition: opacity .6s ease; }
.carousel-slide.hidden { opacity: 0; pointer-events: none; }
.indicators { margin-top: 0.5rem; }
.indicator-btn { width: 0.5rem; height: 0.5rem; border-radius: 999px; background: rgba(255,255,255,0.25); border: none; transition: all .25s ease; }
.indicator-btn.active { width: 3rem; background: rgba(255,255,255,0.95); }

@keyframes fadeIn {
	from { opacity: 0; transform: translateY(8px); }
	to { opacity: 1; transform: translateY(0); }
}
.animate-fadeIn { animation: fadeIn .45s ease both; }

@keyframes slideUp {
	from { transform: translateY(10px); opacity: 0; }
	to { transform: translateY(0); opacity: 1; }
}
.animate-slideUp { animation: slideUp .45s cubic-bezier(.2,.9,.2,1) both; }