/* Iconos propios */
.aix-ic {
  display: inline-block;
  width: 22px;
  height: 22px;
  flex: none;
  border-radius: 7px;
  background: #f3e8ff center / 13px 13px no-repeat;
  vertical-align: middle;
}
.aix-ic--rec { background-color: #ffe8ee; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e11d48' stroke-width='2' stroke-linecap='round'><rect x='9' y='3' width='6' height='11' rx='3'/><path d='M5 11a7 7 0 0 0 14 0M12 18v3'/></svg>"); }
.aix-ic--enr { background-color: #e8f0ff; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='4' width='18' height='16' rx='2'/><path d='M7 9h6M7 13h10M7 17h4'/></svg>"); }
.aix-ic--fu { background-color: #efe9ff; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236d4aff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='2' y='4' width='20' height='16' rx='2'/><path d='m22 7-10 5L2 7'/></svg>"); }
.aix-svg { width: 12px; height: 12px; flex: none; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.aix-ini {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  flex: none;
  border-radius: 50%;
  background: #ffe8f2;
  color: #d61f6a;
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
}

/* Hero centrado con la pantalla del asistente */
.aix-hero .px-hero__in { grid-template-columns: minmax(0, 1fr); gap: 48px; }
.aix-hero__copy { max-width: 780px; margin: 0 auto; text-align: center; }
.aix-hero__copy .px-lead { margin-inline: auto; }
.aix-hero__copy .px-actions,
.aix-hero__copy .px-incl { justify-content: center; }
.aix-hero__art { width: 100%; max-width: 980px; min-height: 0; margin: 0 auto; }
.aix-scr .ux-app { grid-template-columns: 184px minmax(0, 1fr); min-height: 0; }
.aix-scr__main { padding: 22px 26px 26px; }
.aix-scr .ux-h { font-size: 18px; }
.aix-scr .ux-sub { font-size: 12px; }
.aix-tools { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 18px 0 14px; }
.aix-tool {
  display: grid;
  align-content: start;
  gap: 6px;
  padding: 14px;
  border: 1px solid #eceef5;
  border-radius: 12px;
  background: #fff;
}
.aix-tool b { display: flex; align-items: center; gap: 8px; color: #070d38; font-size: 12.5px; }
.aix-tool small { color: #5b6280; font-size: 11px; line-height: 1.45; }
.aix-tool .ux-pill { justify-self: start; margin-top: 2px; }
.aix-pick { padding: 14px 16px; }
.aix-pick .ux-panel__t { font-size: 13px; }
.aix-pick__r {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 4px 12px;
  padding: 9px 10px;
  border-radius: 9px;
}
.aix-pick__r b { color: #2563eb; font-size: 12px; font-weight: 700; }
.aix-pick__r small { color: #6b7190; font-size: 11px; }
.aix-pick__r.is-on { background: #f3f6ff; }
.aix-cursor {
  position: absolute;
  left: 70px;
  top: 16px;
  width: 18px;
  height: 18px;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M4 3l6.5 17 2.4-7.1L20 10.5z' fill='%23070d38' stroke='%23fff' stroke-width='1.5' stroke-linejoin='round'/></svg>") center / contain no-repeat;
}
.aix-hero__c1 { left: -64px; bottom: 54px; }
.aix-hero__c2 { right: -48px; top: -28px; }
.ux-chip .aix-ic { width: 30px; height: 30px; border-radius: 9px; background-size: 16px 16px; }

/* Recorrido en tres pasos */
.aix-flow { position: relative; }
.aix-flow::before {
  content: "";
  position: absolute;
  left: 23px;
  top: 24px;
  bottom: 24px;
  border-left: 2px dashed #d9d2ff;
}
.aix-step { position: relative; padding-left: 88px; }
.aix-step + .aix-step { margin-top: 96px; }
.aix-step__m {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 0 0 28px -88px;
  color: #6D4AFF;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.aix-step__m b {
  position: relative;
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #2563eb;
  box-shadow: 0 0 0 8px #fff;
  color: #fff;
  font-size: 18px;
  letter-spacing: 0;
}
.aix-tags { display: flex; flex-wrap: wrap; gap: 8px; margin: 18px 0 0; }
.aix-tags .px-tag { margin: 0; }

/* Notetaker */
.aix-rec { display: grid; gap: 14px; width: 100%; max-width: 560px; color: #fff; }
.aix-rec__bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; }
.aix-rec__live { display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 800; }
.aix-rec__live i { width: 10px; height: 10px; border-radius: 50%; background: #f43f5e; box-shadow: 0 0 0 4px rgb(244 63 94 / 25%); animation: aix-pulse 1.4s ease-in-out infinite; }
@keyframes aix-pulse { 50% { box-shadow: 0 0 0 7px rgb(244 63 94 / 8%); } }
.aix-rec__up { padding: 6px 12px; border: 1px solid rgb(255 255 255 / 22%); border-radius: 999px; color: #dfe3ff; font-size: 11.5px; font-weight: 700; }
.aix-wave { display: flex; align-items: center; gap: 3px; height: 64px; padding: 0 2px; }
.aix-wave i { flex: 1; height: 34%; border-radius: 3px; background: linear-gradient(180deg, #fb2b7d, #6D4AFF); }
.aix-wave i:nth-child(3n) { height: 62%; }
.aix-wave i:nth-child(4n+1) { height: 46%; }
.aix-wave i:nth-child(5n+2) { height: 84%; }
.aix-wave i:nth-child(7n) { height: 22%; }
.aix-wave i:nth-child(11n+3) { height: 100%; }
.aix-wave i:nth-child(n+29) { background: #2c3566; }
.aix-rec__out { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 10px; }
.aix-tr,
.aix-sum { padding: 14px; border-radius: 14px; background: #fff; color: #1f2547; font-size: 11.5px; line-height: 1.45; }
.aix-sum { background: #f1edff; }
.aix-tr__h { display: block; margin-bottom: 8px; color: #6b7190; font-size: 10px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.aix-tr p { margin: 0 0 9px; }
.aix-tr p:last-child { margin-bottom: 0; }
.aix-sp { display: block; font-size: 10.5px; }
.aix-sp--a { color: #2563eb; }
.aix-sp--b { color: #d61f6a; }
.aix-sum ul { display: grid; gap: 7px; margin: 0; padding-left: 16px; }
.aix-sum li::marker { color: #6D4AFF; }

/* Enriquecimiento */
.aix-enr {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 34px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  width: 100%;
  max-width: 520px;
  padding-bottom: 54px;
}
.aix-ficha {
  display: grid;
  gap: 8px;
  padding: 14px;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 12px 28px rgb(16 24 64 / 8%);
  color: #1f2547;
  font-size: 11.5px;
}
.aix-ficha--after { box-shadow: 0 0 0 2px #6D4AFF, 0 22px 44px rgb(109 74 255 / 22%); }
.aix-ficha__h { color: #6b7190; font-size: 10px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.aix-ficha__top { display: flex; align-items: center; gap: 8px; padding-bottom: 8px; border-bottom: 1px solid #f1f2f6; }
.aix-ficha__top b { font-size: 13px; }
.aix-ficha__f { display: grid; gap: 1px; padding: 6px 8px; border-radius: 8px; overflow-wrap: anywhere; }
.aix-ficha__f small { color: #8a90a6; font-size: 9px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.aix-ficha__f.is-empty { border: 1px dashed #d7dbe8; color: #b4b9cc; }
.aix-ficha__f.is-new { background: #e9f8ef; color: #15803d; font-weight: 800; }
.aix-enr__arrow {
  position: relative;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #6D4AFF;
}
.aix-enr__arrow::after {
  content: "";
  position: absolute;
  left: 11px;
  top: 12px;
  width: 9px;
  height: 9px;
  border: solid #fff;
  border-width: 2px 2px 0 0;
  transform: rotate(45deg);
}
.aix-enr__chip { left: 50%; bottom: 0; transform: translateX(-50%); }

/* Follow-up */
.aix-mail { max-width: 480px; }
.aix-mail__h { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; padding: 12px 14px; border-bottom: 1px solid #eef0f5; background: #f8f9fc; }
.aix-mail__acts { display: flex; gap: 6px; }
.aix-mail__f { display: flex; gap: 10px; padding: 9px 14px; border-bottom: 1px solid #f1f2f6; font-size: 11.5px; overflow-wrap: anywhere; }
.aix-mail__f small { flex: none; width: 54px; color: #8a90a6; font-size: 11px; }
.aix-mail__body { padding: 14px 14px 16px; color: #1f2547; font-size: 12px; line-height: 1.6; }
.aix-mail__body p { margin: 0 0 9px; }
.aix-mail__body p:last-child { margin-bottom: 0; }

/* Tú decides */
.aix-dec { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 64px; align-items: center; }
.aix-dec__copy > p:not(.px-k) { margin: 14px 0 0; color: #4b5372; font-size: 17px; line-height: 1.55; }
.aix-dec__list { display: grid; gap: 14px; }
.aix-rule { display: flex; align-items: flex-start; gap: 16px; padding: 22px; border: 1px solid #eceef5; border-radius: 20px; background: #fff; }
.aix-rule__i { display: grid; place-items: center; width: 46px; height: 46px; flex: none; border-radius: 14px; background: #2563eb; }
.aix-rule__i svg { width: 22px; height: 22px; fill: none; stroke: #fff; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.aix-rule__i .aix-x { stroke: #FB2B7D; stroke-width: 2.4; }
.aix-rule b { display: block; font-size: 17px; }
.aix-rule small { display: block; margin-top: 4px; color: #5b6280; font-size: 15px; line-height: 1.5; }

@media (prefers-reduced-motion: reduce) {
  .aix-rec__live i { animation: none; }
}
@media (max-width: 1180px) {
  .aix-hero__c1 { left: -16px; bottom: -22px; }
  .aix-hero__c2 { right: -16px; top: -26px; }
}
@media (max-width: 899px) {
  .aix-flow::before { display: none; }
  .aix-step { padding-left: 0; }
  .aix-step + .aix-step { margin-top: 72px; }
  .aix-step__m { margin-left: 0; }
  .aix-step__m b { box-shadow: none; }
  .aix-dec { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  .aix-tools { grid-template-columns: minmax(0, 1fr); }
  .aix-tool { grid-template-columns: minmax(0, 1fr) auto; align-items: center; }
  .aix-tool small { grid-column: 1; }
  .aix-tool .ux-pill { grid-column: 2; grid-row: 1 / span 2; margin: 0; }
}
@media (max-width: 560px) {
  .aix-hero__copy { text-align: left; }
  .aix-hero__copy .px-actions,
  .aix-hero__copy .px-incl { justify-content: flex-start; }
  .aix-hero__c1,
  .aix-hero__c2 { display: none; }
  .aix-scr__main { padding: 16px 14px; }
  .aix-tool { grid-template-columns: minmax(0, 1fr); }
  .aix-tool .ux-pill { grid-column: auto; grid-row: auto; justify-self: start; }
  .aix-pick__r small { flex-basis: 100%; }
  .aix-cursor { display: none; }
  .aix-rec__out { grid-template-columns: minmax(0, 1fr); }
  .aix-wave { height: 48px; gap: 2px; }
  .aix-enr { grid-template-columns: minmax(0, 1fr); justify-items: center; }
  .aix-ficha { width: 100%; }
  .aix-enr__arrow { transform: rotate(90deg); }
  .aix-mail__f small { width: 46px; }
  .aix-rule { padding: 18px; }
}