@import url('./project-cover-templates.css?v=20260905-1');
@import url('./project-cover-card-fallback.css?v=20260905-1');

/* Divisores finais do portfolio */

:root {
  --ls-section-divider: rgba(91, 100, 116, .22);
  --ls-section-divider-width: min(1180px, calc(100% - 48px));
}

html[data-theme="dark"] {
  --ls-section-divider: rgba(199, 207, 218, .18);
}

/* Remove bordas estruturais que atravessam a viewport inteira. */
.home-page-v2 .home-method,
.home-page-v2 .home-contact-cta,
.home-page-v2 .footer {
  border-top: 0 !important;
  background-image: linear-gradient(
    90deg,
    transparent 0%,
    var(--ls-section-divider) 7%,
    var(--ls-section-divider) 93%,
    transparent 100%
  ) !important;
  background-repeat: no-repeat !important;
  background-position: center top !important;
  background-size: var(--ls-section-divider-width) 1px !important;
}

/* Garante o mesmo comportamento para divisores semanticos. */
hr,
.rule,
.section-divider,
.content-divider,
.divider {
  width: var(--ls-section-divider-width) !important;
  height: 1px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  border: 0 !important;
  background: linear-gradient(
    90deg,
    transparent 0%,
    var(--ls-section-divider) 7%,
    var(--ls-section-divider) 93%,
    transparent 100%
  ) !important;
}

/* A faixa tecnica tambem deixa de usar borda full width. */
.home-page-v2 .home-tech-ribbon {
  border-top: 0 !important;
  border-bottom: 0 !important;
}

/* Contraste sutil para o bloco "Como eu atuo". */
.home-page-v2 .home-method__grid {
  background: rgba(255, 255, 255, .34);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .46);
}

html[data-theme="dark"] .home-page-v2 .home-method__grid {
  background: rgba(248, 250, 252, .035);
  box-shadow: inset 0 1px 0 rgba(248, 250, 252, .06);
}

/* A tipografia fica exclusivamente em internal-pages.css. */

@media (max-width: 920px) {
  :root {
    --ls-section-divider-width: calc(100% - 32px);
  }
}