/* Padrão visual restrito às quatro páginas de produtos. */
@media screen {
  body.product-layout .asset-admin-main,
  body.product-layout .fleet-page-main {
    min-height: 0;
    padding-top: 116px;
  }

  body.product-layout .asset-admin-hero,
  body.product-layout .fleet-page-hero,
  body.product-layout.bpo-prime-page .fleet-page-hero {
    align-items: start;
    min-height: 0;
    padding-top: 0;
    padding-bottom: 28px;
  }

  body.product-layout .asset-admin-hero-visual,
  body.product-layout .fleet-page-visual {
    align-self: center;
  }

  body.product-layout .asset-admin-hero-visual {
    padding-block: 0;
  }

  body.product-layout .asset-admin-hero-copy h1,
  body.product-layout .fleet-page-copy h1 {
    margin-top: 16px;
    margin-bottom: 18px;
    overflow-wrap: anywhere;
  }

  body.product-layout .efb-product-heading .section-label {
    margin: 0;
  }

  body.product-layout .solutions-panel {
    padding: 28px;
  }

  body.product-layout .solutions-heading {
    padding: 0 0 24px;
  }

  body.product-layout .erp-demo,
  body.product-layout .escola-next-step {
    margin-top: 28px;
  }

  /* O quadro recorta somente a faixa inferior da foto, inclusive a marca AI. */
  body.product-layout.sys-page .school-card-media {
    display: block;
    grid-column: 1 / -1;
    grid-row: 1;
    height: clamp(210px, 16vw, 260px);
    margin-left: -18px;
    overflow: hidden;
    position: relative;
    width: calc(100% + 36px);
  }

  body.product-layout.sys-page .school-card-media .solution-cover {
    filter: none;
    height: calc(100% / .94);
    inset: 0 auto auto 0;
    margin: 0;
    object-fit: cover;
    object-position: center top;
    position: absolute;
    width: 100%;
  }

  body.product-layout.bpo-prime-page .bpo-services,
  body.product-layout.bpo-prime-page .bpo-fit,
  body.product-layout.bpo-prime-page .bpo-benefits-section,
  body.product-layout.bpo-prime-page .bpo-flow {
    padding-block: 28px;
  }

  body.product-layout.bpo-prime-page .bpo-service-list,
  body.product-layout.bpo-prime-page .bpo-process,
  body.product-layout.bpo-prime-page .bpo-benefits-list,
  body.product-layout.bpo-prime-page .bpo-cta {
    margin-top: 28px;
  }

  body.product-layout.bpo-prime-page .bpo-fit,
  body.product-layout.bpo-prime-page .bpo-platform {
    gap: 28px;
  }

  body.product-layout.bpo-prime-page .bpo-platform {
    padding: 28px;
  }

  body.product-layout.bpo-prime-page .bpo-content {
    padding-bottom: 72px;
  }
}

@media screen and (max-width: 1100px) {
  body.product-layout .asset-admin-hero,
  body.product-layout .fleet-page-hero {
    gap: 28px;
    grid-template-columns: 1fr;
  }

  body.product-layout .asset-admin-hero-visual,
  body.product-layout .fleet-page-visual {
    margin-inline: auto;
    max-width: 640px;
    width: 100%;
  }

  body.product-layout .fleet-page-visual > img {
    max-width: 100%;
    width: 100%;
  }
}

@media screen and (max-width: 900px) {
  body.product-layout .asset-admin-main,
  body.product-layout .fleet-page-main {
    padding-top: 100px;
  }
}

@media screen and (max-width: 820px) {
  body.product-layout.sys-page .school-card-media {
    height: clamp(138px, 24vw, 190px);
  }

  body.product-layout.bpo-prime-page .bpo-content {
    padding-bottom: 52px;
  }
}

@media screen and (max-width: 680px) {
  body.product-layout .asset-admin-main,
  body.product-layout .fleet-page-main {
    padding-top: 92px;
  }

  body.product-layout.bpo-prime-page .fleet-page-copy h1 {
    font-size: clamp(2.1rem, 9.2vw, 2.8rem);
    line-height: 1.05;
  }
}

@media screen and (max-width: 580px) {
  body.product-layout .solutions-panel {
    padding: 24px 16px 16px;
  }

  body.product-layout.sys-page .school-card-media {
    height: clamp(138px, 42vw, 180px);
  }
}