:root,
[data-bs-theme="light"] {
  --operia-primary: #32236f;
  --operia-primary-dark: #241854;
  --operia-primary-soft: #eeeafd;
  --operia-primary-softer: #f6f3ff;
  --operia-canvas: #f8f6ff;
  --operia-canvas-strong: #f1edff;
  --operia-dark-section: #171322;
  --operia-primary-rgb: 50, 35, 111;
  --operia-ink: #12101d;
  --operia-muted: #6a647b;
  --operia-line: #e6e1f2;
  --ar-primary: #32236f;
  --ar-primary-rgb: 50, 35, 111;
  --ar-link-color: #32236f;
  --ar-link-hover-color: #241854;
  --ar-border-radius: .75rem;
  --ar-border-radius-lg: 1.125rem;
  --ar-border-radius-xl: 1.5rem;
  --ar-border-radius-xxl: 2.25rem;
}

[data-bs-theme="dark"] {
  --operia-primary: #a99cff;
  --operia-primary-dark: #c8c1ff;
  --operia-primary-soft: rgba(169, 156, 255, .16);
  --operia-primary-softer: #171322;
  --operia-canvas: #121119;
  --operia-canvas-strong: #171322;
  --operia-dark-section: #171322;
  --operia-primary-rgb: 169, 156, 255;
  --operia-ink: #f7f5ff;
  --operia-muted: rgba(255, 255, 255, .70);
  --operia-line: rgba(169, 156, 255, .16);
  --ar-primary: #a99cff;
  --ar-primary-rgb: 169, 156, 255;
  --ar-link-color: #c8c1ff;
  --ar-link-hover-color: #ffffff;
}

html {
  overflow-x: hidden;
}

body {
  letter-spacing: 0;
  background:
    radial-gradient(circle at 12% 8%, rgba(var(--operia-primary-rgb), .09), transparent 26rem),
    radial-gradient(circle at 92% 16%, rgba(107, 92, 255, .08), transparent 28rem),
    var(--operia-canvas);
}

.page-wrapper {
  overflow: hidden;
  background:
    linear-gradient(180deg, #ffffff 0%, var(--operia-canvas) 34%, #ffffff 100%);
}

.footer {
  position: relative;
  overflow: hidden;
  min-height: 20rem;
  background:
    radial-gradient(circle at 10% 18%, rgba(var(--operia-primary-rgb), .075), transparent 24rem),
    radial-gradient(circle at 92% 82%, rgba(var(--operia-primary-rgb), .06), transparent 22rem),
    linear-gradient(180deg, #ffffff 0%, var(--operia-canvas) 100%);
}

.footer > .container {
  position: relative;
  z-index: 1;
  min-height: 100%;
}

.operia-logo-mark {
  position: relative;
  display: inline-flex;
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  margin-right: .7rem;
  border: 1px solid rgba(255, 255, 255, .34);
  border-radius: 12px;
  background:
    radial-gradient(circle at 28% 24%, rgba(255, 255, 255, .24), transparent 32%),
    linear-gradient(145deg, #403087 0%, var(--operia-primary) 58%, #261a5c 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .18),
    0 .7rem 1.45rem rgba(var(--operia-primary-rgb), .18);
}

.operia-logo-mark::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 3px 8px rgba(18, 16, 29, .12);
  transform: translate(-50%, -50%);
}

.operia-logo-mark::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--operia-primary);
  transform: translate(-50%, -50%);
}

