/* "Mi acceso" de iCard. Va después de app/*.css (landing) y dl.css (páginas de descarga):
   reutiliza sus tarjetas, botones y acordeón; aquí solo lo propio de la zona del cliente. */


/* Entrada */
.acc-login { display: flex; justify-content: center; padding: 34px 16px 60px; }
.acc-box { width: 100%; max-width: 440px; text-align: center; padding: 30px 22px; }
.acc-box h1 { margin: 0 0 6px; font-size: clamp(30px, 8vw, 40px); letter-spacing: -.04em; line-height: 1.1; }
.acc-box .acc-hint { color: #6e6e73; font-size: 16px; margin: 0 0 22px; }
.acc-field { display: block; text-align: left; font-size: 15px; font-weight: 600; color: #3a3a3c; margin-bottom: 14px; }
.acc-field input {
  display: block; width: 100%; margin-top: 8px; padding: 16px 18px; font: 500 19px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #1d1d1f; background: #fff; border: 1.5px solid #d2d2d7; border-radius: 16px; outline: none;
}
.acc-field input:focus { border-color: #0071e3; box-shadow: 0 0 0 4px #0071e333; }
.acc-field input.acc-otp { text-align: center; letter-spacing: .45em; font-size: 28px; font-weight: 700; padding-left: .45em; }
.acc-err { color: #b42318; font-weight: 600; font-size: 15px; margin: -4px 0 12px; }
.acc-box .dl-cta { border: 0; cursor: pointer; font-family: inherit; max-width: none; min-height: 64px; }
.acc-box .dl-cta[disabled] { opacity: .55; cursor: default; }
.acc-link { background: none; border: 0; color: #0066cc; font: 600 15px inherit; margin-top: 16px; cursor: pointer; padding: 8px; }
.acc-sent { font-size: 16px; color: #3a3a3c; margin: 0 0 16px; }

/* Header de la zona */
.acc-page .header-actions .button { cursor: pointer; border: 0; font-family: inherit; }
.acc-who { color: #6e6e73; font-size: 13px; max-width: 46vw; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* Pasos grandes */
.acc-hero { padding: 30px 0 6px; text-align: center; }
.acc-hero h1 { margin: 0; font-size: clamp(32px, 8vw, 52px); letter-spacing: -.045em; line-height: 1.08; }
.acc-hero p { color: #6e6e73; font-size: 18px; margin: 10px 0 0; }
.acc-step { padding: 18px 0; }
.acc-step > .dl-wrap > .dl-card { padding: 24px 18px; }
.acc-step-head { display: flex; align-items: center; gap: 14px; margin-bottom: 16px; }
.acc-num {
  flex: 0 0 56px; height: 56px; border-radius: 50%; background: #0071e3; color: #fff;
  display: grid; place-items: center; font-size: 28px; font-weight: 800; box-shadow: 0 10px 22px -12px #0071e3;
}
.acc-step-head h2 { margin: 0; font-size: clamp(24px, 6vw, 34px); letter-spacing: -.035em; line-height: 1.1; }
.acc-step-head small { display: block; color: #6e6e73; font-size: 14px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; margin-bottom: 2px; }

.acc-other { text-align: center; margin: 12px 0 0; font-size: 15px; }
.acc-other button { background: none; border: 0; color: #0066cc; font: 600 15px inherit; cursor: pointer; padding: 4px; }
.acc-tip { margin: 16px 0 0; }
.acc-both { display: grid; gap: 12px; }

/* Aviso de celular */
.acc-mobile p { margin: 0 0 12px; }
.acc-mobile .dl-cta { border: 0; cursor: pointer; font-family: inherit; min-height: 60px; font-size: 18px; }

/* Código */
.acc-code { display: flex; flex-direction: column; align-items: center; gap: 12px; margin: 4px 0 6px; }
.acc-code output {
  display: block; width: 100%; text-align: center; font: 800 clamp(26px, 8vw, 40px) ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .06em; padding: 18px 10px; background: #fff; border: 2px dashed #9eb1ce; border-radius: 18px; color: #1d1d1f;
  user-select: all; overflow-wrap: anywhere;
}
.acc-code button { border: 0; cursor: pointer; font-family: inherit; min-height: 60px; max-width: 320px; font-size: 19px; }
.acc-page .dl-cta.ok, .acc-code button.ok { background: #157a52; box-shadow: none; }

/* Mini pasos */
.acc-mini { list-style: none; margin: 18px 0 0; padding: 0; display: grid; gap: 14px; counter-reset: mini; }
.acc-mini > li { counter-increment: mini; background: #ffffffb8; border: 1px solid #e2e5eb; border-radius: 20px; padding: 16px; }
.acc-mini h3 { display: flex; gap: 10px; align-items: flex-start; margin: 0; font-size: 18px; line-height: 1.35; letter-spacing: -.01em; }
.acc-mini h3::before {
  content: counter(mini); flex: 0 0 30px; height: 30px; border-radius: 50%; background: #1d1d1f; color: #fff;
  display: grid; place-items: center; font-size: 15px; font-weight: 700; margin-top: -2px;
}
.acc-mini .dl-figure { margin-bottom: 0; }

/* Paso 3: colección y probador copiados de la landing (sus estilos vienen de app/*.css).
   Lo único propio: los botones de descarga. */
.acc-page .acc-card-dl { display: flex; width: 100%; margin-top: 10px; justify-content: center; gap: 0; text-decoration: none; border-radius: 999px; font-size: 13px; min-height: 38px; }
.acc-page .acc-try-dl { margin: 6px 0 0; max-width: none; min-height: 70px; text-decoration: none; }
.acc-page .acc-try-dl small { opacity: .85; overflow-wrap: anywhere; }
.acc-page #try-it .demo-local { text-align: center; }

@media (min-width: 720px) {
  .acc-step > .dl-wrap > .dl-card { padding: 32px 34px; }
  .acc-mini { grid-template-columns: repeat(3, 1fr); }
  .acc-both { grid-template-columns: 1fr 1fr; }
  .acc-login { padding-top: 70px; }
}

/* Paso 1: instrucciones de instalación */
.acc-install { margin-top: 22px; scroll-margin-top: 96px; outline: none; }
.acc-install-title { margin: 0 0 14px; font-size: 22px; letter-spacing: -.02em; }
.acc-install .dl-steps { gap: 14px; }
.acc-install .dl-steps > li > .dl-card { background: #ffffffb8; box-shadow: none; border: 1px solid #e2e5eb; padding: 18px 16px; }
.acc-install .dl-step-head { align-items: flex-start; }
.acc-install .dl-step-head::before { flex: 0 0 44px; height: 44px; font-size: 20px; background: #0071e3; }
.acc-install .dl-step-head h3 { font-size: 19px; line-height: 1.35; padding-top: 8px; }
.acc-install .dl-figure img { max-width: 720px; margin: 0 auto; }
.acc-install li.acc-now > .dl-card { border: 2px solid #0071e3; box-shadow: 0 0 0 6px #0071e322; animation: acc-pulse 1.4s ease-in-out 3; }
@keyframes acc-pulse { 50% { box-shadow: 0 0 0 12px #0071e300; } }
@media (prefers-reduced-motion: reduce) { .acc-install li.acc-now > .dl-card { animation: none; } }
.acc-page .dl-figure a { display: block; cursor: zoom-in; }

/* que [hidden] gane siempre (dl.css pone display en .dl-steps, .dl-warn, etc.) */
.acc-page [hidden] { display: none !important; }
.acc-page .acc-install .dl-steps { padding-left: 0; margin: 0; }
.acc-box h1 { margin-bottom: 22px; }

/* ACC4 (Esteban 16:31): en la zona pagada, sin categoría ni @creador bajo el nombre */
.discovery-card-meta{display:none!important}