/* Servicios: superficies suaves y navegación compacta, coherentes con el inicio premium. */
.services-page-main {
  background:
    radial-gradient(circle at 9% 82%, rgba(42, 105, 94, 0.10), transparent 36%),
    radial-gradient(circle at 91% 72%, rgba(209, 176, 107, 0.10), transparent 38%),
    linear-gradient(145deg, #cbd5cc 0%, #c3cec5 46%, #c8c5b7 100%);
}

.services-hero-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  column-gap: 0.35rem !important;
  row-gap: 0.12rem !important;
  width: min(100%, 23rem);
  margin-inline: auto;
}

.ocani-inner-premium .services-hero-actions > a {
  position: relative;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 0.48rem;
  width: 100% !important;
  min-width: 0;
  min-height: 0 !important;
  padding: 0.42rem 0.18rem 0.78rem !important;
  font-size: 9.5px !important;
  line-height: 1.2;
  letter-spacing: 0.11em !important;
  white-space: nowrap;
  color: #f4f1ea !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  filter: none !important;
  outline: 0 !important;
  -webkit-tap-highlight-color: transparent;
  text-shadow: 0 2px 12px rgba(0, 20, 17, 0.72);
  transition: color 260ms ease, text-shadow 260ms ease !important;
}

.ocani-inner-premium .services-hero-actions > a::before {
  content: "";
  position: static !important;
  inset: auto !important;
  z-index: auto !important;
  flex: 0 0 auto;
  width: 1rem !important;
  height: 1rem !important;
  background: #d1b06b !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21v-9M12 13C8 13 5 10 5 6c4 0 7 2 7 6m0 3c4 0 7-3 7-7-4 0-7 2-7 6' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21v-9M12 13C8 13 5 10 5 6c4 0 7 2 7 6m0 3c4 0 7-3 7-7-4 0-7 2-7 6' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
  opacity: 0.92 !important;
  filter: drop-shadow(0 0 6px rgba(209, 176, 107, 0.28));
  transform: translateY(-1px);
}

/* Un glifo lineal por práctica: legibles en miniatura y con el mismo peso visual. */
.ocani-inner-premium .services-hero-actions > a[data-service-icon="herbal"]::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21v-8M12 14C8 14 5 11 5 7c4 0 7 2 7 6M12 16c4 0 7-3 7-7-4 0-7 2-7 6'/%3E%3C/g%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21v-8M12 14C8 14 5 11 5 7c4 0 7 2 7 6M12 16c4 0 7-3 7-7-4 0-7 2-7 6'/%3E%3C/g%3E%3C/svg%3E");
}

.ocani-inner-premium .services-hero-actions > a[data-service-icon="steam"]::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 16h14M7 16c.8 3.3 2.5 5 5 5s4.2-1.7 5-5M8 12c-2-2 2-3 0-6M12 12c-2-2 2-4 0-7M16 12c-2-2 2-3 0-6'/%3E%3C/g%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 16h14M7 16c.8 3.3 2.5 5 5 5s4.2-1.7 5-5M8 12c-2-2 2-3 0-6M12 12c-2-2 2-4 0-7M16 12c-2-2 2-3 0-6'/%3E%3C/g%3E%3C/svg%3E");
}

.ocani-inner-premium .services-hero-actions > a[data-service-icon="reconnection"]::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='12' r='5'/%3E%3Ccircle cx='15' cy='12' r='5'/%3E%3Ccircle cx='12' cy='12' r='1.5'/%3E%3C/g%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='12' r='5'/%3E%3Ccircle cx='15' cy='12' r='5'/%3E%3Ccircle cx='12' cy='12' r='1.5'/%3E%3C/g%3E%3C/svg%3E");
}

.ocani-inner-premium .services-hero-actions > a[data-service-icon="journey"]::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 19 9 8l4 6 2-3 6 8H3ZM10 19c1-2 2-3 4-4'/%3E%3C/g%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 19 9 8l4 6 2-3 6 8H3ZM10 19c1-2 2-3 4-4'/%3E%3C/g%3E%3C/svg%3E");
}

.ocani-inner-premium .services-hero-actions > a[data-service-icon="sound"]::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='5' cy='12' r='1.3' fill='black' stroke='none'/%3E%3Cpath d='M9 8.5c2 2 2 5 0 7M12 5.5c4 3.8 4 9.2 0 13M15 3c5.5 5 5.5 13 0 18'/%3E%3C/g%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='5' cy='12' r='1.3' fill='black' stroke='none'/%3E%3Cpath d='M9 8.5c2 2 2 5 0 7M12 5.5c4 3.8 4 9.2 0 13M15 3c5.5 5 5.5 13 0 18'/%3E%3C/g%3E%3C/svg%3E");
}

