.top-services {
  position: relative !important;
  z-index: 1 !important;
  top: auto !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 8px !important;
  overflow-x: auto !important;
  min-height: 56px !important;
  padding: 10px 18px !important;
  background: #eaf6ff !important;
  border-bottom: 1px solid var(--line, #d8e8f6) !important;
  box-shadow: 0 10px 24px rgba(9, 64, 116, .06) !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

.top-services::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

.top-services a {
  flex: 0 0 auto !important;
  padding: 8px 12px !important;
  border: 1px solid #c6e3f8 !important;
  border-radius: 999px !important;
  color: var(--blue, #094074) !important;
  background: #fff !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-decoration: none !important;
}

.site-header {
  position: relative !important;
  z-index: 2 !important;
  top: auto !important;
  min-height: 86px !important;
  padding: 0 max(18px, calc((100vw - 1180px) / 2)) !important;
  border-bottom: 1px solid rgba(216, 232, 246, .8) !important;
  background: transparent !important;
  color: var(--blue, #094074) !important;
  backdrop-filter: blur(14px) !important;
  box-shadow: 0 8px 22px rgba(9, 64, 116, .05) !important;
}

.site-header::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 50% !important;
  width: 100vw !important;
  margin-left: -50vw !important;
  background: rgba(255, 255, 255, .92) !important;
  border-bottom: 1px solid rgba(216, 232, 246, .8) !important;
  z-index: -1 !important;
}

.site-header,
.site-header > .brand,
.site-header > .main-nav,
.site-header > .header-actions {
  box-sizing: border-box !important;
}

.site-header {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: clamp(22px, 3vw, 34px) !important;
  flex-wrap: nowrap !important;
}

.site-header .brand {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: max-content !important;
  flex: 0 0 auto !important;
  color: var(--blue, #094074) !important;
  text-decoration: none !important;
  font-weight: 700 !important;
}

.site-header .brand span {
  display: inline-block !important;
  white-space: nowrap !important;
}

.site-header .brand-emblem {
  display: block !important;
  height: clamp(42px, 4.4vw, 54px) !important;
  width: auto !important;
}

.site-header .main-nav {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 18px !important;
  flex: 0 0 auto !important;
  color: var(--muted, #5f7187) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

.site-header .main-nav a {
  color: inherit !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

.site-header .header-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  flex: 0 0 auto !important;
  flex-wrap: nowrap !important;
}

.site-header .btn {
  display: inline-flex !important;
  min-height: 44px !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 12px 18px !important;
  border-radius: 999px !important;
  border: 1px solid transparent !important;
  font-size: 15px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

.site-header .btn-primary {
  background: var(--orange, #ff7a1a) !important;
  color: #fff !important;
  box-shadow: 0 14px 26px rgba(255, 122, 26, .22) !important;
}

.site-header .btn-secondary {
  border-color: #cce4f6 !important;
  background: #eef8ff !important;
  color: var(--blue, #094074) !important;
}

/* Galeria de envios compartida: dos filas continuas en todas las paginas. */
.examples-section {
  max-width: none !important;
  overflow-x: hidden !important;
  overflow-y: visible !important;
  padding-bottom: clamp(58px, 7vw, 96px) !important;
}

.examples-section .section-heading {
  max-width: 1180px !important;
  margin-inline: auto !important;
  padding-inline: 18px !important;
}

.examples-section .shipment-track,
.examples-section .shipment-track[aria-label*="palets"],
.examples-section .shipment-track[aria-label*="envios"],
.examples-section .shipment-track[aria-label*="envíos"] {
  display: grid !important;
  grid-auto-flow: column dense !important;
  grid-auto-columns: clamp(250px, 17vw, 315px) !important;
  grid-template-rows: repeat(2, auto) !important;
  width: max-content !important;
  gap: 18px !important;
  animation: pallet-examples-marquee 110s linear infinite !important;
  will-change: transform !important;
}

.examples-section .shipment-track:hover {
  animation-play-state: running !important;
}

.examples-section .shipment-track article {
  flex: none !important;
}

.google-reviews .section-heading,
.plans .section-heading {
  display: grid !important;
  justify-items: center !important;
  text-align: center !important;
  justify-content: center !important;
  max-width: 920px !important;
  margin-inline: auto !important;
}

.google-reviews .section-heading h2 {
  max-width: 820px !important;
  margin-inline: auto !important;
  text-align: center !important;
}

.reviews-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 16px !important;
}

.reviews-grid article {
  display: grid !important;
  align-content: start !important;
  gap: 16px !important;
  min-height: 248px !important;
  padding: 24px !important;
  border: 1px solid var(--line, #d8e8f6) !important;
  border-radius: 18px !important;
  background: var(--white, #fff) !important;
  box-shadow: 0 18px 42px rgba(9, 64, 116, .06) !important;
}

.review-stars {
  color: var(--orange, #ff7a1a) !important;
  font-size: 16px !important;
  letter-spacing: 2px !important;
  line-height: 1 !important;
}

.reviews-grid p {
  margin: 0 !important;
  color: var(--muted, #5f7187) !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
}

.reviews-grid footer {
  display: grid !important;
  gap: 4px !important;
  margin-top: auto !important;
  padding-top: 12px !important;
  border-top: 1px solid var(--line, #d8e8f6) !important;
}

.reviews-grid strong {
  color: var(--ink, #0f2036) !important;
  font-size: 14px !important;
}

.reviews-grid span {
  color: var(--muted, #5f7187) !important;
  font-size: 13px !important;
}

.review-note {
  max-width: 760px !important;
  margin: 12px auto 0 !important;
  color: var(--muted, #5f7187) !important;
}

.plan-options {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 24px !important;
  max-width: 1180px !important;
  margin-inline: auto !important;
}

.plan-card {
  position: relative !important;
  display: grid !important;
  align-content: start !important;
  gap: 18px !important;
  min-height: 320px !important;
  padding: clamp(28px, 4vw, 42px) !important;
  border: 1px solid var(--line, #d8e8f6) !important;
  border-radius: 28px !important;
  background: linear-gradient(135deg, #fff, #f8fcff) !important;
  box-shadow: 0 24px 60px rgba(9, 64, 116, .08) !important;
}

.plan-card.pro {
  background: linear-gradient(135deg, #fff, #fff7ef) !important;
}

.plan-icon {
  display: inline-grid !important;
  width: 52px !important;
  height: 52px !important;
  place-items: center !important;
  border-radius: 18px !important;
  background: #eaf6ff !important;
  color: var(--sky, #1aa7ec) !important;
  font-size: 24px !important;
}

.plan-card.pro .plan-icon {
  background: #fff2e4 !important;
  color: var(--orange, #ff7a1a) !important;
}

.plan-badge {
  justify-self: start !important;
  padding: 8px 12px !important;
  border-radius: 999px !important;
  background: #e5f4ff !important;
  color: var(--sky, #1aa7ec) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}

.plan-card.pro .plan-badge {
  background: #fff0df !important;
  color: var(--orange, #ff7a1a) !important;
}

.plan-card h3 {
  margin: 0 !important;
  color: var(--ink, #0f2036) !important;
  font-size: clamp(26px, 3vw, 36px) !important;
  line-height: 1.05 !important;
}

.plan-card h3 strong {
  color: var(--orange, #ff7a1a) !important;
}

.plan-card ul {
  display: grid !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  color: var(--muted, #5f7187) !important;
}

.plan-card li::before {
  content: "✓" !important;
  margin-right: 8px !important;
  color: var(--sky, #1aa7ec) !important;
  font-weight: 900 !important;
}

.plan-card .btn {
  justify-self: stretch !important;
  margin-top: 10px !important;
  text-align: center !important;
}

@keyframes pallet-examples-marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

@media (max-width: 980px) {
  .site-header .main-nav {
    display: none !important;
  }

  .examples-section .shipment-track {
    grid-auto-columns: minmax(240px, 300px) !important;
    animation-duration: 90s !important;
  }

  .reviews-grid,
  .plan-options {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  .top-services {
    justify-content: flex-start !important;
  }

  .site-header {
    align-items: flex-start !important;
  }

  .site-header .header-actions {
    display: none !important;
  }

  .examples-section .shipment-track {
    grid-auto-columns: minmax(230px, 78vw) !important;
    animation-duration: 80s !important;
  }

  .reviews-grid,
  .plan-options {
    grid-template-columns: 1fr !important;
  }
}