:root {
  --tecnologia-ink: #171832;
  --tecnologia-muted: #5c607a;
  --tecnologia-paper: #f7f5f0;
  --tecnologia-lavender: #dcd8ff;
  --tecnologia-lilac: #eeeafe;
  --tecnologia-blue: #4055a1;
  --tecnologia-purple: #6650c7;
  --tecnologia-magenta: #ee5aa9;
  --tecnologia-line: rgb(23 24 50 / 18%);
}
@media (max-width:640px){.tecnologia-main>section>*{min-width:0;max-width:100%}.tecnologia-intro__orb{right:0}.tecnologia-community__header>*{min-width:0}}
@media(max-width:640px){.tecnologia-main :is(h1,h2,h3,p){overflow-wrap:anywhere}.tecnologia-intro__orb{right:0!important}.tecnologia-intro__visual,.tecnologia-cloud__visual{overflow:hidden}}

html { scroll-behavior: auto; }
body.tecnologia-page { background: var(--tecnologia-paper); color: var(--tecnologia-ink); font-family: Arial, Helvetica, sans-serif; }
body.tecnologia-page a { color: inherit; }
body.tecnologia-page h1,
body.tecnologia-page h2,
body.tecnologia-page h3 { font-family: "Kameron", Georgia, serif; font-weight: 400; letter-spacing: -.035em; }
body.tecnologia-page p { max-width: 68ch; }

/* The homepage header remains the shared shell, with an opaque reserved band on this page. */
.tecnologia-header { min-height: 0; height: auto; background: var(--tecnologia-blue); }
.tecnologia-header [data-homepage-region-content] { height: auto; min-height: 112px; background: var(--tecnologia-blue); background-image: none; }
.tecnologia-header .hero-header { align-items: center; min-height: 112px; padding-block: 18px; }
.tecnologia-header .hero-stage { min-height: 0; padding: 0; }
.tecnologia-header .hero-phone,
.tecnologia-header .hero-nav { margin-top: 0; }
.tecnologia-header .hero-logo { align-self: center; }

.tecnologia-main { background: var(--tecnologia-paper); }
.tecnologia-main > section { position: relative; padding: clamp(5rem, 9vw, 9rem) max(1.25rem, 7vw); }
.tecnologia-main > section > * { width: min(100%, 1260px); margin-inline: auto; }
.tecnologia-kicker { margin: 0 0 1.25rem; color: var(--tecnologia-purple); font-size: .76rem; font-weight: 700; letter-spacing: .16em; line-height: 1.4; text-transform: uppercase; }
.tecnologia-main h2 { margin: 0; font-size: clamp(2.6rem, 5vw, 5.8rem); line-height: .98; }
.tecnologia-main h3 { margin: 0; font-size: clamp(1.35rem, 2vw, 1.8rem); line-height: 1.05; }
.tecnologia-main p { color: var(--tecnologia-muted); font-size: clamp(1rem, 1.2vw, 1.16rem); line-height: 1.65; }