[data-bs-theme="dark"] .operia-logo-mark {
  border-color: rgba(255, 255, 255, .16);
  background:
    radial-gradient(circle at 28% 24%, rgba(255, 255, 255, .22), transparent 32%),
    linear-gradient(145deg, #8475f2 0%, #6f5ee8 58%, #4c3cb4 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .16),
    0 .7rem 1.45rem rgba(111, 94, 232, .22);
}

[data-bs-theme="dark"] .operia-logo-mark::after {
  background: #6f5ee8;
}

[data-bs-theme="dark"] .footer {
  background:
    radial-gradient(circle at 10% 18%, rgba(169, 156, 255, .10), transparent 24rem),
    radial-gradient(circle at 92% 82%, rgba(169, 156, 255, .08), transparent 22rem),
    linear-gradient(180deg, #121119 0%, #171322 100%);
}

[data-bs-theme="dark"] body {
  background:
    radial-gradient(circle at 12% 8%, rgba(169, 156, 255, .10), transparent 26rem),
    radial-gradient(circle at 92% 16%, rgba(111, 94, 232, .10), transparent 28rem),
    #121119;
}

[data-bs-theme="dark"] .page-wrapper {
  background:
    linear-gradient(180deg, #121119 0%, #171322 34%, #121119 100%);
}

[data-bs-theme="dark"] .navbar.bg-light {
  background: rgba(18, 17, 25, .92) !important;
  box-shadow: 0 .8rem 2rem rgba(0, 0, 0, .22);
  backdrop-filter: blur(14px);
}

[data-bs-theme="dark"] .navbar .text-nav,
[data-bs-theme="dark"] .navbar .nav-link {
  color: rgba(255, 255, 255, .82);
}

[data-bs-theme="dark"] .navbar .nav-link:hover,
[data-bs-theme="dark"] .navbar .nav-link.active {
  color: #ffffff;
}

.position-relative.pt-5#inicio {
  isolation: isolate;
}

.operia-hero-pro {
  overflow: hidden;
  min-height: 690px;
}

#inicio .bg-secondary {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .82) 0%, rgba(248, 246, 255, .74) 48%, rgba(248, 246, 255, .92) 100%),
    linear-gradient(90deg, rgba(var(--operia-primary-rgb), .035) 1px, transparent 1px),
    linear-gradient(180deg, rgba(var(--operia-primary-rgb), .035) 1px, transparent 1px),
    radial-gradient(circle at 50% 12%, rgba(255, 255, 255, .72), transparent 18rem),
    radial-gradient(circle at 86% 26%, rgba(var(--operia-primary-rgb), .13), transparent 28rem),
    url("assets/home_1_slider_4.jpg") center 40% / cover no-repeat,
    linear-gradient(180deg, #fbfaff 0%, var(--operia-primary-softer) 52%, var(--operia-canvas) 92%) !important;
  background-size: auto, 44px 44px, 44px 44px, auto, auto, cover, auto;
}

#inicio::before {
  content: "";
  position: absolute;
  inset: 9rem -6rem auto auto;
  width: 33rem;
  height: 33rem;
  border-radius: 50%;
  border: 1px solid rgba(var(--operia-primary-rgb), .10);
  box-shadow: inset 0 0 0 5.5rem rgba(var(--operia-primary-rgb), .035);
  pointer-events: none;
  z-index: 1;
}

#inicio::after {
  content: "";
  position: absolute;
  inset: auto 8% 4.5rem auto;
  width: 16rem;
  height: 16rem;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(var(--operia-primary-rgb), .075), transparent 68%);
  pointer-events: none;
  z-index: 1;
}

.badge.bg-primary.bg-opacity-10 {
  background-color: rgba(var(--operia-primary-rgb), .11) !important;
  border: 1px solid rgba(var(--operia-primary-rgb), .12);
}

.hero-device {
  position: relative;
}

.hero-device::before {
  content: "";
  position: absolute;
  inset: -3rem 8% auto;
  height: 9rem;
  border-radius: 50%;
  background:
    radial-gradient(circle, rgba(var(--operia-primary-rgb), .24), transparent 70%);
  filter: blur(14px);
  pointer-events: none;
}

.hero-device::after {
  content: "";
  position: absolute;
  inset: 2.25rem -1.25rem auto auto;
  width: 8.5rem;
  height: 8.5rem;
  border-radius: 2.5rem;
  background:
    linear-gradient(135deg, rgba(var(--operia-primary-rgb), .16), rgba(255, 255, 255, .06));
  border: 1px solid rgba(var(--operia-primary-rgb), .12);
  transform: rotate(12deg);
  pointer-events: none;
}

.hero-device > .rounded-5 {
  border: 1px solid rgba(var(--operia-primary-rgb), .10);
  box-shadow:
    0 2.25rem 5.5rem rgba(var(--operia-primary-rgb), .16),
    0 .5rem 1.4rem rgba(15, 23, 42, .06) !important;
}

.hero-device img {
  min-height: 320px;
  object-fit: cover;
}

.display-1,
.display-3,
.display-4,
.display-5 {
  letter-spacing: -.045em;
}

.display-1 {
  color: var(--operia-ink);
  font-size: clamp(4.2rem, 7vw, 7.2rem);
  line-height: .98;
}

.typed-static,
.typed-line {
  display: block;
}

.typed-line {
  min-height: 1.05em;
  overflow-wrap: anywhere;
}

.typed {
  display: inline;
  white-space: normal;
}

.ityped-cursor {
  display: inline-block;
  margin-left: .12em;
  color: var(--operia-primary);
  animation: typedCursor .85s steps(1) infinite;
}

@keyframes typedCursor {
  0%,
  45% {
    opacity: 1;
  }

  46%,
  100% {
    opacity: 0;
  }
}

.fs-xl.text-body-secondary {
  color: var(--operia-muted) !important;
}

.operia-section {
  position: relative;
}

