@charset "UTF-8";
/* Design System — tokens e fonte Inter */
@import url("theme.css");

* {
  margin: 0;
  padding: 0;
  border: none;
  list-style: none;
  text-decoration: none;
  font-family: var(--font-primary);
}

body {
  margin: 0px;
  background-color: var(--background);
  color: var(--foreground);
  transition:
    background-color 0.3s ease,
    color 0.3s ease;
}

header {
  width: 100%;
}

/* ── NAV FIXO — estilo Supabase ──────────────────────────── */
/* refactor::ai — nav redesign inspirado no Supabase */
nav.sf-nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 64px;
  z-index: 1000;
  display: block;
  /* Flex removido do pai, passado para .sf-nav-inner */
  padding: 0 24px;
  box-sizing: border-box;
  background: var(--background);
  border-bottom: 1px solid var(--border);
  transition:
    background 0.35s ease,
    box-shadow 0.35s ease;
}

/* Novo container interno para limitar largura */
.sf-nav-inner {
  width: 100%;
  max-width: 1200px;
  /* Largura limitadora */
  margin: 0 auto;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

/* Aparência ao rolar — glassmorphism sutil */
nav.sf-nav.scrolled {
  background: rgba(19, 17, 36, 0.92);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 2px 24px rgba(0, 0, 0, 0.35);
}

/* refactor::ai — light mode nav scrolled */
[data-theme="light"] nav.sf-nav.scrolled {
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 2px 24px rgba(0, 0, 0, 0.08);
}

[data-theme="light"] nav.sf-nav {
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

/* Lado esquerdo: logo + menu juntos */
.sf-nav-left {
  display: flex;
  align-items: center;
  gap: 24px;
  /* Espaço entre logo e menu */
}

/* Lado direito: Acessar + Contato */
.sf-nav-right {
  display: flex;
  align-items: center;
  gap: 12px;
}

nav.sf-nav ul {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  list-style: none;
  margin: 0;
  padding: 0;
}

nav.sf-nav ul li a,
.nav-link {
  display: inline-block;
  padding: 6px 10px;
  color: #fff;
  /* Cor suavizada tipo Supabase */
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  border-radius: 4px;
  transition:
    color 0.15s ease,
    background 0.15s ease;
}

#menu-desktop li a:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.05);
  /* Leve hover bg */
  border-bottom: none;
}

/* refactor::ai — light mode nav links */
[data-theme="light"] nav.sf-nav ul li a,
[data-theme="light"] .nav-link {
  color: #1a1a2e;
}

[data-theme="light"] #menu-desktop li a:hover {
  color: #1a1a2e;
  background: rgba(255, 255, 255, 0.14);
}

/* Botão "Acessar" (estilo Sign in do Supabase) */
/* submenu desktop: Produtos */
#menu-desktop > li {
  position: relative;
}

.sf-menu-products-trigger {
  display: inline-flex !important;
  align-items: center;
  gap: 7px;
}

.sf-menu-products-trigger i {
  font-size: 10px;
  transition: transform 0.2s ease;
}

.sf-products-mega {
  position: absolute;
  top: 100%;
  left: 0;
  width: min(860px, calc(100vw - 80px));
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 14px;
  background: #0a0919;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.45);
  opacity: 0;
  visibility: hidden;
  transform: translateY(6px);
  transition:
    opacity 0.18s ease,
    transform 0.18s ease,
    visibility 0.18s ease;
  pointer-events: none;
  z-index: 1200;
}

.sf-menu-products:hover .sf-products-mega,
.sf-menu-products:focus-within .sf-products-mega {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}

.sf-products-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1.08fr;
  gap: 12px;
}

.sf-products-col {
  min-width: 0;
}

.sf-products-label {
  margin: 0 0 10px;
  font-size: 0.72rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.55);
}

.sf-product-item {
  display: flex !important;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
  margin-bottom: 8px;
  padding: 10px 8px !important;
  border-radius: 10px !important;
}

.sf-product-icon {
  width: 34px;
  height: 34px;
  border-radius: 9px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.84);
  flex-shrink: 0;
}

.sf-product-copy {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.sf-product-copy strong {
  font-size: 0.97rem;
  font-weight: 600;
  color: #f7f8fb;
  line-height: 1.3;
}

.sf-product-copy small {
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.66);
  line-height: 1.4;
}

.sf-products-story {
  border-left: 1px solid rgba(255, 255, 255, 0.12);
  padding-left: 14px;
}

.sf-story-brand {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-bottom: 10px;
}

.sf-story-brand img {
  width: 52px;
  height: 52px;
  object-fit: contain;
  border-radius: 9px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.14);
  padding: 4px;
}

.sf-story-brand strong {
  display: block;
  font-size: 0.9rem;
  color: #f7f8fb;
  line-height: 1.3;
}

.sf-story-brand small {
  color: rgba(255, 255, 255, 0.62);
  font-size: 0.8rem;
}

.sf-story-text {
  margin: 0 0 10px;
  color: rgba(255, 255, 255, 0.8);
  font-size: 0.93rem;
  line-height: 1.45;
}

.sf-story-link {
  display: inline-flex !important;
  align-items: center;
  gap: 7px;
  font-size: 0.88rem !important;
  font-weight: 500 !important;
  color: #d5d8ff !important;
  padding: 0 !important;
}

.sf-story-link::after {
  content: "\2192";
  font-size: 0.9rem;
}

.sf-products-subnav {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  border-bottom: 1px solid rgba(255, 255, 255, 0.09);
  background: #0a0919;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-5px);
  transition:
    opacity 0.18s ease,
    transform 0.18s ease,
    visibility 0.18s ease;
  pointer-events: none;
  z-index: 1100;
}

.sf-products-subnav-inner {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
  min-height: 42px;
  display: flex;
  align-items: center;
  gap: 2px;
  background: transparent;
}

.sf-subnav-item {
  height: 42px;
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  padding: 0 12px !important;
  border-radius: 0 !important;
  border-bottom: 2px solid transparent;
  font-size: 0.96rem;
  font-weight: 500;
  white-space: nowrap;
  color: rgba(255, 255, 255, 0.75) !important;
}

.sf-subnav-item i {
  font-size: 13px;
}

.sf-subnav-item:hover {
  color: #ffffff !important;
  background: transparent !important;
}

.sf-subnav-item.is-active {
  color: #ffffff !important;
  border-bottom-color: var(--primary);
}

.sf-nav.sf-products-open .sf-products-subnav {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}

.sf-nav.sf-products-open .sf-products-mega {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.sf-nav.sf-products-open .sf-menu-products-trigger i {
  transform: rotate(180deg);
}

/* Paginas de produto: sem fixacao extra no submenu */
body.sf-products-page {
  padding-top: 0;
}

.sf-products-breadcrumb {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--muted-foreground);
  font-size: 0.86rem;
  margin-bottom: 12px;
}

.sf-products-breadcrumb a {
  color: var(--muted-foreground);
}

.sf-products-breadcrumb a:hover {
  color: var(--foreground);
}

.sf-products-breadcrumb i {
  font-size: 9px;
}

[data-theme="light"] .sf-products-mega {
  background: var(--accent);
  border-color: rgba(0, 0, 0, 0.1);
  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.12);
}

[data-theme="light"] .sf-products-label {
  color: #64748b;
}

[data-theme="light"] .sf-product-item:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}

[data-theme="light"] .sf-product-icon,
[data-theme="light"] .produto-icon {
  border-color: rgba(0, 0, 0, 0.12);
  color: var(--muted-foreground);
}

[data-theme="light"] .sf-product-copy strong {
  color: #0f172a;
}

[data-theme="light"] .sf-product-copy small {
  color: #64748b;
}

[data-theme="light"] .sf-products-story {
  border-left-color: rgba(0, 0, 0, 0.1);
}

[data-theme="light"] .sf-story-brand img {
  background: rgba(0, 0, 0, 0.03);
  border-color: rgba(0, 0, 0, 0.1);
}

[data-theme="light"] .sf-story-brand strong {
  color: #0f172a;
}

[data-theme="light"] .sf-story-brand small {
  color: #64748b;
}

[data-theme="light"] .sf-story-text {
  color: #334155;
}

[data-theme="light"] .sf-story-link {
  color: var(--primary) !important;
}

[data-theme="light"] .sf-products-subnav {
  background: transparent;
  border-color: rgba(0, 0, 0, 0.1);
  border-top-color: rgba(0, 0, 0, 0.08);
  border-bottom-color: rgba(0, 0, 0, 0.1);
}

[data-theme="light"] .sf-subnav-item {
  color: #475569 !important;
}

