.ayu{--ayu-r:14px;--ayu-soft:#f1f6fd}:root[data-theme="dark"] .ayu{--ayu-soft:#16202d}.ayu .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.ayu-hero{max-width:760px;margin:0 auto;padding:28px 0 36px;text-align:center}.ayu-hero h1{margin:0 0 12px;font:800 clamp(28px, 4.4vw, 44px)/1.1 'FS',system-ui,sans-serif;letter-spacing:-.02em;color:var(--inf-ink)}.ayu-search{position:relative;margin:24px 0 0}.ayu-search__i{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--inf-mute);display:flex}.ayu-search input{width:100%;height:56px;padding:0 20px 0 52px;border:1px solid var(--inf-line);border-radius:999px;background:var(--inf-paper);color:var(--inf-ink);font:500 16px/1 'I',system-ui,sans-serif;box-shadow:0 6px 24px rgb(15 20 25 / .06)}.ayu-search input:focus{outline:none;border-color:var(--inf-link);box-shadow:0 0 0 4px rgb(0 114 198 / .15)}.ayu-results{margin:14px 0 0;text-align:left}.ayu-results__none{padding:14px 16px;border-radius:var(--ayu-r);background:var(--inf-cream);color:var(--inf-mute);font-size:15px}.ayu-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;margin:0 0 44px}.inf .ayu-cat{display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto 1fr auto;column-gap:14px;row-gap:4px;padding:18px;border:1px solid var(--inf-line);border-radius:var(--ayu-r);background:var(--inf-paper);color:var(--inf-ink-2);text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s}.inf .ayu-cat:hover{border-color:var(--inf-link);box-shadow:0 8px 24px rgb(15 20 25 / .08);transform:translateY(-1px)}.ayu-cat__i{grid-row:1 / 4;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:var(--ayu-soft);color:var(--inf-link)}.ayu-cat__t{font:700 16px/1.25 'I',sans-serif;color:var(--inf-ink)}.ayu-cat__d{font-size:14px;line-height:1.45;color:var(--inf-mute)}.ayu-cat__n{margin-top:6px;font:600 12px/1 'I',sans-serif;color:var(--inf-acc)}.ayu-mega{margin:36px 0 0}.ayu-pop h2,.ayu-rel h2{margin:0 0 14px;font:800 22px/1.2 'FS',system-ui,sans-serif;color:var(--inf-ink)}.ayu-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.ayu-pop .ayu-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.inf .ayu-list a{display:block;padding:14px 16px;border:1px solid var(--inf-line);border-radius:12px;background:var(--inf-paper);color:var(--inf-ink-2);text-decoration:none;transition:border-color .15s,background .15s}.inf .ayu-list a:hover{border-color:var(--inf-link);background:var(--inf-cream)}.ayu-list b{display:block;font:700 15px/1.3 'I',sans-serif;color:var(--inf-ink)}.ayu-list span{display:block;margin-top:3px;font-size:13.5px;line-height:1.45;color:var(--inf-mute)}.ayu-list--big a{padding:18px 20px}.ayu-list--big b{font-size:16.5px}.ayu-head{position:relative}.ayu-head__i{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;margin-bottom:14px;border-radius:12px;background:var(--ayu-soft);color:var(--inf-link)}.inf .ayu-kicker{display:inline-block;margin-bottom:10px;font:700 12px/1 'JBM',ui-monospace,monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--inf-acc);text-decoration:none}.ayu-head .inf__date{margin:16px 0 0}.ayu-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:40px}@media (min-width:1024px){.ayu-grid{grid-template-columns:minmax(0,1fr) 280px;gap:56px;align-items:start}.ayu-rail{align-self:stretch}.ayu-rail__ad{position:sticky;top:var(--inf-top);margin-top:28px}.ayu-rail>.ayu-rail__ad:first-child{margin-top:0}}@media (max-width:1023px){.ayu-rail__ad{display:none}}.ayu-side ul{list-style:none;margin:0;padding:0}.inf .ayu-side a{display:flex;align-items:center;gap:10px;padding:7px 10px;border-left:2px solid var(--inf-line);font-size:14px;line-height:1.35;color:var(--inf-mute);text-decoration:none}.inf .ayu-side a:hover{color:var(--inf-ink)}.inf .ayu-side a[aria-current="page"]{border-left-color:var(--inf-acc);color:var(--inf-ink);font-weight:600}.ayu-side svg{flex:none;width:18px;height:18px}.ayu-side__all{margin:14px 0 0;font-size:14px}.ayu-doc{max-width:760px}.ayu-body{font-size:16.5px;line-height:1.65;color:var(--inf-ink-2)}.ayu-body h2{margin:36px 0 12px;font:800 22px/1.25 'FS',system-ui,sans-serif;color:var(--inf-ink);scroll-margin-top:var(--inf-top)}.ayu-body h3{margin:26px 0 8px;font:700 17px/1.3 'I',sans-serif;color:var(--inf-ink)}.ayu-body p{margin:0 0 14px}.ayu-body ul{margin:0 0 16px;padding-left:22px}.ayu-body li{margin:0 0 6px}.ayu-body>:first-child{margin-top:0}.ayu-steps{list-style:none;margin:4px 0 22px;padding:0;counter-reset:ayu-step}.ayu-body .ayu-steps>li{position:relative;margin:0;padding:0 0 18px 52px;counter-increment:ayu-step}.ayu-steps>li::before{content:counter(ayu-step);position:absolute;left:0;top:-2px;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--inf-link);color:#fff;font:700 15px/1 'I',sans-serif}.ayu-steps>li:not(:last-child)::after{content:'';position:absolute;left:16.5px;top:36px;bottom:2px;width:1px;background:var(--inf-line)}.ayu-steps>li>b:first-child{color:var(--inf-ink)}.ayu-tip,.ayu-note{position:relative;margin:28px 0 30px;padding:16px 20px 18px 66px;border:1px solid;border-radius:12px;font-size:15.5px;line-height:1.6;color:var(--inf-ink-2)}.ayu-tip{background:#f2f8fe;border-color:#b9d7f2;--ayu-c:#0072c6;--ayu-ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230072c6' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18h6M10 21h4'/%3E%3Cpath d='M12 3a6 6 0 0 0-3.6 10.8c.6.5 1 1.2 1.1 2V16h5v-.2c.1-.8.5-1.5 1.1-2A6 6 0 0 0 12 3z'/%3E%3C/svg%3E"); }
.ayu-note { background: #fff6ee; border-color: #f6c9a3; --ayu-c: #c75300; --ayu-ic: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c75300' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.3 3.9 2.4 17.6A2 2 0 0 0 4.1 20.6h15.8a2 2 0 0 0 1.7-3L13.7 3.9a2 2 0 0 0-3.4 0z'/%3E%3Cpath d='M12 9.5v4M12 17h.01'/%3E%3C/svg%3E"); }
:root[data-theme="dark"] .ayu-tip { background: rgba(77, 179, 255, .07); border-color: rgba(77, 179, 255, .3); --ayu-c: #4db3ff; }
:root[data-theme="dark"] .ayu-note { background: rgba(255, 107, 0, .07); border-color: rgba(255, 140, 60, .35); --ayu-c: #ff9a4d; }
.ayu-tip::after, .ayu-note::after { content: ''; position: absolute; left: 18px; top: 16px; width: 34px; height: 34px; border-radius: 50%;
  background: var(--inf-paper) var(--ayu-ic) center / 20px no-repeat; box-shadow: 0 0 0 1px currentColor; color: inherit; }
.ayu-tip::after { box-shadow: 0 0 0 1px #b9d7f2; }
.ayu-note::after { box-shadow: 0 0 0 1px #f6c9a3; }
:root[data-theme="dark"] .ayu-tip::after, :root[data-theme="dark"] .ayu-note::after { background-color: transparent; box-shadow: 0 0 0 1px rgba(255,255,255,.14); }
.ayu-tip::before, .ayu-note::before { display: block; margin: 5px 0 4px; font: 700 14px/1.2 'I', system-ui, sans-serif; color: var(--ayu-c); }
.ayu-tip::before { content: 'Consejo'; }
.ayu-note::before { content: 'Ten en cuenta'; }
.ayu-tip > :last-child, .ayu-note > :last-child { margin-bottom: 0; }
.ayu-tip strong, .ayu-note strong { color: var(--inf-ink); }
.ayu-kbd { display: inline-block; padding: 1px 8px; border: 1px solid var(--inf-line); border-bottom-width: 2px; border-radius: 6px;
  background: var(--inf-cream); font: 600 .9em/1.5 'I', sans-serif; color: var(--inf-ink); white-space: nowrap; }
.ayu-rel { margin: 40px 0 0; padding-top: 28px; border-top: 1px solid var(--inf-line); }

/* ── "¿No encuentras lo que buscas?" ─────────────────────────────── */
.ayu-help { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; margin: 56px 0 0; padding: 22px 24px;
  border-radius: var(--ayu-r); background: var(--inf-cream); border: 1px solid var(--inf-line); }
.ayu-help h2 { margin: 0 0 4px; font: 800 19px/1.25 'FS', system-ui, sans-serif; color: var(--inf-ink); }
.ayu-help p { margin: 0; font-size: 15px; color: var(--inf-mute); }
.inf .ayu-btn { display: inline-flex; align-items: center; height: 44px; padding: 0 22px; border-radius: 999px; background: var(--inf-acc);
  color: #fff; font: 700 15px/1 'I', sans-serif; text-decoration: none; }
.inf .ayu-btn:hover { background: #e65f00; }

/* ── App screenshots (templates/ayuda/_shot.twig): a phone bezel, two side by side in .ayu-shots ── */
.ayu-shots { display: flex; flex-wrap: wrap; justify-content: center; gap: 28px; margin: 28px 0 32px; padding: 28px 16px;
  border-radius: 16px; background: linear-gradient(160deg, #eef4fc 0%, #f7f2ff 100%); }
:root[data-theme="dark"] .ayu-shots{background:linear-gradient(160deg,#141c28 0%,#1a1626 100%)}.ayu-body>.ayu-shot{margin:28px auto 32px}.ayu-shot{margin:0;width:250px;max-width:70vw;text-align:center}.ayu-shot__frame{display:block;padding:8px;border-radius:38px;background:#111;box-shadow:0 24px 48px -18px rgb(15 23 42 / .45),inset 0 0 0 2px #2a2a2a}.ayu-shot img{display:block;width:100%;height:auto;border-radius:30px}.ayu-shot figcaption{margin-top:12px;font-size:13.5px;line-height:1.4;color:var(--inf-mute)}.ayu-shot--tablet{width:440px;max-width:100%}.ayu-shot--tablet .ayu-shot__frame{padding:12px;border-radius:30px}.ayu-shot--tablet img{border-radius:18px}@media (max-width:560px){.ayu-shots{gap:18px;padding:20px 10px}.ayu-shots .ayu-shot{width:calc(50% - 9px)}.ayu-shot__frame{padding:5px;border-radius:24px}.ayu-shot img{border-radius:19px}}