/**
 * Nexo Page Kit — Component primitives.
 *
 * Camada base para componentes reutilizáveis do tema Nexo Base.
 * Este arquivo não deve conter regras específicas de uma página.
 *
 * Objetivo:
 * - fornecer padrões seguros;
 * - permitir sobrescrita por variável CSS em cada instância;
 * - servir como base futura para layouts/componentes reutilizáveis no SiteOrigin.
 */

/* ============================================================
   Page Kit template context
   ============================================================ */

/*
 * Template de renderização de modelos Page Kit.
 *
 * Este contexto neutraliza limites globais herdados de .site-main
 * e prepara a página para receber modelos/seções empilháveis.
 */
.nexo-page-kit-model-template {
  width: 100%;
  max-width: none;
  margin-right: 0;
  margin-left: 0;
  padding-top: var(
    --nexo-page-kit-template-padding-top,
    calc(
      var(--nexo-header-top-offset, 57px) + var(--nexo-header-height, 89px) +
        48px
    )
  );
  padding-right: 0;
  padding-bottom: var(--nexo-page-kit-template-padding-bottom, 72px);
  padding-left: 0;
}

/*
 * Wrapper neutro de cada modelo salvo.
 *
 * O modelo identifica e isola o bloco, mas não deve impor layout interno.
 */
.nexo-page-kit-model-template .nexo-kit-model {
  width: 100%;
  margin: 0;
  padding: 0;
}

/*
 * Evita margens externas inesperadas no primeiro/último elemento
 * renderizado dentro de um modelo.
 */
.nexo-page-kit-model-template .nexo-kit-model > :first-child {
  margin-top: 0;
}

.nexo-page-kit-model-template .nexo-kit-model > :last-child {
  margin-bottom: 0;
}

/*
 * Compatibilidade inicial com seções migradas da Home.
 *
 * A seção system-intro possui margens negativas usadas no encaixe da Home.
 * Dentro do Page Kit, ela deve fluir naturalmente para não invadir header/footer.
 */