.ocani-inner-premium .services-hero-actions > a[data-service-icon="other"]::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round'%3E%3Cpath d='m12 3 2.2 6.8L21 12l-6.8 2.2L12 21l-2.2-6.8L3 12l6.8-2.2L12 3Z'/%3E%3Ccircle cx='12' cy='12' r='2.2'/%3E%3C/g%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round'%3E%3Cpath d='m12 3 2.2 6.8L21 12l-6.8 2.2L12 21l-2.2-6.8L3 12l6.8-2.2L12 3Z'/%3E%3Ccircle cx='12' cy='12' r='2.2'/%3E%3C/g%3E%3C/svg%3E");
}

.ocani-inner-premium .services-hero-actions > a::after {
  content: "";
  display: block !important;
  position: absolute;
  left: 50%;
  bottom: 0.3rem;
  width: min(72%, 7rem);
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(209, 176, 107, 0.92) 22%, rgba(209, 176, 107, 0.92) 78%, transparent);
  transform: translateX(-50%) scaleX(0.5) !important;
  transform-origin: center;
  opacity: 0.72;
  transition: transform 320ms ease, opacity 320ms ease;
}

.ocani-inner-premium .services-hero-actions > a:hover,
.ocani-inner-premium .services-hero-actions > a:focus,
.ocani-inner-premium .services-hero-actions > a:focus-visible,
.ocani-inner-premium .services-hero-actions > a:active {
  color: #e1c785 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  filter: none !important;
  outline: 0 !important;
  transform: none !important;
  text-shadow: 0 2px 16px rgba(0, 20, 17, 0.86);
}

.ocani-inner-premium .services-hero-actions > a:hover::after,
.ocani-inner-premium .services-hero-actions > a:focus::after,
.ocani-inner-premium .services-hero-actions > a:focus-visible::after,
.ocani-inner-premium .services-hero-actions > a:active::after {
  transform: translateX(-50%) scaleX(1) !important;
  opacity: 1;
}