.operia-section-kicker {
  display: inline-flex;
  align-items: center;
  margin-bottom: .8rem;
  color: var(--operia-primary);
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.operia-section-kicker::before {
  content: "";
  width: 1.7rem;
  height: 2px;
  margin-right: .65rem;
  border-radius: 999px;
  background: var(--operia-primary);
}

.operia-services {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 88% 18%, rgba(169, 156, 255, .18), transparent 28rem),
    radial-gradient(circle at 10% 92%, rgba(111, 94, 232, .22), transparent 24rem),
    linear-gradient(135deg, var(--operia-dark-section) 0%, #211a3a 58%, #14111f 100%);
}

.operia-services::before {
  content: "";
  position: absolute;
  inset: -18rem -22rem auto auto;
  width: 48rem;
  height: 48rem;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, .08);
  box-shadow:
    inset 0 0 0 2.8rem rgba(255, 255, 255, .018),
    inset 0 0 0 6.2rem rgba(255, 255, 255, .012),
    inset 0 0 0 9.8rem rgba(255, 255, 255, .01);
  pointer-events: none;
}

.operia-services::after {
  content: "";
  position: absolute;
  inset: auto -10rem -18rem auto;
  width: 34rem;
  height: 34rem;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, .07);
  pointer-events: none;
}

.operia-services .container {
  position: relative;
  z-index: 2;
}

.operia-services .operia-section-kicker {
  color: #c8c1ff;
}

.operia-services .operia-section-kicker::before {
  background: #c8c1ff;
}

.operia-services .operia-link-card {
  position: relative;
  min-height: 18.75rem;
  padding: 4.15rem 1.65rem 1.65rem;
  border-color: rgba(255, 255, 255, .065);
  border-radius: .5rem;
  background: rgba(255, 255, 255, .045);
  box-shadow: none;
}

.operia-services .operia-link-card:hover {
  color: #fff;
  transform: translateY(-6px);
  border-color: rgba(200, 193, 255, .34);
  background: rgba(255, 255, 255, .07);
  box-shadow: 0 1.4rem 3rem rgba(0, 0, 0, .24);
}

.operia-services .operia-link-card h3 {
  color: #fff;
}

.operia-services .operia-link-card p {
  color: rgba(255, 255, 255, .66);
  font-size: 1rem;
}

.operia-services .operia-card-icon {
  position: absolute;
  top: -1.9rem;
  left: 1.6rem;
  width: 4.4rem;
  height: 4.4rem;
  margin-bottom: 0;
  border-radius: 50%;
  color: var(--operia-primary);
  background: #fff;
  font-size: 1.65rem;
  box-shadow: 0 .9rem 1.8rem rgba(0, 0, 0, .20);
}

.operia-services .operia-card-action {
  color: #c8c1ff;
}

.btn-primary {
  --ar-btn-bg: #32236f;
  --ar-btn-border-color: #32236f;
  --ar-btn-hover-bg: #241854;
  --ar-btn-hover-border-color: #241854;
  --ar-btn-active-bg: #1c1244;
  --ar-btn-active-border-color: #1c1244;
  box-shadow: 0 1rem 2rem rgba(var(--operia-primary-rgb), .22);
}

.btn-outline-primary {
  --ar-btn-color: #32236f;
  --ar-btn-border-color: rgba(var(--operia-primary-rgb), .34);
  --ar-btn-hover-bg: #32236f;
  --ar-btn-hover-border-color: #32236f;
  --ar-btn-active-bg: #241854;
  --ar-btn-active-border-color: #241854;
}

.btn-secondary {
  --ar-btn-bg: #f4f1fb;
  --ar-btn-border-color: #f4f1fb;
  --ar-btn-color: #32236f;
  --ar-btn-hover-bg: #e9e3f8;
  --ar-btn-hover-border-color: #e9e3f8;
}

[data-bs-theme="dark"] .btn-primary {
  --ar-btn-bg: #6f5ee8;
  --ar-btn-border-color: #6f5ee8;
  --ar-btn-hover-bg: #8374f0;
  --ar-btn-hover-border-color: #8374f0;
  --ar-btn-active-bg: #5d4cd0;
  --ar-btn-active-border-color: #5d4cd0;
  color: #fff;
  box-shadow: 0 1rem 2rem rgba(111, 94, 232, .24);
}

[data-bs-theme="dark"] .btn-outline-primary {
  --ar-btn-color: #c8c1ff;
  --ar-btn-border-color: rgba(200, 193, 255, .42);
  --ar-btn-hover-bg: #6f5ee8;
  --ar-btn-hover-border-color: #6f5ee8;
  --ar-btn-active-bg: #5d4cd0;
  --ar-btn-active-border-color: #5d4cd0;
}

[data-bs-theme="dark"] .btn-secondary {
  --ar-btn-bg: rgba(255, 255, 255, .07);
  --ar-btn-border-color: rgba(255, 255, 255, .10);
  --ar-btn-color: #f7f5ff;
  --ar-btn-hover-bg: rgba(255, 255, 255, .12);
  --ar-btn-hover-border-color: rgba(255, 255, 255, .18);
}

.btn-icon.btn-primary {
  box-shadow: 0 .8rem 1.8rem rgba(var(--operia-primary-rgb), .20);
}

