/* Horizontal Short wordmark and header download CTA. */
.head-center-left .logo[data-v-541f1c68] {
  width: 142px;
  height: 52px;
  transform: translateY(-4px);
}

.head-center-left .logo[data-v-541f1c68] h1 {
  display: block;
  width: 142px;
  height: 52px;
  margin: 0;
  line-height: 0;
}

.head-center-left .logo[data-v-541f1c68] img {
  display: block;
  width: 142px;
  height: 52px;
  object-fit: contain;
}

.head-center-right .header-download-cta[data-v-541f1c68] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 116px;
  height: 32px;
  margin-left: 0;
  padding: 0 14px;
  border-radius: 8px;
  background: linear-gradient(135deg, #fe5a6d 0%, #e72e59 100%);
  box-shadow: 0 5px 12px rgba(231, 46, 89, 0.22);
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  line-height: 32px;
  text-decoration: none;
  white-space: nowrap;
  transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
}

.head-center-right .header-download-cta[data-v-541f1c68]::before {
  margin-right: 6px;
  color: #fff;
  content: "↓";
  font-size: 17px;
  font-weight: 700;
  line-height: 1;
}

.head-center-right .header-download-cta[data-v-541f1c68]:hover,
.head-center-right .header-download-cta[data-v-541f1c68]:focus-visible {
  color: #fff;
  filter: brightness(1.04);
  outline: none;
  box-shadow: 0 7px 16px rgba(231, 46, 89, 0.3);
  transform: translateY(-1px);
}

/* Keep the phone-screen branding inside the supplied promotion artwork aligned
   with the renamed product without changing the surrounding campaign visual. */
.promo-image-banner[data-v-promo-banner] {
  position: relative;
}

.promo-image-banner .promo-tramamia-mark[data-v-promo-banner] {
  position: absolute;
  top: 9.8%;
  left: 71.2%;
  z-index: 1;
  display: inline-flex;
  align-items: baseline;
  justify-content: center;
  width: 17.5%;
  padding: 0.6% 0;
  border-radius: 0.35em;
  background: #101010;
  color: #fff;
  font-family: Inter, Arial, sans-serif;
  font-size: clamp(8px, 1.45vw, 20px);
  font-weight: 800;
  letter-spacing: -0.05em;
  line-height: 1;
  white-space: nowrap;
}

.promo-image-banner .promo-tramamia-mark b[data-v-promo-banner] {
  color: #ff5a78;
  font-weight: inherit;
}

@media (min-width: 768px) and (max-width: 1150px) {
  .head-center[data-v-541f1c68] {
    width: calc(100% - 32px);
  }

  .head-center-right .head-center-search[data-v-541f1c68] {
    display: none;
  }
}

@media (max-width: 767px) {
  .head-center-left .logo[data-v-541f1c68],
  .head-center-left .logo[data-v-541f1c68] h1,
  .head-center-left .logo[data-v-541f1c68] img {
    width: 110px !important;
    height: 39px !important;
  }

  .head-center-left .logo[data-v-541f1c68] {
    transform: translateY(-3px);
  }

  .head-center-right .header-download-cta[data-v-541f1c68] {
    min-width: 102px;
    height: 32px;
    padding: 0 10px;
    border-radius: 7px;
    font-size: 12px;
    line-height: 32px;
  }

  .head-center-right .header-download-cta[data-v-541f1c68]::before {
    margin-right: 4px;
    font-size: 15px;
  }

  .promo-image-banner .promo-tramamia-mark[data-v-promo-banner] {
    font-size: clamp(7px, 3vw, 12px);
  }
}

/* Spain-localised brand accents. */
.head-center-right .header-download-cta[data-v-541f1c68] {
  min-width: 132px;
  height: 34px;
  border-radius: 9px;
  background: linear-gradient(135deg, #c7503e 0%, #e2785d 100%);
  box-shadow: 0 5px 12px rgba(199, 80, 62, .24);
  font-weight: 800;
  line-height: 34px;
}
.head-center-right .header-download-cta[data-v-541f1c68]:hover,
.head-center-right .header-download-cta[data-v-541f1c68]:focus-visible {
  box-shadow: 0 7px 16px rgba(199, 80, 62, .32);
}
.promo-image-banner .promo-tramamia-mark[data-v-promo-banner] {
  top: 10%;
  right: 5%;
  left: auto;
  width: auto;
  min-width: 18%;
  padding: .52em .7em .58em;
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: .45em;
  background: rgba(16, 36, 69, .92);
  box-shadow: 0 7px 18px rgba(16, 36, 69, .22);
  color: #fff;
  font-family: Nunito, Arial, sans-serif;
  font-size: clamp(13px, 2vw, 25px);
  font-weight: 900;
}
.promo-image-banner .promo-tramamia-mark b[data-v-promo-banner] { color: #f2b544; }
@media (max-width: 767px) {
  .head-center-right .header-download-cta[data-v-541f1c68] { min-width: 108px; }
  .promo-image-banner .promo-tramamia-mark[data-v-promo-banner] {
    top: 8%;
    right: 4%;
    min-width: 23%;
    padding: .48em .55em .54em;
    font-size: clamp(10px, 3.5vw, 15px);
  }
}