/* ==========================================================================
   i7w — Skin (ValueHost)
   Camada de identidade visual carregada por ultimo. Reescreve a aparencia de
   todo o sistema sobre a paleta escura de infraestrutura, sem tocar no
   HTML/PHP: a mesma marcacao passa a vestir a referencia.

   Ordem de cascata: style -> base -> components -> layout -> skin -> motion.
   Nenhum seletor remove conteudo; apenas cor, tipografia, profundidade,
   textura de vidro e micro-interacao.
   ========================================================================== */

/* Fundacao ---------------------------------------------------------------- */

html {
	color-scheme: dark;
	background: var(--i7w-color-night);
}

body {
	color: var(--i7w-color-text);
	background:
		radial-gradient(60% 44% at 12% -6%, var(--i7w-color-glow) 0%, transparent 60%),
		radial-gradient(48% 40% at 92% 4%, var(--i7w-color-glow-accent) 0%, transparent 58%),
		var(--i7w-color-night);
	background-attachment: fixed;
}

h1, h2, h3, h4 {
	color: var(--i7w-color-ink);
	font-weight: 700;
	letter-spacing: -0.025em;
}

a {
	color: var(--i7w-color-info);
}

a:hover,
a:focus-visible {
	color: var(--i7w-color-ink);
}

:focus-visible {
	outline: 3px solid var(--i7w-color-brand);
	outline-offset: 3px;
}

/* Superficies claras herdadas da base antiga viram vidro escuro ----------- */

.i7w-header,
.i7w-card,
.i7w-icon-card,
.i7w-icon-box__card,
.i7w-stat,
.i7w-testimonial,
.i7w-plan,
.i7w-case,
.i7w-portfolio__card,
.i7w-portfolio__filters,
.i7w-metric,
.i7w-faq__item,
.i7w-accordion__item,
.i7w-lead__form-wrap,
.i7w-convert,
.i7w-tabs__list {
	background: rgba(255, 255, 255, .035);
	border-color: var(--i7w-color-border);
	backdrop-filter: blur(12px) saturate(140%);
	-webkit-backdrop-filter: blur(12px) saturate(140%);
}

.i7w-divider {
	border-top-color: var(--i7w-color-border);
}

.i7w-img {
	border-radius: var(--i7w-radius-md);
	box-shadow: var(--i7w-shadow-soft);
}

/* Cabecalho --------------------------------------------------------------- */

.i7w-header {
	border-bottom: 1px solid var(--i7w-color-border-soft);
	background: rgba(11, 15, 25, .72);
}

.i7w-header.is-scrolled {
	background: rgba(11, 15, 25, .92);
	box-shadow: 0 22px 44px -34px rgba(0, 0, 0, .9);
}

.i7w-header__logo,
.i7w-header__mark,
.i7w-header__logo--text .i7w-header__name,
.i7w-header__name {
	color: var(--i7w-color-ink);
}

.i7w-header__logo:hover,
.i7w-header__logo:focus-visible {
	color: var(--i7w-color-ink);
}

.i7w-header__mark-dot {
	background: var(--i7w-gradient-accent);
}

.i7w-nav__link {
	color: var(--i7w-color-night-text);
}

.i7w-nav__link::after {
	background: var(--i7w-color-accent);
}

.i7w-nav__link:hover,
.i7w-nav__link:focus-visible {
	color: var(--i7w-color-ink);
	background: rgba(255, 255, 255, .06);
}

.i7w-nav__link[aria-current="page"] {
	color: var(--i7w-color-ink);
}

.i7w-nav__submenu {
	background: var(--i7w-color-night-panel);
	border-color: var(--i7w-color-border);
	box-shadow: var(--i7w-shadow-menu);
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
}

.i7w-nav-toggle {
	background: rgba(255, 255, 255, .05);
	border-color: var(--i7w-color-border);
}

.i7w-nav-toggle__bar {
	background: var(--i7w-color-ink);
}

/* Acoes ------------------------------------------------------------------- */