[data-theme="light"] .sf-subnav-item:hover {
  color: #1a1a2e !important;
}

[data-theme="light"] .sf-subnav-item.is-active {
  color: #1a1a2e !important;
}

.sf-nav-signin {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
  border: 0.8px solid rgba(255, 255, 255, 0.2);
  border-radius: 6px;
  font-size: 0.875rem;
  font-weight: 500;
  transition: all 0.2s ease;
}

.sf-nav-signin:hover {
  background: rgba(255, 255, 255, 0.14);
  transform: translateY(-1px);
}

/* refactor::ai — light mode signin */
[data-theme="light"] .sf-nav-signin {
  background: rgba(0, 0, 0, 0.04);
  color: var(--foreground);
  border-color: var(--border);
}

[data-theme="light"] .sf-nav-signin:hover {
  background: rgba(0, 0, 0, 0.08);
}

/* Botão "Contato" (estilo Start your project do Supabase) */
.sf-nav-contact {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 500;
  background: var(--primary);
  border: 0.8px solid rgba(87, 73, 244, 0.5);
  border-radius: 6px;
  transition: all 0.2s ease;
}

.sf-nav-contact:hover {
  background: #4338d4;
  border-color: #4338d4;
  color: #fff;
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(87, 73, 244, 0.35);
}

#menu-mobile {
  display: none;
}

/* Reset: impede que .banner div afete os wrappers internos do nav */
.banner .sf-nav-inner {
  margin: 0 auto;
  /* preserva centralização horizontal */
  width: auto;
  align-self: auto;
}

.banner .sf-nav-left,
.banner .sf-nav-right {
  margin: 0;
  width: auto;
  align-self: auto;
}

/* ── LOGOS ────────────────────────────────────────────────── */
.nav-logo {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.logo-desktop {
  display: block;
  height: 44px;
  width: auto;
}

/* Por padrão (dark): mostra logo-dark, esconde logo-light */
.logo-desktop.logo-dark {
  display: block;
}

.logo-desktop.logo-light {
  display: none;
}

/* refactor::ai — light mode logo swap (desktop only) */
[data-theme="light"] .logo-desktop.logo-dark {
  display: none;
}

[data-theme="light"] .logo-desktop.logo-light {
  display: block;
}

/* Mobile logos ficam escondidas por padrão (mostradas via media query) */
.logo-mobile.logo-dark,
.logo-mobile.logo-light {
  display: none;
}

.logo-mobile {
  display: none;
  height: 38px;
  width: auto;
}

/* ── BANNER ───────────────────────────────────────────────── */
.banner {
  width: 100%;
  min-height: 500px;
  color: #fff;
  padding: 30px 0;
  padding-top: 70px;
  /* espaço para o nav fixo */
}

.banner > div {
  margin: 60px 0;
  align-self: center;
  width: 80%;
}

.banner h1 {
  font-weight: 800;
  font-size: 60pt;
  margin: 20px 0;
  line-height: 90px;
}

.banner h3 {
  font-weight: 400;
  margin: 0;
}

.banner .container {
  align-content: space-between;
  margin-top: 0;
}

#slogan {
  width: 60%;
  min-width: 300px;
}

#login {
  align-items: flex-end;
  width: 40%;
}

#login h4 {
  width: 300px;
  margin-bottom: 10px;
  font-weight: 300;
}

#login .subcolumn {
  width: 300px;
  align-self: flex-end;
}

#login a {
  font-size: 12px;
  font-weight: 200;
  color: #fff;
}

#login button {
  max-width: 100px;
  margin-top: 30px;
}

button {
  padding: 10px 20px;
  background: var(--primary);
  color: var(--primary-foreground);
  font-weight: 600;
  max-width: 200px;
  border-radius: var(--radius-xs);
  cursor: pointer;
  transition:
    background 0.2s ease,
    color 0.2s ease;
}

.banner > div button:hover {
  background: var(--primary-foreground);
  color: var(--primary);
}

p {
  font-size: 14px;
  color: var(--muted-foreground);
}

/*--------------- SOBRE NÓS ----------------*/
.container {
  margin-top: 100px;
  width: 100%;
  justify-content: center;
}

#sobre div {
  justify-content: space-around;
}

#sobre .subcolumn {
  text-align: center;
  min-width: 200px;
  max-width: 300px;
  margin: 0 20px;
}

/*--------------- VIDEO ----------------*/
#apresentacao {
  padding: 80px 0;
}

#apresentacao .subcolumn {
  width: 40%;
  max-width: 600px;
  margin: 20px 20px;
}

#apresentacao iframe {
  max-width: 560px;
  height: 315px;
}

#apresentacao .subcolumn p {
  margin: 40px 0px;
}

/*-------------------NOTICIAS------------------*/
#noticias {
  width: 100%;
  justify-content: center;
}

#noticias h2 {
  width: 100%;
  text-align: center;
  margin: 40px 0;
}

.noticia_column {
  margin: 0 25px;
  width: 30%;
  min-width: 300px;
  max-width: 400px;
  text-align: left;
  height: 450px;
  overflow: hidden;
  justify-content: space-between;
}

.noticia_column p {
  margin: 0;
  max-height: 150px;
  overflow: hidden;
}

.noticia_column a {
  margin: 20 0 0px;
}

.noticia_column img {
  max-width: 300px;
}

/*-------------------PROPAGANDA--------------------*/
#propaganda {
  width: 100%;
  height: 400px;
  background-image: url("../imagens/banner-2.png");
  background-size: cover;
  background-attachment: fixed;
  align-items: center;
  flex-direction: row;
}

#propaganda h2 {
  width: 200px;
  color: #fff;
  text-align: center;
  margin: 20px;
}

#propaganda h2 span {
  font-size: 60px;
}

#propaganda h2 article {
  font-size: 20px;
}

#parceiros {
  background-color: var(--primary);
  width: 100%;
  min-height: 200px;
  align-items: center;
  margin: 0;
  padding: 10px 0;
  transition: background-color 0.3s ease;
}

#parceiros img {
  margin: 0 25px;
  opacity: 0.6;
  height: 80px;
}

/*-----------FOOTER-------------*/
/* refactor::ai — light mode legacy footer */
[data-theme="light"] footer .container {
  background-color: #f0f0f4;
  color: #1a1a2e;
}

footer .container {
  padding: 40px 0;
  margin: 0;
  background-color: #1e1b35;
  align-items: center;
  color: #fff;
}

footer .container .column {
  margin: 10px 0;
  width: 30%;
  min-width: 200px;
  justify-content: center;
}

footer .container .column ul li {
  font-size: 12px;
  color: #dadada;
}

.copyright {
  background-color: #1e1b35;
  text-align: center;
  color: #dadada;
  font-size: 10px;
}

footer a {
  color: #dadada;
}

/*-------------OUTRAS PAGINAS--------------*/
#infobanner {
  min-height: 300px;
  max-height: 400px;
}

#textos {
  width: 80%;
  max-width: 1000px;
  margin: 100px auto;
}

.linha-1,
.linha-2 {
  align-items: center;
  justify-content: space-around;
  margin: 40px 0;
}

.linha-1 .subcolumn img,
.linha-2 .subcolumn img {
  margin-top: 50px;
}

.linha-1 {
  flex-direction: row-reverse;
}

.linha-1 .subcolumn,
.linha-2 .subcolumn {
  max-width: 600px;
}

.linha-1 h2,
.linha-2 h2 {
  margin: 20px 0;
}

#info {
  width: 100%;
  display: flex;
  justify-content: center;
}

#info h2 {
  width: 300px;
  font-size: 35px;
  font-weight: 600;
  border-bottom: solid 2px #fff;
  text-align: center;
}

.contato,
.mapa {
  width: 50%;
  margin-bottom: 100px;
  align-items: center;
  justify-content: center;
}

.contato .subcolumn {
  width: 100%;
  justify-content: space-between;
  max-width: 350px;
}

.contato .column {
  align-items: flex-start;
}

.cidades {
  max-width: 1000px;
  width: 80%;
  margin: 50px auto;
  justify-content: space-between;
}

.cidades div {
  max-width: 240px;
  min-width: 200px;
  width: 30%;
  padding: 20px 0;
  margin: 10px;
  background: var(--card);
  -webkit-box-shadow: -2px 3px 10px -1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: -2px 3px 10px -1px rgba(0, 0, 0, 0.3);
  box-shadow: -2px 3px 10px -1px rgba(0, 0, 0, 0.3);
  transition: background 0.3s ease;
}

.atua {
  text-align: center;
  margin-top: 0;
  padding-top: 60px;
}

/*-------------GERAL---------------*/
.left {
  text-align: left;
}

