/* Author: Rafael Silva | Version: 1.5 */
/* =============================================================================
   Orbital Aqua (proj/starstore/DESIGN.md)
   Escopo: .starstore-institutional--orbital — Soluções + institucionais/jurídicas
   Preview badge: só em .starstore-institutional--staging (*-staging)
   ============================================================================= */

.starstore-institutional--orbital {
	--starstore-bg-deep: #020507;
	--starstore-bg-panel: #0a161c;
	--starstore-surface-high: #0f1e26;
	--starstore-overlay-strong: rgba(10, 22, 28, 0.78);
	--starstore-overlay-mid: rgba(10, 22, 28, 0.58);
	--starstore-overlay-soft: rgba(10, 22, 28, 0.28);
	--starstore-text: #f4f6fb;
	--starstore-text-muted: rgba(244, 246, 251, 0.82);
	--starstore-primary: #65bad6;
	--starstore-accent: #65bad6;
	--starstore-accent-hover: #78c7ce;
	--starstore-accent-light: #86d8d8;
	--starstore-accent-glow: rgba(101, 186, 214, 0.35);
	--starstore-glass: rgba(134, 216, 216, 0.12);
	--starstore-glass-active: rgba(134, 216, 216, 0.22);
	--starstore-header-z: 200;
	background-color: var(--starstore-bg-deep);
	color: var(--starstore-text);
}

/* Aviso de preview — apenas URLs *-staging --------------------------------- */

.starstore-institutional--staging::before {
	content: "Preview · Orbital Aqua";
	position: fixed;
	bottom: 1rem;
	left: 1rem;
	z-index: 300;
	padding: 0.35rem 0.75rem;
	font-family: var(--starstore-font-family-theme, "Oxanium", sans-serif);
	font-size: 0.68rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--starstore-text);
	background: rgba(10, 22, 28, 0.92);
	border: 1px solid rgba(134, 216, 216, 0.22);
	border-radius: 4px;
	pointer-events: none;
}

/* Header: home-staging.css via .starstore-home-header-group ----------------- */

/* Breadcrumbs --------------------------------------------------------------- */

.starstore-institutional--orbital .starstore-breadcrumbs {
	background: var(--starstore-bg-panel);
	border-bottom: 1px solid rgba(134, 216, 216, 0.1);
	color: var(--starstore-text-muted);
}

/* Desktop — compensa header fixo no #content; nav mantém padding base (0.75rem) */

@media (min-width: 992px) {
	.starstore-institutional--orbital #content {
		padding-top: max(5.25rem, calc(70px + env(safe-area-inset-top, 0px)));
	}

	.admin-bar.starstore-institutional--orbital #content {
		padding-top: max(7.25rem, calc(102px + env(safe-area-inset-top, 0px)));
	}
}

.starstore-institutional--orbital .starstore-breadcrumbs a {
	color: var(--starstore-text);
	text-decoration: none;
}

.starstore-institutional--orbital .starstore-breadcrumbs a:hover,
.starstore-institutional--orbital .starstore-breadcrumbs a:focus-visible {
	color: var(--starstore-accent-light);
	text-decoration: underline;
	text-decoration-thickness: 0.5px;
	text-underline-offset: 0.18em;
}

.starstore-institutional--orbital .starstore-breadcrumbs li:not(:last-child)::after {
	color: rgba(134, 216, 216, 0.55);
}

.starstore-institutional--orbital .starstore-breadcrumbs span[aria-current="page"] {
	color: rgba(244, 246, 251, 0.78);
}

/* Canvas da página ---------------------------------------------------------- */

.starstore-institutional--orbital .site-content,
.starstore-institutional--orbital #content,
.starstore-institutional--orbital .content-area,
.starstore-institutional--orbital .elementor {
	background-color: var(--starstore-bg-deep);
}

/* Conteúdo Elementor -------------------------------------------------------- */

/* Oxanium (Customizer Shoptimizer) — vence font-family inline do Elementor */
.starstore-institutional--orbital .elementor :where(
	.elementor-heading-title,
	.elementor-widget-text-editor,
	.elementor-widget-text-editor :is(p, li, a, span, strong, em),
	.elementor-button,
	.elementor-icon-list-text,
	.elementor-icon-box-title,
	.elementor-icon-box-title a,
	.elementor-icon-box-description,
	.elementor-accordion .elementor-tab-title,
	.elementor-accordion .elementor-tab-content,
	.elementor-toggle .elementor-tab-title,
	.elementor-toggle .elementor-tab-content,
	.elementor-counter .elementor-counter-number,
	.elementor-counter .elementor-counter-title
) {
	font-family: var(--starstore-font-family-theme, "Oxanium", sans-serif) !important;
}