.nexo-page-kit-model-template .nexo-kit-model .nexo-system-intro {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

@media (max-width: 1024px) {
  .nexo-page-kit-model-template {
    padding-top: var(
      --nexo-page-kit-template-padding-top-tablet,
      calc(
        var(--nexo-header-top-offset, 16px) + var(--nexo-header-height, 72px) +
          32px
      )
    );
  }
}

@media (max-width: 640px) {
  .nexo-page-kit-model-template {
    padding-top: var(
      --nexo-page-kit-template-padding-top-mobile,
      calc(
        var(--nexo-header-top-offset, 18px) + var(--nexo-header-height, 58px) +
          28px
      )
    );
  }
}

/* ============================================================
   Layout primitives
   ============================================================ */

.nexo-kit-section {
  position: relative;
  width: 100%;
  margin-top: var(--nexo-section-margin-top, 0);
  margin-bottom: var(--nexo-section-margin-bottom, 0);
  padding: var(--nexo-section-padding-y, 72px)
    var(--nexo-section-padding-x, 24px);
  background: var(--nexo-section-background, transparent);
  color: var(--nexo-section-text-color, inherit);
  border-radius: var(--nexo-section-border-radius, 0);
  overflow: var(--nexo-section-overflow, visible);
}

.nexo-kit-section--full {
  width: 100vw;
  margin-left: 50%;
  transform: translateX(-50%);
}

.nexo-kit-container {
  width: min(var(--nexo-container-width, 1180px), 100%);
  margin-right: auto;
  margin-left: auto;
  padding-right: var(--nexo-container-padding-x, 0);
  padding-left: var(--nexo-container-padding-x, 0);
}

.nexo-kit-container--narrow {
  --nexo-container-width: 960px;
}

.nexo-kit-container--wide {
  --nexo-container-width: 1360px;
}

/*
 * Grid.
 *
 * A grid controla o comportamento do grupo:
 * - quantidade de colunas;
 * - largura do conjunto;
 * - alinhamento do conjunto;
 * - alinhamento dos itens;
 * - espaçamento;
 * - comportamento responsivo.
 */
.nexo-kit-grid {
  display: grid;
  width: var(--nexo-grid-width, 100%);
  max-width: var(--nexo-grid-max-width, none);
  margin: var(--nexo-grid-margin, 0);
  grid-template-columns: var(
    --nexo-grid-template-columns,
    repeat(
      var(--nexo-grid-columns, 3),
      minmax(var(--nexo-grid-column-min, 0), var(--nexo-grid-column-max, 1fr))
    )
  );
  grid-auto-flow: var(--nexo-grid-auto-flow, row);
  grid-auto-columns: var(--nexo-grid-auto-columns, auto);
  grid-auto-rows: var(--nexo-grid-auto-rows, auto);
  column-gap: var(--nexo-grid-column-gap, var(--nexo-grid-gap, 24px));
  row-gap: var(--nexo-grid-row-gap, var(--nexo-grid-gap, 24px));
  align-content: var(--nexo-grid-align-content, normal);
  justify-content: var(--nexo-grid-justify-content, normal);
  align-items: var(--nexo-grid-align-items, stretch);
  justify-items: var(--nexo-grid-justify-items, stretch);
}

/*
 * Proteção contra wrappers automáticos do WordPress/SiteOrigin.
 * Em alguns cenários, o editor pode inserir <p> ou <br> entre elementos.
 */
.nexo-kit-grid > br {
  display: none;
}

.nexo-kit-grid > p:empty {
  display: none;
}

.nexo-kit-grid > p {
  margin: 0;
}

/*
 * Mantém os itens diretos da grid seguros contra overflow.
 */
.nexo-kit-grid > * {
  min-width: 0;
}

/* Quantidade de colunas explícitas. */

.nexo-kit-grid--1 {
  --nexo-grid-columns: 1;
}

.nexo-kit-grid--2 {
  --nexo-grid-columns: 2;
}

.nexo-kit-grid--3 {
  --nexo-grid-columns: 3;
}

.nexo-kit-grid--4 {
  --nexo-grid-columns: 4;
}

.nexo-kit-grid--5 {
  --nexo-grid-columns: 5;
}

.nexo-kit-grid--6 {
  --nexo-grid-columns: 6;
}

/* Grids automáticas para quantidades variáveis de cards/itens. */

.nexo-kit-grid--auto-fit {
  --nexo-grid-template-columns: repeat(
    auto-fit,
    minmax(var(--nexo-grid-auto-min, 240px), 1fr)
  );
}

.nexo-kit-grid--auto-fill {
  --nexo-grid-template-columns: repeat(
    auto-fill,
    minmax(var(--nexo-grid-auto-min, 240px), 1fr)
  );
}

/* Alinhamento do conjunto da grid dentro do espaço disponível. */

.nexo-kit-grid--left {
  --nexo-grid-margin: 0 auto 0 0;
  --nexo-grid-justify-content: start;
}

.nexo-kit-grid--center {
  --nexo-grid-margin: 0 auto;
  --nexo-grid-justify-content: center;
}

.nexo-kit-grid--right {
  --nexo-grid-margin: 0 0 0 auto;
  --nexo-grid-justify-content: end;
}

.nexo-kit-grid--between {
  --nexo-grid-justify-content: space-between;
}

.nexo-kit-grid--around {
  --nexo-grid-justify-content: space-around;
}

.nexo-kit-grid--evenly {
  --nexo-grid-justify-content: space-evenly;
}

/* Alinhamento dos itens dentro de suas células. */

.nexo-kit-grid--items-left {
  --nexo-grid-justify-items: start;
}

.nexo-kit-grid--items-center {
  --nexo-grid-justify-items: center;
}

.nexo-kit-grid--items-right {
  --nexo-grid-justify-items: end;
}

.nexo-kit-grid--items-stretch {
  --nexo-grid-justify-items: stretch;
}

.nexo-kit-grid--items-top {
  --nexo-grid-align-items: start;
}

.nexo-kit-grid--items-middle {
  --nexo-grid-align-items: center;
}

.nexo-kit-grid--items-bottom {
  --nexo-grid-align-items: end;
}

/*
 * Column/item.
 *
 * A coluna controla o comportamento de cada item:
 * - coluna inicial;
 * - coluna final;
 * - span;
 * - largura;
 * - alinhamento individual.
 */
.nexo-kit-column {
  min-width: 0;
  width: var(--nexo-column-width, auto);
  max-width: var(--nexo-column-max-width, none);
  grid-column: var(--nexo-column-start, auto) /
    var(--nexo-column-end, span var(--nexo-column-span, 1));
  grid-row: var(--nexo-column-row-start, auto) /
    var(--nexo-column-row-end, span var(--nexo-column-row-span, 1));
  align-self: var(--nexo-column-align, auto);
  justify-self: var(--nexo-column-justify, auto);
}

/* Spans comuns. */

.nexo-kit-column--span-1 {
  --nexo-column-span: 1;
}

.nexo-kit-column--span-2 {
  --nexo-column-span: 2;
}

.nexo-kit-column--span-3 {
  --nexo-column-span: 3;
}

.nexo-kit-column--span-4 {
  --nexo-column-span: 4;
}

.nexo-kit-column--full {
  --nexo-column-start: 1;
  --nexo-column-end: -1;
}

/* Posição inicial em grids explícitas. */

.nexo-kit-column--start-1 {
  --nexo-column-start: 1;
}

.nexo-kit-column--start-2 {
  --nexo-column-start: 2;
}

.nexo-kit-column--start-3 {
  --nexo-column-start: 3;
}

.nexo-kit-column--start-4 {
  --nexo-column-start: 4;
}

/* Alinhamento individual. */

.nexo-kit-column--left {
  --nexo-column-justify: start;
}

.nexo-kit-column--center {
  --nexo-column-justify: center;
}

.nexo-kit-column--right {
  --nexo-column-justify: end;
}

.nexo-kit-column--stretch {
  --nexo-column-justify: stretch;
}

.nexo-kit-column--top {
  --nexo-column-align: start;
}

.nexo-kit-column--middle {
  --nexo-column-align: center;
}

.nexo-kit-column--bottom {
  --nexo-column-align: end;
}

@media (max-width: 1024px) {
  .nexo-kit-section {
    padding-top: var(--nexo-section-padding-y-tablet, 56px);
    padding-bottom: var(--nexo-section-padding-y-tablet, 56px);
  }

  .nexo-kit-grid {
    grid-template-columns: var(
      --nexo-grid-template-columns-tablet,
      repeat(var(--nexo-grid-columns-tablet, 2), minmax(0, 1fr))
    );
    column-gap: var(
      --nexo-grid-column-gap-tablet,
      var(--nexo-grid-column-gap, var(--nexo-grid-gap, 24px))
    );
    row-gap: var(
      --nexo-grid-row-gap-tablet,
      var(--nexo-grid-row-gap, var(--nexo-grid-gap, 24px))
    );
  }
}

@media (max-width: 767px) {
  .nexo-kit-section {
    padding-top: var(--nexo-section-padding-y-mobile, 42px);
    padding-right: var(--nexo-section-padding-x-mobile, 20px);
    padding-bottom: var(--nexo-section-padding-y-mobile, 42px);
    padding-left: var(--nexo-section-padding-x-mobile, 20px);
  }

  .nexo-kit-grid {
    grid-template-columns: var(--nexo-grid-template-columns-mobile, 1fr);
    column-gap: var(
      --nexo-grid-column-gap-mobile,
      var(--nexo-grid-column-gap, var(--nexo-grid-gap, 20px))
    );
    row-gap: var(
      --nexo-grid-row-gap-mobile,
      var(--nexo-grid-row-gap, var(--nexo-grid-gap, 20px))
    );
  }

  .nexo-kit-column {
    width: var(--nexo-column-width-mobile, var(--nexo-column-width, auto));
    max-width: var(
      --nexo-column-max-width-mobile,
      var(--nexo-column-max-width, none)
    );
    grid-column: var(--nexo-column-grid-column-mobile, auto);
    grid-row: var(--nexo-column-grid-row-mobile, auto);
    align-self: var(--nexo-column-align-mobile, var(--nexo-column-align, auto));
    justify-self: var(
      --nexo-column-justify-mobile,
      var(--nexo-column-justify, auto)
    );
  }
}

/* ============================================================
   Content primitives
   ============================================================ */

.nexo-kit-heading {
  max-width: var(--nexo-heading-max-width, none);
  margin: var(--nexo-heading-margin, 0 0 18px);
  color: var(--nexo-heading-color, inherit);
  font-family: var(
    --nexo-font-family-headings,
    "Nunito Sans",
    system-ui,
    -apple-system,
    "Segoe UI",
    Roboto,
    Arial,
    sans-serif
  );
  font-size: var(--nexo-heading-size, var(--nexo-font-size-h2, 48px));
  font-weight: var(--nexo-heading-weight, var(--nexo-font-weight-h2, 800));
  font-style: normal;
  line-height: var(--nexo-heading-line-height, 1.08);
  letter-spacing: var(--nexo-heading-letter-spacing, -0.035em);
  text-align: var(--nexo-heading-align, left);
  text-transform: var(--nexo-heading-transform, none);
}

.nexo-kit-heading--h1 {
  --nexo-heading-size: var(--nexo-font-size-h1, 64px);
  --nexo-heading-weight: var(--nexo-font-weight-h1, 900);
}

.nexo-kit-heading--h2 {
  --nexo-heading-size: var(--nexo-font-size-h2, 48px);
  --nexo-heading-weight: var(--nexo-font-weight-h2, 800);
}

.nexo-kit-heading--h3 {
  --nexo-heading-size: var(--nexo-font-size-h3, 32px);
  --nexo-heading-weight: var(--nexo-font-weight-h3, 800);
}

.nexo-kit-heading--h4 {
  --nexo-heading-size: var(--nexo-font-size-h4, 24px);
  --nexo-heading-weight: var(--nexo-font-weight-h4, 800);
}

.nexo-kit-text {
  max-width: var(--nexo-text-max-width, none);
  margin: var(--nexo-text-margin, 0 0 16px);
  color: var(--nexo-text-color, inherit);
  font-family: var(
    --nexo-font-family-body,
    "Nunito Sans",
    system-ui,
    -apple-system,
    "Segoe UI",
    Roboto,
    Arial,
    sans-serif
  );
  font-size: var(--nexo-text-size, var(--nexo-font-size-body, 16px));
  font-weight: var(--nexo-text-weight, var(--nexo-font-weight-body, 400));
  line-height: var(--nexo-text-line-height, var(--nexo-line-height-body, 1.6));
  text-align: var(--nexo-text-align, left);
}

.nexo-kit-text:last-child {
  margin-bottom: 0;
}

.nexo-kit-rich-text {
  max-width: var(--nexo-rich-text-max-width, none);
  color: var(--nexo-rich-text-color, inherit);
  font-family: var(
    --nexo-font-family-body,
    "Nunito Sans",
    system-ui,
    -apple-system,
    "Segoe UI",
    Roboto,
    Arial,
    sans-serif
  );
  font-size: var(--nexo-rich-text-size, var(--nexo-font-size-body, 16px));
  font-weight: var(--nexo-rich-text-weight, var(--nexo-font-weight-body, 400));
  line-height: var(
    --nexo-rich-text-line-height,
    var(--nexo-line-height-body, 1.6)
  );
}

.nexo-kit-rich-text > * {
  margin-top: 0;
  margin-bottom: var(--nexo-rich-text-spacing, 16px);
}

.nexo-kit-rich-text > :last-child {
  margin-bottom: 0;
}

.nexo-kit-rich-text a {
  color: var(--nexo-rich-text-link-color, #f75c00);
  text-decoration-thickness: var(--nexo-rich-text-link-thickness, 1px);
  text-underline-offset: var(--nexo-rich-text-link-offset, 0.18em);
}

.nexo-kit-rich-text a:hover,
.nexo-kit-rich-text a:focus {
  color: var(--nexo-rich-text-link-hover-color, #d94f00);
}

/* ============================================================
   Utility primitives
   ============================================================ */

.nexo-kit-divider {
  display: block;
  width: var(--nexo-divider-width, 100%);
  max-width: var(--nexo-divider-max-width, none);
  height: var(--nexo-divider-height, 1px);
  margin: var(--nexo-divider-margin-y, 32px) auto;
  background: var(--nexo-divider-color, rgba(17, 24, 39, 0.16));
  border: 0;
}

.nexo-kit-divider--short {
  --nexo-divider-width: 96px;
}

.nexo-kit-divider--medium {
  --nexo-divider-width: 240px;
}

.nexo-kit-spacer {
  display: block;
  width: 100%;
  height: var(--nexo-spacer-size, 32px);
}

.nexo-kit-spacer--small {
  --nexo-spacer-size: 16px;
}

.nexo-kit-spacer--medium {
  --nexo-spacer-size: 32px;
}

.nexo-kit-spacer--large {
  --nexo-spacer-size: 64px;
}

.nexo-kit-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--nexo-badge-gap, 8px);
  max-width: 100%;
  padding: var(--nexo-badge-padding-y, 6px) var(--nexo-badge-padding-x, 12px);
  background: var(--nexo-badge-background, rgba(247, 92, 0, 0.12));
  color: var(--nexo-badge-text-color, #f75c00);
  border: var(--nexo-badge-border-width, 1px) solid
    var(--nexo-badge-border-color, transparent);
  border-radius: var(--nexo-badge-radius, 999px);
  font-family: var(
    --nexo-font-family-body,
    "Nunito Sans",
    system-ui,
    -apple-system,
    "Segoe UI",
    Roboto,
    Arial,
    sans-serif
  );
  font-size: var(--nexo-badge-font-size, 13px);
  font-weight: var(--nexo-badge-font-weight, 800);
  line-height: var(--nexo-badge-line-height, 1);
  letter-spacing: var(--nexo-badge-letter-spacing, 0.02em);
  text-align: center;
  text-transform: var(--nexo-badge-text-transform, uppercase);
}

.nexo-kit-badge--dark {
  --nexo-badge-background: #25292a;
  --nexo-badge-text-color: #ffffff;
}

.nexo-kit-badge--light {
  --nexo-badge-background: #ffffff;
  --nexo-badge-text-color: #25292a;
  --nexo-badge-border-color: rgba(17, 24, 39, 0.14);
}

@media (max-width: 767px) {
  .nexo-kit-spacer {
    height: var(--nexo-spacer-size-mobile, var(--nexo-spacer-size, 28px));
  }
}

/* ============================================================
   Media primitives
   ============================================================ */

.nexo-kit-image {
  display: block;
  width: var(--nexo-image-width, 100%);
  max-width: var(--nexo-image-max-width, 100%);
  height: var(--nexo-image-height, auto);
  margin: var(--nexo-image-margin, 0);
  border-radius: var(--nexo-image-radius, 0);
  box-shadow: var(--nexo-image-box-shadow, none);
  overflow: hidden;
}

.nexo-kit-image img,
img.nexo-kit-image {
  display: block;
  width: 100%;
  height: var(--nexo-image-inner-height, auto);
  aspect-ratio: var(--nexo-image-ratio, auto);
  object-fit: var(--nexo-image-object-fit, cover);
  object-position: var(--nexo-image-object-position, center center);
  border-radius: inherit;
}

.nexo-kit-image--contain img,
img.nexo-kit-image--contain {
  --nexo-image-object-fit: contain;
}

.nexo-kit-image--cover img,
img.nexo-kit-image--cover {
  --nexo-image-object-fit: cover;
}

.nexo-kit-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--nexo-icon-size, 32px);
  height: var(--nexo-icon-size, 32px);
  color: var(--nexo-icon-color, currentColor);
  background: var(--nexo-icon-background, transparent);
  border-radius: var(--nexo-icon-radius, 0);
  flex: 0 0 auto;
}