.right {
  justify-content: flex-end;
  text-align: right;
}

.flex {
  display: flex;
}

.row {
  flex-direction: row;
}

.column {
  flex-direction: column;
}

.nowrap {
  flex-wrap: nowrap;
}

.wrap {
  flex-wrap: wrap;
}

.center {
  justify-content: center;
  align-items: center;
}

h3 {
  font-weight: 400;
}

input,
textarea {
  max-width: 350px;
  width: 100%;
  padding: 10px 0;
  margin: 10px 0;
  border: solid 1px var(--border);
  background: var(--card);
  color: var(--foreground);
  transition:
    border-color 0.2s ease,
    background 0.3s ease;
}

input::placeholder,
textarea::placeholder {
  color: var(--muted-foreground);
}

input[type="select"] {
  width: 40%;
}

/*--------------MEDIA--------------*/
/* Breakpoints: xs(480) sm(640) md(768) lg(1024) xl(1280) 2xl(1536) */

@media (max-width: 1024px) {
  #login,
  #slogan,
  .banner h1,
  #apresentacao .subcolumn {
    width: 100%;
    align-items: center;
    text-align: center;
  }

  #login .subcolumn,
  #login button {
    align-self: center;
  }

  .banner > div {
    margin: 30px 0;
  }
}

#apresentacao iframe {
  width: 100%;
}

@media (max-width: 1024px) {
  .linha-1 .subcolumn,
  .linha-2 .subcolumn {
    width: 100%;
    max-width: none;
    text-align: center;
  }

  #textos {
    margin: 50px auto;
  }

  .cidades {
    justify-content: center;
  }
}

/* ── lg: 1024px — menu mobile ── */
@media (max-width: 1024px) {
  #menu-desktop,
  .sf-nav-right {
    display: none;
  }

  .sf-products-subnav {
    display: none !important;
  }

  .sf-products-mega {
    display: none !important;
  }

  body.sf-products-page {
    padding-top: 0;
  }

  nav.sf-nav {
    padding: 0 4%;
  }

  /* Esconde TODAS as logos desktop em mobile, inclusive light mode */
  .logo-desktop,
  .logo-desktop.logo-dark,
  .logo-desktop.logo-light,
  [data-theme="light"] .logo-desktop.logo-light,
  [data-theme="light"] .logo-desktop.logo-dark {
    display: none !important;
  }

  .logo-mobile.logo-dark {
    display: block;
  }

  .logo-mobile.logo-light {
    display: none;
  }

  /* refactor::ai — light mode mobile logo swap */
  [data-theme="light"] .logo-mobile.logo-dark {
    display: none;
  }

  [data-theme="light"] .logo-mobile.logo-light {
    display: block;
  }

  #menu-mobile {
    width: auto;
    display: flex;
  }

  #menu-mobile > li {
    position: relative;
  }

  #menu-mobile li {
    width: auto;
    text-align: center;
  }

  #menu-mobile li ul {
    width: 200px;
    text-align: center;
    background: var(--popover);
    border: 1px solid var(--border);
    border-radius: var(--radius-xs);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
    display: none;
    position: absolute;
    right: 0;
    top: 100%;
  }

  #menu-mobile li ul li {
    border-bottom: solid 1px var(--border);
    padding: 10px 0;
  }

  #menu-mobile li ul li:last-child {
    border-bottom: none;
  }

  #menu-mobile li ul li:hover {
    background-color: var(--accent);
  }

  /* refactor::ai — light mode mobile menu */
  [data-theme="light"] #menu-mobile li ul {
    background: #fff;
    border-color: var(--border);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
  }

  [data-theme="light"] #menu-mobile li ul li a {
    color: #475569;
  }

  #menu-mobile li ul a {
    color: var(--popover-foreground);
    font-weight: 400;
    width: 200px;
    padding: 0;
    margin: 0;
    border-radius: 0;
  }

  #menu-mobile li:hover ul,
  #menu-mobile li.over ul {
    display: block;
  }
}

/* ── sm: 640px — mobile ── */
@media (max-width: 640px) {
  .banner h1 {
    font-size: 30pt;
  }

  #propaganda {
    flex-direction: column;
    height: auto;
    padding: 10px 0;
  }

  #propaganda h2 {
    margin: 0;
  }

  footer .container .column {
    margin: 10px auto;
    width: 90%;
    min-width: 200px;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
}

/* ── BREADCRUMB DE SEÇÃO (canto superior direito) ───────── */
.page-breadcrumb {
  position: absolute;
  top: 24px;
  right: 5%;
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--muted-foreground);
  font-size: 0.8125rem;
  z-index: 1;
}

.page-breadcrumb a {
  color: var(--muted-foreground);
  text-decoration: none;
}

.page-breadcrumb a:hover {
  color: var(--foreground);
}

.page-breadcrumb i {
  font-size: 9px;
}

/* ── md: 768px ── */
@media (max-width: 768px) {
  .page-breadcrumb {
    display: none;
  }
}

/* ── SECTION SOBRE — INTRO ───────────────────────────────── */
.section-sobre-intro {
  padding: 80px 5%;
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
}

.sobre-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
  align-items: center;
}

.sobre-grid.reverse {
  direction: rtl;
}

.sobre-grid.reverse > * {
  direction: ltr;
}

.sobre-text .section-tag {
  display: inline-block;
  background: rgba(87, 73, 244, 0.1);
  color: var(--primary);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 6px 14px;
  border-radius: 999px;
  margin-bottom: 14px;
}

[data-theme="dark"] .sobre-text .section-tag {
  background: rgba(87, 73, 244, 0.2);
}

[data-theme="light"] .sobre-text .section-tag {
  background: rgba(87, 73, 244, 0.08);
}

.sobre-text h2 {
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  color: var(--foreground);
  margin-bottom: 16px;
  line-height: 1.25;
}

.sobre-text p {
  color: var(--muted-foreground);
  font-size: 1rem;
  line-height: 1.8;
  margin-bottom: 12px;
}

.sobre-visual {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: 20px;
  padding: 48px 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 280px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06);
}

[data-theme="dark"] .sobre-visual {
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.25);
}

[data-theme="light"] .sobre-visual {
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.04);
}

.sobre-visual i {
  font-size: 7rem;
  opacity: 0.15;
}

.icon-primary {
  color: var(--primary);
  opacity: 0.2;
}

/* ── SECTION VALORES ─────────────────────────────────────── */
.section-valores {
  background-color: var(--secondary);
  transition: background-color 0.3s ease;
  padding: 80px 5%;
}

.valores-inner {
  max-width: 1200px;
  margin: 0 auto;
}

.section-header {
  text-align: center;
  margin-bottom: 52px;
}

.section-header .section-tag {
  display: inline-block;
  background: rgba(87, 73, 244, 0.1);
  color: var(--primary);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 6px 14px;
  border-radius: 999px;
  margin-bottom: 14px;
}

[data-theme="dark"] .section-header .section-tag {
  background: rgba(87, 73, 244, 0.2);
}

[data-theme="light"] .section-header .section-tag {
  background: rgba(87, 73, 244, 0.08);
}

.section-header h2 {
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  color: var(--foreground);
}

.valores-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.valor-card {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: 16px;
  padding: 28px 24px;
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease;
}

.valor-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1);
}

.valor-icon {
  width: 46px;
  height: 46px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  margin-bottom: 16px;
}

.v-blue {
  background: rgba(87, 73, 244, 0.12);
  color: var(--primary);
}

.v-cyan {
  background: rgba(6, 182, 212, 0.12);
  color: #06b6d4;
}

.v-green {
  background: rgba(16, 185, 129, 0.12);
  color: #10b981;
}

[data-theme="dark"] .v-blue {
  background: rgba(87, 73, 244, 0.2);
}

[data-theme="dark"] .v-cyan {
  background: rgba(6, 182, 212, 0.2);
}

[data-theme="dark"] .v-green {
  background: rgba(16, 185, 129, 0.2);
}

[data-theme="light"] .v-blue {
  background: rgba(87, 73, 244, 0.08);
}

[data-theme="light"] .v-cyan {
  background: rgba(6, 182, 212, 0.08);
}

[data-theme="light"] .v-green {
  background: rgba(16, 185, 129, 0.08);
}

.valor-card h3 {
  font-size: 1rem;
  font-weight: 700;
  color: var(--foreground);
  margin-bottom: 8px;
}

.valor-card p {
  font-size: 0.9rem;
  color: var(--muted-foreground);
  line-height: 1.7;
  margin: 0;
}

/* ── SECTION CTA ─────────────────────────────────────────── */
.section-cta {
  padding: 80px 5%;
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
}