.ocani-inner-premium .services-content {
  transition: none !important;
  box-shadow: inset 0 0 0 100vmax rgba(8, 57, 51, 0.07) !important;
  background:
    radial-gradient(circle at 88% 9%, rgba(209, 176, 107, 0.11), transparent 34%),
    radial-gradient(circle at 10% 86%, rgba(41, 108, 97, 0.10), transparent 38%),
    linear-gradient(145deg, #d4dbd3 0%, #cad4cb 38%, #c2cdc3 68%, #c8c2b1 100%) !important;
}

.services-card,
.services-guide-card,
.services-international-card {
  border-color: rgba(55, 101, 91, 0.20) !important;
  background:
    radial-gradient(circle at 86% 12%, rgba(209, 176, 107, 0.11), transparent 34%),
    radial-gradient(circle at 8% 88%, rgba(52, 118, 105, 0.10), transparent 38%),
    linear-gradient(145deg, rgba(216, 222, 211, 0.97) 0%, rgba(205, 214, 202, 0.96) 54%, rgba(197, 193, 174, 0.95) 100%) !important;
  box-shadow: 0 16px 34px rgba(7, 47, 43, 0.14) !important;
}

.services-card {
  transition: box-shadow 320ms ease, border-color 320ms ease;
}

.services-card:hover {
  border-color: rgba(209, 176, 107, 0.48) !important;
  box-shadow: 0 20px 42px rgba(7, 47, 43, 0.18) !important;
}

.services-guide-card,
.services-international-card {
  backdrop-filter: blur(10px);
}

.services-international {
  position: relative;
  z-index: 1;
}

.services-international-card > a {
  font-size: 10px;
}

/* Acciones del contenido: el mismo lenguaje botánico del hero, adaptado a superficies claras. */
.services-page-main .services-card a,
.services-page-main .services-card button,
.services-page-main .services-guide-card a,
.services-page-main .services-guide-card button,
.services-page-main .services-international-card > a {
  position: relative;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  align-self: center;
  gap: 0.46rem;
  width: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 0.42rem 0.18rem 0.78rem !important;
  color: #0a4b45 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  filter: none !important;
  outline: 0 !important;
  -webkit-tap-highlight-color: transparent;
  font-size: 9.5px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.1em !important;
  text-align: center !important;
  text-decoration: none !important;
  text-shadow: none !important;
  text-transform: uppercase !important;
  transform: none !important;
  transition: color 260ms ease, text-shadow 260ms ease !important;
}

.services-page-main .services-card a::before,
.services-page-main .services-card button::before,
.services-page-main .services-guide-card a::before,
.services-page-main .services-guide-card button::before,
.services-page-main .services-international-card > a::before {
  content: "";
  position: static !important;
  inset: auto !important;
  z-index: auto !important;
  flex: 0 0 auto;
  width: 16px !important;
  min-width: 16px !important;
  max-width: 16px !important;
  height: 16px !important;
  background: #b28a39 !important;
  -webkit-mask: var(--ocani-content-icon, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21v-9M12 13C8 13 5 10 5 6c4 0 7 2 7 6m0 3c4 0 7-3 7-7-4 0-7 2-7 6' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")) center / contain no-repeat;
  mask: var(--ocani-content-icon, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21v-9M12 13C8 13 5 10 5 6c4 0 7 2 7 6m0 3c4 0 7-3 7-7-4 0-7 2-7 6' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")) center / contain no-repeat;
  opacity: 0.94 !important;
  filter: drop-shadow(0 0 5px rgba(178, 138, 57, 0.20));
  transform: translateY(-1px) !important;
}

.services-page-main .services-card a::after,
.services-page-main .services-card button::after,
.services-page-main .services-guide-card a::after,
.services-page-main .services-guide-card button::after,
.services-page-main .services-international-card > a::after {
  content: "";
  display: block !important;
  position: absolute;
  left: 50%;
  bottom: 0.26rem;
  width: min(86%, 7rem);
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(178, 138, 57, 0.9) 22%, rgba(178, 138, 57, 0.9) 78%, transparent) !important;
  transform: translateX(-50%) scaleX(0.5) !important;
  transform-origin: center;
  opacity: 0.72;
  transition: transform 320ms ease, opacity 320ms ease !important;
}

.services-page-main .services-card a:hover,
.services-page-main .services-card a:focus,
.services-page-main .services-card button:hover,
.services-page-main .services-card button:focus,
.services-page-main .services-guide-card a:hover,
.services-page-main .services-guide-card a:focus,
.services-page-main .services-guide-card button:hover,
.services-page-main .services-guide-card button:focus,
.services-page-main .services-international-card > a:hover,
.services-page-main .services-international-card > a:focus {
  color: #8d6926 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  outline: 0 !important;
  transform: none !important;
  text-shadow: 0 0 12px rgba(178, 138, 57, 0.15) !important;
}

.services-page-main .services-card a:hover::after,
.services-page-main .services-card a:focus::after,
.services-page-main .services-card button:hover::after,
.services-page-main .services-card button:focus::after,
.services-page-main .services-guide-card a:hover::after,
.services-page-main .services-guide-card a:focus::after,
.services-page-main .services-guide-card button:hover::after,
.services-page-main .services-guide-card button:focus::after,
.services-page-main .services-international-card > a:hover::after,
.services-page-main .services-international-card > a:focus::after {
  transform: translateX(-50%) scaleX(1) !important;
  opacity: 1;
}

@media (min-width: 768px) {
  .services-hero-actions {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    width: min(100%, 48rem);
  }
}

@media (min-width: 900px) {
  .services-hero-actions {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    width: min(100%, 60rem);
  }
}

@media (max-width: 767.98px) {
  .ocani-inner-premium .services-content {
    padding-block: 4.5rem !important;
  }

  .ocani-inner-premium .services-hero-actions > a {
    white-space: normal;
  }

  .services-page-main .services-card .order-3 {
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: center;
    align-items: center;
    gap: clamp(0.35rem, 2.4vw, 0.75rem) !important;
  }

  .services-page-main .services-card .order-3 > a,
  .services-page-main .services-card .order-3 > button {
    flex: 0 1 auto;
    white-space: nowrap;
    font-size: clamp(8px, 2.35vw, 9.5px) !important;
    letter-spacing: 0.075em !important;
    gap: 0.3rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .services-card {
    transition: none !important;
  }

  .ocani-inner-premium .services-hero-actions > a,
  .ocani-inner-premium .services-hero-actions > a::after {
    transition: none !important;
  }
}