.card {
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.card:hover {
  transform: translateY(-4px);
}

.card.bg-secondary {
  background:
    linear-gradient(180deg, #ffffff, #faf9ff) !important;
  border: 1px solid rgba(var(--operia-primary-rgb), .10) !important;
  box-shadow: 0 1.1rem 2.6rem rgba(var(--operia-primary-rgb), .055);
}

.card.bg-secondary:hover {
  box-shadow: 0 1.65rem 4rem rgba(var(--operia-primary-rgb), .12);
  border-color: rgba(var(--operia-primary-rgb), .18) !important;
}

.card .fs-1.text-primary {
  width: 3.25rem;
  height: 3.25rem;
  display: grid !important;
  place-items: center;
  border-radius: 1.1rem;
  background: var(--operia-primary-soft);
  font-size: 1.55rem !important;
}

.text-primary {
  color: var(--operia-primary) !important;
}

.bg-primary {
  background-color: var(--operia-primary) !important;
}

.bg-secondary.py-5 {
  background:
    radial-gradient(circle at 16% 20%, rgba(var(--operia-primary-rgb), .12), transparent 24rem),
    linear-gradient(180deg, var(--operia-canvas), #ffffff) !important;
}

.bg-secondary.rounded-5 {
  background:
    linear-gradient(135deg, var(--operia-canvas), #ffffff 62%) !important;
  border: 1px solid rgba(var(--operia-primary-rgb), .10);
  box-shadow: 0 1.4rem 3.5rem rgba(var(--operia-primary-rgb), .06);
}

.bg-light.rounded-4.py-3 {
  border: 1px solid rgba(var(--operia-primary-rgb), .10);
  box-shadow: 0 .8rem 1.5rem rgba(var(--operia-primary-rgb), .045);
}

.bg-dark {
  background:
    radial-gradient(circle at 82% 18%, rgba(169, 156, 255, .24), transparent 26rem),
    radial-gradient(circle at 14% 92%, rgba(111, 87, 220, .20), transparent 24rem),
    linear-gradient(135deg, #32236f, #120d2a 78%) !important;
}

.card.bg-dark {
  background:
    radial-gradient(circle at 85% 12%, rgba(169, 156, 255, .28), transparent 12rem),
    linear-gradient(145deg, #32236f, #160f37) !important;
}

#contacto .bg-dark::before {
  content: "";
  position: absolute;
  inset: auto -9rem -13rem auto;
  width: 30rem;
  height: 30rem;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, .10);
  box-shadow: inset 0 0 0 4.5rem rgba(255, 255, 255, .035);
  pointer-events: none;
}

#contacto .bg-light {
  box-shadow: 0 1.5rem 3.8rem rgba(0, 0, 0, .22);
}

.shadow,
.shadow-sm,
.shadow-lg {
  box-shadow: 0 1.4rem 3.5rem rgba(var(--operia-primary-rgb), .10) !important;
}

.btn-scroll-top {
  color: var(--operia-primary);
}

@media (max-width: 767.98px) {
  .operia-hero-pro {
    min-height: auto;
  }

  .display-1 {
    font-size: clamp(2.7rem, 14vw, 3.55rem);
    line-height: 1.05;
  }

  .typed-static,
  .typed-line {
    max-width: 100%;
  }

  .typed-line {
    min-height: 1.22em;
  }

  .hero-device img {
    min-height: 220px;
  }

  #inicio::before {
    inset: 9rem -16rem auto auto;
  }

  #inicio::after {
    display: none;
  }

  .operia-link-card {
    min-height: auto;
  }

  .operia-services .operia-link-card {
    min-height: auto;
    padding: 4rem 1.5rem 1.5rem;
  }

  .operia-plan-head {
    min-height: 14.8rem;
  }

  .operia-plan-featured {
    transform: none;
  }

}

.page-hero {
  position: relative;
  overflow: hidden;
  padding-top: 9rem;
  padding-bottom: 4.5rem;
  background:
    radial-gradient(circle at 86% 20%, rgba(var(--operia-primary-rgb), .13), transparent 26rem),
    linear-gradient(180deg, var(--operia-primary-softer), #ffffff 92%) !important;
}

.page-hero::after {
  content: "";
  position: absolute;
  inset: auto -10rem -16rem auto;
  width: 32rem;
  height: 32rem;
  border-radius: 50%;
  border: 1px solid rgba(var(--operia-primary-rgb), .10);
  box-shadow: inset 0 0 0 5rem rgba(var(--operia-primary-rgb), .035);
  pointer-events: none;
}

.page-hero .container {
  position: relative;
  z-index: 2;
}

.operia-breadcrumb {
  margin-bottom: 2rem;
}

.operia-breadcrumb .breadcrumb {
  margin-bottom: 0;
}

.operia-breadcrumb .breadcrumb-item,
.operia-breadcrumb .breadcrumb-item a {
  color: var(--operia-muted);
  font-weight: 500;
  text-decoration: none;
}

.operia-breadcrumb .breadcrumb-item a:hover,
.operia-breadcrumb .breadcrumb-item.active {
  color: var(--operia-primary);
}

.operia-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  color: var(--operia-muted);
}

.operia-link-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 17rem;
  padding: 2rem;
  color: inherit;
  text-decoration: none;
  border: 1px solid rgba(var(--operia-primary-rgb), .12);
  border-radius: 1.35rem;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(250, 249, 255, .94));
  box-shadow: 0 1rem 2.4rem rgba(var(--operia-primary-rgb), .055);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.operia-link-card:hover {
  color: inherit;
  transform: translateY(-4px);
  border-color: rgba(var(--operia-primary-rgb), .20);
  box-shadow: 0 1.65rem 4rem rgba(var(--operia-primary-rgb), .12);
}