.section-cta h2 {
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  color: var(--foreground);
  margin-bottom: 14px;
}

.section-cta p {
  color: var(--muted-foreground);
  font-size: 1rem;
  line-height: 1.7;
  margin-bottom: 28px;
}

.btn-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 13px 28px;
  background: var(--primary);
  color: #fff;
  border-radius: 10px;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.2s ease;
  max-width: none;
  border: none;
  cursor: pointer;
}

.btn-cta:hover {
  background: #4338d4;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(87, 73, 244, 0.35);
}

.section-divider {
  height: 1px;
  background: var(--border);
  max-width: 1200px;
  margin: 0 auto;
}

/* ── SECTION CONTATO ─────────────────────────────────────── */
.section-contato {
  padding: 80px 20px;
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: start;
  position: relative;
}

.contato-info h2 {
  font-size: clamp(1.4rem, 3vw, 1.875rem);
  font-weight: 700;
  color: var(--foreground);
  margin-bottom: 12px;
}

.contato-info .lead {
  color: var(--muted-foreground);
  font-size: 1rem;
  line-height: 1.7;
  margin-bottom: 36px;
}

.info-card {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 20px 0;
  border-bottom: 1px solid var(--border);
}

.info-card:last-of-type {
  border-bottom: none;
}

.info-card-icon {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  background: var(--primary);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: #fff;
  font-size: 18px;
}

.info-card-text strong {
  display: block;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--muted-foreground);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-bottom: 4px;
}

.info-card-text span {
  color: var(--foreground);
  font-size: 0.9375rem;
  line-height: 1.5;
}

.mapa-wrapper {
  margin-top: 36px;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid var(--border);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.mapa-wrapper iframe {
  width: 100%;
  height: 240px;
  display: block;
  border: 0;
  filter: grayscale(20%);
}

.form-card {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: 20px;
  padding: 40px;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
}

.form-card h3 {
  font-size: 1.375rem;
  font-weight: 700;
  color: var(--foreground);
  margin-bottom: 6px;
}

.form-card .form-sub {
  color: var(--muted-foreground);
  font-size: 0.9rem;
  margin-bottom: 28px;
}

.form-group {
  margin-bottom: 18px;
}

.form-group label {
  display: block;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--foreground);
  margin-bottom: 6px;
}

.form-group label .req {
  color: var(--primary);
}

.form-group input,
.form-group textarea,
.form-group select {
  width: 100%;
  padding: 11px 14px;
  border: 1px solid var(--border);
  border-radius: 8px;
  font-size: 0.9375rem;
  font-family: inherit;
  color: var(--foreground);
  background: var(--background);
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease;
  box-sizing: border-box;
  max-width: none;
  margin: 0;
}

.form-group input:focus,
.form-group textarea:focus,
.form-group select:focus {
  outline: none;
  border-color: var(--primary);
  box-shadow: 0 0 0 3px rgba(87, 73, 244, 0.12);
}

.form-group input::placeholder,
.form-group textarea::placeholder {
  color: var(--muted-foreground);
}

.form-group textarea {
  resize: vertical;
  min-height: 120px;
}

.form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.btn-enviar {
  width: 100%;
  padding: 13px 24px;
  background: var(--primary);
  color: #fff;
  border: none;
  border-radius: 10px;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition:
    background 0.2s ease,
    transform 0.15s ease,
    box-shadow 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  max-width: none;
  margin-top: 8px;
}

.btn-enviar:hover {
  background: #4338d4;
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(87, 73, 244, 0.35);
}

.btn-enviar:disabled {
  opacity: 0.65;
  cursor: not-allowed;
  transform: none;
}

.form-feedback {
  display: none;
  padding: 12px 16px;
  border-radius: 8px;
  font-size: 0.9rem;
  font-weight: 500;
  margin-top: 14px;
}

.form-feedback.sucesso {
  background: #ecfdf5;
  color: #065f46;
  border: 1px solid #a7f3d0;
  display: flex;
  align-items: center;
  gap: 8px;
}

.form-feedback.erro {
  background: #fef2f2;
  color: #991b1b;
  border: 1px solid #fca5a5;
  display: flex;
  align-items: center;
  gap: 8px;
}

[data-theme="dark"] .form-feedback.sucesso {
  background: #064e3b;
  color: #a7f3d0;
  border-color: #065f46;
}

[data-theme="dark"] .form-feedback.erro {
  background: #450a0a;
  color: #fca5a5;
  border-color: #991b1b;
}
/* ── Portal Contribuinte — Supabase-like Layout ──────── */
body {
  background-color: var(--background) !important;
  color: var(--foreground) !important;
  transition:
    background-color 0.3s ease,
    color 0.3s ease;
  margin: 0;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

#split-layout {
  display: flex;
  flex: 1;
  width: 100%;
}

.left-pane {
  width: 50%;
  padding: 40px;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  position: relative;
}

.left-pane-inner {
  width: 100%;
  max-width: 380px;
  margin: auto auto;
  display: flex;
  flex-direction: column;
}

.right-pane {
  width: 55%;
  background-color: #121212;
  /* Dark background matching Supabase right pane */
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 40px 80px;
  border-left: 1px solid var(--border);
  box-sizing: border-box;
  transition: background-color 0.3s ease;
}

[data-theme="light"] .right-pane {
  background-color: #f1f5f9;
  /* Soft light background */
}

@media (max-width: 1024px) {
  #split-layout {
    flex-direction: column;
  }

  .left-pane {
    width: 100%;
    padding: 40px 24px;
  }

  .right-pane {
    width: 100%;
    padding: 40px 24px;
    border-left: none;
    border-top: 1px solid var(--border);
  }
}

/* Top Logo Series */
.top-logo {
  display: flex;
  align-items: center;
  z-index: 10;
  margin-bottom: 18px;
  /* Respiro maior abaixo da logo */
}

.top-logo a {
  display: flex;
  align-items: center;
  text-decoration: none;
}

.top-logo img {
  height: 58px;
  /* Tamanho ajustado (3x) */
  width: auto;
  max-width: 100%;
  object-fit: contain;
}

.pm-logo-light {
  display: block;
}

.pm-logo-dark {
  display: none;
}

[data-theme="dark"] .pm-logo-light {
  display: none;
}

[data-theme="dark"] .pm-logo-dark {
  display: block;
}

/* Theme Toggler */
.theme-btn {
  position: absolute;
  top: 40px;
  right: 40px;
  background: transparent;
  border: none;
  color: var(--muted-foreground);
  font-size: 1.25rem;
  cursor: pointer;
  transition: color 0.2s;
  z-index: 10;
}

.theme-btn:hover {
  color: var(--foreground);
}

[data-theme="dark"] .dark-hidden {
  display: none;
}

[data-theme="light"] .light-hidden {
  display: none;
}

/* Titles */
.login-header {
  margin-bottom: 24px;
}

.login-header h2 {
  font-size: 1.6rem;
  font-weight: 600;
  margin: 0 0 6px 0;
  color: var(--foreground);
}

.login-header p {
  color: var(--muted-foreground);
  margin: 0;
  font-size: 0.95rem;
}

/* Gov.br Button */
.br-sign-in {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100% !important;
  max-width: 100% !important;
  padding: 12px 16px !important;
  box-sizing: border-box !important;
  background-color: transparent;
  color: var(--foreground);
  border: 1px solid var(--border);
  border-radius: 6px;
  font-size: 0.95rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
  margin-bottom: 24px;
  font-family: inherit;
}

.br-sign-in img {
  height: 18px;
  margin-left: 6px;
}

.br-sign-in:hover {
  background-color: rgba(128, 128, 128, 0.1);
  border-color: var(--foreground);
}

/* Dividers */
.separator {
  display: flex;
  align-items: center;
  text-align: center;
  color: var(--muted-foreground);
  font-size: 0.8rem;
  margin-bottom: 24px;
}

.separator::before,
.separator::after {
  content: "";
  flex: 1;
  border-bottom: 1px solid var(--border);
}

.separator span {
  padding: 0 10px;
}

/* Forms structure */
.form-group {
  margin-bottom: 16px;
  display: flex;
  flex-direction: column;
  width: 100%;
}

.form-group label {
  font-size: 0.85rem;
  color: var(--foreground);
  margin-bottom: 6px;
  font-weight: 500;
}

/* Override herdado do CSS principal que quebrava o grid */
#login,
#cadastro {
  width: 100%;
  max-width: 100%;
  display: flex;
  flex-direction: column;
}

#form1 {
  width: 100%;
}

.flex-between {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 6px;
}

