body.path-tarifas h1.page-title {
  margin-left: auto !important;
  color: var(--gin-color-primary);
}

body.path-tarifas .page-wrapper>header {
  display: flex !important;
}

.smlogistica--page-title {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--gin-spacing-m);
}

#block-gin-content .smlogistica-page-content {
  min-height: calc(var(--last-section-height) - var(--gin-height-sticky) - var(--gin-spacing-m));
}

.tarifas--page-title {
  text-align: center;
  color: var(--gin-color-primary);
}

.select-cp-container {
  display: flex;
  align-items: center;
  gap: var(--gin-spacing-xs);
  margin: var(--gin-spacing-m);
  font-size: var(--gin-font-size-xs);
}

.select-cp-container {
  .select-cp {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .text-container {
    margin-left: var(--gin-spacing-xs);
    display: flex;
    flex-direction: column;

    small {
      color: var(--gin-color-disabled);
    }
  }
}

.page-block--metodo {
  background: var(--gin-bg-layer);
  margin-bottom: var(--gin-spacing-l);
  padding: var(--gin-spacing-l);
  border-radius: var(--gin-border-l);
  border: 1px solid var(--gin-border-color-layer);
  display: flex;
  justify-content: space-between;
  box-shadow: var(--gin-shadow-l1);
}

.metodo-info {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--gin-spacing-xl);
  width: 50%;
}

.metodo-image {
  padding: var(--gin-spacing-l);
  width: 180px;
}

.alcance {
  text-transform: uppercase;
  background: var(--gin-color-disabled-bg);
  padding: 3px var(--gin-spacing-xs);
  font-size: var(--gin-font-size-xs);
}

.tarifas-vip-block,
.tarifas-regular-block {
  display: flex;
  gap: var(--gin-spacing-xl);
  text-align: center;
  justify-content: center;
  align-items: center;
  text-wrap: nowrap;
  width: 50%;
}

.tarifas-vip-container,
.tarifas-regular-container {
  display: flex;
  gap: var(--gin-spacing-xs);
  justify-content: center;
}

.separator {
  display: none;
}

.tarifas-vip-container:has(.tarifa-sucursal):has(.tarifa-domicilio),
.tarifas-regular-container:has(.tarifa-sucursal):has(.tarifa-domicilio) {
  .separator {
    display: block;
  }
}

@media (max-width: 1280px) {
  .metodo-info {
    flex-direction: column;
    gap: var(--gin-spacing-s);
  }
}

@media (max-width: 800px) {

  .tarifas-vip-block,
  .tarifas-regular-block {
    flex-direction: column;
  }
}

@media (max-width: 512px) {
  .tarifas--page-title {
    font-size: var(--gin-font-size-h1);
  }
}

@media (max-width: 360px) {
  .page-block--metodo {
    font-size: var(--gin-font-size-xs);
  }
}