.nexo-kit-icon img,
.nexo-kit-icon svg {
  display: block;
  width: var(--nexo-icon-inner-size, 100%);
  height: var(--nexo-icon-inner-size, 100%);
  object-fit: contain;
}

.nexo-kit-gallery {
  display: grid;
  grid-template-columns: repeat(var(--nexo-gallery-columns, 3), minmax(0, 1fr));
  gap: var(--nexo-gallery-gap, 16px);
  align-items: var(--nexo-gallery-align-items, stretch);
}

.nexo-kit-gallery__item {
  min-width: 0;
}

.nexo-kit-gallery img {
  display: block;
  width: 100%;
  height: var(--nexo-gallery-image-height, auto);
  aspect-ratio: var(--nexo-gallery-image-ratio, auto);
  object-fit: var(--nexo-gallery-image-object-fit, cover);
  object-position: var(--nexo-gallery-image-object-position, center center);
  border-radius: var(--nexo-gallery-image-radius, 0);
}

.nexo-kit-media-embed {
  position: relative;
  width: 100%;
  aspect-ratio: var(--nexo-media-embed-ratio, 16 / 9);
  background: var(--nexo-media-embed-background, #111827);
  border-radius: var(--nexo-media-embed-radius, 0);
  overflow: hidden;
}

.nexo-kit-media-embed iframe,
.nexo-kit-media-embed video,
.nexo-kit-media-embed embed,
.nexo-kit-media-embed object {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

@media (max-width: 1024px) {
  .nexo-kit-gallery {
    grid-template-columns: repeat(
      var(--nexo-gallery-columns-tablet, 2),
      minmax(0, 1fr)
    );
    gap: var(--nexo-gallery-gap-tablet, var(--nexo-gallery-gap, 16px));
  }
}

@media (max-width: 767px) {
  .nexo-kit-gallery {
    grid-template-columns: 1fr;
    gap: var(--nexo-gallery-gap-mobile, 14px);
  }
}

/* ============================================================
   Card primitive
   ============================================================ */

.nexo-kit-card {
  background: var(--nexo-card-background, #676868);
  color: var(--nexo-card-text-color, #ffffff);
  border: var(--nexo-card-border-width, 0) solid
    var(--nexo-card-border-color, transparent);
  border-radius: var(--nexo-card-border-radius, 8px);
  box-shadow: var(--nexo-card-box-shadow, none);
  padding: var(--nexo-card-padding-y, 32px) var(--nexo-card-padding-x, 28px);
  text-align: var(--nexo-card-text-align, left);
}

.nexo-kit-card__icon {
  display: var(--nexo-card-icon-display, inline-flex);
  align-items: center;
  justify-content: center;
  width: var(--nexo-card-icon-size, 30px);
  height: var(--nexo-card-icon-size, 30px);
  margin: var(--nexo-card-icon-margin, 0 0 18px);
  color: var(--nexo-card-icon-color, currentColor);
}

.nexo-kit-card__icon img,
.nexo-kit-card__icon svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.nexo-kit-card__title {
  margin: var(--nexo-card-title-margin, 0 0 14px);
  color: var(--nexo-card-title-color, currentColor);
  font-family: var(
    --nexo-font-family-headings,
    "Nunito Sans",
    system-ui,
    -apple-system,
    "Segoe UI",
    Roboto,
    Arial,
    sans-serif
  );
  font-size: var(--nexo-card-title-size, var(--nexo-font-size-h4, 24px));
  font-weight: var(--nexo-card-title-weight, var(--nexo-font-weight-h4, 800));
  line-height: var(--nexo-card-title-line-height, 1.08);
  letter-spacing: var(--nexo-card-title-letter-spacing, -0.02em);
  text-transform: var(--nexo-card-title-transform, none);
}

.nexo-kit-card__content {
  color: var(--nexo-card-content-color, currentColor);
}

.nexo-kit-card__text,
.nexo-kit-card__content p {
  margin: var(--nexo-card-text-margin, 0);
  color: var(--nexo-card-text-color, currentColor);
  font-family: var(
    --nexo-font-family-body,
    "Nunito Sans",
    system-ui,
    -apple-system,
    "Segoe UI",
    Roboto,
    Arial,
    sans-serif
  );
  font-size: var(--nexo-card-text-size, var(--nexo-font-size-body, 16px));
  font-weight: var(--nexo-card-text-weight, var(--nexo-font-weight-body, 400));
  line-height: var(
    --nexo-card-text-line-height,
    var(--nexo-line-height-body, 1.6)
  );
}

/* ============================================================
   Card modifiers
   ============================================================ */

.nexo-kit-card--left {
  --nexo-card-text-align: left;
}

.nexo-kit-card--center {
  --nexo-card-text-align: center;
  --nexo-card-icon-margin: 0 auto 18px;
}

.nexo-kit-card--right {
  --nexo-card-text-align: right;
  --nexo-card-icon-margin: 0 0 18px auto;
}

.nexo-kit-card--compact {
  --nexo-card-padding-y: 24px;
  --nexo-card-padding-x: 22px;
}

.nexo-kit-card--large {
  --nexo-card-padding-y: 42px;
  --nexo-card-padding-x: 36px;
}