.flex-between label {
  margin-bottom: 0;
}

.forgot-link {
  font-size: 0.8rem;
  color: var(--muted-foreground) !important;
  text-decoration: none;
}

.forgot-link:hover {
  color: var(--foreground) !important;
  text-decoration: underline;
}

input.text-field {
  background-color: var(--background);
  border: 1px solid var(--border);
  color: var(--foreground);
  padding: 12px 14px !important;
  border-radius: 6px;
  font-size: 0.95rem;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  transition:
    border-color 0.2s,
    box-shadow 0.2s;
  height: auto !important;
}

input.text-field:focus {
  outline: none;
  border-color: var(--primary);
  box-shadow: 0 0 0 2px rgba(87, 73, 244, 0.2);
}

input.text-field::placeholder {
  color: var(--muted-foreground);
  opacity: 0.6;
}

.sign-in-btn {
  background-color: #24b47e !important;
  /* Supabase highlight color */
  color: #ffffff !important;
  border: none !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 12px !important;
  box-sizing: border-box !important;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 500;
  font-size: 0.95rem;
  margin-top: 8px;
  transition: background-color 0.2s;
}

.sign-in-btn:hover {
  background-color: #20a070 !important;
}

.signup-link {
  text-align: center;
  font-size: 0.85rem;
  color: var(--muted-foreground);
  margin-top: 24px;
}

.signup-link a {
  color: var(--foreground) !important;
  font-weight: 500;
  text-decoration: none;
}

.signup-link a:hover {
  text-decoration: underline;
}

.terms {
  font-size: 0.75rem;
  color: var(--muted-foreground);
  text-align: center;
  margin-top: 40px;
  line-height: 1.5;
}

.terms a {
  color: var(--muted-foreground) !important;
  text-decoration: underline;
}

.terms a:hover {
  color: var(--foreground) !important;
}

.form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

@media (max-width: 600px) {
  .form-grid {
    grid-template-columns: 1fr;
  }
}

/* Right pane text representation (Quote) */
.portal-h1 {
  color: #fff;
  font-size: 2.2rem;
  font-weight: 700;
  margin: 0 0 24px 0;
  letter-spacing: -0.02em;
}

[data-theme="light"] .portal-h1 {
  color: #1e293b;
}

.quote-icon {
  font-size: 5rem;
  color: #333;
  /* Dark mode color */
  line-height: 1;
  margin-bottom: 20px;
  font-family: serif;
}

[data-theme="light"] .quote-icon {
  color: #cbd5e1;
  /* Light mode color */
}

.quote-text {
  font-size: 1.35rem;
  font-weight: 400;
  color: #f8f9fa;
  line-height: 1.6;
  margin: 0 0 32px 0;
  max-width: 500px;
}

[data-theme="light"] .quote-text {
  color: #1e293b;
}

.quote-author {
  display: flex;
  align-items: center;
  gap: 12px;
}

.author-avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #333;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 0.9rem;
}

[data-theme="light"] .author-avatar {
  background-color: #e2e8f0;
  color: #475569;
}

.author-name {
  font-size: 0.95rem;
  color: #a1a1aa;
}

[data-theme="light"] .author-name {
  color: #64748b;
}

/* Footer compatibility */
footer {
  background-color: var(--card) !important;
  color: var(--muted-foreground) !important;
  transition:
    background-color 0.3s ease,
    color 0.3s ease;
  border-top: 1px solid var(--border);
  padding: 24px 0;
  margin-top: auto;
}

footer p {
  color: var(--muted-foreground) !important;
}

[data-theme="dark"] footer img {
  filter: brightness(0) invert(1);
  opacity: 0.6;
}

/* ── Popup Modal Overlay ──────── */
.popup-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  z-index: 9999;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.popup-overlay.active {
  display: flex;
  opacity: 1;
}

.popup-card {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: 16px;
  padding: 40px 36px 32px;
  max-width: 400px;
  width: 90%;
  text-align: center;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.4);
  transform: scale(0.85) translateY(20px);
  animation: popupIn 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}

@keyframes popupIn {
  to {
    transform: scale(1) translateY(0);
    opacity: 1;
  }
}

.popup-icon {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  font-size: 1.8rem;
}

.popup-icon.sucesso {
  background: rgba(36, 180, 126, 0.15);
  color: #24b47e;
}

.popup-icon.erro {
  background: rgba(239, 68, 68, 0.15);
  color: #ef4444;
}

.popup-card h3 {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--foreground);
  margin: 0 0 10px;
}

.popup-card p {
  color: var(--muted-foreground);
  font-size: 0.92rem;
  line-height: 1.5;
  margin: 0 0 24px;
}

.popup-btn {
  background: #24b47e;
  color: #fff;
  border: none;
  border-radius: 8px;
  padding: 11px 32px;
  font-size: 0.92rem;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.2s;
}

.popup-btn:hover {
  background: #20a070;
}

.popup-btn.erro {
  background: #ef4444;
}

.popup-btn.erro:hover {
  background: #dc2626;
}
/* ── RESPONSIVE PÁGINAS ──────────────────────────────────── */
/* ── md: 768px ── */
@media (max-width: 768px) {
  .sobre-grid,
  .sobre-grid.reverse {
    grid-template-columns: 1fr;
    direction: ltr;
    gap: 36px;
  }

  .sobre-visual {
    min-height: 180px;
  }

  .valores-grid {
    grid-template-columns: 1fr 1fr;
  }

  .section-contato {
    grid-template-columns: 1fr;
    gap: 40px;
    padding: 48px 20px;
  }
}

/* ── sm: 640px ── */
@media (max-width: 640px) {
  .valores-grid {
    grid-template-columns: 1fr;
  }

  .section-sobre-intro {
    padding: 52px 5%;
  }

  .form-card {
    padding: 24px 18px;
  }

  .form-row {
    grid-template-columns: 1fr;
    gap: 0;
  }
}

/* ── POSITION RELATIVE — seções com breadcrumb ───────────── */
#textos {
  position: relative;
}

.container.atua {
  position: relative;
}

/* --------------- ANIMATION CONFIGS https://unpkg.com/aos@2.3.1/dist/aos.css-----------------------*/
[data-aos][data-aos][data-aos-duration="50"],
body[data-aos-duration="50"] [data-aos] {
  transition-duration: 50ms;
}

