/*
Theme Name: ISNATA Backoffice
Theme URI: https://isnata.com
Author: ISNATA
Description: Tema institucional ISNATA - backoffice estratégico. Cria automaticamente páginas e serviços ao ativar. Permite gerir serviços via Custom Post Type.
Version: 1.3.8
Text Domain: isnata
*/

/* CSS principal compilado (Tailwind) é carregado via wp_enqueue em assets/css/index.css. */

/* Reveal on scroll */
.reveal { opacity: 0; transform: translateY(28px); transition: opacity 0.8s cubic-bezier(0.22,1,0.36,1), transform 0.8s cubic-bezier(0.22,1,0.36,1); }
.reveal.is-visible { opacity: 1; transform: translateY(0); }
.reveal[data-delay="2"].is-visible { transition-delay: 0.15s; }

.stagger > * { opacity: 0; transform: translateY(24px); transition: opacity 0.7s cubic-bezier(0.22,1,0.36,1), transform 0.7s cubic-bezier(0.22,1,0.36,1); }
.stagger.is-visible > *:nth-child(1) { transition-delay: 0.00s; }
.stagger.is-visible > *:nth-child(2) { transition-delay: 0.08s; }
.stagger.is-visible > *:nth-child(3) { transition-delay: 0.16s; }
.stagger.is-visible > *:nth-child(4) { transition-delay: 0.24s; }
.stagger.is-visible > *:nth-child(5) { transition-delay: 0.32s; }
.stagger.is-visible > *:nth-child(6) { transition-delay: 0.40s; }
.stagger.is-visible > * { opacity: 1; transform: translateY(0); }

/* Acordeão Serviços */
.servico-card .servico-items { max-height: 0; opacity: 0; overflow: hidden; transition: max-height 0.5s cubic-bezier(0.22,1,0.36,1), opacity 0.4s; }
.servico-card.is-open .servico-items { max-height: 1200px; opacity: 1; }
.servico-card .servico-plus { transition: transform 0.4s; display: inline-flex; }
.servico-card.is-open .servico-plus { transform: rotate(45deg); }

/* Mobile menu */
.mobile-menu { max-height: 0; overflow: hidden; transition: max-height 0.4s cubic-bezier(0.22,1,0.36,1); }
.mobile-menu.is-open { max-height: 600px; }

/* Navbar scroll */
.site-header { transition: background-color 0.5s, box-shadow 0.5s; }
.site-header.is-scrolled { background: rgba(255,255,255,0.95); backdrop-filter: blur(8px); box-shadow: 0 8px 30px rgba(15,42,71,0.08); }
.site-header.is-scrolled .nav-text { color: #0F2A47 !important; }

/* Heading */
.site-main .relative h1 {
	font-size: 43px;
}

.site-main img,
.site-main [style*="background-image"] {
	image-rendering: auto;
}

@media (max-width: 767px) {
	.site-main img {
		transform: translateZ(0);
	}
}