.i7w-btn {
	border-radius: var(--i7w-radius-pill);
	border-width: 1px;
	letter-spacing: .02em;
}

.i7w-btn--primary,
.i7w-btn--brand {
	background: linear-gradient(135deg, var(--i7w-color-info) 0%, var(--i7w-color-brand) 55%, var(--i7w-color-brand-dark) 100%);
	color: #fff;
	box-shadow: 0 16px 32px -18px rgba(29, 78, 216, .75), inset 0 1px 0 rgba(255, 255, 255, .22);
}

.i7w-btn--primary:hover,
.i7w-btn--primary:focus-visible,
.i7w-btn--brand:hover,
.i7w-btn--brand:focus-visible {
	background: linear-gradient(135deg, var(--i7w-color-info) 0%, var(--i7w-color-brand) 40%, var(--i7w-color-brand-dark) 100%);
	color: #fff;
	box-shadow: 0 22px 42px -18px rgba(29, 78, 216, .85), inset 0 1px 0 rgba(255, 255, 255, .28);
}

.i7w-btn--ghost {
	color: var(--i7w-color-ink);
	border-color: var(--i7w-color-border-strong);
	background: rgba(255, 255, 255, .03);
}

.i7w-btn--ghost:hover,
.i7w-btn--ghost:focus-visible {
	background: rgba(255, 255, 255, .08);
	color: var(--i7w-color-ink);
	border-color: var(--i7w-color-brand);
}

.i7w-btn--light {
	background: var(--i7w-gradient-accent);
	color: #16130a;
	box-shadow: 0 16px 30px -18px rgba(201, 169, 97, .7);
}

.i7w-btn--light:hover,
.i7w-btn--light:focus-visible {
	color: #16130a;
}

/* Secoes e tons ----------------------------------------------------------- */

.i7w-sec {
	position: relative;
}

.i7w-sec--tone-surface {
	background: var(--i7w-color-surface);
}

.i7w-sec--tone-surface-alt {
	background: var(--i7w-color-surface-alt);
}

.i7w-sec--tone-ink {
	background: var(--i7w-color-black);
}

