/* Extension aislada: conserva tipografias y colores de la revista. */
[data-cap-install-link][hidden],
[data-cap-install-item][hidden],
[data-cap-install-view][hidden] { display: none !important; }
[data-cap-ios-embedded][hidden], [data-cap-install-store][hidden] { display: none !important; }
.cap-install-feedback:empty { display: none; }
.cap-install-feedback { font: 1rem/1.6 'Archivo', sans-serif; padding-block: 1rem; }
.cap-install-banner {
  --install-red: #c90f09;
  --install-gap: .5rem;
  --install-pad: .75rem;
  background: #fff;
  border-bottom: 1px solid #d8d8d8;
  padding-block: var(--install-gap);
}
.cap-install-download {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--install-gap);
  min-height: 44px;
  padding: var(--install-gap) var(--install-pad);
  color: #fff;
  background: var(--install-red);
  font: 600 1rem/1.4 'Archivo', sans-serif;
  text-decoration: none;
}
.cap-install-download svg { flex: 0 0 auto; }
.cap-install-download img { flex: 0 0 auto; border-radius: 4px; }
.cap-ios-logo { display: block; border-radius: 12px; margin-top: 16px; }
.cap-install-page > .cap-ios-logo { margin-bottom: 16px; }
.cap-install-download:hover { background: #a80d08; color: #fff; }
.cap-install-download[aria-disabled="true"] { opacity: .65; cursor: progress; }
.cap-install-page {
  --install-red: #c90f09;
  --install-ink: #171717;
  --install-paper: #fff;
  --install-line: #d8d8d8;
  --install-space: 1.5rem;
  padding-bottom: calc(var(--install-space) * 3);
}
.cap-install-panel, .cap-install-notes {
  font-family: 'Archivo', sans-serif;
  font-size: 1rem;
  line-height: 1.65;
  margin-block: var(--install-space);
}
.cap-install-panel {
  color: var(--install-ink);
  background: var(--install-paper);
  border: 1px solid var(--install-line);
  border-top: 4px solid var(--install-red);
  padding: var(--install-space);
}
.cap-install-panel h2, .cap-install-notes h2 {
  font-size: 1.25rem;
  line-height: 1.35;
  margin-bottom: 1rem;
}
.cap-install-panel h3 { font-size: 1rem; }
.cap-install-panel p, .cap-install-notes p { margin-block: 1rem; }
.cap-install-action {
  display: inline-block;
  font: 600 1rem/1.4 'Archivo', sans-serif;
  color: #fff !important;
  background: var(--install-red);
  border: 0;
  padding: .875rem 1.25rem;
  text-decoration: none;
  cursor: pointer;
  max-width: 100%;
}
.cap-install-action[aria-disabled="true"] { opacity: .65; cursor: progress; }
.cap-install-action:focus-visible, .cap-install-continue:focus-visible,
[data-cap-install-link]:focus-visible {
  outline: 3px solid currentColor;
  outline-offset: 4px;
}
.cap-install-help { margin-top: var(--install-space); }
.cap-install-continue { color: inherit; text-underline-offset: .2em; }
@media (prefers-color-scheme: dark) {
  .cap-install-banner { background: #202020; border-color: #555; }
  .cap-install-panel {
    --install-paper: #202020;
    --install-ink: #f5f5f5;
    --install-line: #555;
  }
}
/* Hoja de ayuda iOS: no simula ni sustituye el menu de Apple. */
.cap-ios-guide {
  --ios-paper: #fff;
  --ios-ink: #171717;
  --ios-muted: #545454;
  --ios-line: #dedede;
  --ios-red: #c90f09;
  --ios-text: 1rem;
  --ios-small: .8125rem;
  --ios-title: clamp(1.5rem, 4vw, 1.875rem);
  box-sizing: border-box;
  width: min(480px, calc(100% - 24px));
  max-width: none;
  max-height: calc(100dvh - 24px);
  overflow-y: auto;
  padding: 24px;
  border: 1px solid var(--ios-line);
  border-top: 4px solid var(--ios-red);
  border-radius: 4px;
  color: var(--ios-ink);
  background: var(--ios-paper);
  font: 400 var(--ios-text)/1.5 'Archivo', sans-serif;
  margin: auto;
}
.cap-ios-guide::backdrop { background: rgb(0 0 0 / .48); }
.cap-ios-top { display: flex; gap: 12px; align-items: center; justify-content: space-between; font-size: var(--ios-small); letter-spacing: .08em; }
.cap-ios-guide button, .cap-ios-help summary { min-height: 44px; cursor: pointer; font-family: inherit; }
.cap-ios-top button { border: 0; padding: 8px; background: none; color: var(--ios-ink); font-size: .875rem; }
.cap-ios-guide h2 { font-size: var(--ios-title); line-height: 1.15; margin: 16px 0 12px; letter-spacing: -.02em; }
.cap-ios-guide p { margin: 12px 0; }
.cap-ios-guide #cap-ios-intro, .cap-ios-note { color: var(--ios-muted); }
.cap-ios-steps { list-style: none; counter-reset: install; padding: 0; margin: 24px 0 16px; }
.cap-ios-steps li { position: relative; padding: 12px 0 12px 40px; border-top: 1px solid var(--ios-line, #dedede); counter-increment: install; }
.cap-ios-steps li::before { content: counter(install, decimal-leading-zero); position: absolute; left: 0; color: var(--ios-step, var(--ios-red, #c90f09)); font-weight: 600; }
.cap-ios-steps strong, .cap-ios-steps span { display: block; }
.cap-ios-steps span { font-size: .9375rem; margin-top: 4px; color: var(--ios-muted, #545454); }
.cap-ios-help summary { display: list-item; padding: 8px 0; font-size: .9375rem; }
.cap-ios-help p { font-size: .9375rem; color: var(--ios-muted); }
.cap-ios-done { width: 100%; background: var(--ios-red); color: #fff; border: 0; padding: 12px; font-size: 1rem; font-weight: 600; }
.cap-ios-note { font-size: var(--ios-small); }
.cap-ios-embedded { border-left: 3px solid var(--ios-red); padding: 12px; background: rgb(127 127 127 / .08); margin-top: 16px; }
.cap-ios-embedded p { font-size: .9375rem; }
.cap-ios-embedded button { background: var(--ios-paper, #fff); color: var(--ios-ink, #171717); border: 1px solid var(--ios-line, #bbb); padding: 8px 12px; font-size: .9375rem; }
.cap-ios-status:empty { display: none; }
.cap-ios-status { font-size: .9375rem; }
.cap-ios-guide button:focus-visible, .cap-ios-help summary:focus-visible { outline: 3px solid var(--ios-ink); outline-offset: 3px; }
@media (max-width: 520px) {
  .cap-ios-guide { width: 100%; max-height: 92dvh; margin: auto 0 0; padding: 20px 20px max(20px, env(safe-area-inset-bottom)); border-radius: 12px 12px 0 0; }
}
@media (prefers-color-scheme: dark) {
  .cap-ios-guide { --ios-paper: #202020; --ios-ink: #f5f5f5; --ios-muted: #ccc; --ios-line: #555; --ios-red: #df2b24; --ios-step: #ff827b; }
}
.cap-ios-guide .cap-ios-logo{width:44px;height:44px;margin-top:8px}
.cap-visual-progress{font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--ios-step,var(--ios-red));margin:16px 0 8px;text-transform:uppercase}
.cap-visual-step[hidden]{display:none!important}.cap-visual-step h3{font-size:20px;line-height:1.2;margin:8px 0}.cap-visual-step>p{font-size:14px;margin:8px 0 16px}
.cap-safari-drawing{background:#f2f0ed;border:1px solid #d1ceca;border-radius:12px;color:#252525;overflow:hidden;margin:12px 0}
.cap-drawing-page{background:#fff;margin:16px 16px 0;padding:16px;border:1px solid #ddd;border-radius:6px 6px 0 0}
.cap-drawing-page strong{font-size:18px;color:#b41210}.cap-drawing-page>span{display:block;height:6px;margin-top:10px;background:#e7e4e0}.cap-drawing-page>span:last-child{width:70%}
.cap-drawing-toolbar{display:flex;align-items:center;gap:12px;padding:12px}.cap-drawing-toolbar>span:first-child{font-size:24px}.cap-drawing-url{font-size:12px;flex:1;text-align:center}
.cap-drawing-target{border:2px solid #b41210!important;background:#fff1ed!important;color:#a61009!important;border-radius:8px;padding:8px;display:inline-flex;align-items:center;justify-content:center;gap:10px}
.cap-drawing-caption{font-size:12px;text-align:center;padding:8px 12px 12px;color:#8b150e;font-weight:600}
.cap-drawing-menu{padding:12px}.cap-drawing-muted{font-size:12px;color:#555;padding:4px 8px}.cap-drawing-row{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border-bottom:1px solid #dedbd7;padding:12px;font-size:14px}.cap-drawing-menu .cap-drawing-target{width:100%;justify-content:flex-start}.cap-drawing-plus{font-size:26px;line-height:1}.cap-drawing-confirm{display:flex;justify-content:space-between;align-items:center;padding:12px;font-size:14px}.cap-drawing-app{display:flex;align-items:center;gap:12px;padding:12px;font-size:15px}.cap-drawing-app img{border-radius:10px}.cap-drawing-toggle{border-radius:20px;background:#245f41;color:#fff;font-size:12px;padding:3px 12px}
.cap-ios-guide .cap-drawing-disclaimer{font-size:12px;color:var(--ios-muted);margin:8px 0 16px}.cap-visual-nav{display:flex;gap:12px}.cap-visual-nav button{border:1px solid var(--ios-line);padding:10px 12px;font-size:14px;background:var(--ios-paper);color:var(--ios-ink);border-radius:4px}.cap-visual-nav [data-ios-next]{flex:1;background:var(--ios-red);color:#fff;border-color:var(--ios-red);font-weight:600}.cap-visual-nav button:disabled{opacity:.45;cursor:default}