.operia-link-card p {
  color: var(--operia-muted);
  margin-bottom: 0;
}

.operia-card-action {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  margin-top: auto;
  padding-top: 1.4rem;
  color: var(--operia-primary);
  font-size: .92rem;
  font-weight: 700;
}

.operia-card-icon {
  width: 3.25rem;
  height: 3.25rem;
  display: grid;
  place-items: center;
  margin-bottom: 1.25rem;
  border-radius: 1.1rem;
  color: var(--operia-primary);
  background: var(--operia-primary-soft);
  font-size: 1.45rem;
}

.operia-audience-wrap {
  position: relative;
  overflow: hidden;
  padding: clamp(1.5rem, 3vw, 2.35rem);
  border: 1px solid rgba(var(--operia-primary-rgb), .10);
  border-radius: 1.5rem;
  background:
    radial-gradient(circle at 8% 10%, rgba(var(--operia-primary-rgb), .08), transparent 18rem),
    linear-gradient(135deg, #ffffff 0%, var(--operia-canvas) 100%);
  box-shadow: 0 1.3rem 3.2rem rgba(var(--operia-primary-rgb), .06);
}

.operia-audience-wrap::after {
  content: "";
  position: absolute;
  right: -7rem;
  top: -9rem;
  width: 20rem;
  height: 20rem;
  border-radius: 50%;
  border: 1px solid rgba(var(--operia-primary-rgb), .10);
  box-shadow: inset 0 0 0 4.5rem rgba(var(--operia-primary-rgb), .035);
  pointer-events: none;
}

.operia-audience-copy,
.operia-audience .row {
  position: relative;
  z-index: 1;
}

.operia-audience-copy {
  display: flex;
  flex-direction: column;
}

.operia-audience-note {
  display: flex;
  gap: .85rem;
  align-items: flex-start;
  margin-top: auto;
  padding: 1rem;
  border-radius: 1rem;
  background: rgba(var(--operia-primary-rgb), .08);
  color: var(--operia-ink);
  font-weight: 600;
  line-height: 1.4;
}

.operia-audience-note i {
  flex: 0 0 auto;
  display: inline-grid;
  place-items: center;
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 50%;
  color: #fff;
  background: var(--operia-primary);
}

.operia-audience-item {
  display: flex;
  gap: .8rem;
  align-items: center;
  min-height: 5rem;
  padding: 1rem;
  border: 1px solid rgba(var(--operia-primary-rgb), .09);
  border-radius: 1rem;
  background: rgba(255, 255, 255, .86);
  color: var(--operia-ink);
  font-weight: 700;
  box-shadow: 0 .75rem 1.75rem rgba(var(--operia-primary-rgb), .045);
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.operia-audience-item:hover {
  transform: translateY(-3px);
  border-color: rgba(var(--operia-primary-rgb), .20);
  box-shadow: 0 1.1rem 2.4rem rgba(var(--operia-primary-rgb), .08);
}

.operia-audience-item i {
  flex: 0 0 auto;
  display: inline-grid;
  place-items: center;
  width: 2.35rem;
  height: 2.35rem;
  border-radius: .8rem;
  color: var(--operia-primary);
  background: var(--operia-primary-soft);
  font-size: 1.1rem;
}

.operia-problems {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 12% 18%, rgba(var(--operia-primary-rgb), .08), transparent 23rem),
    linear-gradient(180deg, var(--operia-canvas) 0%, #ffffff 100%) !important;
}

.operia-problems::before {
  content: "";
  position: absolute;
  inset: 10% auto auto -8rem;
  width: 22rem;
  height: 22rem;
  border-radius: 50%;
  border: 1px solid rgba(var(--operia-primary-rgb), .09);
  box-shadow: inset 0 0 0 4rem rgba(var(--operia-primary-rgb), .025);
  pointer-events: none;
}

.operia-problems-panel {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: clamp(1.75rem, 3vw, 2.5rem);
  border: 1px solid rgba(var(--operia-primary-rgb), .10);
  border-radius: 1.5rem;
  background: rgba(255, 255, 255, .72);
  box-shadow: 0 1.35rem 3rem rgba(var(--operia-primary-rgb), .07);
  backdrop-filter: blur(8px);
}

.operia-risk-summary {
  display: flex;
  gap: 1rem;
  align-items: center;
  margin-top: auto;
  padding: 1rem;
  border-radius: 1rem;
  background: var(--operia-primary);
  color: #fff;
}

.operia-risk-summary strong {
  flex: 0 0 auto;
  font-size: 2.35rem;
  line-height: 1;
}

.operia-risk-summary span {
  color: rgba(255, 255, 255, .78);
  font-size: .95rem;
  line-height: 1.35;
}

.operia-problems .card {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(var(--operia-primary-rgb), .10) !important;
  border-radius: 1.15rem;
  background: rgba(255, 255, 255, .9);
  box-shadow: 0 .9rem 2rem rgba(var(--operia-primary-rgb), .045);
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.operia-problems .card:hover {
  transform: translateY(-4px);
  border-color: rgba(var(--operia-primary-rgb), .22) !important;
  box-shadow: 0 1.35rem 3rem rgba(var(--operia-primary-rgb), .09);
}

.operia-problems .card-body {
  position: relative;
  display: flex;
  gap: .9rem;
  align-items: flex-start;
  color: var(--operia-ink);
  font-weight: 600;
  line-height: 1.45;
}

.operia-problems .card-body span {
  position: absolute;
  right: 1.25rem;
  bottom: .85rem;
  color: rgba(var(--operia-primary-rgb), .08);
  font-size: 2.85rem;
  font-weight: 800;
  line-height: 1;
}

.operia-problems .card-body i {
  flex: 0 0 auto;
  display: inline-grid;
  place-items: center;
  width: 2.55rem;
  height: 2.55rem;
  border-radius: .85rem;
  color: #fff;
  background: linear-gradient(145deg, var(--operia-primary), var(--operia-primary-dark));
  box-shadow: 0 .75rem 1.45rem rgba(var(--operia-primary-rgb), .17);
}

.operia-problems .card-body p {
  position: relative;
  z-index: 1;
  margin: .1rem 0 0;
}

.operia-plan-card {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(var(--operia-primary-rgb), .12);
  border-radius: 1.35rem;
  background: #fff;
  box-shadow: 0 1.2rem 3rem rgba(var(--operia-primary-rgb), .07);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.operia-plan-card:hover {
  transform: translateY(-5px);
  border-color: rgba(var(--operia-primary-rgb), .22);
  box-shadow: 0 1.7rem 4rem rgba(var(--operia-primary-rgb), .12);
}

.operia-plan-head {
  position: relative;
  min-height: 14.7rem;
  padding: 1.85rem 1.85rem 0;
  color: #fff;
  background:
    radial-gradient(circle at -8% 84%, rgba(169, 156, 255, .72), transparent 7rem),
    linear-gradient(135deg, var(--operia-primary), #3c4a91);
}

.operia-plan-head::after {
  content: "";
  position: absolute;
  inset: auto -6rem -5.55rem -3rem;
  height: 12.2rem;
  border-radius: 50% 50% 0 0;
  background: #fff;
  transform: rotate(12deg);
}

.operia-plan-head h3 {
  position: relative;
  z-index: 2;
  max-width: 84%;
  margin: 0;
  color: #fff;
  font-size: clamp(1.6rem, 2.15vw, 2.05rem);
  line-height: 1.08;
}

.operia-plan-label {
  position: absolute;
  left: 1.85rem;
  right: 3rem;
  bottom: .95rem;
  z-index: 3;
  display: grid;
  place-items: center;
  min-height: 6.3rem;
      border-radius: 2rem 0rem 4rem 1rem;
  background: #fff;
  box-shadow: 0 1rem 2.2rem rgba(0, 0, 0, .08);
}

.operia-plan-label strong {
  display: block;
  color: var(--operia-primary);
  font-size: 1.75rem;
  line-height: 1;
}

.operia-plan-label span {
  display: block;
  margin-top: .45rem;
  color: var(--operia-primary);
  font-weight: 500;
}

.operia-plan-body {
  padding: 1.55rem 1.85rem 1.85rem;
  position: relative;
  z-index: 2;
}

.operia-plan-body p {
  min-height: 2.65rem;
  margin-bottom: 1rem;
  color: var(--operia-ink);
  font-weight: 700;
}

.operia-plan-body ul {
  margin: 0 0 1.45rem;
}

.operia-plan-body li {
  position: relative;
  padding-left: 2rem;
  margin-bottom: .62rem;
  color: var(--operia-muted);
  font-size: 1.02rem;
}

.operia-plan-body li::before {
  content: "\f13d";
  position: absolute;
  left: 0;
  top: .06rem;
  color: var(--operia-primary);
  font-family: around-icons !important;
  font-size: 1.05rem;
}

.operia-plan-ribbon {
  position: absolute;
  top: 2rem;
  right: -3.1rem;
  z-index: 5;
  width: 12rem;
  padding: .55rem 0;
  color: var(--operia-primary);
  background: #f3f5ff;
  font-size: .78rem;
  font-weight: 800;
  text-align: center;
  text-transform: uppercase;
  transform: rotate(45deg);
}

.operia-plan-featured {
  transform: translateY(-.45rem);
}

.operia-steps {
  counter-reset: operia-step;
  list-style: none;
  padding-left: 0;
  border: 1px solid rgba(var(--operia-primary-rgb), .10);
  border-radius: 1.25rem;
  background: #fff;
  box-shadow: 0 1rem 2.4rem rgba(var(--operia-primary-rgb), .055);
}

.operia-steps li {
  counter-increment: operia-step;
  display: flex;
  gap: 1rem;
  align-items: flex-start;
  padding: 1.15rem 1.25rem;
  border-bottom: 1px solid rgba(var(--operia-primary-rgb), .10);
  font-weight: 500;
}

.operia-steps li::before {
  content: counter(operia-step, decimal-leading-zero);
  flex: 0 0 auto;
  color: var(--operia-primary);
  font-weight: 800;
}

.operia-steps li:last-child {
  border-bottom: 0;
}

.operia-cta {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(var(--operia-primary-rgb), .10);
  background:
    radial-gradient(circle at 90% 12%, rgba(var(--operia-primary-rgb), .10), transparent 18rem),
    linear-gradient(135deg, #ffffff, #f7f4ff);
  box-shadow: 0 1.4rem 3.5rem rgba(var(--operia-primary-rgb), .08);
}

.operia-cta::after {
  content: "";
  position: absolute;
  inset: -8rem -8rem auto auto;
  width: 18rem;
  height: 18rem;
  border-radius: 50%;
  border: 1px solid rgba(var(--operia-primary-rgb), .12);
  box-shadow: inset 0 0 0 3rem rgba(var(--operia-primary-rgb), .035);
  pointer-events: none;
}

.card ul li {
  position: relative;
  padding-left: 1.25rem;
  margin-bottom: .55rem;
}

.card ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .68em;
  width: .38rem;
  height: .38rem;
  border-radius: 50%;
  background: var(--operia-primary);
}

[data-bs-theme="dark"] .page-hero,
[data-bs-theme="dark"] #inicio .bg-secondary {
  background:
    linear-gradient(180deg, rgba(18, 17, 25, .84), rgba(16, 16, 20, .90)),
    radial-gradient(circle at 82% 18%, rgba(169, 156, 255, .18), transparent 24rem),
    url("assets/home_1_slider_4.jpg") center 40% / cover no-repeat,
    linear-gradient(180deg, #171322, #101014 92%) !important;
}

[data-bs-theme="dark"] .bg-secondary.py-5 {
  background:
    radial-gradient(circle at 82% 18%, rgba(169, 156, 255, .18), transparent 24rem),
    linear-gradient(180deg, #171322, #101014 92%) !important;
}

[data-bs-theme="dark"] #inicio::before,
[data-bs-theme="dark"] .page-hero::after {
  border-color: rgba(169, 156, 255, .14);
  box-shadow: inset 0 0 0 5rem rgba(169, 156, 255, .035);
}

[data-bs-theme="dark"] .operia-link-card,
[data-bs-theme="dark"] .operia-cta,
[data-bs-theme="dark"] .card.bg-secondary,
[data-bs-theme="dark"] .bg-secondary.rounded-5 {
  background: linear-gradient(180deg, #171322, #121119) !important;
  border-color: rgba(169, 156, 255, .15) !important;
}

[data-bs-theme="dark"] .operia-link-card:hover,
[data-bs-theme="dark"] .card.bg-secondary:hover {
  border-color: rgba(200, 193, 255, .28) !important;
  box-shadow: 0 1.65rem 4rem rgba(0, 0, 0, .28);
}

[data-bs-theme="dark"] .operia-link-card p {
  color: rgba(255, 255, 255, .68);
}

[data-bs-theme="dark"] .operia-card-icon,
[data-bs-theme="dark"] .card .fs-1.text-primary {
  color: #c8c1ff !important;
  background: rgba(169, 156, 255, .13);
}

[data-bs-theme="dark"] .operia-steps,
[data-bs-theme="dark"] .operia-problems .card {
  background: rgba(23, 19, 34, .92) !important;
  border-color: rgba(169, 156, 255, .15) !important;
}

[data-bs-theme="dark"] .operia-audience-wrap {
  background:
    radial-gradient(circle at 8% 10%, rgba(169, 156, 255, .12), transparent 18rem),
    linear-gradient(135deg, #171322 0%, #121119 100%);
  border-color: rgba(169, 156, 255, .15);
  box-shadow: 0 1.3rem 3.2rem rgba(0, 0, 0, .22);
}

[data-bs-theme="dark"] .operia-audience-note,
[data-bs-theme="dark"] .operia-audience-item {
  background: rgba(255, 255, 255, .055);
  border-color: rgba(169, 156, 255, .14);
  color: #f7f5ff;
}

[data-bs-theme="dark"] .operia-audience-note i {
  color: #ffffff;
  background: #6f5ee8;
}

[data-bs-theme="dark"] .operia-audience-item i {
  color: #c8c1ff;
  background: rgba(169, 156, 255, .13);
}

[data-bs-theme="dark"] .operia-problems {
  background:
    radial-gradient(circle at 12% 18%, rgba(169, 156, 255, .13), transparent 23rem),
    linear-gradient(180deg, #171322 0%, #121119 100%) !important;
}

[data-bs-theme="dark"] .operia-problems-panel {
  background: rgba(23, 19, 34, .86);
  border-color: rgba(169, 156, 255, .15);
  box-shadow: 0 1.35rem 3rem rgba(0, 0, 0, .22);
}

[data-bs-theme="dark"] .operia-risk-summary {
  background: linear-gradient(135deg, #6f5ee8, #4e3bb2);
  color: #ffffff;
}

[data-bs-theme="dark"] .operia-problems .card-body {
  color: #f7f5ff;
}

[data-bs-theme="dark"] .operia-plan-card {
  background: #171322;
  border-color: rgba(169, 156, 255, .15);
}

[data-bs-theme="dark"] .operia-plan-head::after,
[data-bs-theme="dark"] .operia-plan-label {
  background: #171322;
}

[data-bs-theme="dark"] .operia-plan-body p {
  color: #f7f5ff;
}

[data-bs-theme="dark"] .operia-plan-body li {
  color: rgba(255, 255, 255, .70);
}

[data-bs-theme="dark"] .operia-plan-ribbon {
  color: #ffffff;
  background: #6f5ee8;
}

[data-bs-theme="dark"] .operia-workflow h2 {
  color: #ffffff;
}

[data-bs-theme="dark"] .operia-workflow .text-body-secondary {
  color: rgba(255, 255, 255, .74) !important;
}

[data-bs-theme="dark"] .operia-steps li {
  color: rgba(255, 255, 255, .82);
  border-bottom-color: rgba(169, 156, 255, .14);
}

[data-bs-theme="dark"] .operia-steps li::before {
  color: #c8c1ff;
}

[data-bs-theme="dark"] .bg-light.rounded-4.py-3 {
  color: #f7f5ff;
  background: rgba(255, 255, 255, .06) !important;
  border-color: rgba(169, 156, 255, .14);
  box-shadow: none;
}

[data-bs-theme="dark"] .card:not(.bg-dark):not(.bg-secondary) {
  background-color: #171322;
  border-color: rgba(169, 156, 255, .14) !important;
}

[data-bs-theme="dark"] .footer .nav-link,
[data-bs-theme="dark"] .footer .text-body-secondary,
[data-bs-theme="dark"] .footer p {
  color: rgba(255, 255, 255, .68) !important;
}

[data-bs-theme="dark"] .footer h4,
[data-bs-theme="dark"] .footer .navbar-brand .text-nav {
  color: #ffffff !important;
}

[data-bs-theme="dark"] .footer .nav-link:hover {
  color: #ffffff !important;
}

[data-bs-theme="dark"] .form-label,
[data-bs-theme="dark"] .breadcrumb-item.active,
[data-bs-theme="dark"] .operia-section-kicker {
  color: #c8c1ff;
}

[data-bs-theme="dark"] .form-control,
[data-bs-theme="dark"] .form-select,
[data-bs-theme="dark"] textarea.form-control {
  color: #f7f5ff;
  background-color: rgba(255, 255, 255, .055);
  border-color: rgba(169, 156, 255, .18);
}

[data-bs-theme="dark"] .form-control:focus,
[data-bs-theme="dark"] .form-select:focus,
[data-bs-theme="dark"] textarea.form-control:focus {
  background-color: rgba(255, 255, 255, .075);
  border-color: rgba(200, 193, 255, .42);
  box-shadow: 0 0 0 .25rem rgba(169, 156, 255, .13);
}

[data-bs-theme="dark"] .form-control::placeholder,
[data-bs-theme="dark"] textarea.form-control::placeholder {
  color: rgba(255, 255, 255, .42);
}

[data-bs-theme="dark"] .breadcrumb-item,
[data-bs-theme="dark"] .breadcrumb-item a,
[data-bs-theme="dark"] .text-body-secondary {
  color: rgba(255, 255, 255, .68) !important;
}

[data-bs-theme="dark"] .badge.bg-primary.bg-opacity-10 {
  background-color: rgba(169, 156, 255, .14) !important;
  border-color: rgba(169, 156, 255, .18);
}

@media (max-width: 767.98px) {
  .page-hero {
    padding-top: 7.5rem;
    padding-bottom: 3.25rem;
  }

  .operia-link-card {
    min-height: auto;
    padding: 1.5rem;
  }
}