.i7w-sec--tone-brand {
	background:
		radial-gradient(900px 500px at 90% -20%, rgba(201, 169, 97, .16) 0%, transparent 60%),
		linear-gradient(135deg, var(--i7w-color-brand-dark) 0%, var(--i7w-color-brand) 60%, #0b1222 100%);
}

.i7w-sec__eyebrow {
	color: var(--i7w-color-accent);
	background: var(--i7w-color-accent-soft);
	border: 1px solid rgba(201, 169, 97, .22);
}

.i7w-sec__eyebrow::before {
	background: var(--i7w-color-accent);
}

.i7w-sec__lead {
	color: var(--i7w-color-muted);
}

/* Hero -------------------------------------------------------------------- */

.i7w-hero {
	background:
		radial-gradient(46% 42% at 20% 26%, var(--i7w-color-glow) 0%, transparent 62%),
		radial-gradient(40% 42% at 84% 20%, var(--i7w-color-glow-accent) 0%, transparent 60%),
		var(--i7w-color-night);
}

.i7w-hero__title em {
	background: var(--i7w-gradient-accent);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

.i7w-hero__eyebrow {
	color: var(--i7w-color-accent);
}

.i7w-hero__eyebrow::before {
	background: var(--i7w-color-accent);
}

.i7w-hero__col--panel::before {
	background: radial-gradient(60% 60% at 70% 30%, var(--i7w-color-glow-accent) 0%, transparent 70%);
}

.i7w-hero__col--panel .i7w-metric__icon,
.i7w-metric__icon,
.i7w-icon-box__icon,
.i7w-icon-card__icon {
	background: linear-gradient(140deg, var(--i7w-color-info) 0%, var(--i7w-color-brand) 100%);
	color: #fff;
	box-shadow: 0 14px 28px -14px rgba(29, 78, 216, .7);
}

.i7w-hero__col--panel .i7w-metric:hover {
	border-color: rgba(201, 169, 97, .5);
	box-shadow: 0 34px 64px -30px rgba(0, 0, 0, .8);
}

/* Selos ------------------------------------------------------------------- */

.i7w-badge {
	font-weight: 600;
	color: var(--i7w-color-ink);
	background: rgba(255, 255, 255, .06);
	border: 1px solid var(--i7w-color-border);
}

.i7w-hero__badges .i7w-badge {
	background: rgba(255, 255, 255, .06);
	border-color: var(--i7w-color-border);
	color: var(--i7w-color-night-text);
}

.i7w-hero__badges .i7w-badge::before {
	background: var(--i7w-color-accent);
}

.i7w-portfolio__chip {
	color: var(--i7w-color-accent);
	background: var(--i7w-color-accent-soft);
}

.i7w-portfolio__chip--ghost {
	color: var(--i7w-color-muted);
	background: rgba(255, 255, 255, .05);
}

/* Cartoes ----------------------------------------------------------------- */

.i7w-card:hover {
	border-color: rgba(201, 169, 97, .38);
	box-shadow: 0 36px 64px -34px rgba(0, 0, 0, .9);
}

.i7w-card__title,
.i7w-icon-card__title,
.i7w-icon-box__title,
.i7w-case__title,
.i7w-portfolio__title,
.i7w-plan__name,
.i7w-lead__title,
.i7w-convert__title,
.i7w-proof__name {
	color: var(--i7w-color-ink);
}

.i7w-card__tagline,
.i7w-case__sector,
.i7w-convert__eyebrow,
.i7w-lead__eyebrow,
.i7w-icon-card__more {
	color: var(--i7w-color-accent);
}

.i7w-card__text,
.i7w-icon-card__text,
.i7w-icon-box__desc,
.i7w-case__text,
.i7w-portfolio__text,
.i7w-plan__summary,
.i7w-lead__text,
.i7w-convert__text,
.i7w-proof__role,
.i7w-proof__company,
.i7w-metric__label,
.i7w-stat__label,
.i7w-testimonial__role {
	color: var(--i7w-color-muted);
}

.i7w-card--service::after {
	background: var(--i7w-gradient-accent);
}

.i7w-icon-card__link:hover .i7w-icon-card,
.i7w-icon-card__link:focus-visible .i7w-icon-card {
	border-color: rgba(201, 169, 97, .48);
	box-shadow: 0 38px 66px -34px rgba(0, 0, 0, .9);
}

.i7w-icon-card::after {
	background: radial-gradient(120% 90% at 50% 0%, var(--i7w-color-glow-accent) 0%, transparent 62%);
}

.i7w-icon-card--featured {
	border-color: rgba(201, 169, 97, .4);
	background: linear-gradient(180deg, rgba(201, 169, 97, .10), rgba(255, 255, 255, .02) 60%);
}

/* Passos e marcadores ----------------------------------------------------- */

.i7w-steps__number,
.i7w-list-icon__marker {
	background: linear-gradient(140deg, var(--i7w-color-info) 0%, var(--i7w-color-brand) 100%);
	color: #fff;
	box-shadow: 0 12px 24px -12px rgba(29, 78, 216, .7);
}

.i7w-list-icon__marker--glyph {
	background: var(--i7w-color-accent-soft);
	color: var(--i7w-color-accent);
	box-shadow: none;
}

.i7w-steps__title {
	color: var(--i7w-color-ink);
}

.i7w-steps__desc {
	color: var(--i7w-color-muted);
}

/* Indicadores ------------------------------------------------------------- */

.i7w-stat__value,
.i7w-metric__value,
.i7w-case__metric,
.i7w-plan__amount,
.i7w-portfolio__metric {
	color: var(--i7w-color-ink);
	letter-spacing: -0.03em;
}

.i7w-portfolio__metric {
	color: var(--i7w-color-success);
}

.i7w-sec--tone-ink .i7w-stat__value,
.i7w-sec--tone-brand .i7w-stat__value {
	color: #fff;
}

.i7w-sec--tone-ink .i7w-stat__label,
.i7w-sec--tone-brand .i7w-stat__label {
	color: rgba(255, 255, 255, .72);
}

/* Blocos de conversao e destaque ----------------------------------------- */

.i7w-cta {
	background: rgba(255, 255, 255, .04);
	border-color: var(--i7w-color-border);
}

.i7w-cta__title {
	color: var(--i7w-color-ink);
}

.i7w-cta__text {
	color: var(--i7w-color-night-text);
}

.i7w-proof__inner {
	background: linear-gradient(140deg, rgba(29, 78, 216, .16) 0%, rgba(255, 255, 255, .02) 55%);
	border-color: var(--i7w-color-border-soft);
	border-left-color: var(--i7w-color-accent);
}

.i7w-proof__quote {
	color: var(--i7w-color-ink);
}

/* Recursos, depoimentos e planos ----------------------------------------- */

.i7w-testimonial__quote,
.i7w-testimonial__quote p {
	color: var(--i7w-color-text);
}

.i7w-testimonial__quote p::before,
.i7w-testimonial__quote::before {
	color: var(--i7w-color-accent);
}

.i7w-testimonial__name {
	color: var(--i7w-color-ink);
}

.i7w-testimonial__avatar {
	background: rgba(255, 255, 255, .05);
	border-color: var(--i7w-color-border);
}

.i7w-testimonial__avatar--monogram {
	color: var(--i7w-color-accent);
	background: var(--i7w-color-accent-soft);
}

.i7w-testimonial__star.is-full {
	background: var(--i7w-color-accent);
}

.i7w-testimonial__star.is-half {
	background: linear-gradient(90deg, var(--i7w-color-accent) 50%, var(--i7w-color-faint) 50%);
}

.i7w-testimonial--featured {
	background:
		radial-gradient(120% 120% at 100% 0%, var(--i7w-color-glow-accent), transparent 55%),
		rgba(255, 255, 255, .03);
}

.i7w-plan--featured {
	border-color: var(--i7w-color-accent);
	box-shadow: 0 28px 56px -30px rgba(201, 169, 97, .45);
}

.i7w-plan__badge {
	color: #16130a;
	background: var(--i7w-gradient-accent);
}

.i7w-plan__item::before {
	color: var(--i7w-color-accent);
}

.i7w-compare__panel--after {
	background: rgba(255, 255, 255, .04);
	border-color: var(--i7w-color-accent);
}

.i7w-compare__panel--before .i7w-compare__marker {
	color: var(--i7w-color-gray);
}

.i7w-compare__panel--after .i7w-compare__marker,
.i7w-convert__check {
	color: var(--i7w-color-success);
}

.i7w-compare__title {
	color: var(--i7w-color-ink);
}

.i7w-compare__panel--after .i7w-compare__title {
	color: var(--i7w-color-accent);
}

/* Perguntas frequentes e acordeao ---------------------------------------- */

.i7w-faq__question,
.i7w-accordion__summary {
	color: var(--i7w-color-ink);
}

.i7w-faq__marker::before,
.i7w-accordion__marker::before {
	color: var(--i7w-color-accent);
}

.i7w-faq__answer,
.i7w-accordion__panel {
	color: var(--i7w-color-muted);
}

.i7w-tabs__tab {
	color: var(--i7w-color-muted);
}

.i7w-tabs__tab.is-active {
	background: rgba(255, 255, 255, .08);
	color: var(--i7w-color-ink);
	box-shadow: var(--i7w-shadow-soft);
}

/* Formulario -------------------------------------------------------------- */

.i7w-form__label {
	color: var(--i7w-color-ink);
}

.i7w-form__input {
	color: var(--i7w-color-text);
	background: rgba(255, 255, 255, .04);
	border-color: var(--i7w-color-border);
}

.i7w-form__input::placeholder {
	color: var(--i7w-color-faint);
}

.i7w-form__input:focus {
	border-color: var(--i7w-color-brand);
	box-shadow: 0 0 0 3px var(--i7w-color-primary-soft);
}

.i7w-form__note {
	color: var(--i7w-color-muted);
}

.i7w-alert--success {
	color: var(--i7w-color-success);
	background: rgba(52, 211, 153, .12);
}

.i7w-alert--error {
	color: var(--i7w-color-danger);
	background: rgba(248, 113, 113, .12);
}

.i7w-lead__check {
	color: var(--i7w-color-success);
}

.i7w-lead__item {
	color: var(--i7w-color-text);
}

.i7w-lead__or {
	color: var(--i7w-color-muted);
}

.i7w-lead__whatsapp {
	border-top-color: var(--i7w-color-border-soft);
}

/* Prova social em movimento ---------------------------------------------- */

.i7w-logos__item {
	color: var(--i7w-color-muted);
}

.i7w-logos__glyph {
	color: var(--i7w-color-accent);
}

.i7w-logos__image {
	opacity: .5;
}

.i7w-logos__item:hover,
.i7w-logos__item:focus-visible {
	color: var(--i7w-color-ink);
}

.i7w-logos__caption,
.i7w-quotes__caption {
	color: var(--i7w-color-muted);
}

/* Portfolio e midia ------------------------------------------------------- */

.i7w-portfolio__filter {
	color: var(--i7w-color-muted);
}

.i7w-portfolio__filter:hover {
	color: var(--i7w-color-ink);
	background: rgba(255, 255, 255, .06);
}

.i7w-portfolio__filter.is-active {
	color: #16130a;
	background: var(--i7w-gradient-accent);
}

.i7w-portfolio__card:hover,
.i7w-portfolio__card:focus-within {
	border-color: rgba(201, 169, 97, .4);
}

.i7w-portfolio__foot {
	border-top-color: var(--i7w-color-border-soft);
}

.i7w-portfolio__media--fallback {
	background:
		radial-gradient(120% 120% at 20% 15%, rgba(201, 169, 97, .28), transparent 55%),
		radial-gradient(130% 120% at 85% 90%, rgba(29, 78, 216, .45), transparent 60%),
		linear-gradient(160deg, #0f1524, #0b0f19);
}

/* Navegacao auxiliar, trilha e utilitarios ------------------------------- */

.i7w-breadcrumb__list {
	color: var(--i7w-color-muted);
}

.i7w-breadcrumb__item + .i7w-breadcrumb__item::before {
	color: var(--i7w-color-faint);
}

.i7w-social__link {
	background: rgba(255, 255, 255, .05);
	color: var(--i7w-color-ink);
}

.i7w-social__link:hover,
.i7w-social__link:focus-visible {
	background: var(--i7w-gradient-accent);
	color: #16130a;
	box-shadow: 0 14px 26px -12px rgba(201, 169, 97, .6);
}

.i7w-to-top {
	color: #fff;
	background: var(--i7w-color-brand);
}

.i7w-to-top:hover,
.i7w-to-top:focus-visible {
	color: #16130a;
	background: var(--i7w-gradient-accent);
}

.i7w-skip {
	background: var(--i7w-color-brand);
	color: #fff;
}

.i7w-skip:focus {
	color: #fff;
}

.i7w-trust__icon {
	color: var(--i7w-color-accent);
	background: var(--i7w-color-accent-soft);
}

.i7w-trust__value {
	color: var(--i7w-color-ink);
}

.i7w-trust__label {
	color: var(--i7w-color-muted);
}

.i7w-tech__item {
	background: rgba(255, 255, 255, .035);
	border-color: var(--i7w-color-border-soft);
}

.i7w-tech__link:hover .i7w-tech__item,
.i7w-tech__link:focus-visible .i7w-tech__item {
	border-color: rgba(201, 169, 97, .45);
}

.i7w-tech__logo--icon {
	color: var(--i7w-color-accent);
	background: var(--i7w-color-accent-soft);
}

.i7w-tech__name {
	color: var(--i7w-color-ink);
}

.i7w-tech__note {
	color: var(--i7w-color-muted);
}

/* Rodape ------------------------------------------------------------------ */

.i7w-footer {
	color: var(--i7w-color-night-text);
	background: var(--i7w-color-black);
	border-top: 1px solid var(--i7w-color-border-soft);
}

.i7w-footer__cta {
	background:
		radial-gradient(circle at 12% 20%, rgba(201, 169, 97, .16), transparent 55%),
		radial-gradient(circle at 88% 8%, rgba(29, 78, 216, .32), transparent 52%);
	border-bottom-color: var(--i7w-color-border);
}

.i7w-footer__cta-eyebrow {
	color: var(--i7w-color-accent);
}

.i7w-footer__cta-title,
.i7w-footer__mark,
.i7w-footer__title {
	color: var(--i7w-color-ink);
}

.i7w-footer__cta-text,
.i7w-footer__about,
.i7w-footer__badge {
	color: var(--i7w-color-night-text);
}

.i7w-footer__badge-icon {
	background: rgba(255, 255, 255, .06);
	color: var(--i7w-color-accent);
}

.i7w-footer__badge-text strong {
	color: var(--i7w-color-ink);
}

.i7w-footer__contact-icon {
	color: var(--i7w-color-accent);
}

.i7w-footer__contact-link,
.i7w-footer__link {
	color: var(--i7w-color-night-text);
}

.i7w-footer__contact-link:hover,
.i7w-footer__contact-link:focus-visible,
.i7w-footer__link:hover,
.i7w-footer__link:focus-visible {
	color: var(--i7w-color-ink);
}

.i7w-footer__bottom {
	border-top-color: var(--i7w-color-border);
}

.i7w-footer__copy,
.i7w-footer__legal-link {
	color: var(--i7w-color-night-muted);
}

.i7w-footer__legal-link:hover,
.i7w-footer__legal-link:focus-visible {
	color: var(--i7w-color-ink);
}

/* Micro-interacoes de marca ---------------------------------------------- */

/* Halo de sinal que percorre a borda dos cartoes em destaque no hover. */
.i7w-card,
.i7w-icon-card,
.i7w-portfolio__card,
.i7w-plan,
.i7w-testimonial {
	position: relative;
}

.i7w-card::after,
.i7w-icon-card::before,
.i7w-testimonial::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	padding: 1px;
	background: linear-gradient(135deg, rgba(201, 169, 97, .55), rgba(29, 78, 216, .45) 55%, transparent 78%);
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	opacity: 0;
	transition: opacity 0.32s ease;
	pointer-events: none;
}

.i7w-card:hover::after,
.i7w-card:focus-within::after,
.i7w-icon-card__link:hover .i7w-icon-card::before,
.i7w-icon-card__link:focus-visible .i7w-icon-card::before,
.i7w-testimonial:hover::before,
.i7w-testimonial:focus-within::before {
	opacity: 1;
}

/* Brilho suave que acompanha o topo das secoes escuras. */
.i7w-sec--tone-surface::before,
.i7w-sec--tone-surface-alt::before {
	content: "";
	position: absolute;
	inset: 0 0 auto;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(201, 169, 97, .35), transparent);
}

/* Marca: ponto do wordmark respira discretamente. */
.i7w-header__mark-dot {
	animation: i7w-brand-pulse 3.6s ease-in-out infinite;
}

@keyframes i7w-brand-pulse {
	0%, 100% { box-shadow: 0 0 0 0 rgba(201, 169, 97, 0); }
	50% { box-shadow: 0 0 0 5px rgba(201, 169, 97, .16); }
}

/* Botao primario: leve elevacao de brilho no hover. */
.i7w-btn--primary:hover,
.i7w-btn--primary:focus-visible,
.i7w-btn--brand:hover,
.i7w-btn--brand:focus-visible {
	transform: translateY(-2px);
}

@media (prefers-reduced-motion: reduce) {
	.i7w-header__mark-dot {
		animation: none;
	}
}