.tecnologia-intro { display: grid; min-height: min(700px, calc(100vh - 112px)); grid-template-columns: minmax(0, 1.05fr) minmax(300px, .95fr); align-items: center; gap: clamp(3rem, 8vw, 9rem); background: #e3e0ff; }
.tecnologia-intro__content { position: relative; z-index: 1; }
.tecnologia-intro h1 { max-width: 760px; margin: 0; font-size: clamp(3.65rem, 7.8vw, 8rem); line-height: .88; }
.tecnologia-intro__lead { max-width: 600px; margin: 2rem 0 0; color: #3c3b60; font-size: clamp(1.08rem, 1.5vw, 1.35rem); }
.tecnologia-intro__actions { display: flex; flex-wrap: wrap; gap: 1rem; align-items: center; margin-top: 2.5rem; }
.tecnologia-intro__note { color: #4f4d70; font-size: .82rem; font-weight: 700; letter-spacing: .04em; line-height: 1.4; }
.tecnologia-button { display: inline-flex; min-height: 3.25rem; align-items: center; justify-content: center; gap: .55rem; padding: .8rem 1.35rem; border: 2px solid var(--tecnologia-ink); border-radius: 999px; font-size: .82rem; font-weight: 700; letter-spacing: .06em; text-decoration: none; text-transform: uppercase; transition: transform 160ms ease, background-color 160ms ease, color 160ms ease; }
.tecnologia-button:hover,
.tecnologia-button:focus-visible { transform: translateY(-3px); }
.tecnologia-button--solid { background: var(--tecnologia-ink); color: #fff !important; }
.tecnologia-button--solid:hover,
.tecnologia-button--solid:focus-visible { background: var(--tecnologia-purple); }
.tecnologia-button--quiet { border-color: transparent; color: var(--tecnologia-ink); }
.tecnologia-button--quiet:hover,
.tecnologia-button--quiet:focus-visible { border-color: var(--tecnologia-ink); }
.tecnologia-intro__visual { position: relative; min-height: 430px; background: url("../assets/figma/a2b45704-0196-41ba-aa7f-10b0d2f3b546-1-1-3.webp") center / cover; border-radius: 46% 46% 8% 8%; transform: rotate(3deg); box-shadow: 1.5rem 1.5rem 0 var(--tecnologia-magenta); }
.tecnologia-intro__image { display: block; width: 100%; height: 100%; min-height: 430px; object-fit: cover; border-radius: inherit; opacity: 0; }
.tecnologia-intro__visual::after { position: absolute; inset: 0; border: 1px solid rgb(255 255 255 / 45%); border-radius: inherit; content: ""; }
.tecnologia-intro__orb { position: absolute; width: 140px; height: 140px; right: -34px; top: -34px; border: 1px solid #fff; border-radius: 50%; background: var(--tecnologia-blue); box-shadow: inset 0 0 0 18px var(--tecnologia-lavender); }
.tecnologia-intro__label { position: absolute; z-index: 1; padding: .5rem .85rem; border-radius: 999px; background: #fff; color: var(--tecnologia-ink); font-size: .72rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; transform: rotate(-3deg); }
.tecnologia-intro__label--top { top: 18%; left: -1.1rem; }
.tecnologia-intro__label--bottom { right: -1.5rem; bottom: 16%; }

.tecnologia-fast-start { background: #fff; }
.tecnologia-section-heading { display: grid; grid-template-columns: minmax(0, 1fr) minmax(240px, .7fr); column-gap: clamp(2rem, 7vw, 8rem); align-items: end; }
.tecnologia-section-heading .tecnologia-kicker { grid-column: 1 / -1; }
.tecnologia-section-heading h2 { max-width: 690px; }
.tecnologia-section-heading > p:last-child { margin: 0; }
.tecnologia-fast-start__steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; padding: 0; margin: clamp(3.5rem, 7vw, 6.5rem) auto 0; list-style: none; background: var(--tecnologia-line); }
.tecnologia-step-card { min-height: 270px; padding: clamp(1.5rem, 3vw, 3rem); background: #fff; }
.tecnologia-step-card__number { display: block; margin-bottom: 4rem; color: var(--tecnologia-magenta); font: 400 clamp(2.2rem, 4vw, 4rem)/.8 "Kameron", Georgia, serif; }
.tecnologia-step-card p { margin-bottom: 0; }

.tecnologia-cloud { display: grid; grid-template-columns: minmax(280px, .9fr) minmax(0, 1.1fr); gap: clamp(3rem, 8vw, 9rem); align-items: center; background: var(--tecnologia-blue); color: #fff; }
.tecnologia-cloud .tecnologia-kicker { color: #bdb8ff; }
.tecnologia-cloud h2 { max-width: 750px; }
.tecnologia-cloud p { color: #e1e4ff; }
.tecnologia-cloud__visual { position: relative; min-height: 520px; }
.tecnologia-cloud__visual img { display: block; width: 100%; height: 100%; min-height: 520px; object-fit: cover; border-radius: 50% 50% 0 0; }
.tecnologia-cloud__badge { position: absolute; right: -1.2rem; bottom: 12%; padding: .75rem 1.1rem; border: 2px solid var(--tecnologia-ink); border-radius: 999px; background: var(--tecnologia-magenta); color: var(--tecnologia-ink); font-size: .76rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; transform: rotate(-7deg); }
.tecnologia-cloud__content { padding-block: 1rem; }
.tecnologia-cloud__points { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem; margin-top: 3.5rem; }
.tecnologia-point { padding-top: 1rem; border-top: 1px solid rgb(255 255 255 / 42%); }
.tecnologia-point h3 { color: #fff; }
.tecnologia-point p { margin-bottom: 0; font-size: .98rem; }

.tecnologia-dynamics { background: var(--tecnologia-ink); color: #fff; }
.tecnologia-dynamics__intro { display: grid; grid-template-columns: minmax(0, 1fr) minmax(230px, .62fr); gap: 2rem 8rem; align-items: end; }
.tecnologia-dynamics__intro .tecnologia-kicker { grid-column: 1 / -1; color: #ff8bc7; }
.tecnologia-dynamics__intro p:last-child { margin: 0; color: #c6c8db; }
.tecnologia-dynamics__grid { display: grid; grid-template-columns: 1.25fr 1fr 1fr; gap: 1rem; margin-top: 5rem; }
.tecnologia-dynamics__card { min-height: 270px; padding: clamp(1.5rem, 3vw, 2.75rem); border: 1px solid rgb(255 255 255 / 25%); border-radius: 1.5rem 1.5rem 0 1.5rem; background: rgb(255 255 255 / 6%); }
.tecnologia-dynamics__card--large { min-height: 350px; background: var(--tecnologia-purple); }
.tecnologia-dynamics__icon { display: block; margin-bottom: 5rem; color: #ff8bc7; font: 400 3rem/1 Arial, sans-serif; }
.tecnologia-dynamics__card h3 { color: #fff; }
.tecnologia-dynamics__card p { margin-bottom: 0; color: #c6c8db; }

.tecnologia-rendering { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, .85fr); gap: clamp(3rem, 8vw, 9rem); align-items: center; background: var(--tecnologia-lavender); }
.tecnologia-rendering__content h2 { max-width: 720px; }
.tecnologia-rendering__content > p:not(.tecnologia-kicker) { max-width: 600px; color: #41425f; }
.tecnologia-rendering__stats { display: flex; flex-wrap: wrap; gap: 1.5rem 2.5rem; margin-top: 3rem; }
.tecnologia-rendering__stats div { display: grid; gap: .3rem; }
.tecnologia-rendering__stats strong { color: var(--tecnologia-purple); font: 400 2.5rem/1 "Kameron", Georgia, serif; }
.tecnologia-rendering__stats span { font-size: .78rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.tecnologia-rendering__figure { position: relative; margin: 0; padding: 1rem 1rem 2rem; background: var(--tecnologia-magenta); transform: rotate(-4deg); }
.tecnologia-rendering__figure img { display: block; width: 100%; height: auto; background: var(--tecnologia-purple); }
.tecnologia-rendering__figure figcaption { padding-top: 1.2rem; color: var(--tecnologia-ink); font: 400 1.35rem/1 "Kameron", Georgia, serif; }

.tecnologia-personalization { display: grid; grid-template-columns: minmax(280px, .9fr) minmax(0, 1.1fr); gap: clamp(3rem, 8vw, 9rem); align-items: center; background: #fff; }
.tecnologia-personalization__visual { min-height: 560px; }
.tecnologia-personalization__visual img { display: block; width: 100%; height: 100%; min-height: 560px; object-fit: cover; border-radius: 50% 0 50% 0; }
.tecnologia-personalization__content h2 { max-width: 740px; }
.tecnologia-personalization__list { display: grid; gap: 1.25rem; padding: 0; margin: 3rem 0 0; list-style: none; }
.tecnologia-personalization__list li { display: grid; grid-template-columns: 1.2rem 1fr; gap: .7rem; align-items: start; padding-top: 1rem; border-top: 1px solid var(--tecnologia-line); color: var(--tecnologia-muted); line-height: 1.5; }
.tecnologia-personalization__list li > span:first-child { color: var(--tecnologia-magenta); }
.tecnologia-personalization__list strong { color: var(--tecnologia-ink); }

.tecnologia-community { background: #f0c9df; }
.tecnologia-community__header { display: grid; grid-template-columns: minmax(0, 1fr) minmax(230px, .65fr); gap: 2rem 8rem; align-items: end; }
.tecnologia-community__header .tecnologia-kicker { grid-column: 1 / -1; }
.tecnologia-community__header h2 { max-width: 780px; }
.tecnologia-community__header > p:last-child { margin: 0; color: #4a4057; }
.tecnologia-community__cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin-top: 5rem; }
.tecnologia-community__card { min-height: 275px; padding: clamp(1.5rem, 3vw, 2.75rem); border: 1px solid var(--tecnologia-ink); background: rgb(255 255 255 / 42%); }
.tecnologia-community__card--accent { background: var(--tecnologia-blue); color: #fff; transform: translateY(-1.5rem); }
.tecnologia-community__card--accent p { color: #e1e4ff; }
.tecnologia-community__mark { display: block; margin-bottom: 4rem; color: var(--tecnologia-purple); font: 400 3rem/1 Arial, sans-serif; }
.tecnologia-community__card--accent .tecnologia-community__mark { color: #ff8bc7; }
.tecnologia-community__card p { margin-bottom: 0; }
.tecnologia-community__card--accent h3 { color: #fff; }
.tecnologia-community__link { display: inline-flex; gap: 1rem; align-items: center; margin-top: 3.5rem !important; color: var(--tecnologia-ink); font-size: .82rem; font-weight: 700; letter-spacing: .08em; text-decoration: none; text-transform: uppercase; }
.tecnologia-community__link span { font-size: 1.5rem; line-height: .5; }

.footer-consent-settings { padding: .45rem .8rem; border: 1px solid currentColor; border-radius: 999px; background: transparent; color: inherit; cursor: pointer; font: inherit; }
.footer-consent-settings:hover,
.footer-consent-settings:focus-visible { background: #fff; color: var(--tecnologia-ink); }
.tecnologia-consent-panel { position: fixed; inset: 50% auto auto 50%; z-index: 1100; width: min(92vw, 480px); padding: 2rem; border: 1px solid var(--tecnologia-ink); border-radius: 1rem; background: #fff; color: var(--tecnologia-ink); box-shadow: 0 1rem 4rem rgb(23 24 50 / 28%); transform: translate(-50%, -50%); }
.tecnologia-consent-panel::backdrop { background: rgb(23 24 50 / 52%); }
.tecnologia-consent-panel[hidden] { display: none; }
.tecnologia-consent-panel h2 { margin: 0; font: 400 2.5rem/1 "Kameron", Georgia, serif; }
.tecnologia-consent-panel p:not(.tecnologia-kicker) { color: var(--tecnologia-muted); line-height: 1.55; }
.tecnologia-consent-panel__close { position: absolute; top: .75rem; right: .75rem; width: 2rem; height: 2rem; border: 0; background: transparent; color: var(--tecnologia-ink); cursor: pointer; font-size: 1.6rem; }
.tecnologia-consent-panel__choices { display: flex; flex-wrap: wrap; gap: 1rem; margin: 1.5rem 0 0; padding: 1rem; border: 1px solid var(--tecnologia-line); }
.tecnologia-consent-panel__choices legend { padding-inline: .35rem; color: var(--tecnologia-muted); font-size: .78rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.tecnologia-consent-panel__choices label { display: inline-flex; gap: .45rem; align-items: center; color: var(--tecnologia-ink); font-size: .95rem; }
.tecnologia-consent-panel__actions { display: flex; flex-wrap: wrap; gap: .65rem; margin-top: 1.5rem; }
.tecnologia-consent-panel__actions button { padding: .65rem .9rem; border: 1px solid var(--tecnologia-ink); border-radius: 999px; background: var(--tecnologia-ink); color: #fff; cursor: pointer; font: inherit; }
.tecnologia-consent-panel__actions button + button { background: #fff; color: var(--tecnologia-ink); }
.tecnologia-consent-panel__actions button:focus-visible,
.tecnologia-consent-panel__close:focus-visible,
.footer-consent-settings:focus-visible { outline: 3px solid var(--tecnologia-magenta); outline-offset: 3px; }

@media (max-width: 900px) {
  .tecnologia-intro,
  .tecnologia-cloud,
  .tecnologia-rendering,
  .tecnologia-personalization { grid-template-columns: 1fr; }
  .tecnologia-intro { min-height: 0; }
  .tecnologia-intro__visual { width: min(100%, 540px); min-height: 400px; margin-inline: auto; }
  .tecnologia-section-heading,
  .tecnologia-dynamics__intro,
  .tecnologia-community__header { grid-template-columns: 1fr; gap: 1rem; }
  .tecnologia-dynamics__intro .tecnologia-kicker,
  .tecnologia-community__header .tecnologia-kicker { grid-column: auto; }
  .tecnologia-fast-start__steps,
  .tecnologia-dynamics__grid,
  .tecnologia-community__cards { grid-template-columns: repeat(2, 1fr); }
  .tecnologia-dynamics__card--large { grid-column: 1 / -1; min-height: 270px; }
  .tecnologia-community__card--accent { transform: none; }
  .tecnologia-cloud__visual,
  .tecnologia-cloud__visual img,
  .tecnologia-personalization__visual,
  .tecnologia-personalization__visual img { min-height: 400px; }
}

@media (max-width: 640px) {
  .tecnologia-header [data-homepage-region-content] { min-height: 88px; }
  .tecnologia-header .hero-header { min-height: 88px; }
  .tecnologia-main > section { padding-block: 4.25rem; }
  .tecnologia-intro h1 { font-size: clamp(3.25rem, 15vw, 5rem); }
  .tecnologia-intro__visual { min-height: 300px; box-shadow: .8rem .8rem 0 var(--tecnologia-magenta); }
  .tecnologia-intro__orb { width: 90px; height: 90px; right: -1rem; top: -1rem; box-shadow: inset 0 0 0 11px var(--tecnologia-lavender); }
  .tecnologia-intro__label--top { left: -.5rem; }
  .tecnologia-intro__label--bottom { right: -.5rem; }
  .tecnologia-fast-start__steps,
  .tecnologia-dynamics__grid,
  .tecnologia-community__cards,
  .tecnologia-cloud__points { grid-template-columns: 1fr; }
  .tecnologia-step-card { min-height: 0; }
  .tecnologia-step-card__number,
  .tecnologia-dynamics__icon,
  .tecnologia-community__mark { margin-bottom: 2rem; }
  .tecnologia-dynamics__card--large { grid-column: auto; }
  .tecnologia-cloud__visual,
  .tecnologia-cloud__visual img,
  .tecnologia-personalization__visual,
  .tecnologia-personalization__visual img { min-height: 300px; }
  .tecnologia-cloud__badge { right: -.4rem; }
  .tecnologia-personalization__visual img { border-radius: 50% 0 30% 0; }
  .tecnologia-rendering__figure { max-width: 400px; margin-inline: auto; }
  .tecnologia-community__link { margin-top: 2.5rem !important; }
  .tecnologia-consent-panel { padding: 1.5rem; }
}
.tecnologia-page .site-footer__nav,
.tecnologia-page .site-footer__nav a {
  position: relative;
  z-index: 20;
  pointer-events: auto;
}