.starstore-institutional--solucoes .elementor > .e-con.e-parent {
	background-color: var(--starstore-bg-panel) !important;
}

.starstore-institutional--solucoes .elementor > .e-con.e-parent:nth-child(even) {
	background-color: var(--starstore-surface-high) !important;
}

.starstore-institutional--solucoes .elementor > .e-con.e-parent:first-child,
.starstore-institutional--solucoes .elementor > .e-con.e-parent:last-child {
	background-color: var(--starstore-bg-deep) !important;
}

.starstore-institutional--solucoes .elementor > .e-con.e-parent:nth-child(2) {
	background-color: var(--starstore-bg-deep) !important;
	padding-block: 0 !important;
	padding-inline: 0 !important;
}

.starstore-institutional--orbital .elementor-heading-title {
	color: var(--starstore-text) !important;
	font-family: var(--starstore-font-family-theme, "Oxanium", sans-serif);
}

.starstore-institutional--orbital .elementor > .e-con.e-parent:first-child .elementor-heading-title,
.starstore-institutional--orbital .starstore-institutional-hero .elementor-heading-title {
	background: linear-gradient(to right, #86d8d8 0%, rgba(134, 216, 216, 0.75) 100%) !important;
	-webkit-background-clip: text !important;
	background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
	color: transparent !important;
}

.starstore-institutional--orbital .elementor-widget-text-editor,
.starstore-institutional--orbital .elementor-widget-text-editor .elementor-widget-container {
	color: var(--starstore-text-muted) !important;
	font-family: var(--starstore-font-family-theme, "Oxanium", sans-serif);
}

.starstore-institutional--orbital .elementor-widget-text-editor a {
	color: var(--starstore-accent-light) !important;
}

.starstore-institutional--orbital .elementor-button {
	background-color: var(--starstore-accent) !important;
	color: var(--starstore-bg-deep) !important;
	border: 2px solid var(--starstore-accent) !important;
	font-family: var(--starstore-font-family-theme, "Oxanium", sans-serif);
	font-weight: 600;
	border-radius: 4px !important;
	box-shadow: 0 0 24px var(--starstore-accent-glow);
	transition: background-color 0.2s var(--starstore-ease-out, cubic-bezier(0.22, 1, 0.36, 1)), box-shadow 0.2s var(--starstore-ease-out, cubic-bezier(0.22, 1, 0.36, 1));
}

.starstore-institutional--orbital .elementor-button:hover,
.starstore-institutional--orbital .elementor-button:focus-visible {
	background-color: var(--starstore-accent-hover) !important;
	border-color: var(--starstore-accent-hover) !important;
	color: var(--starstore-bg-deep) !important;
	box-shadow: 0 0 32px var(--starstore-accent-glow);
}

.starstore-institutional--orbital .elementor-icon-list-icon i,
.starstore-institutional--orbital .elementor-icon-list-icon svg {
	color: var(--starstore-accent) !important;
	fill: var(--starstore-accent) !important;
}

.starstore-institutional--orbital .elementor-icon-list-text {
	color: var(--starstore-text-muted) !important;
}

.starstore-institutional--orbital .elementor-icon-list-item a {
	color: var(--starstore-accent-light) !important;
}

.starstore-institutional--orbital .elementor-icon-list-item a:hover,
.starstore-institutional--orbital .elementor-icon-list-item a:focus-visible {
	color: var(--starstore-accent) !important;
}

/* Páginas institucionais (Sobre, políticas, contact-us) ------------------- */

.starstore-institutional--orbital .starstore-institutional-hero {
	background-color: var(--starstore-bg-deep);
}

.starstore-institutional--orbital .starstore-institutional-lead,
.starstore-institutional--orbital .starstore-institutional-hero .elementor-widget-text-editor,
.starstore-institutional--orbital .starstore-institutional-hero .elementor-widget-text-editor p {
	color: var(--starstore-text-muted);
	font-family: var(--starstore-font-family-theme, "Oxanium", sans-serif);
	font-size: 1.0625rem;
	line-height: 1.6;
}

.starstore-institutional--orbital .starstore-institutional-body {
	max-width: var(--starstore-content-max, 1250px);
	margin-inline: auto;
}

.starstore-institutional--orbital .starstore-institutional-body .elementor-heading-title {
	color: var(--starstore-text);
	font-family: var(--starstore-font-family-theme, "Oxanium", sans-serif);
	font-weight: 600;
	margin-top: 1.5rem;
}

.starstore-institutional--orbital .starstore-institutional-body .elementor-widget-text-editor,
.starstore-institutional--orbital .starstore-institutional-body .elementor-widget-text-editor p {
	color: var(--starstore-text-muted);
	font-family: var(--starstore-font-family-theme, "Oxanium", sans-serif);
	font-size: 1rem;
	line-height: 1.65;
}

.starstore-institutional--orbital .starstore-institutional-body .elementor-widget-text-editor ul {
	margin: 0.75rem 0 1.25rem;
	padding-left: 1.25rem;
}

.starstore-institutional--orbital .starstore-institutional-body .elementor-widget-text-editor li + li {
	margin-top: 0.35rem;
}

.starstore-institutional--orbital .starstore-institutional-body .elementor-widget-text-editor a {
	color: var(--starstore-accent-light);
	text-decoration: underline;
	text-underline-offset: 0.15em;
}

.starstore-institutional--orbital .starstore-institutional-body .elementor-widget-text-editor a:hover,
.starstore-institutional--orbital .starstore-institutional-body .elementor-widget-text-editor a:focus-visible {
	color: var(--starstore-accent);
}

.starstore-institutional--orbital .elementor-accordion .elementor-accordion-item {
	border-color: rgba(134, 216, 216, 0.18) !important;
}

.starstore-institutional--orbital .elementor-accordion .elementor-tab-title {
	background: transparent !important;
	color: var(--starstore-text) !important;
}

.starstore-institutional--orbital .elementor-accordion .elementor-tab-content {
	color: var(--starstore-text-muted) !important;
	border-top-color: rgba(134, 216, 216, 0.12) !important;
}

.starstore-institutional--orbital .elementor-accordion .elementor-accordion-icon {
	color: var(--starstore-accent) !important;
}

.starstore-institutional--orbital .starstore-vimeo-poster--business {
	background:
		radial-gradient(ellipse 70% 50% at 70% 30%, rgba(134, 216, 216, 0.12), transparent 65%),
		linear-gradient(160deg, #0a161c 0%, #020507 100%);
}

/* Header Elementor — glass Orbital Aqua (substitui .starstore-home-header-group) ----- */

.starstore-institutional--orbital .elementor-location-header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: var(--starstore-header-z, 200);
	background: var(--starstore-glass);
	backdrop-filter: blur(50px);
	-webkit-backdrop-filter: blur(50px);
	border-bottom: 1px solid rgba(134, 216, 216, 0.1);
	transition:
		background 0.35s var(--starstore-ease-out, cubic-bezier(0.22, 1, 0.36, 1)),
		box-shadow 0.35s var(--starstore-ease-out, cubic-bezier(0.22, 1, 0.36, 1));
}

.admin-bar.starstore-institutional--orbital .elementor-location-header {
	top: 32px;
}

@media (max-width: 782px) {
	.admin-bar.starstore-institutional--orbital .elementor-location-header {
		top: 46px;
	}
}

@media (min-width: 993px) {
	.starstore-institutional--orbital .elementor-location-header .starstore-elementor-header > .e-con-inner {
		max-width: min(var(--starstore-content-max, 1250px), calc(100% - 2rem));
	}
}

.starstore-institutional--orbital.is-scrolled .elementor-location-header {
	background: rgba(10, 22, 28, 0.72);
	box-shadow: 0 1px 0 rgba(134, 216, 216, 0.12);
}

.starstore-institutional--orbital .elementor-location-header .starstore-elementor-header .elementor-nav-menu--main .elementor-item:hover,
.starstore-institutional--orbital .elementor-location-header .starstore-elementor-header .elementor-nav-menu--main .elementor-item:focus {
	color: var(--starstore-accent-light);
}

/* Footer -------------------------------------------------------------------- */

.starstore-institutional--orbital .site-footer,
.starstore-institutional--orbital footer.copyright,
.starstore-institutional--orbital .starstore-elementor-footer {
	background: var(--starstore-bg-deep) !important;
	border-top: 1px solid rgba(134, 216, 216, 0.1);
}

.starstore-institutional--orbital .starstore-footer-legal-notice {
	color: rgba(244, 246, 251, 0.55);
}

/* Mobile -------------------------------------------------------------------- */

@media (max-width: 991px) {
	.starstore-institutional--orbital .starstore-breadcrumbs {
		padding-top: max(4.25rem, calc(70px + env(safe-area-inset-top, 0px)));
	}

	.admin-bar.starstore-institutional--orbital .starstore-breadcrumbs {
		padding-top: max(5.5rem, calc(102px + env(safe-area-inset-top, 0px)));
	}

	.starstore-institutional--staging::before {
		bottom: auto;
		top: calc(4.5rem + env(safe-area-inset-top, 0px));
		left: 50%;
		transform: translateX(-50%);
		font-size: 0.62rem;
	}

	.starstore-institutional--staging.mobile-toggled::before {
		display: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.starstore-institutional--orbital .elementor-button {
		transition: none;
	}
}