[data-aos][data-aos][data-aos-delay="50"],
body[data-aos-delay="50"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate,
body[data-aos-delay="50"] [data-aos].aos-animate {
  transition-delay: 50ms;
}

[data-aos][data-aos][data-aos-duration="100"],
body[data-aos-duration="100"] [data-aos] {
  transition-duration: 0.1s;
}

[data-aos][data-aos][data-aos-delay="100"],
body[data-aos-delay="100"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate,
body[data-aos-delay="100"] [data-aos].aos-animate {
  transition-delay: 0.1s;
}

[data-aos][data-aos][data-aos-duration="150"],
body[data-aos-duration="150"] [data-aos] {
  transition-duration: 0.15s;
}

[data-aos][data-aos][data-aos-delay="150"],
body[data-aos-delay="150"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate,
body[data-aos-delay="150"] [data-aos].aos-animate {
  transition-delay: 0.15s;
}

[data-aos][data-aos][data-aos-duration="200"],
body[data-aos-duration="200"] [data-aos] {
  transition-duration: 0.2s;
}

[data-aos][data-aos][data-aos-delay="200"],
body[data-aos-delay="200"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate,
body[data-aos-delay="200"] [data-aos].aos-animate {
  transition-delay: 0.2s;
}

[data-aos][data-aos][data-aos-duration="250"],
body[data-aos-duration="250"] [data-aos] {
  transition-duration: 0.25s;
}

[data-aos][data-aos][data-aos-delay="250"],
body[data-aos-delay="250"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate,
body[data-aos-delay="250"] [data-aos].aos-animate {
  transition-delay: 0.25s;
}

[data-aos][data-aos][data-aos-duration="300"],
body[data-aos-duration="300"] [data-aos] {
  transition-duration: 0.3s;
}

[data-aos][data-aos][data-aos-delay="300"],
body[data-aos-delay="300"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate,
body[data-aos-delay="300"] [data-aos].aos-animate {
  transition-delay: 0.3s;
}

[data-aos][data-aos][data-aos-duration="350"],
body[data-aos-duration="350"] [data-aos] {
  transition-duration: 0.35s;
}

[data-aos][data-aos][data-aos-delay="350"],
body[data-aos-delay="350"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate,
body[data-aos-delay="350"] [data-aos].aos-animate {
  transition-delay: 0.35s;
}

[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
  transition-duration: 0.4s;
}

[data-aos][data-aos][data-aos-delay="400"],
body[data-aos-delay="400"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate,
body[data-aos-delay="400"] [data-aos].aos-animate {
  transition-delay: 0.4s;
}

[data-aos][data-aos][data-aos-duration="450"],
body[data-aos-duration="450"] [data-aos] {
  transition-duration: 0.45s;
}

[data-aos][data-aos][data-aos-delay="450"],
body[data-aos-delay="450"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate,
body[data-aos-delay="450"] [data-aos].aos-animate {
  transition-delay: 0.45s;
}

[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
  transition-duration: 0.5s;
}

[data-aos][data-aos][data-aos-delay="500"],
body[data-aos-delay="500"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate,
body[data-aos-delay="500"] [data-aos].aos-animate {
  transition-delay: 0.5s;
}

[data-aos][data-aos][data-aos-duration="550"],
body[data-aos-duration="550"] [data-aos] {
  transition-duration: 0.55s;
}

[data-aos][data-aos][data-aos-delay="550"],
body[data-aos-delay="550"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate,
body[data-aos-delay="550"] [data-aos].aos-animate {
  transition-delay: 0.55s;
}

[data-aos][data-aos][data-aos-duration="600"],
body[data-aos-duration="600"] [data-aos] {
  transition-duration: 0.6s;
}

[data-aos][data-aos][data-aos-delay="600"],
body[data-aos-delay="600"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate,
body[data-aos-delay="600"] [data-aos].aos-animate {
  transition-delay: 0.6s;
}

[data-aos][data-aos][data-aos-duration="650"],
body[data-aos-duration="650"] [data-aos] {
  transition-duration: 0.65s;
}

[data-aos][data-aos][data-aos-delay="650"],
body[data-aos-delay="650"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate,
body[data-aos-delay="650"] [data-aos].aos-animate {
  transition-delay: 0.65s;
}

[data-aos][data-aos][data-aos-duration="700"],
body[data-aos-duration="700"] [data-aos] {
  transition-duration: 0.7s;
}

[data-aos][data-aos][data-aos-delay="700"],
body[data-aos-delay="700"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="700"].aos-animate,
body[data-aos-delay="700"] [data-aos].aos-animate {
  transition-delay: 0.7s;
}

[data-aos][data-aos][data-aos-duration="750"],
body[data-aos-duration="750"] [data-aos] {
  transition-duration: 0.75s;
}

[data-aos][data-aos][data-aos-delay="750"],
body[data-aos-delay="750"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate,
body[data-aos-delay="750"] [data-aos].aos-animate {
  transition-delay: 0.75s;
}

[data-aos][data-aos][data-aos-duration="800"],
body[data-aos-duration="800"] [data-aos] {
  transition-duration: 0.8s;
}

[data-aos][data-aos][data-aos-delay="800"],
body[data-aos-delay="800"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate,
body[data-aos-delay="800"] [data-aos].aos-animate {
  transition-delay: 0.8s;
}

[data-aos][data-aos][data-aos-duration="850"],
body[data-aos-duration="850"] [data-aos] {
  transition-duration: 0.85s;
}

[data-aos][data-aos][data-aos-delay="850"],
body[data-aos-delay="850"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="850"].aos-animate,
body[data-aos-delay="850"] [data-aos].aos-animate {
  transition-delay: 0.85s;
}

[data-aos][data-aos][data-aos-duration="900"],
body[data-aos-duration="900"] [data-aos] {
  transition-duration: 0.9s;
}

[data-aos][data-aos][data-aos-delay="900"],
body[data-aos-delay="900"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate,
body[data-aos-delay="900"] [data-aos].aos-animate {
  transition-delay: 0.9s;
}

[data-aos][data-aos][data-aos-duration="950"],
body[data-aos-duration="950"] [data-aos] {
  transition-duration: 0.95s;
}

[data-aos][data-aos][data-aos-delay="950"],
body[data-aos-delay="950"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="950"].aos-animate,
body[data-aos-delay="950"] [data-aos].aos-animate {
  transition-delay: 0.95s;
}

[data-aos][data-aos][data-aos-duration="1000"],
body[data-aos-duration="1000"] [data-aos] {
  transition-duration: 1s;
}

[data-aos][data-aos][data-aos-delay="1000"],
body[data-aos-delay="1000"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate,
body[data-aos-delay="1000"] [data-aos].aos-animate {
  transition-delay: 1s;
}

[data-aos][data-aos][data-aos-duration="1050"],
body[data-aos-duration="1050"] [data-aos] {
  transition-duration: 1.05s;
}

[data-aos][data-aos][data-aos-delay="1050"],
body[data-aos-delay="1050"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1050"].aos-animate,
body[data-aos-delay="1050"] [data-aos].aos-animate {
  transition-delay: 1.05s;
}

[data-aos][data-aos][data-aos-duration="1100"],
body[data-aos-duration="1100"] [data-aos] {
  transition-duration: 1.1s;
}

[data-aos][data-aos][data-aos-delay="1100"],
body[data-aos-delay="1100"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1100"].aos-animate,
body[data-aos-delay="1100"] [data-aos].aos-animate {
  transition-delay: 1.1s;
}

[data-aos][data-aos][data-aos-duration="1150"],
body[data-aos-duration="1150"] [data-aos] {
  transition-duration: 1.15s;
}

[data-aos][data-aos][data-aos-delay="1150"],
body[data-aos-delay="1150"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1150"].aos-animate,
body[data-aos-delay="1150"] [data-aos].aos-animate {
  transition-delay: 1.15s;
}

[data-aos][data-aos][data-aos-duration="1200"],
body[data-aos-duration="1200"] [data-aos] {
  transition-duration: 1.2s;
}

[data-aos][data-aos][data-aos-delay="1200"],
body[data-aos-delay="1200"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate,
body[data-aos-delay="1200"] [data-aos].aos-animate {
  transition-delay: 1.2s;
}

[data-aos][data-aos][data-aos-duration="1250"],
body[data-aos-duration="1250"] [data-aos] {
  transition-duration: 1.25s;
}

[data-aos][data-aos][data-aos-delay="1250"],
body[data-aos-delay="1250"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1250"].aos-animate,
body[data-aos-delay="1250"] [data-aos].aos-animate {
  transition-delay: 1.25s;
}

[data-aos][data-aos][data-aos-duration="1300"],
body[data-aos-duration="1300"] [data-aos] {
  transition-duration: 1.3s;
}

[data-aos][data-aos][data-aos-delay="1300"],
body[data-aos-delay="1300"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1300"].aos-animate,
body[data-aos-delay="1300"] [data-aos].aos-animate {
  transition-delay: 1.3s;
}

[data-aos][data-aos][data-aos-duration="1350"],
body[data-aos-duration="1350"] [data-aos] {
  transition-duration: 1.35s;
}

[data-aos][data-aos][data-aos-delay="1350"],
body[data-aos-delay="1350"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate,
body[data-aos-delay="1350"] [data-aos].aos-animate {
  transition-delay: 1.35s;
}

[data-aos][data-aos][data-aos-duration="1400"],
body[data-aos-duration="1400"] [data-aos] {
  transition-duration: 1.4s;
}

[data-aos][data-aos][data-aos-delay="1400"],
body[data-aos-delay="1400"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1400"].aos-animate,
body[data-aos-delay="1400"] [data-aos].aos-animate {
  transition-delay: 1.4s;
}

[data-aos][data-aos][data-aos-duration="1450"],
body[data-aos-duration="1450"] [data-aos] {
  transition-duration: 1.45s;
}

[data-aos][data-aos][data-aos-delay="1450"],
body[data-aos-delay="1450"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1450"].aos-animate,
body[data-aos-delay="1450"] [data-aos].aos-animate {
  transition-delay: 1.45s;
}

[data-aos][data-aos][data-aos-duration="1500"],
body[data-aos-duration="1500"] [data-aos] {
  transition-duration: 1.5s;
}

[data-aos][data-aos][data-aos-delay="1500"],
body[data-aos-delay="1500"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1500"].aos-animate,
body[data-aos-delay="1500"] [data-aos].aos-animate {
  transition-delay: 1.5s;
}

[data-aos][data-aos][data-aos-duration="1550"],
body[data-aos-duration="1550"] [data-aos] {
  transition-duration: 1.55s;
}

[data-aos][data-aos][data-aos-delay="1550"],
body[data-aos-delay="1550"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1550"].aos-animate,
body[data-aos-delay="1550"] [data-aos].aos-animate {
  transition-delay: 1.55s;
}

[data-aos][data-aos][data-aos-duration="1600"],
body[data-aos-duration="1600"] [data-aos] {
  transition-duration: 1.6s;
}

[data-aos][data-aos][data-aos-delay="1600"],
body[data-aos-delay="1600"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1600"].aos-animate,
body[data-aos-delay="1600"] [data-aos].aos-animate {
  transition-delay: 1.6s;
}

[data-aos][data-aos][data-aos-duration="1650"],
body[data-aos-duration="1650"] [data-aos] {
  transition-duration: 1.65s;
}

[data-aos][data-aos][data-aos-delay="1650"],
body[data-aos-delay="1650"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1650"].aos-animate,
body[data-aos-delay="1650"] [data-aos].aos-animate {
  transition-delay: 1.65s;
}

[data-aos][data-aos][data-aos-duration="1700"],
body[data-aos-duration="1700"] [data-aos] {
  transition-duration: 1.7s;
}

[data-aos][data-aos][data-aos-delay="1700"],
body[data-aos-delay="1700"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1700"].aos-animate,
body[data-aos-delay="1700"] [data-aos].aos-animate {
  transition-delay: 1.7s;
}

[data-aos][data-aos][data-aos-duration="1750"],
body[data-aos-duration="1750"] [data-aos] {
  transition-duration: 1.75s;
}

[data-aos][data-aos][data-aos-delay="1750"],
body[data-aos-delay="1750"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1750"].aos-animate,
body[data-aos-delay="1750"] [data-aos].aos-animate {
  transition-delay: 1.75s;
}

[data-aos][data-aos][data-aos-duration="1800"],
body[data-aos-duration="1800"] [data-aos] {
  transition-duration: 1.8s;
}

[data-aos][data-aos][data-aos-delay="1800"],
body[data-aos-delay="1800"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1800"].aos-animate,
body[data-aos-delay="1800"] [data-aos].aos-animate {
  transition-delay: 1.8s;
}

[data-aos][data-aos][data-aos-duration="1850"],
body[data-aos-duration="1850"] [data-aos] {
  transition-duration: 1.85s;
}

[data-aos][data-aos][data-aos-delay="1850"],
body[data-aos-delay="1850"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1850"].aos-animate,
body[data-aos-delay="1850"] [data-aos].aos-animate {
  transition-delay: 1.85s;
}

[data-aos][data-aos][data-aos-duration="1900"],
body[data-aos-duration="1900"] [data-aos] {
  transition-duration: 1.9s;
}

[data-aos][data-aos][data-aos-delay="1900"],
body[data-aos-delay="1900"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1900"].aos-animate,
body[data-aos-delay="1900"] [data-aos].aos-animate {
  transition-delay: 1.9s;
}

[data-aos][data-aos][data-aos-duration="1950"],
body[data-aos-duration="1950"] [data-aos] {
  transition-duration: 1.95s;
}

[data-aos][data-aos][data-aos-delay="1950"],
body[data-aos-delay="1950"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1950"].aos-animate,
body[data-aos-delay="1950"] [data-aos].aos-animate {
  transition-delay: 1.95s;
}

[data-aos][data-aos][data-aos-duration="2000"],
body[data-aos-duration="2000"] [data-aos] {
  transition-duration: 2s;
}

[data-aos][data-aos][data-aos-delay="2000"],
body[data-aos-delay="2000"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate,
body[data-aos-delay="2000"] [data-aos].aos-animate {
  transition-delay: 2s;
}

[data-aos][data-aos][data-aos-duration="2050"],
body[data-aos-duration="2050"] [data-aos] {
  transition-duration: 2.05s;
}

[data-aos][data-aos][data-aos-delay="2050"],
body[data-aos-delay="2050"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2050"].aos-animate,
body[data-aos-delay="2050"] [data-aos].aos-animate {
  transition-delay: 2.05s;
}

[data-aos][data-aos][data-aos-duration="2100"],
body[data-aos-duration="2100"] [data-aos] {
  transition-duration: 2.1s;
}

[data-aos][data-aos][data-aos-delay="2100"],
body[data-aos-delay="2100"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2100"].aos-animate,
body[data-aos-delay="2100"] [data-aos].aos-animate {
  transition-delay: 2.1s;
}

[data-aos][data-aos][data-aos-duration="2150"],
body[data-aos-duration="2150"] [data-aos] {
  transition-duration: 2.15s;
}

[data-aos][data-aos][data-aos-delay="2150"],
body[data-aos-delay="2150"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2150"].aos-animate,
body[data-aos-delay="2150"] [data-aos].aos-animate {
  transition-delay: 2.15s;
}

[data-aos][data-aos][data-aos-duration="2200"],
body[data-aos-duration="2200"] [data-aos] {
  transition-duration: 2.2s;
}

[data-aos][data-aos][data-aos-delay="2200"],
body[data-aos-delay="2200"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2200"].aos-animate,
body[data-aos-delay="2200"] [data-aos].aos-animate {
  transition-delay: 2.2s;
}

[data-aos][data-aos][data-aos-duration="2250"],
body[data-aos-duration="2250"] [data-aos] {
  transition-duration: 2.25s;
}

[data-aos][data-aos][data-aos-delay="2250"],
body[data-aos-delay="2250"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2250"].aos-animate,
body[data-aos-delay="2250"] [data-aos].aos-animate {
  transition-delay: 2.25s;
}

[data-aos][data-aos][data-aos-duration="2300"],
body[data-aos-duration="2300"] [data-aos] {
  transition-duration: 2.3s;
}

[data-aos][data-aos][data-aos-delay="2300"],
body[data-aos-delay="2300"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2300"].aos-animate,
body[data-aos-delay="2300"] [data-aos].aos-animate {
  transition-delay: 2.3s;
}

[data-aos][data-aos][data-aos-duration="2350"],
body[data-aos-duration="2350"] [data-aos] {
  transition-duration: 2.35s;
}

[data-aos][data-aos][data-aos-delay="2350"],
body[data-aos-delay="2350"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2350"].aos-animate,
body[data-aos-delay="2350"] [data-aos].aos-animate {
  transition-delay: 2.35s;
}

[data-aos][data-aos][data-aos-duration="2400"],
body[data-aos-duration="2400"] [data-aos] {
  transition-duration: 2.4s;
}

[data-aos][data-aos][data-aos-delay="2400"],
body[data-aos-delay="2400"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2400"].aos-animate,
body[data-aos-delay="2400"] [data-aos].aos-animate {
  transition-delay: 2.4s;
}

[data-aos][data-aos][data-aos-duration="2450"],
body[data-aos-duration="2450"] [data-aos] {
  transition-duration: 2.45s;
}

[data-aos][data-aos][data-aos-delay="2450"],
body[data-aos-delay="2450"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2450"].aos-animate,
body[data-aos-delay="2450"] [data-aos].aos-animate {
  transition-delay: 2.45s;
}

[data-aos][data-aos][data-aos-duration="2500"],
body[data-aos-duration="2500"] [data-aos] {
  transition-duration: 2.5s;
}

[data-aos][data-aos][data-aos-delay="2500"],
body[data-aos-delay="2500"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate,
body[data-aos-delay="2500"] [data-aos].aos-animate {
  transition-delay: 2.5s;
}

[data-aos][data-aos][data-aos-duration="2550"],
body[data-aos-duration="2550"] [data-aos] {
  transition-duration: 2.55s;
}

[data-aos][data-aos][data-aos-delay="2550"],
body[data-aos-delay="2550"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2550"].aos-animate,
body[data-aos-delay="2550"] [data-aos].aos-animate {
  transition-delay: 2.55s;
}

[data-aos][data-aos][data-aos-duration="2600"],
body[data-aos-duration="2600"] [data-aos] {
  transition-duration: 2.6s;
}

[data-aos][data-aos][data-aos-delay="2600"],
body[data-aos-delay="2600"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2600"].aos-animate,
body[data-aos-delay="2600"] [data-aos].aos-animate {
  transition-delay: 2.6s;
}

[data-aos][data-aos][data-aos-duration="2650"],
body[data-aos-duration="2650"] [data-aos] {
  transition-duration: 2.65s;
}

[data-aos][data-aos][data-aos-delay="2650"],
body[data-aos-delay="2650"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2650"].aos-animate,
body[data-aos-delay="2650"] [data-aos].aos-animate {
  transition-delay: 2.65s;
}

[data-aos][data-aos][data-aos-duration="2700"],
body[data-aos-duration="2700"] [data-aos] {
  transition-duration: 2.7s;
}

[data-aos][data-aos][data-aos-delay="2700"],
body[data-aos-delay="2700"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2700"].aos-animate,
body[data-aos-delay="2700"] [data-aos].aos-animate {
  transition-delay: 2.7s;
}

[data-aos][data-aos][data-aos-duration="2750"],
body[data-aos-duration="2750"] [data-aos] {
  transition-duration: 2.75s;
}

[data-aos][data-aos][data-aos-delay="2750"],
body[data-aos-delay="2750"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2750"].aos-animate,
body[data-aos-delay="2750"] [data-aos].aos-animate {
  transition-delay: 2.75s;
}

[data-aos][data-aos][data-aos-duration="2800"],
body[data-aos-duration="2800"] [data-aos] {
  transition-duration: 2.8s;
}

[data-aos][data-aos][data-aos-delay="2800"],
body[data-aos-delay="2800"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2800"].aos-animate,
body[data-aos-delay="2800"] [data-aos].aos-animate {
  transition-delay: 2.8s;
}

[data-aos][data-aos][data-aos-duration="2850"],
body[data-aos-duration="2850"] [data-aos] {
  transition-duration: 2.85s;
}

[data-aos][data-aos][data-aos-delay="2850"],
body[data-aos-delay="2850"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2850"].aos-animate,
body[data-aos-delay="2850"] [data-aos].aos-animate {
  transition-delay: 2.85s;
}

[data-aos][data-aos][data-aos-duration="2900"],
body[data-aos-duration="2900"] [data-aos] {
  transition-duration: 2.9s;
}

[data-aos][data-aos][data-aos-delay="2900"],
body[data-aos-delay="2900"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2900"].aos-animate,
body[data-aos-delay="2900"] [data-aos].aos-animate {
  transition-delay: 2.9s;
}

[data-aos][data-aos][data-aos-duration="2950"],
body[data-aos-duration="2950"] [data-aos] {
  transition-duration: 2.95s;
}

[data-aos][data-aos][data-aos-delay="2950"],
body[data-aos-delay="2950"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2950"].aos-animate,
body[data-aos-delay="2950"] [data-aos].aos-animate {
  transition-delay: 2.95s;
}

[data-aos][data-aos][data-aos-duration="3000"],
body[data-aos-duration="3000"] [data-aos] {
  transition-duration: 3s;
}

[data-aos][data-aos][data-aos-delay="3000"],
body[data-aos-delay="3000"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate,
body[data-aos-delay="3000"] [data-aos].aos-animate {
  transition-delay: 3s;
}

[data-aos][data-aos][data-aos-easing="linear"],
body[data-aos-easing="linear"] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}

[data-aos][data-aos][data-aos-easing="ease"],
body[data-aos-easing="ease"] [data-aos] {
  transition-timing-function: ease;
}

[data-aos][data-aos][data-aos-easing="ease-in"],
body[data-aos-easing="ease-in"] [data-aos] {
  transition-timing-function: ease-in;
}

[data-aos][data-aos][data-aos-easing="ease-out"],
body[data-aos-easing="ease-out"] [data-aos] {
  transition-timing-function: ease-out;
}

[data-aos][data-aos][data-aos-easing="ease-in-out"],
body[data-aos-easing="ease-in-out"] [data-aos] {
  transition-timing-function: ease-in-out;
}

[data-aos][data-aos][data-aos-easing="ease-in-back"],
body[data-aos-easing="ease-in-back"] [data-aos] {
  transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

[data-aos][data-aos][data-aos-easing="ease-out-back"],
body[data-aos-easing="ease-out-back"] [data-aos] {
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

[data-aos][data-aos][data-aos-easing="ease-in-out-back"],
body[data-aos-easing="ease-in-out-back"] [data-aos] {
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

[data-aos][data-aos][data-aos-easing="ease-in-sine"],
body[data-aos-easing="ease-in-sine"] [data-aos] {
  transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}

[data-aos][data-aos][data-aos-easing="ease-out-sine"],
body[data-aos-easing="ease-out-sine"] [data-aos] {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}

[data-aos][data-aos][data-aos-easing="ease-in-out-sine"],
body[data-aos-easing="ease-in-out-sine"] [data-aos] {
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

[data-aos][data-aos][data-aos-easing="ease-in-quad"],
body[data-aos-easing="ease-in-quad"] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing="ease-out-quad"],
body[data-aos-easing="ease-out-quad"] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing="ease-in-out-quad"],
body[data-aos-easing="ease-in-out-quad"] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos][data-aos][data-aos-easing="ease-in-cubic"],
body[data-aos-easing="ease-in-cubic"] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing="ease-out-cubic"],
body[data-aos-easing="ease-out-cubic"] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing="ease-in-out-cubic"],
body[data-aos-easing="ease-in-out-cubic"] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos][data-aos][data-aos-easing="ease-in-quart"],
body[data-aos-easing="ease-in-quart"] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing="ease-out-quart"],
body[data-aos-easing="ease-out-quart"] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing="ease-in-out-quart"],
body[data-aos-easing="ease-in-out-quart"] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos^="fade"][data-aos^="fade"] {
  opacity: 0;
  transition-property: opacity, transform;
}

[data-aos^="fade"][data-aos^="fade"].aos-animate {
  opacity: 1;
  transform: translateZ(0);
}

[data-aos="fade-up"] {
  transform: translate3d(0, 100px, 0);
}

[data-aos="fade-down"] {
  transform: translate3d(0, -100px, 0);
}

[data-aos="fade-right"] {
  transform: translate3d(-100px, 0, 0);
}

[data-aos="fade-left"] {
  transform: translate3d(100px, 0, 0);
}

[data-aos="fade-up-right"] {
  transform: translate3d(-100px, 100px, 0);
}

[data-aos="fade-up-left"] {
  transform: translate3d(100px, 100px, 0);
}

[data-aos="fade-down-right"] {
  transform: translate3d(-100px, -100px, 0);
}

[data-aos="fade-down-left"] {
  transform: translate3d(100px, -100px, 0);
}

[data-aos^="zoom"][data-aos^="zoom"] {
  opacity: 0;
  transition-property: opacity, transform;
}

[data-aos^="zoom"][data-aos^="zoom"].aos-animate {
  opacity: 1;
  transform: translateZ(0) scale(1);
}

[data-aos="zoom-in"] {
  transform: scale(0.6);
}

[data-aos="zoom-in-up"] {
  transform: translate3d(0, 100px, 0) scale(0.6);
}

[data-aos="zoom-in-down"] {
  transform: translate3d(0, -100px, 0) scale(0.6);
}

[data-aos="zoom-in-right"] {
  transform: translate3d(-100px, 0, 0) scale(0.6);
}

[data-aos="zoom-in-left"] {
  transform: translate3d(100px, 0, 0) scale(0.6);
}

[data-aos="zoom-out"] {
  transform: scale(1.2);
}

[data-aos="zoom-out-up"] {
  transform: translate3d(0, 100px, 0) scale(1.2);
}

[data-aos="zoom-out-down"] {
  transform: translate3d(0, -100px, 0) scale(1.2);
}

[data-aos="zoom-out-right"] {
  transform: translate3d(-100px, 0, 0) scale(1.2);
}

[data-aos="zoom-out-left"] {
  transform: translate3d(100px, 0, 0) scale(1.2);
}

[data-aos^="slide"][data-aos^="slide"] {
  transition-property: transform;
}

[data-aos^="slide"][data-aos^="slide"].aos-animate {
  transform: translateZ(0);
}

[data-aos="slide-up"] {
  transform: translate3d(0, 100%, 0);
}

[data-aos="slide-down"] {
  transform: translate3d(0, -100%, 0);
}

[data-aos="slide-right"] {
  transform: translate3d(-100%, 0, 0);
}

[data-aos="slide-left"] {
  transform: translate3d(100%, 0, 0);
}

[data-aos^="flip"][data-aos^="flip"] {
  backface-visibility: hidden;
  transition-property: transform;
}

[data-aos="flip-left"] {
  transform: perspective(2500px) rotateY(-100deg);
}

[data-aos="flip-left"].aos-animate {
  transform: perspective(2500px) rotateY(0);
}

[data-aos="flip-right"] {
  transform: perspective(2500px) rotateY(100deg);
}

[data-aos="flip-right"].aos-animate {
  transform: perspective(2500px) rotateY(0);
}

[data-aos="flip-up"] {
  transform: perspective(2500px) rotateX(-100deg);
}

[data-aos="flip-up"].aos-animate {
  transform: perspective(2500px) rotateX(0);
}

[data-aos="flip-down"] {
  transform: perspective(2500px) rotateX(100deg);
}

[data-aos="flip-down"].aos-animate {
  transform: perspective(2500px) rotateX(0);
}