/* Mantido mínimo: Tailwind faz quase tudo. */

:root{
  --color-bg:#0c0c0c;
  --color-surface:#0c0c0c;
  --color-text:#ffffff;
  --color-text-muted:rgba(255,255,255,.78);
  --color-accent:#28AA6D;
  --color-accent-hover:#1e8f5a;
  --color-accent-light:rgba(40,170,109,.22);
  --color-border:rgba(255,255,255,.12);
}

/* Fundo do hero: igual ao site da raiz (bg.png + overlay escuro). */
.hero-grid{
  position: relative;
  isolation: isolate;
  background-image: url('/images/bg.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.hero-grid::before{
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(180deg, rgba(12,12,12,.78), rgba(12,12,12,.62));
}

/* Melhorar renderização de fontes no dark */
html{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Ícones de tecnologia (mesmo padrão do site raiz) */
.tech-icon{
  display: inline-block;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  background-color: currentColor;
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-position: center;
  -webkit-mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
}
.tech-icon-magento{ mask-image: url('/images/tech/magento.svg'); -webkit-mask-image: url('/images/tech/magento.svg'); }
.tech-icon-wordpress{ mask-image: url('/images/tech/wordpress.svg'); -webkit-mask-image: url('/images/tech/wordpress.svg'); }
.tech-icon-shopify{ mask-image: url('/images/tech/shopify.svg'); -webkit-mask-image: url('/images/tech/shopify.svg'); }
.tech-icon-laravel{ mask-image: url('/images/tech/laravel.svg'); -webkit-mask-image: url('/images/tech/laravel.svg'); }
.tech-icon-next{ mask-image: url('/images/tech/next.svg'); -webkit-mask-image: url('/images/tech/next.svg'); }
.tech-icon-python{ mask-image: url('/images/tech/python.svg'); -webkit-mask-image: url('/images/tech/python.svg'); }
.tech-icon-node{ mask-image: url('/images/tech/node.svg'); -webkit-mask-image: url('/images/tech/node.svg'); }
.tech-icon-react{ mask-image: url('/images/tech/react.svg'); -webkit-mask-image: url('/images/tech/react.svg'); }
.tech-icon-flutter{ mask-image: url('/images/tech/flutter.svg'); -webkit-mask-image: url('/images/tech/flutter.svg'); }

/* Carrossel sem scroll manual (movido por botões via transform) */
.carousel-viewport{
  overflow: hidden;
}
.carousel-track{
  display: flex;
  will-change: transform;
  transition: transform 260ms ease;
}

.course-card{
  min-height: 240px;
}

/* Cards maiores (usado em /pages/cursos.html) */
.course-card-lg{
  min-height: 320px;
}
.tech-icon-lg{
  width: 56px;
  height: 56px;
}

/* Ajuste de largura do conteúdo legado (style.css) em /pages/servicos.html */
.page-servicos .page-shell .container{
  max-width: 80rem; /* equivalente ao max-w-7xl */
  padding-inline: 1.5rem;
}

/* Ajuste de largura do conteúdo legado (style.css) em /pages/sobre.html */
.page-sobre .page-shell .container{
  max-width: 80rem; /* equivalente ao max-w-7xl */
  padding-inline: 1.5rem;
}