/* The diagnostic shares the landing page's editorial, warm-blue visual language. */
body[data-page="diagnostico-ia"] { background: #fbfcfe; }
body[data-page="diagnostico-ia"] main#contenido {
  position: relative;
  isolation: isolate;
  background: linear-gradient(125deg,#fff 0%,#f9fbff 56%,#f6f5f1 100%);
}
body[data-page="diagnostico-ia"] main#contenido > :is(.page-hero,.diagnostic-section) { position: relative; z-index: 1; }

body[data-page="diagnostico-ia"] .site-header {
  border-color: #e0e8f1;
  background: rgba(255,255,255,.96);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  box-shadow: none;
}
body[data-page="diagnostico-ia"] .nav-cta {
  min-height: 52px;
  gap: 20px;
  padding: 5px 6px 5px 20px;
  border: 1px solid #163153;
  border-radius: 100px;
  background: transparent;
  color: #102948;
  font-size: .72rem;
  font-weight: 750;
  letter-spacing: .105em;
  text-transform: uppercase;
  transition: background-color .28s ease,border-color .28s ease,color .28s ease;
}
body[data-page="diagnostico-ia"] .nav-cta > span[aria-hidden] {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  flex: none;
  border-radius: 50%;
  background: #102948;
  color: #fff;
  font-size: 1.18rem;
  font-weight: 400;
}
body[data-page="diagnostico-ia"] .nav-cta:is(:hover,:focus-visible) {
  background: #102948;
  color: #fff;
  transform: none;
}
body[data-page="diagnostico-ia"] .nav-cta:is(:hover,:focus-visible) > span[aria-hidden] {
  background: #fff;
  color: #102948;
}
body[data-page="diagnostico-ia"] .site-header .header-whatsapp {
  min-height: 52px;
  padding-inline: 16px;
  border: 0;
  border-bottom: 1px solid #6689b4;
  border-radius: 0;
  background: transparent;
  color: #17385e;
  font-size: .72rem;
  font-weight: 750;
  letter-spacing: .105em;
  text-transform: uppercase;
  box-shadow: none;
}
body[data-page="diagnostico-ia"] .site-header .header-whatsapp:hover {
  border-color: #17385e;
  background: transparent;
  color: #17385e;
  transform: none;
}

body[data-page="diagnostico-ia"] .page-hero {
  overflow: hidden;
  padding-block: clamp(58px,7vw,105px) clamp(64px,7.4vw,112px);
  background: linear-gradient(108deg,rgba(255,255,255,.96),rgba(255,255,255,.66) 62%,rgba(248,248,244,.55));
}
body[data-page="diagnostico-ia"] .page-hero::after {
  content: "360";
  position: absolute;
  right: 1.5vw;
  top: -18%;
  z-index: -1;
  color: transparent;
  -webkit-text-stroke: 1px rgba(43,78,119,.16);
  font-family: "Avenir Next Condensed","Arial Narrow",Arial,sans-serif;
  font-size: clamp(15rem,27vw,34rem);
  font-weight: 700;
  letter-spacing: -.08em;
  line-height: 1;
  pointer-events: none;
}
body[data-page="diagnostico-ia"] .page-hero .breadcrumb { color: #50627c; }
body[data-page="diagnostico-ia"] .page-hero .eyebrow { color: #315887; }
body[data-page="diagnostico-ia"] .page-hero h1 {
  max-width: 1080px;
  margin-bottom: 25px;
  color: #0c1d39;
  font-family: "Avenir Next Condensed","Arial Narrow","Helvetica Neue",Arial,sans-serif;
  font-size: clamp(3.6rem,6.1vw,7.2rem);
  font-weight: 700;
  line-height: .98;
  letter-spacing: -.055em;
  text-transform: uppercase;
}
body[data-page="diagnostico-ia"] .page-hero h1 em { color: #315f99; }
body[data-page="diagnostico-ia"] .page-hero .lead {
  max-width: 760px;
  color: #475a73;
  font-size: clamp(1rem,1.25vw,1.13rem);
  line-height: 1.72;
}
body[data-page="diagnostico-ia"] .diagnostic-section {
  background: linear-gradient(180deg,rgba(248,251,255,.46),rgba(255,255,255,.25));
}
body[data-page="diagnostico-ia"] .diagnostic-aside { padding-top: 21px; }
body[data-page="diagnostico-ia"] .diagnostic-aside h2 {
  color: #0c1d39;
  font-weight: 650;
  line-height: 1.07;
  letter-spacing: -.055em;
}
body[data-page="diagnostico-ia"] .diagnostic-aside > p:not(.eyebrow) { color: #526277; }
body[data-page="diagnostico-ia"] .diagnostic-dimensions span {
  color: #315f99;
  border-color: #cddae9;
}
body[data-page="diagnostico-ia"] .diagnostic-dimensions strong { font-weight: 650; }
body[data-page="diagnostico-ia"] .diagnostic-workspace {
  position: relative;
  overflow: hidden;
  border: 1px solid #cbd9e8;
  border-radius: 5px;
  background: rgba(255,255,255,.96);
  box-shadow: 0 22px 58px rgba(20,49,87,.075);
}
body[data-page="diagnostico-ia"] .diagnostic-workspace::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg,#c7a67b,#7f9fc4 45%,transparent);
  pointer-events: none;
}
body[data-page="diagnostico-ia"] .diagnostic-progress-copy {
  color: #23466f;
  font-size: .73rem;
  letter-spacing: .08em;
  text-transform: uppercase;
}
body[data-page="diagnostico-ia"] .diagnostic-progress-track { height: 4px; background: #e4eaf1; }
body[data-page="diagnostico-ia"] .diagnostic-progress-track > span {
  background: linear-gradient(90deg,#c4a77e,#315f99);
}
body[data-page="diagnostico-ia"] .diagnostic-question h2 {
  color: #0c1d39;
  font-weight: 650;
  letter-spacing: -.05em;
}
body[data-page="diagnostico-ia"] .diagnostic-group-number {
  border: 1px solid #c8d7e8;
  background: #f8fbfe;
}
body[data-page="diagnostico-ia"] .diagnostic-option {
  border-color: #cfdae8;
  border-radius: 9px;
  background: rgba(255,255,255,.96);
  box-shadow: none;
  transition: border-color .24s ease,background-color .24s ease,box-shadow .24s ease;
}
body[data-page="diagnostico-ia"] .diagnostic-option:hover {
  border-color: #799cc7;
  background: #f8fbff;
  transform: none;
}
body[data-page="diagnostico-ia"] .diagnostic-option:has(input:checked) {
  border-color: #315f99;
  background: #f2f7fc;
  box-shadow: 0 0 0 1px #315f99;
}
body[data-page="diagnostico-ia"] .diagnostic-text-field {
  border-color: #bfcfe0;
  border-radius: 8px;
  background: #fff;
}
body[data-page="diagnostico-ia"] .diagnostic-actions .button-primary {
  min-height: 58px;
  gap: 22px;
  padding: 7px 8px 7px 25px;
  border: 1px solid #0b1a33;
  border-radius: 100px;
  background: #0b1a33;
  color: #fff;
  font-size: .72rem;
  font-weight: 750;
  letter-spacing: .105em;
  text-transform: uppercase;
  box-shadow: 0 11px 25px rgba(14,39,75,.13);
  transition: background-color .28s ease,border-color .28s ease,box-shadow .28s ease;
}
body[data-page="diagnostico-ia"] .diagnostic-actions .button-primary > span[aria-hidden] {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  flex: none;
  border-radius: 50%;
  background: #f7faff;
  color: #123862;
  font-size: 1.18rem;
  font-weight: 400;
}
body[data-page="diagnostico-ia"] .diagnostic-actions .button-primary:is(:hover,:focus-visible) {
  border-color: #244c7f;
  background: #244c7f;
  box-shadow: 0 14px 28px rgba(14,39,75,.2);
  transform: none;
}
body[data-page="diagnostico-ia"] .diagnostic-back {
  border-bottom: 1px solid #a8bfd9;
  color: #23466f;
  font-size: .77rem;
  letter-spacing: .08em;
  text-transform: uppercase;
}
body[data-page="diagnostico-ia"] .diagnostic-back:disabled { border-color: transparent; }
body[data-page="diagnostico-ia"] .diagnostic-report .report-hero,
body[data-page="diagnostico-ia"] .diagnostic-preview .report-preview-hero,
body[data-page="diagnostico-ia"] .diagnostic-preview .report-payment-card {
  background: radial-gradient(circle at 90% 5%,#496582,#0d192e 62%);
}
body[data-page="diagnostico-ia"] .diagnostic-report .report-payment-button,
body[data-page="diagnostico-ia"] .diagnostic-report .report-pdf-button {
  border-radius: 100px;
  font-size: .76rem;
  letter-spacing: .08em;
  text-transform: uppercase;
}
@media (max-width: 900px) {
  body[data-page="diagnostico-ia"] .page-hero::after { right: -6vw; top: 4%; opacity: .55; }
}
@media (max-width: 600px) {
  body[data-page="diagnostico-ia"] .page-hero { padding-block: 39px 52px; }
  body[data-page="diagnostico-ia"] .page-hero::after { font-size: 15rem; top: 14%; right: -18vw; opacity: .42; }
  body[data-page="diagnostico-ia"] .page-hero h1 { font-size: clamp(2.9rem,10.3vw,4.4rem); }
  body[data-page="diagnostico-ia"] .diagnostic-workspace { padding: 23px 18px; }
  body[data-page="diagnostico-ia"] .diagnostic-actions .button-primary { gap: 10px; padding-left: 17px; font-size: .68rem; letter-spacing: .055em; }
  body[data-page="diagnostico-ia"] .diagnostic-actions .button-primary > span[aria-hidden] { width: 38px; height: 38px; }
}
@media (max-width: 380px) {
  body[data-page="diagnostico-ia"] .diagnostic-progress-copy {
    flex-direction: column;
    gap: 3px;
  }
}