/* ══════════════════════════════════════════════════════════════
   ORAK UNIVERSE — orak-social.css
   Diseño principal de la red social
   Paleta: pergamino · ámbar dorado · tinta
══════════════════════════════════════════════════════════════ */
:root {
  --ink:#0e0d0b; --page:#faf7f2; --parchment:#f5f0e8;
  --mist:#e8e3d8; --fog:#cdc7b8; --white:#ffffff;
  --amber:#c8860a; --amber-dim:#7a5006; --gold:#e8c55a;
  --rust:#8b3a1f; --deep:#12100d;
  --glimmer:#a8d4e8; --orun:#d4a843;
  --green:#2d6b3a; --blue:#1f3a8b; --red:#8b1f2f;
  --shadow:rgba(14,13,11,0.10);
  --violet:#8f95ff; --silver:#c7ccd6;
  --radius:8px; --radius-sm:4px; --radius-lg:12px;
  --transition:0.15s ease;
}

*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;overscroll-behavior-y:contain;}
body{background:var(--page);color:var(--ink);font-family:'Crimson Pro',Georgia,serif;min-height:100vh;overflow-x:hidden;line-height:1.5;overscroll-behavior-y:contain;}

/* ── TIPOGRAFÍA ── */
h1,h2,h3,.cinzel{font-family:'Cinzel',serif;}
.mono{font-family:'JetBrains Mono',monospace;}
a{text-decoration:none;color:inherit;}

/* ── SCROLLBAR ── */
::-webkit-scrollbar{width:4px;}
::-webkit-scrollbar-track{background:transparent;}
::-webkit-scrollbar-thumb{background:var(--fog);border-radius:2px;}
::-webkit-scrollbar-thumb:hover{background:var(--amber-dim);}

/* ══════════════════════════════════════════════════════════════
   PANTALLAS
══════════════════════════════════════════════════════════════ */
.screen{display:none;min-height:100vh;}
.screen.active{display:flex;flex-direction:column;}

/* ══════════════════════════════════════════════════════════════
   AUTH
══════════════════════════════════════════════════════════════ */
#screen-auth{
  background:var(--deep);align-items:center;justify-content:center;
  position:relative;overflow:hidden;
}
#screen-auth::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background-image:
    radial-gradient(1.5px 1.5px at 5% 10%,rgba(232,197,90,.9) 0%,transparent 100%),
    radial-gradient(2px 2px at 35% 8%,rgba(168,212,232,.8) 0%,transparent 100%),
    radial-gradient(1.5px 1.5px at 68% 20%,rgba(168,212,232,.6) 0%,transparent 100%),
    radial-gradient(2px 2px at 90% 12%,rgba(232,197,90,.5) 0%,transparent 100%),
    radial-gradient(1px 1px at 20% 70%,rgba(168,212,232,.4) 0%,transparent 100%),
    radial-gradient(1px 1px at 55% 80%,rgba(232,197,90,.3) 0%,transparent 100%),
    radial-gradient(1.5px 1.5px at 88% 82%,rgba(168,212,232,.5) 0%,transparent 100%);
}
.auth-glow{position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(200,134,10,.1) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);}
.auth-card{
  position:relative;z-index:1;
  background:rgba(18,16,13,.88);border:1px solid rgba(205,199,184,.12);
  border-radius:var(--radius-lg);padding:44px 40px;width:440px;
  backdrop-filter:blur(20px);animation:fadeUp .5s ease both;
}
.auth-logo{text-align:center;margin-bottom:16px;position:relative;}
.auth-logo::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(100,120,255,.12) 0%,transparent 70%);pointer-events:none;}
.auth-logo-img{display:block;margin:0 auto 12px;width:260px;height:auto;animation:logoBreath 4.5s ease-in-out infinite;}
@keyframes logoBreath{0%,100%{filter:invert(1) drop-shadow(0 0 22px rgba(80,120,255,.8)) drop-shadow(0 0 55px rgba(80,120,255,.4));}50%{filter:invert(1) drop-shadow(0 0 40px rgba(150,170,255,1)) drop-shadow(0 0 90px rgba(120,200,255,.65));}}
.auth-title{font-family:'Cinzel',serif;font-size:1.3rem;font-weight:900;letter-spacing:.15em;color:var(--gold);}
.auth-sub{font-family:'JetBrains Mono',monospace;font-size:.6rem;letter-spacing:.12em;color:rgba(205,199,184,.3);margin-top:4px;}
.auth-tabs{display:flex;border-bottom:1px solid rgba(205,199,184,.1);margin-bottom:24px;}
.auth-tab{flex:1;text-align:center;padding:10px;font-family:'JetBrains Mono',monospace;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(205,199,184,.35);cursor:pointer;border-bottom:2px solid transparent;transition:all var(--transition);}
.auth-tab.active{color:var(--gold);border-bottom-color:var(--amber);}
.auth-panel{display:none;flex-direction:column;gap:14px;}
.auth-panel.active{display:flex;}
.field-label{font-family:'JetBrains Mono',monospace;font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(205,199,184,.4);margin-bottom:5px;}
.field-input{width:100%;background:rgba(255,255,255,.04);border:1px solid rgba(205,199,184,.12);border-radius:var(--radius-sm);padding:10px 14px;font-family:'Crimson Pro',serif;font-size:1rem;color:var(--page);outline:none;transition:border-color var(--transition);}
.field-input:focus{border-color:var(--amber);}
.field-input::placeholder{color:rgba(205,199,184,.22);}
.genre-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px;}
.genre-chip{font-family:'JetBrains Mono',monospace;font-size:.58rem;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:20px;border:1px solid rgba(205,199,184,.15);color:rgba(205,199,184,.45);cursor:pointer;transition:all var(--transition);}
.genre-chip.on{background:rgba(200,134,10,.15);color:var(--amber);border-color:rgba(200,134,10,.4);}
.auth-submit{width:100%;padding:12px;background:var(--amber);color:var(--deep);border:none;border-radius:var(--radius-sm);font-family:'Cinzel',serif;font-size:.9rem;font-weight:700;letter-spacing:.08em;cursor:pointer;transition:all var(--transition);margin-top:4px;}
.auth-submit:hover{background:var(--gold);transform:translateY(-1px);}
.auth-hint{text-align:center;font-family:'JetBrains Mono',monospace;font-size:.58rem;color:rgba(205,199,184,.22);margin-top:6px;}
.auth-error{font-family:'JetBrains Mono',monospace;font-size:.65rem;color:#e07070;background:rgba(139,31,31,.15);border:1px solid rgba(139,31,31,.2);padding:8px 12px;border-radius:var(--radius-sm);display:none;}
.auth-error.show{display:block;}

/* ══════════════════════════════════════════════════════════════
   APP SHELL
══════════════════════════════════════════════════════════════ */
#screen-app{display:none;flex-direction:column;}
#screen-app.active{display:flex;}

/* ── TOPBAR ── */
.topbar{
  position:sticky;top:0;z-index:200;height:54px;flex-shrink:0;
  background:rgba(250,247,242,.95);backdrop-filter:blur(12px);
  border-bottom:1px solid var(--fog);
  display:flex;align-items:center;gap:12px;padding:0 20px;
}
.logo{display:flex;align-items:center;gap:2px;font-family:'Cinzel',serif;font-weight:900;font-size:1rem;letter-spacing:.12em;flex-shrink:0;cursor:pointer;}
.topbar-logo-img{height:32px;width:auto;flex-shrink:0;animation:topbarGlow 5s ease-in-out infinite;}
@keyframes topbarGlow{
  0%,100%{filter:invert(1) drop-shadow(0 0 5px rgba(80,120,255,.9))  drop-shadow(0 0 14px rgba(80,120,255,.5));}
  35%    {filter:invert(1) drop-shadow(0 0 10px rgba(180,80,255,1))   drop-shadow(0 0 26px rgba(160,60,255,.7));}
  65%    {filter:invert(1) drop-shadow(0 0 16px rgba(220,235,255,1))  drop-shadow(0 0 34px rgba(180,210,255,.8));}
}
.topbar-right{margin-left:auto;display:flex;align-items:center;gap:10px;}

/* ── Sound pill (liquid glass) ─────────────────────────── */
.sound-pill{position:relative;display:flex;align-items:center;width:96px;height:28px;border-radius:999px;background:var(--mist);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--fog);cursor:pointer;padding:3px;box-shadow:0 1px 4px rgba(0,0,0,.10),inset 0 1px 0 rgba(255,255,255,.6);transition:box-shadow .2s;user-select:none;flex-shrink:0;}
.sound-pill:hover{box-shadow:0 2px 10px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.7);}
.sp-label{flex:1;text-align:center;font-size:.5rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;position:relative;z-index:1;transition:color .35s;pointer-events:none;}
.sp-sound{color:var(--ink);}
.sp-mute{color:var(--fog);}
.sound-pill.muted .sp-sound{color:var(--fog);}
.sound-pill.muted .sp-mute{color:var(--ink);}
.sp-crystal{position:absolute;left:3px;width:calc(50% - 3px);height:calc(100% - 6px);border-radius:999px;overflow:hidden;background:linear-gradient(175deg,rgba(255,255,255,.95) 0%,var(--amber) 60%,rgba(255,255,255,.30) 100%);backdrop-filter:blur(12px) saturate(200%);-webkit-backdrop-filter:blur(12px) saturate(200%);border:1px solid rgba(255,255,255,.8);box-shadow:inset 0 2px 0 rgba(255,255,255,1),inset 0 -1px 0 rgba(0,0,0,.06),0 2px 8px rgba(0,0,0,.12);transition:left .42s cubic-bezier(.34,1.56,.64,1);pointer-events:none;}
.sp-crystal::after{content:'';position:absolute;top:0;left:-110%;width:65%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);transform:skewX(-15deg);transition:left .5s ease;}
.sound-pill:hover .sp-crystal::after{left:160%;}
.sound-pill.muted .sp-crystal{left:calc(50% + 0px);}
.notif-btn{width:34px;height:34px;border-radius:50%;background:var(--mist);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;color:var(--fog);transition:background var(--transition),color var(--transition);}
.notif-btn:hover,.notif-btn:active{background:var(--fog);color:var(--ink);}
.notif-btn:hover .icon-notif,.notif-btn:active .icon-notif{transform:rotate(30deg) scale(1.1);}
.notif-btn:has(.notif-badge.show){color:var(--amber);}
.notif-btn:has(.notif-badge.show) .icon-notif{filter:drop-shadow(0 0 4px rgba(212,168,67,.6));}
.notif-badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;background:var(--amber);border-radius:8px;border:2px solid var(--page);display:none;align-items:center;justify-content:center;font-family:'JetBrains Mono',monospace;font-size:.52rem;font-weight:700;color:#fff;padding:0 3px;line-height:1;}
.notif-badge.show{display:flex;}
.user-av{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--amber),var(--rust));display:flex;align-items:center;justify-content:center;font-family:'Cinzel',serif;font-size:.72rem;font-weight:700;color:#fff;cursor:pointer;border:2px solid var(--fog);transition:border-color var(--transition);flex-shrink:0;}
.user-av:hover{border-color:var(--amber);}

/* ── APP BODY ── */
.app-body{display:grid;grid-template-columns:220px 1fr;flex:1;min-height:0;}

/* ── SIDEBAR ── */
.sidebar{border-right:1px solid var(--fog);padding:18px 0;position:sticky;top:54px;height:calc(100vh - 54px);overflow-y:auto;}
.write-btn{margin:0 14px 14px;width:calc(100% - 28px);padding:10px;background:var(--ink);color:var(--gold);border:none;border-radius:var(--radius-sm);font-family:'Cinzel',serif;font-size:.78rem;font-weight:700;letter-spacing:.06em;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all var(--transition);}
.write-btn:hover{background:#2a2820;transform:translateY(-1px);}
.snav-label{font-family:'JetBrains Mono',monospace;font-size:.56rem;letter-spacing:.14em;text-transform:uppercase;color:var(--fog);padding:0 16px 6px;margin-top:12px;}
.snav-item{display:flex;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;color:var(--ink);cursor:pointer;transition:all var(--transition);border-left:2px solid transparent;}
.snav-item:hover{background:var(--mist);}
.snav-item.active{border-left-color:var(--amber);background:rgba(200,134,10,.06);color:var(--amber-dim);font-weight:600;}
.snav-icon{width:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}

/* -- Pill de mensajes/cartas en sidebar (avatares + badge de no leidos) -- */
.snav-msg-pill{display:flex;align-items:center;gap:10px;margin:2px 10px;padding:9px 14px;border-radius:24px;background:rgba(212,168,67,.07);border:1px solid rgba(212,168,67,.18);cursor:pointer;transition:background .15s,border-color .15s;}
.snav-msg-pill:hover{background:rgba(212,168,67,.15);border-color:rgba(212,168,67,.35);}
.snav-msg-avs{display:flex;align-items:center;flex-shrink:0;}
.snav-msg-av{width:22px;height:22px;border-radius:50%;border:2px solid var(--page);background:linear-gradient(135deg,var(--amber),var(--rust));display:flex;align-items:center;justify-content:center;font-size:.5rem;font-weight:700;color:#fff;flex-shrink:0;margin-left:-7px;overflow:hidden;}
.snav-msg-av:first-child{margin-left:0;}
.snav-msg-av img{width:100%;height:100%;object-fit:cover;border-radius:50%;}
.snav-msg-label{font-size:.88rem;color:var(--ink);flex:1;}
.snav-msg-badge{background:var(--amber);color:#0e0d0b;font-family:'JetBrains Mono',monospace;font-size:.52rem;font-weight:700;padding:1px 6px;border-radius:10px;margin-left:auto;}

/* ── Íconos SVG ORAK ──────────────────────────────────────────── */
.orak-icon{display:block;overflow:visible;transition:transform .28s cubic-bezier(.34,1.56,.64,1),filter .28s ease;flex-shrink:0;}
.orak-icon *{transition:transform .28s cubic-bezier(.34,1.56,.64,1),opacity .25s ease;transform-box:fill-box;transform-origin:center;}

/* Feed — pupila se dilata */
.snav-item:hover .icon-feed .icon-pupil,.snav-item:active .icon-feed .icon-pupil{transform:scale(1.9);}
.snav-item:hover .icon-feed .icon-orbit,.snav-item:active .icon-feed .icon-orbit{opacity:.7;}

/* Explorar — brújula gira */
.snav-item:hover .icon-explore,.snav-item:active .icon-explore{transform:rotate(45deg);}

/* Escritores — constelación flota */
.snav-item:hover .icon-people,.snav-item:active .icon-people{transform:translateY(-2px) scale(1.08);}

/* Perfil — luna rota */
.snav-item:hover .icon-profile,.snav-item:active .icon-profile{transform:rotate(-22deg);}

/* Libros — grimorio levita */
.snav-item:hover .icon-libros,.snav-item:active .icon-libros{transform:translateY(-2px);}

/* Colaboraciones — anillos se separan */
.snav-item:hover .icon-collab .collab-l,.snav-item:active .icon-collab .collab-l{transform:translateX(-1.8px);}
.snav-item:hover .icon-collab .collab-r,.snav-item:active .icon-collab .collab-r{transform:translateX(1.8px);}

/* Notificaciones — estrella rota */
.snav-item:hover .icon-notif,.snav-item:active .icon-notif{transform:rotate(30deg) scale(1.1);}

/* Mensajes — portal pulsa */
@keyframes portal-pulse{0%,100%{transform:scale(1);opacity:1;}50%{transform:scale(1.18);opacity:.35;}}
.snav-item:hover .icon-mensajes .msg-outer,.snav-item:active .icon-mensajes .msg-outer{animation:portal-pulse .7s ease infinite;}

/* Tienda — gema brilla */
.snav-item:hover .icon-tienda,.snav-item:active .icon-tienda{transform:scale(1.12);filter:drop-shadow(0 0 3px currentColor);}
.snav-item:hover .icon-tienda .gem-face,.snav-item:active .icon-tienda .gem-face{opacity:.75;}

/* Cerrar sesión — flecha desliza */
.snav-item:hover .icon-logout .logout-arr,.snav-item:active .icon-logout .logout-arr{transform:translateX(3px);}

/* Lámpara — modo claro/oscuro */
.icon-lampara .lamp-glow{transition:fill-opacity .25s ease;}
.icon-lampara.lamp-on{color:var(--gold);}
.icon-lampara.lamp-on .lamp-glow{fill-opacity:.35;}
.snav-item:hover .icon-lampara,.snav-item:active .icon-lampara{filter:drop-shadow(0 0 3px currentColor);}
.snav-badge{margin-left:auto;background:var(--amber);color:#fff;font-family:'JetBrains Mono',monospace;font-size:.54rem;padding:1px 6px;border-radius:10px;}
.snav-badge.pop{animation:badgePop .45s cubic-bezier(.34,1.56,.64,1) both;}

/* ── Oráculo ────────────────────────────────────────────────── */
.oraculo-toggle{position:relative;}
.oraculo-toggle.active{color:var(--amber);border-left-color:var(--amber);background:rgba(200,134,10,.06);}
.oraculo-caret{margin-left:auto;font-size:.7rem;color:var(--fog);transition:transform .28s ease,color .2s;}
.oraculo-toggle.active .oraculo-caret{transform:rotate(90deg);color:var(--amber);}

/* anillo exterior del ojo gira al hover */
@keyframes oraculo-spin{to{transform:rotate(360deg);}}
.oraculo-toggle:hover .oraculo-ring-outer,.oraculo-toggle.active .oraculo-ring-outer{animation:oraculo-spin 4s linear infinite;}
/* pupila se dilata cuando está activo */
.oraculo-toggle.active .oraculo-pupil{transform:scale(1.5);}

.oraculo-wrap{overflow:hidden;max-height:0;transition:max-height .38s cubic-bezier(.4,0,.2,1);}
.oraculo-wrap.open{max-height:520px;}

.oraculo-input-row{padding:6px 10px 4px 14px;}
.oraculo-input{
  width:100%;box-sizing:border-box;
  background:transparent;
  border:none;border-bottom:1.5px solid var(--fog);
  padding:6px 4px;
  font-family:'JetBrains Mono',monospace;font-size:.72rem;
  color:var(--ink);outline:none;
  transition:border-color .2s,box-shadow .2s;
  letter-spacing:.02em;
}
.oraculo-input:focus{border-bottom-color:var(--amber);box-shadow:0 2px 10px -5px rgba(212,168,67,.5);}
.oraculo-input::placeholder{color:var(--fog);font-style:italic;}

.oraculo-estado{
  padding:5px 14px;
  font-family:'JetBrains Mono',monospace;font-size:.6rem;
  color:var(--fog);font-style:italic;
  min-height:18px;
}

.oraculo-section-lbl{
  padding:8px 14px 3px;
  font-family:'Cinzel',serif;font-size:.58rem;
  letter-spacing:.12em;text-transform:uppercase;
  color:var(--amber);opacity:.75;
}

.oraculo-row{
  display:flex;align-items:center;gap:9px;
  padding:6px 10px;margin:1px 6px;
  border-radius:6px;cursor:pointer;
  transition:background .14s;
}
.oraculo-row:hover{background:var(--mist);}
.oraculo-row:last-child{margin-bottom:8px;}

.oraculo-av{
  width:26px;height:26px;border-radius:50%;flex-shrink:0;
  background:linear-gradient(135deg,var(--amber),var(--rust));
  display:flex;align-items:center;justify-content:center;
  font-family:'Cinzel',serif;font-size:.58rem;font-weight:700;color:#fff;
  background-size:cover;background-position:center;
}
.oraculo-book-thumb{
  width:26px;height:32px;border-radius:2px;flex-shrink:0;
  background:var(--mist);display:flex;align-items:center;justify-content:center;
  font-size:.78rem;overflow:hidden;
}
.oraculo-book-thumb img{width:100%;height:100%;object-fit:cover;}
.oraculo-row-name{font-family:'JetBrains Mono',monospace;font-size:.68rem;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.oraculo-row-sub{font-family:'JetBrains Mono',monospace;font-size:.59rem;color:var(--fog);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.oraculo-row-info{min-width:0;flex:1;}

/* ── VISTAS ── */
.view{display:none;overflow-y:auto;height:calc(100vh - 54px);overscroll-behavior-y:contain;}
.view.active{display:block;animation:viewFadeIn .22s ease both;}

/* ══════════════════════════════════════════════════════════════
   FEED
══════════════════════════════════════════════════════════════ */
.feed-shell{display:grid;grid-template-columns:1fr 262px;height:100%;}
.feed-main{min-width:0;overflow-y:auto;height:100%;overscroll-behavior-y:contain;}
.feed-widgets{padding:18px 16px;overflow-y:auto;height:100%;border-left:1px solid var(--fog);}

/* Compositor */
.composer{margin:18px 22px 0;border:1px solid var(--fog);border-radius:var(--radius);background:var(--white);overflow:hidden;}
.composer-top{display:flex;gap:10px;padding:12px 14px 0;}
.composer-av{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--amber),var(--rust));display:flex;align-items:center;justify-content:center;font-family:'Cinzel',serif;font-size:.7rem;font-weight:700;color:#fff;flex-shrink:0;}
.composer-input{flex:1;border:none;outline:none;resize:none;font-family:'Crimson Pro',serif;font-size:1rem;color:var(--ink);background:transparent;line-height:1.5;min-height:40px;max-height:180px;overflow-y:auto;transition:min-height .2s;}
/* ── Anillo compositor ── */
.comp-ring{display:none;flex-shrink:0;transition:opacity .2s;}
.comp-ring-bg{stroke:var(--mist);}
.comp-ring-fill{stroke:var(--amber);transition:stroke-dashoffset .18s ease,stroke .15s;}
.comp-ring-fill.danger{stroke:#c04040;}
.comp-ring-txt{font-family:'JetBrains Mono',monospace;font-size:8px;fill:var(--fog);font-weight:700;}
.comp-ring-txt.danger{fill:#c04040;}
.composer-input::placeholder{color:var(--fog);font-style:italic;}
.composer-estados{display:flex;gap:5px;padding:8px 12px 6px;flex-wrap:wrap;border-top:1px solid var(--mist);}
.comp-estado{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;border:1px solid var(--fog);background:transparent;font-family:'JetBrains Mono',monospace;font-size:.58rem;letter-spacing:.04em;color:var(--fog);cursor:pointer;transition:all .18s;white-space:nowrap;}
.comp-estado:hover{border-color:var(--amber);color:var(--amber-dim);}
.comp-estado.active{border-color:var(--amber);background:rgba(200,134,10,.08);color:var(--amber-dim);font-weight:600;}
.comp-estado-sig{font-size:.75rem;line-height:1;}
.composer-footer{display:flex;align-items:center;gap:8px;padding:7px 12px;border-top:1px solid var(--mist);}
.comp-tipo-label{font-family:'JetBrains Mono',monospace;font-size:.58rem;letter-spacing:.05em;color:var(--fog);font-style:italic;}
.comp-btn{margin-left:auto;padding:6px 18px;background:var(--amber);color:#fff;border:none;border-radius:var(--radius-sm);font-family:'JetBrains Mono',monospace;font-size:.63rem;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background var(--transition);}
.comp-btn:hover{background:var(--amber-dim);}

/* Posts */
.feed-posts{padding:14px 22px;display:flex;flex-direction:column;gap:14px;}
#ptr-wrap{height:0;overflow:hidden;display:flex;align-items:center;justify-content:center;will-change:height;}
#ptr-indicator{display:flex;flex-direction:column;align-items:center;gap:5px;padding:6px 0;opacity:0;transform:scale(0.65) translateY(-8px);transition:opacity .18s,transform .18s;}
#ptr-indicator.ptr-visible{opacity:1;transform:scale(1) translateY(0);}
#ptr-label{font-family:'JetBrains Mono',monospace;font-size:.55rem;color:var(--amber-dim);text-transform:uppercase;letter-spacing:.07em;}
@keyframes ptrSpin{to{transform:rotate(360deg);transform-origin:center;}}
#ptr-wrap.ptr-loading .ptr-ring{animation:ptrSpin .75s linear infinite;transform-origin:center;}
#ptr-profile-wrap,#ptr-explore-wrap{height:0;overflow:hidden;display:flex;align-items:center;justify-content:center;will-change:height;}
#ptr-profile-indicator,#ptr-explore-indicator{display:flex;flex-direction:column;align-items:center;gap:5px;padding:6px 0;opacity:0;transform:scale(0.65) translateY(-8px);transition:opacity .18s,transform .18s;}
#ptr-profile-indicator.ptr-visible,#ptr-explore-indicator.ptr-visible{opacity:1;transform:scale(1) translateY(0);}
#ptr-profile-label,#ptr-explore-label{font-family:'JetBrains Mono',monospace;font-size:.55rem;color:var(--amber-dim);text-transform:uppercase;letter-spacing:.07em;}
#ptr-profile-wrap.ptr-loading .ptr-ring,#ptr-explore-wrap.ptr-loading .ptr-ring{animation:ptrSpin .75s linear infinite;transform-origin:center;}
#feed-new-banner{display:flex;align-items:center;justify-content:center;gap:8px;margin:8px 22px 0;padding:9px 16px;background:linear-gradient(90deg,rgba(200,134,10,.13),rgba(200,134,10,.07));border:1px solid rgba(200,134,10,.28);border-radius:8px;cursor:pointer;font-family:'JetBrains Mono',monospace;font-size:.65rem;color:var(--amber);letter-spacing:.04em;transition:background .15s,transform .1s;user-select:none;}
#feed-new-banner:hover{background:linear-gradient(90deg,rgba(200,134,10,.22),rgba(200,134,10,.12));transform:translateY(-1px);}
.fnb-dot{width:7px;height:7px;border-radius:50%;background:var(--amber);animation:fnbPulse 1.2s ease-in-out infinite;}
@keyframes fnbPulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.5;transform:scale(.7);}}
.fnb-arrow{font-size:.8rem;}
/* ── SKELETON SCREENS ───────────────────────────────────────── */
@keyframes shimmer{0%{background-position:-600px 0}100%{background-position:600px 0}}
.skel{background:linear-gradient(90deg,var(--mist) 25%,rgba(232,227,216,.55) 50%,var(--mist) 75%);background-size:1200px 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:4px;}
.skel-post{border:1px solid var(--fog);border-left:3px solid var(--fog);border-radius:var(--radius);background:var(--white);padding:12px 14px 14px;margin-bottom:14px;animation:fadeUp .3s ease both;}
.skel-post-head{display:flex;align-items:center;gap:10px;margin-bottom:12px;}
.skel-av{width:38px;height:38px;border-radius:50%;flex-shrink:0;}
.skel-meta{flex:1;display:flex;flex-direction:column;gap:5px;}
.skel-name{height:11px;width:38%;border-radius:3px;}
.skel-handle{height:9px;width:24%;border-radius:3px;opacity:.7;}
.skel-line{height:10px;border-radius:3px;margin-bottom:7px;}
.skel-line.l1{width:92%;}
.skel-line.l2{width:80%;}
.skel-line.l3{width:56%;}
.skel-bcard{border:1px solid var(--fog);border-radius:var(--radius);overflow:hidden;background:var(--white);animation:fadeUp .3s ease both;}
.skel-bspine{height:105px;width:100%;}
.skel-bbody{padding:9px 11px 11px;display:flex;flex-direction:column;gap:6px;}
.skel-btitle{height:11px;width:75%;border-radius:3px;}
.skel-bdesc{height:9px;width:90%;border-radius:3px;opacity:.7;}
.skel-bdesc2{height:9px;width:60%;border-radius:3px;opacity:.6;}
.skel-person{display:flex;align-items:center;gap:12px;border:1px solid var(--fog);border-radius:var(--radius);padding:12px 14px;background:var(--white);animation:fadeUp .3s ease both;}
.skel-pav{width:42px;height:42px;border-radius:50%;flex-shrink:0;}
.skel-pmeta{flex:1;display:flex;flex-direction:column;gap:6px;}
.skel-pname{height:11px;width:35%;border-radius:3px;}
.skel-phandle{height:9px;width:22%;border-radius:3px;opacity:.7;}

/* ── MICRO-INTERACCIONES ─────────────────────────────────────── */
@keyframes glimmerPop{0%{transform:scale(1)}35%{transform:scale(1.4)}65%{transform:scale(.85)}100%{transform:scale(1)}}
@keyframes followPop{0%{transform:scale(1)}40%{transform:scale(1.08)}100%{transform:scale(1)}}
.pact{transition:background var(--transition),color var(--transition),transform .12s ease;}
.pact:active{transform:scale(.9);}
.pact.glimmer-pop{animation:glimmerPop .38s cubic-bezier(.34,1.56,.64,1);}
.post-follow-btn{transition:all .22s cubic-bezier(.34,1.56,.64,1);}
.post-follow-btn:not(.leyendo):active{transform:scale(.92);}
.post-follow-btn.follow-pop{animation:followPop .28s cubic-bezier(.34,1.56,.64,1);}
.comp-btn{transition:background .15s,transform .12s;}
.comp-btn:active{transform:scale(.96);}
.comp-btn.posting{opacity:.6;pointer-events:none;}
.write-btn:active{transform:translateY(0) scale(.97);}
.snav-item:active{transform:scale(.97);}
.bcard:active{transform:translateY(-1px) scale(.98);}
/* Post cards ─────────────────────────────────────────────── */
.post{border:1px solid var(--fog);border-left:3px solid var(--fog);border-radius:var(--radius);background:var(--white);overflow:hidden;transition:box-shadow var(--transition);animation:fadeUp .3s ease both;margin-bottom:14px;}
.post.post-new{animation:postSlideDown .38s cubic-bezier(.22,1,.36,1) both;}
@keyframes postSlideDown{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}
.post:hover{box-shadow:0 6px 28px var(--shadow);}
.pe-invocando{border-left-color:var(--amber);background:linear-gradient(to right,rgba(200,134,10,.03) 0,transparent 72px);}
.pe-revelacion{border-left-color:#6a8fc0;background:linear-gradient(to right,rgba(106,143,192,.03) 0,transparent 72px);}
.pe-umbral{border-left-color:#8a60c0;background:linear-gradient(to right,rgba(138,96,192,.03) 0,transparent 72px);}
.pe-eco{border-left-color:#4a9060;background:linear-gradient(to right,rgba(74,144,96,.03) 0,transparent 72px);}
.pe-conjuro{border-left-color:var(--rust);background:linear-gradient(to right,rgba(139,58,31,.03) 0,transparent 72px);}
.pe-niebla{border-left-color:#8a96a4;background:linear-gradient(to right,rgba(138,150,164,.03) 0,transparent 72px);}
.post-estado-bar{display:flex;align-items:center;gap:6px;padding:6px 14px 5px;border-bottom:1px solid var(--mist);}
.post-estado-sig{font-size:.78rem;line-height:1;}
.post-estado-lbl{font-family:'JetBrains Mono',monospace;font-size:.57rem;letter-spacing:.1em;text-transform:uppercase;font-weight:600;}
.post-time{margin-left:auto;font-family:'JetBrains Mono',monospace;font-size:.54rem;color:var(--fog);}
.pe-invocando .post-estado-sig,.pe-invocando .post-estado-lbl{color:var(--amber-dim);}
.pe-revelacion .post-estado-sig,.pe-revelacion .post-estado-lbl{color:#5a7fb0;}
.pe-umbral .post-estado-sig,.pe-umbral .post-estado-lbl{color:#7a50b0;}
.pe-eco .post-estado-sig,.pe-eco .post-estado-lbl{color:#3a8050;}
.pe-conjuro .post-estado-sig,.pe-conjuro .post-estado-lbl{color:var(--rust);}
.pe-niebla .post-estado-sig,.pe-niebla .post-estado-lbl{color:#7a8a98;}
.post-head{display:flex;align-items:center;gap:10px;padding:10px 14px 4px;}
.pav{width:38px;height:38px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:'Cinzel',serif;font-size:.82rem;font-weight:700;color:#fff;cursor:pointer;transition:transform .18s;}
.pav:hover{transform:scale(1.06);}
.pav1{background:linear-gradient(135deg,#8b1f2f,#c03040);}
.pav2{background:linear-gradient(135deg,#1f3a8b,#3060c0);}
.pav3{background:linear-gradient(135deg,#2d6b3a,#4a9060);}
.pav4{background:linear-gradient(135deg,#3d1a3d,#8a40a0);}
.pav5{background:linear-gradient(135deg,var(--amber),var(--rust));}
.post-meta{flex:1;min-width:0;}
.post-name-row{display:flex;align-items:center;gap:8px;}
.post-name{font-family:'Cinzel',serif;font-size:.88rem;font-weight:600;cursor:pointer;transition:color var(--transition);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.post-name:hover{color:var(--amber-dim);}
.post-handle{font-family:'JetBrains Mono',monospace;font-size:.57rem;color:var(--fog);margin-top:1px;cursor:pointer;width:fit-content;}
.post-handle:hover{color:var(--amber-dim);}
.post-follow-btn{font-family:'JetBrains Mono',monospace;font-size:.49rem;letter-spacing:.06em;text-transform:uppercase;padding:2px 9px;border:1px solid var(--amber);border-radius:10px;background:transparent;color:var(--amber);cursor:pointer;transition:all .15s;flex-shrink:0;line-height:1.7;}
.post-follow-btn:hover{background:var(--amber);color:#fff;}
.post-follow-btn.leyendo{border-color:var(--fog);color:var(--fog);}
.post-follow-btn.leyendo:hover{border-color:#c06040;color:#c06040;background:rgba(192,96,64,.07);}
.post-body{padding:6px 14px 12px;position:relative;user-select:none;}
/* ── Double-tap Glimmer burst ── */
.glimmer-burst{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:20;}
.burst-svg{animation:burstScale .72s cubic-bezier(.17,.89,.32,1.49) forwards;filter:drop-shadow(0 0 12px rgba(212,168,67,.85));}
.burst-outline{fill:none;stroke:#d4a843;stroke-width:1.2;animation:burstOutline .72s ease forwards;}
.burst-fill{fill:#d4a843;stroke:none;animation:burstFill .72s ease forwards;}
@keyframes burstScale{0%{transform:scale(0);opacity:0;}12%{opacity:1;}52%{transform:scale(1.4);opacity:1;}100%{transform:scale(1.85);opacity:0;}}
@keyframes burstOutline{0%,32%{opacity:1;}58%,100%{opacity:0;}}
@keyframes burstFill{0%,32%{opacity:0;}58%,100%{opacity:1;}}
.burst-particle{position:absolute;top:50%;left:50%;font-size:24px;line-height:1;animation:burstParticle .85s cubic-bezier(.17,.89,.32,1.24) forwards;animation-delay:var(--delay,0s);}
@keyframes burstParticle{0%{transform:translate(-50%,-50%) scale(.3);opacity:0;}16%{opacity:1;}100%{transform:translate(calc(-50% + var(--tx)),calc(-50% + var(--ty))) scale(1.05);opacity:0;}}
.post-text{font-family:'Crimson Pro',Georgia,serif;font-size:1.04rem;line-height:1.72;color:var(--ink);white-space:pre-wrap;word-break:break-word;}
.post-text.post-text-collapsed{max-height:8.3em;overflow:hidden;}
.leer-mas-btn{display:block;margin-top:6px;padding:0;background:none;border:none;cursor:pointer;font-family:'JetBrains Mono',monospace;font-size:.7rem;font-weight:600;letter-spacing:.03em;color:var(--amber-dim);transition:color .15s;}
.leer-mas-btn:hover{color:var(--amber);}
.book-preview{margin-top:10px;border:1px solid var(--fog);border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;transition:border-color .2s,transform .18s;}
.book-preview:hover{border-color:var(--amber);transform:translateY(-1px);}
.bp-banner{height:80px;display:flex;align-items:center;justify-content:center;padding:0 14px;text-align:center;}
.bpb1{background:linear-gradient(135deg,#1a0e0a,#0d1520);}
.bpb2{background:linear-gradient(135deg,#0a1a10,#1a3d25);}
.bpb3{background:linear-gradient(135deg,#1a100a,#3d2810);}
.bpb4{background:linear-gradient(135deg,#100814,#28103a);}
.bp-titulo{font-family:'Cinzel',serif;font-size:.9rem;font-weight:700;color:rgba(232,197,90,.92);letter-spacing:.05em;text-shadow:0 1px 8px rgba(0,0,0,.4);}
.bp-foot{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;background:var(--mist);}
.bp-genero{font-family:'JetBrains Mono',monospace;font-size:.57rem;color:var(--fog);text-transform:uppercase;letter-spacing:.06em;}
.bp-cta{font-family:'JetBrains Mono',monospace;font-size:.57rem;color:var(--amber-dim);text-transform:uppercase;letter-spacing:.08em;font-weight:600;}
.post-imagen{display:block;width:100%;max-height:420px;object-fit:cover;border-radius:var(--radius-sm);margin-top:10px;}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;}
.gallery-item{aspect-ratio:1;overflow:hidden;cursor:pointer;}
.gallery-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s;}
.gallery-item:hover img{transform:scale(1.05);}
.book-card-post{display:flex;margin-top:10px;border:1px solid var(--fog);border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;transition:border-color .2s,transform .18s;}
.book-card-post:hover{border-color:var(--amber);transform:translateY(-1px);}
.bcp-cover{width:85px;flex-shrink:0;aspect-ratio:2/3;object-fit:cover;display:block;}
.bcp-info{flex:1;display:flex;flex-direction:column;padding:10px 12px;min-width:0;gap:4px;}
.bcp-titulo{font-family:'Cinzel',serif;font-size:.82rem;font-weight:700;color:var(--ink);letter-spacing:.03em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.bcp-genero{font-family:'JetBrains Mono',monospace;font-size:.55rem;color:var(--fog);text-transform:uppercase;letter-spacing:.06em;}
.bcp-cta{font-family:'JetBrains Mono',monospace;font-size:.57rem;color:var(--amber-dim);text-transform:uppercase;letter-spacing:.08em;font-weight:600;margin-top:auto;}
.post-actions{display:flex;align-items:center;border-top:1px solid var(--mist);padding:2px 8px;gap:2px;}
.pact{display:flex;align-items:center;gap:5px;padding:7px 10px;font-family:'JetBrains Mono',monospace;font-size:.62rem;color:var(--fog);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition);border:none;background:none;line-height:1;}
.pact:hover{background:var(--mist);color:var(--ink);}
.pact svg{flex-shrink:0;transition:transform .2s;}
.pact:hover svg{transform:scale(1.15);}
.pact.liked{color:var(--orun);font-weight:600;}
.pact.liked svg{stroke:var(--orun);fill:var(--orun);}
.pact.liked:hover{background:rgba(212,168,67,.1);}
.pact-share{margin-left:auto;}
.pact-del{color:var(--fog);}
.pact-del:hover{color:#c06040 !important;background:rgba(192,96,64,.07) !important;}
.notas-panel{overflow:hidden;max-height:0;transition:max-height .35s cubic-bezier(.22,1,.36,1);}
.notas-panel.open{max-height:600px;}
.notas-panel-inner{border-top:1px solid var(--mist);background:var(--parchment);padding:10px 14px 14px;}
.notas-list{padding:10px 14px 4px;display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto;}
.nota-form{display:flex;gap:8px;padding:8px 12px;align-items:flex-end;}
.nota-textarea{flex:1;border:1px solid var(--fog);border-radius:var(--radius-sm);padding:7px 10px;font-family:'Crimson Pro',serif;font-size:.92rem;resize:none;background:var(--white);color:var(--ink);outline:none;transition:border-color .18s;}
.nota-textarea:focus{border-color:var(--amber);}
.nota-send{padding:7px 14px;background:var(--amber);color:#fff;border:none;border-radius:var(--radius-sm);font-family:'JetBrains Mono',monospace;font-size:.6rem;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:background var(--transition);white-space:nowrap;}
.nota-send:hover{background:var(--amber-dim);}

/* ══════════════════════════════════════════════════════════════
   WIDGETS DEL FEED
══════════════════════════════════════════════════════════════ */
.widget-block{margin-bottom:22px;}
.widget-label{font-family:'JetBrains Mono',monospace;font-size:.56rem;letter-spacing:.14em;text-transform:uppercase;color:var(--fog);margin-bottom:10px;}

/* Economía */
.eco-card{background:var(--ink);border-radius:var(--radius);padding:15px;color:var(--gold);}
.eco-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;}
.eco-name{font-family:'Cinzel',serif;font-size:.86rem;font-weight:700;letter-spacing:.05em;}
.eco-lvl{font-family:'JetBrains Mono',monospace;font-size:.52rem;letter-spacing:.06em;text-transform:uppercase;color:rgba(205,199,184,.3);background:rgba(255,255,255,.05);padding:2px 7px;border-radius:10px;}
.eco-pills{display:grid;grid-template-columns:1fr 1fr;gap:7px;}
.eco-pill{background:rgba(255,255,255,.05);border:1px solid rgba(205,199,184,.1);border-radius:var(--radius-sm);padding:11px 8px;text-align:center;}
.eco-pill-ico{font-size:1rem;margin-bottom:3px;}
.eco-pill-val{font-family:'Cinzel',serif;font-size:1.25rem;font-weight:700;line-height:1;}
.eco-pill-val.ov{color:var(--gold);}
.eco-pill-val.gv{color:var(--glimmer);}
.eco-pill-lbl{font-family:'JetBrains Mono',monospace;font-size:.52rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(205,199,184,.3);margin-top:2px;}
.eco-xp{margin-top:11px;}
.eco-xp-row{display:flex;justify-content:space-between;margin-bottom:4px;}
.eco-xp-lbl{font-family:'JetBrains Mono',monospace;font-size:.55rem;color:rgba(205,199,184,.3);}
.eco-xp-pct{font-family:'JetBrains Mono',monospace;font-size:.55rem;color:rgba(205,199,184,.45);}
.eco-bar{height:3px;background:rgba(255,255,255,.07);border-radius:2px;overflow:hidden;}
.eco-fill{height:100%;background:linear-gradient(90deg,var(--amber-dim),var(--gold));border-radius:2px;transition:width 1s cubic-bezier(.22,1,.36,1) .15s;}
.eco-hint{font-family:'JetBrains Mono',monospace;font-size:.52rem;color:rgba(205,199,184,.2);margin-top:6px;text-align:center;}

/* Ranking */
.rank-list{display:flex;flex-direction:column;gap:7px;}
.rank-item{display:flex;align-items:center;gap:8px;padding:6px 7px;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition);}
.rank-item:hover{background:var(--mist);}
.rank-pos{font-family:'Cinzel',serif;font-size:.7rem;font-weight:900;color:var(--fog);width:16px;text-align:center;}
.rank-pos.g{color:var(--gold);}
.rank-pos.s{color:#b0b0b0;}
.rank-pos.b{color:#c8804a;}
.rank-av{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Cinzel',serif;font-size:.58rem;font-weight:700;color:#fff;flex-shrink:0;}
.rank-info{flex:1;min-width:0;}
.rank-name{font-family:'Cinzel',serif;font-size:.75rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.rank-score{font-family:'JetBrains Mono',monospace;font-size:.56rem;color:var(--orun);}

/* Sugerencias */
.sug-list{display:flex;flex-direction:column;gap:9px;}
.sug-item{display:flex;align-items:center;gap:8px;cursor:pointer;}
.sug-av{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Cinzel',serif;font-size:.65rem;font-weight:700;color:#fff;flex-shrink:0;}
.sug-info{flex:1;min-width:0;}
.sug-name{font-family:'Cinzel',serif;font-size:.76rem;font-weight:600;}
.sug-meta{font-family:'JetBrains Mono',monospace;font-size:.56rem;color:var(--fog);}
.sug-btn{font-family:'JetBrains Mono',monospace;font-size:.56rem;text-transform:uppercase;letter-spacing:.05em;padding:3px 8px;border-radius:var(--radius-sm);border:1px solid var(--fog);background:none;cursor:pointer;color:var(--ink);transition:all var(--transition);}
.sug-btn:hover{border-color:var(--amber);color:var(--amber-dim);}
.sug-btn.done{background:rgba(200,134,10,.08);color:var(--amber-dim);border-color:rgba(200,134,10,.3);}
.sug-btn.bounce{animation:sugBounce .38s cubic-bezier(.34,1.56,.64,1) both;}
@keyframes sugBounce{0%{transform:scale(1)}40%{transform:scale(.82)}70%{transform:scale(1.18)}100%{transform:scale(1)}}

/* ══════════════════════════════════════════════════════════════
   EXPLORAR
══════════════════════════════════════════════════════════════ */
.explore-head{padding:22px 22px 0;}
.explore-title{font-family:'Cinzel',serif;font-size:1.55rem;font-weight:600;letter-spacing:.04em;}
.explore-sub{font-style:italic;color:var(--fog);margin-top:3px;font-size:.9rem;}
.genre-pills{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0 2px;}
.gpill{font-family:'JetBrains Mono',monospace;font-size:.6rem;text-transform:uppercase;letter-spacing:.06em;padding:5px 11px;border-radius:20px;border:1px solid var(--fog);cursor:pointer;transition:all var(--transition);}
.gpill:hover,.gpill.active{background:var(--ink);color:var(--gold);border-color:var(--ink);}
.books-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:14px;padding:16px 22px;}
.bcard{border:1px solid var(--fog);border-radius:var(--radius);overflow:hidden;background:var(--white);cursor:pointer;transition:all var(--transition);animation:fadeUp .3s ease both;}
.bcard:hover{transform:translateY(-3px);box-shadow:0 8px 22px var(--shadow);border-color:var(--amber);}
.bcard-spine{height:105px;display:flex;align-items:center;justify-content:center;position:relative;}
.bs1{background:linear-gradient(160deg,#1a0814,#3d1028);}
.bs2{background:linear-gradient(160deg,#081420,#102840);}
.bs3{background:linear-gradient(160deg,#0e1808,#1e3010);}
.bs4{background:linear-gradient(160deg,#180e08,#3a1808);}
.bs5{background:linear-gradient(160deg,#100814,#28103a);}
.bcard-ttl{font-family:'Cinzel',serif;font-size:.7rem;font-weight:600;color:rgba(232,197,90,.9);text-align:center;padding:3px 8px;letter-spacing:.05em;line-height:1.3;background:rgba(0,0,0,.45);border-radius:3px;backdrop-filter:blur(2px);}
.bcard-vis{position:absolute;top:6px;right:6px;font-family:'JetBrains Mono',monospace;font-size:.5rem;text-transform:uppercase;letter-spacing:.06em;padding:2px 5px;border-radius:3px;}
.vis-pub{background:rgba(168,212,232,.18);color:var(--glimmer);}
.vis-pri{background:rgba(139,58,31,.15);color:#c06040;}
.bcard-adult{position:absolute;top:6px;left:6px;font-family:'JetBrains Mono',monospace;font-size:.5rem;font-weight:700;letter-spacing:.06em;padding:2px 5px;border-radius:3px;background:rgba(200,40,40,.85);color:#fff;}
.bcard-adult-inline{display:inline-flex;align-items:center;gap:3px;font-family:'JetBrains Mono',monospace;font-size:.58rem;font-weight:700;letter-spacing:.05em;padding:2px 6px;border-radius:3px;background:rgba(200,40,40,.12);color:#c02020;border:1px solid rgba(200,40,40,.3);}
.bcard-body{padding:9px 11px 11px;}
.bcard-name{font-family:'Cinzel',serif;font-size:.8rem;font-weight:600;line-height:1.3;}
.bcard-desc{font-style:italic;font-size:.74rem;color:var(--fog);margin-top:2px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.bcard-foot{display:flex;align-items:center;justify-content:space-between;margin-top:7px;padding-top:6px;border-top:1px solid var(--mist);}
.btags{display:flex;gap:3px;}
.btag{font-family:'JetBrains Mono',monospace;font-size:.52rem;padding:2px 5px;border-radius:3px;background:var(--mist);color:var(--amber-dim);}
.bcard-gl{font-family:'JetBrains Mono',monospace;font-size:.58rem;color:var(--fog);}

/* ══════════════════════════════════════════════════════════════
   ESCRITORES
══════════════════════════════════════════════════════════════ */
.people-wrap{padding:20px 22px;}
.people-title{font-family:'Cinzel',serif;font-size:1.4rem;font-weight:600;letter-spacing:.04em;}
.people-sub{font-style:italic;color:var(--fog);font-size:.88rem;margin-top:3px;}
.people-search{width:100%;background:var(--mist);border:1px solid var(--fog);border-radius:var(--radius-sm);padding:8px 14px;font-family:'JetBrains Mono',monospace;font-size:.7rem;color:var(--ink);outline:none;margin:14px 0;transition:all var(--transition);}
.people-search:focus{border-color:var(--amber);background:var(--white);}
.people-search::placeholder{color:var(--fog);}
.people-list{display:flex;flex-direction:column;gap:10px;}
.person-card{display:flex;align-items:center;gap:12px;border:1px solid var(--fog);border-radius:var(--radius);padding:12px 14px;background:var(--white);transition:all var(--transition);animation:fadeUp .3s ease both;}
.person-card:hover{border-color:var(--amber);box-shadow:0 3px 12px var(--shadow);}
.person-av{width:46px;height:46px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:'Cinzel',serif;font-size:.95rem;font-weight:700;color:#fff;cursor:pointer;}
.person-info{flex:1;min-width:0;}
.person-name{font-family:'Cinzel',serif;font-size:.92rem;font-weight:600;cursor:pointer;transition:color var(--transition);}
.person-name:hover{color:var(--amber-dim);}
.person-handle{font-family:'JetBrains Mono',monospace;font-size:.6rem;color:var(--amber-dim);margin-top:1px;}
.person-bio{font-style:italic;font-size:.8rem;color:var(--fog);margin-top:2px;}
.person-stats{display:flex;gap:10px;margin-top:4px;}
.pstat-sm{font-family:'JetBrains Mono',monospace;font-size:.56rem;color:var(--fog);}
.pstat-sm strong{color:var(--ink);}
.person-btns{display:flex;gap:6px;flex-shrink:0;}
.follow-btn{font-family:'JetBrains Mono',monospace;font-size:.6rem;letter-spacing:.05em;text-transform:uppercase;padding:6px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);border:1px solid var(--fog);background:transparent;color:var(--ink);}
.follow-btn:hover{border-color:var(--amber);color:var(--amber-dim);}
.follow-btn.on{background:rgba(200,134,10,.1);color:var(--amber-dim);border-color:rgba(200,134,10,.3);}
.reader-btn{font-family:'JetBrains Mono',monospace;font-size:.6rem;letter-spacing:.05em;text-transform:uppercase;padding:6px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);background:var(--ink);color:var(--gold);border:none;}
.reader-btn:hover{background:#2a2820;}
.people-loadmore{width:100%;margin-top:6px;font-family:'JetBrains Mono',monospace;font-size:.65rem;letter-spacing:.05em;text-transform:uppercase;padding:10px;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);border:1px dashed var(--fog);background:transparent;color:var(--fog);}
.people-loadmore:hover{border-color:var(--amber);color:var(--amber-dim);border-style:solid;}
.people-loadmore:disabled{opacity:.5;cursor:default;}
.reader-btn.on{background:rgba(45,107,58,.12);color:#3a7a50;border:1px solid rgba(45,107,58,.3);}

/* ══════════════════════════════════════════════════════════════
   PERFIL
══════════════════════════════════════════════════════════════ */
.prof-banner{height:145px;position:relative;overflow:hidden;}
.prof-banner-bg{position:absolute;inset:0;background:linear-gradient(160deg,#1a0e0a 0%,#0d1520 40%,#0a120a 100%);}
.prof-banner-stars{position:absolute;inset:0;background-image:radial-gradient(1.5px 1.5px at 10% 20%,rgba(232,197,90,.9) 0%,transparent 100%),radial-gradient(1px 1px at 35% 15%,rgba(232,197,90,.5) 0%,transparent 100%),radial-gradient(2px 2px at 60% 35%,rgba(168,212,232,.8) 0%,transparent 100%),radial-gradient(1px 1px at 80% 60%,rgba(232,197,90,.6) 0%,transparent 100%),radial-gradient(1px 1px at 25% 70%,rgba(168,212,232,.4) 0%,transparent 100%);}
.prof-banner-overlay{position:absolute;bottom:0;left:0;right:0;height:70px;background:linear-gradient(to top,var(--page),transparent);}
.prof-infobar{padding:0 26px 18px;margin-top:-36px;display:flex;align-items:flex-end;gap:14px;position:relative;z-index:1;}
.prof-av-lg{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--amber),var(--rust));border:3px solid var(--page);display:flex;align-items:center;justify-content:center;font-family:'Cinzel',serif;font-size:1.5rem;font-weight:900;color:#fff;flex-shrink:0;box-shadow:0 4px 18px rgba(0,0,0,.15);}
.prof-meta{flex:1;padding-bottom:4px;}
.prof-name{font-family:'Cinzel',serif;font-size:1.35rem;font-weight:600;letter-spacing:.04em;color:var(--ink);text-shadow:0 1px 6px rgba(0,0,0,.55);}
.prof-handle{font-family:'JetBrains Mono',monospace;font-size:.68rem;color:var(--amber);margin-top:2px;text-shadow:0 1px 6px rgba(0,0,0,.55);}
.prof-bio{font-style:italic;color:var(--ink);font-size:.88rem;margin-top:4px;text-shadow:0 1px 6px rgba(0,0,0,.55);}
.prof-actions{display:flex;gap:6px;padding-bottom:4px;}
.pbtn{font-family:'JetBrains Mono',monospace;font-size:.6rem;letter-spacing:.06em;text-transform:uppercase;padding:6px 14px;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);border:none;}
.pbtn-ink{background:var(--ink);color:var(--gold);}
.pbtn-ink:hover{background:#2a2820;transform:translateY(-1px);}
.pbtn-out{background:transparent;border:1px solid var(--fog);color:var(--ink);}
.pbtn-out:hover{border-color:var(--amber);color:var(--amber-dim);}
.prof-stats{display:flex;gap:22px;padding:0 26px 16px;border-bottom:1px solid var(--fog);}
.prof-stat{cursor:pointer;}
.prof-stat-num{font-family:'Cinzel',serif;font-size:1.15rem;font-weight:600;transition:color var(--transition);}
.prof-stat-num.gold{color:var(--orun);}
.prof-stat-num.blue{color:var(--glimmer);}
.prof-stat:hover .prof-stat-num{color:var(--amber-dim);}
.prof-stat-lbl{font-family:'JetBrains Mono',monospace;font-size:.55rem;letter-spacing:.1em;text-transform:uppercase;color:var(--fog);margin-top:1px;}

/* ── Dropdown seguidores / siguiendo ───────────────────────── */
.prof-stat.has-dropdown{position:relative;}
.prof-stat.has-dropdown .prof-stat-lbl::after{content:' ›';opacity:.45;font-style:normal;}
.follows-dropdown{
  position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);
  width:230px;background:var(--page);border:1px solid var(--fog);
  border-radius:12px;box-shadow:0 10px 28px rgba(0,0,0,.18);
  z-index:300;display:none;overflow:hidden;
}
.follows-dropdown.open{display:block;animation:fd-in .14s ease;}
@keyframes fd-in{from{opacity:0;transform:translateX(-50%) translateY(-6px);}to{opacity:1;transform:translateX(-50%) translateY(0);}}
.follows-dropdown-title{
  font-family:'JetBrains Mono',monospace;font-size:.54rem;letter-spacing:.1em;
  text-transform:uppercase;color:var(--fog);
  padding:10px 14px 8px;border-bottom:1px solid var(--fog);
}
.follows-list{max-height:260px;overflow-y:auto;}
.follows-list::-webkit-scrollbar{width:3px;}
.follows-list::-webkit-scrollbar-thumb{background:var(--fog);border-radius:2px;}
.follow-row{display:flex;align-items:center;gap:10px;padding:9px 14px;cursor:pointer;transition:background .13s;}
.follow-row:hover{background:var(--mist);}
.follow-row-av{width:30px;height:30px;border-radius:50%;background:var(--fog) center/cover no-repeat;flex-shrink:0;}
.follow-row-info{min-width:0;}
.follow-row-name{font-size:.78rem;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.follow-row-handle{font-size:.62rem;color:var(--fog);}
.follows-empty,.follows-loading{padding:16px;font-style:italic;color:var(--fog);font-size:.72rem;text-align:center;}

.prof-nivel-bar{display:none;padding:12px 26px 10px;border-bottom:1px solid var(--fog);}
.pnb-row{display:flex;justify-content:space-between;margin-bottom:5px;}
.pnb-lbl{font-family:'JetBrains Mono',monospace;font-size:.58rem;letter-spacing:.06em;text-transform:uppercase;color:var(--amber-dim);}
.pnb-pct{font-family:'JetBrains Mono',monospace;font-size:.58rem;color:rgba(205,199,184,.45);}
.pnb-track{height:4px;background:rgba(205,199,184,.1);border-radius:2px;overflow:hidden;}
.pnb-fill{height:100%;background:linear-gradient(90deg,var(--amber-dim),var(--gold));border-radius:2px;transition:width 1s cubic-bezier(.22,1,.36,1) .1s;}
.pnb-hint{font-family:'JetBrains Mono',monospace;font-size:.5rem;color:rgba(205,199,184,.25);margin-top:5px;}
.prof-tabs-row{display:flex;border-bottom:1px solid var(--fog);padding:0 26px;}
.ptab{font-family:'JetBrains Mono',monospace;font-size:.62rem;letter-spacing:.06em;text-transform:uppercase;padding:11px 14px 9px;cursor:pointer;color:var(--fog);border-bottom:2px solid transparent;transition:all var(--transition);}
.ptab:hover{color:var(--ink);}
.ptab.active{color:var(--amber-dim);border-bottom-color:var(--amber);}
.ptab-pane{display:none;padding:18px 26px;}
.ptab-pane.active{display:block;}

/* ══════════════════════════════════════════════════════════════
   NOTIFICACIONES PANEL
══════════════════════════════════════════════════════════════ */
.notif-panel{display:none;position:fixed;top:54px;right:14px;z-index:300;width:330px;background:var(--white);border:1px solid var(--fog);border-radius:var(--radius);box-shadow:0 8px 30px var(--shadow);overflow:hidden;}
.notif-panel.open{display:block;animation:fadeUp .2s ease both;}
.notif-panel.closing{display:block;animation:notifClose .18s ease both;}
.notif-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--mist);}
.notif-head-title{font-family:'Cinzel',serif;font-size:.9rem;font-weight:600;}
.notif-clear{font-family:'JetBrains Mono',monospace;font-size:.58rem;color:var(--fog);cursor:pointer;transition:color var(--transition);}
.notif-clear:hover{color:var(--amber-dim);}
.notif-list{max-height:360px;overflow-y:auto;}
.notif-item{display:flex;gap:9px;padding:10px 14px;border-bottom:1px solid var(--mist);cursor:pointer;transition:background var(--transition);}
.notif-item:hover{background:var(--mist);}
.notif-item.unread{background:rgba(200,134,10,.04);}
.notif-ico{width:30px;height:30px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.85rem;}
.ni-g{background:rgba(212,168,67,.12);}
.ni-f{background:rgba(139,58,31,.1);}
.ni-fw{background:rgba(45,107,58,.1);}
.ni-c{background:rgba(168,212,232,.12);}
.notif-text{font-size:.82rem;line-height:1.4;color:#444;}
.notif-text strong{color:var(--ink);}
.notif-time{font-family:'JetBrains Mono',monospace;font-size:.55rem;color:var(--fog);margin-top:2px;}

/* ══════════════════════════════════════════════════════════════
   MODAL GLIMMER
══════════════════════════════════════════════════════════════ */
.modal-bg{display:none;position:fixed;inset:0;z-index:500;background:rgba(14,13,11,.55);backdrop-filter:blur(4px);align-items:center;justify-content:center;}
.modal-bg.open{display:flex;}
.modal-box{background:var(--white);border-radius:var(--radius-lg);padding:26px 30px;width:320px;animation:fadeUp .22s ease both;}
.modal-title{font-family:'Cinzel',serif;font-size:1.05rem;font-weight:600;margin-bottom:4px;}
.modal-sub{font-size:.85rem;color:var(--fog);font-style:italic;margin-bottom:18px;}
.glimmer-opts{display:flex;gap:7px;justify-content:center;margin-bottom:18px;}
.gl-opt{width:52px;height:52px;border-radius:var(--radius-sm);border:2px solid var(--fog);display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:'Cinzel',serif;font-size:1.1rem;font-weight:700;cursor:pointer;gap:2px;transition:all var(--transition);}
.gl-opt span{font-family:'JetBrains Mono',monospace;font-size:.52rem;color:var(--fog);}
.gl-opt:hover,.gl-opt.sel{border-color:var(--amber);background:rgba(200,134,10,.07);color:var(--amber-dim);}
.gl-bal{text-align:center;font-family:'JetBrains Mono',monospace;font-size:.62rem;color:var(--fog);margin-bottom:14px;}
.gl-bal strong{color:var(--orun);}
.modal-actions{display:flex;gap:7px;}
.modal-cancel{flex:1;padding:8px;border:1px solid var(--fog);border-radius:var(--radius-sm);background:none;cursor:pointer;font-family:'JetBrains Mono',monospace;font-size:.62rem;color:var(--fog);transition:all var(--transition);}
.modal-cancel:hover{border-color:var(--amber-dim);}
.modal-confirm{flex:2;padding:8px;background:var(--amber);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-family:'JetBrains Mono',monospace;font-size:.62rem;font-weight:500;transition:background var(--transition);}
.modal-confirm:hover{background:var(--amber-dim);}

/* ── CONFIGURACIÓN ── */
.config-section{max-width:460px;margin:22px 22px 0;padding-bottom:22px;border-bottom:1px solid rgba(205,199,184,.1);}
.config-section-title{font-family:'Cinzel',serif;font-size:1.05rem;font-weight:600;margin-bottom:16px;}
.config-row{margin-bottom:18px;}
.config-row .modal-confirm{width:100%;padding:9px;}
.config-danger .cfg-hint{margin-bottom:10px;}
.cfg-hint{font-size:.8rem;color:rgba(14,13,11,.55);}
/* .field-input/.field-label están pensados para fondo oscuro — en esta vista clara necesitan más contraste */
.config-section .field-label{color:rgba(14,13,11,.5);}
.config-section .field-input{background:var(--mist);border:1px solid var(--fog);color:var(--ink);}
.config-section .field-input::placeholder{color:rgba(14,13,11,.32);}

/* ══════════════════════════════════════════════════════════════
   TOAST
══════════════════════════════════════════════════════════════ */
.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%) translateY(16px);background:var(--ink);color:var(--gold);font-family:'JetBrains Mono',monospace;font-size:.68rem;letter-spacing:.05em;padding:9px 18px 9px 15px;border-radius:var(--radius-sm);z-index:999;opacity:0;transition:all .28s;pointer-events:none;white-space:nowrap;border-left:3px solid rgba(200,134,10,.5);}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0);}
.toast.err{background:#2a0808;color:#e08080;border-left-color:#c03030;}
.toast.ok{background:#081a0e;color:#72c080;border-left-color:#2e8a45;}

/* ══════════════════════════════════════════════════════════════
   LOADING
══════════════════════════════════════════════════════════════ */
.loading{display:flex;align-items:center;justify-content:center;padding:40px;font-family:'JetBrains Mono',monospace;font-size:.7rem;color:var(--fog);font-style:italic;letter-spacing:.04em;}
.orak-empty{padding:44px 24px;text-align:center;font-family:'JetBrains Mono',monospace;font-size:.78rem;color:var(--fog);letter-spacing:.04em;line-height:2;font-style:italic;}
.orak-empty small{display:block;font-size:.65rem;opacity:.7;margin-top:2px;line-height:1.5;}
.orak-err{color:#c06040 !important;font-style:italic;}
.loading::after{content:'';width:14px;height:14px;border:2px solid var(--fog);border-top-color:var(--amber);border-radius:50%;margin-left:8px;animation:spin .7s linear infinite;}
@keyframes spin{to{transform:rotate(360deg);}}

/* ══════════════════════════════════════════════════════════════
   ANIMACIONES
══════════════════════════════════════════════════════════════ */
@keyframes fadeUp{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:translateY(0);}}
@keyframes viewFadeIn{from{opacity:0;transform:translateY(5px);}to{opacity:1;transform:translateY(0);}}
@keyframes badgePop{0%{transform:scale(0);}70%{transform:scale(1.3);}100%{transform:scale(1);}}
@keyframes notifClose{from{opacity:1;transform:translateY(0);}to{opacity:0;transform:translateY(-8px);}}
@keyframes shake{0%,100%{transform:translateX(0);}20%,60%{transform:translateX(-5px);}40%,80%{transform:translateX(5px);}}
@keyframes countPop{0%{transform:scale(1);}50%{transform:scale(1.18);}100%{transform:scale(1);}}

/* ══════════════════════════════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════════════════════════════ */

/* ── Panel de notas (compartido entre páginas) ──────────────── */
.notas-panel{}
.nota-item{display:flex;gap:8px;padding:7px 0;border-bottom:1px solid rgba(205,199,184,.05);align-items:flex-start;position:relative;}
.nota-item:last-child{border-bottom:none;}
.nota-menu{flex-shrink:0;}
.nota-menu-btn{background:none;border:none;cursor:pointer;color:var(--fog);font-size:.9rem;padding:0 4px;line-height:1;border-radius:4px;transition:color .15s,background .15s;margin-top:1px;}
.nota-menu-btn:hover{color:var(--ink);background:var(--mist);}
.nota-av{width:22px;height:22px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,var(--amber),var(--rust));display:flex;align-items:center;justify-content:center;font-size:.55rem;font-weight:700;color:#fff;flex-shrink:0;}
.nota-av img{width:22px;height:22px;object-fit:cover;border-radius:50%;display:block;}
.nota-body{flex:1;min-width:0;}
.nota-handle{font-family:'JetBrains Mono',monospace;font-size:.58rem;color:var(--amber);margin-bottom:3px;}
.nota-texto{font-size:.83rem;color:#c47a8a;line-height:1.55;word-break:break-word;}
.nota-texto[contenteditable="true"]{outline:1px solid var(--amber);border-radius:3px;padding:2px 4px;background:rgba(200,134,10,.04);}
.nota-glimmer-btn{display:flex;flex-direction:column;align-items:center;gap:1px;background:none;border:none;cursor:pointer;color:var(--fog);padding:2px 4px;border-radius:4px;transition:color .15s,background .15s;flex-shrink:0;margin-top:1px;}
.nota-glimmer-btn:hover{color:var(--amber);background:rgba(200,134,10,.08);}
.nota-glimmer-btn.liked{color:var(--amber);}
.nota-glimmer-cnt{font-family:'JetBrains Mono',monospace;font-size:.48rem;line-height:1;}
.nota-form{display:flex;gap:6px;margin-top:10px;align-items:flex-end;}
.nota-textarea{flex:1;background:rgba(205,199,184,.05);border:1px solid rgba(205,199,184,.12);border-radius:6px;padding:7px 10px;color:#c47a8a;font-size:.82rem;font-family:'JetBrains Mono',monospace;resize:none;outline:none;}
.nota-textarea:focus{border-color:rgba(212,168,67,.4);}
.nota-send{padding:7px 14px;background:var(--amber);color:#0e0d0b;border:none;border-radius:6px;font-family:'JetBrains Mono',monospace;font-size:.6rem;font-weight:700;cursor:pointer;white-space:nowrap;}
.nota-send:hover{background:var(--orun);}
.pact.notas-open{color:var(--amber);background:rgba(212,168,67,.1);}
#nota-dropdown,#nota-dropdown-pp{position:fixed;background:var(--white);border:1px solid var(--fog);border-radius:6px;box-shadow:0 4px 16px var(--shadow);min-width:150px;z-index:9999;display:none;flex-direction:column;overflow:hidden;}
#nota-dropdown.open,#nota-dropdown-pp.open{display:flex;}
#nota-dropdown button,#nota-dropdown-pp button{background:none;border:none;padding:9px 14px;font-family:'JetBrains Mono',monospace;font-size:.62rem;color:var(--ink);cursor:pointer;text-align:left;transition:background .12s;white-space:nowrap;}
#nota-dropdown button:hover,#nota-dropdown-pp button:hover{background:var(--mist);}
#nota-dropdown .nota-dd-del:hover,#nota-dropdown-pp .nota-dd-del:hover{color:#c06040;background:rgba(192,96,64,.07);}

/* Desktop ancho: centrar el bloque feed+widgets con max-width */
@media (min-width: 1024px) {
  .feed-shell{max-width:980px;margin:0 auto;width:100%;}
}

/* Tablet (768-1024px): ocultar panel derecho de widgets */
@media (max-width: 1024px) {
  .feed-shell{grid-template-columns:1fr;}
  .feed-widgets{display:none;}
  .prof-nivel-bar{display:block;}
}

/* Mobile (< 768px): ocultar sidebar, una sola columna */
@media (max-width: 768px) {
  .app-body{grid-template-columns:1fr;}
  .sidebar{display:none;}
  .post{border-radius:0;border-left:none;border-right:none;}
  .feed-main{padding-bottom:12px;}
}

/* ══════════════════════════════════════════════════════════════
   MARCOS DE AVATAR (Bazar → Artilugios)
   100% CSS, sin JS por avatar — pueden aparecer 20+ a la vez en
   pantalla (feed, Escritores) y no debe pesar nada.
══════════════════════════════════════════════════════════════ */
.tiene-marco{position:relative;}
.tiene-marco::before,.tiene-marco::after{content:'';position:absolute;inset:-12%;border-radius:50%;pointer-events:none;}

/* Claro de Luna */
.marco-luna::before{
  border:2px solid rgba(203,224,247,.85);
  box-shadow:0 0 6px rgba(168,200,232,.55),inset 0 0 4px rgba(203,224,247,.4);
  animation:marcoLunaPulse 3.6s ease-in-out infinite;
}
.marco-luna::after{
  background-image:
    radial-gradient(circle,#eaf3ff 0 1px,transparent 1.4px) 8% 12%/100% 100% no-repeat,
    radial-gradient(circle,#eaf3ff 0 1px,transparent 1.4px) 88% 20%/100% 100% no-repeat,
    radial-gradient(circle,#eaf3ff 0 1px,transparent 1.4px) 78% 85%/100% 100% no-repeat;
  animation:marcoLunaTwinkle 4.2s ease-in-out infinite;
}
@keyframes marcoLunaPulse{0%,100%{opacity:.65;}50%{opacity:1;}}
@keyframes marcoLunaTwinkle{0%,100%{opacity:.25;}45%{opacity:1;}55%{opacity:1;}}

/* Fuego Vivo */
.marco-fuego::before{
  background:conic-gradient(from 0deg,#ffcf5c,#ff7a30,#ff3b1f,#ffcf5c);
  -webkit-mask:radial-gradient(circle,transparent 63%,#000 65%);
          mask:radial-gradient(circle,transparent 63%,#000 65%);
  animation:marcoFuegoSpin 2.4s linear infinite;
  filter:saturate(1.25);
}
.marco-fuego::after{
  background-image:
    radial-gradient(circle,#ffb35c 0 1.2px,transparent 1.6px) 15% 95%/100% 220% no-repeat,
    radial-gradient(circle,#ff8a3c 0 1px,transparent 1.5px) 55% 95%/100% 220% no-repeat,
    radial-gradient(circle,#ffd27a 0 1px,transparent 1.5px) 85% 95%/100% 220% no-repeat;
  animation:marcoFuegoChispas 1.9s ease-in infinite;
}
@keyframes marcoFuegoSpin{to{transform:rotate(360deg);}}
@keyframes marcoFuegoChispas{
  0%{background-position:15% 95%,55% 95%,85% 95%;opacity:0;}
  15%{opacity:1;}
  85%{opacity:.7;}
  100%{background-position:15% -20%,55% -20%,85% -20%;opacity:0;}
}

/* Nebulosa */
.marco-nebulosa::before{
  background:conic-gradient(from 90deg,#6a4fd8,#3a6fd8,#7a4fc8,#6a4fd8);
  -webkit-mask:radial-gradient(circle,transparent 62%,#000 64%);
          mask:radial-gradient(circle,transparent 62%,#000 64%);
  animation:marcoNebulosaSpin 48s linear infinite;
  filter:saturate(1.1);
  opacity:.85;
}
.marco-nebulosa::after{
  background-image:
    radial-gradient(circle,#cfe0ff 0 1px,transparent 1.4px) 20% 15%/100% 100% no-repeat,
    radial-gradient(circle,#e0cfff 0 1px,transparent 1.4px) 82% 78%/100% 100% no-repeat;
  animation:marcoLunaTwinkle 5.5s ease-in-out infinite;
}
@keyframes marcoNebulosaSpin{to{transform:rotate(360deg);}}

/* Sello de Alejandría */
.marco-alejandria::before{
  border:2px solid #c9a34a;
  box-shadow:0 0 0 1px rgba(201,163,74,.35),inset 0 0 0 1px rgba(201,163,74,.35);
}

/* Tormenta Eléctrica */
.marco-tormenta::before{
  border:2px solid rgba(122,190,255,.9);
  box-shadow:0 0 8px rgba(90,156,255,.7),inset 0 0 5px rgba(160,210,255,.5);
  animation:marcoTormentaFlicker 1.6s steps(1,end) infinite;
}
.marco-tormenta::after{
  background-image:
    radial-gradient(circle,#eaf6ff 0 1.2px,transparent 1.6px) 10% 25%/100% 100% no-repeat,
    radial-gradient(circle,#bfe0ff 0 1px,transparent 1.5px) 90% 40%/100% 100% no-repeat,
    radial-gradient(circle,#dff0ff 0 1.1px,transparent 1.5px) 50% 92%/100% 100% no-repeat;
  animation:marcoTormentaChispas .9s steps(1,end) infinite;
}
@keyframes marcoTormentaFlicker{
  0%,100%{opacity:.55;} 8%{opacity:1;} 14%{opacity:.4;}
  22%{opacity:1;} 60%{opacity:.6;} 70%{opacity:1;}
}
@keyframes marcoTormentaChispas{
  0%,100%{opacity:0;} 10%{opacity:1;} 18%{opacity:0;}
  55%{opacity:1;} 63%{opacity:0;}
}

/* Corazón de Obsidiana */
.marco-obsidiana::before{
  border:2px solid rgba(30,12,16,.9);
  box-shadow:0 0 4px rgba(139,20,30,.35),inset 0 0 4px rgba(80,10,20,.3);
  animation:marcoObsidianaPulso 4.4s ease-in-out infinite;
}
.marco-obsidiana::after{
  background:radial-gradient(circle at 50% 50%,rgba(192,51,60,.4) 0%,transparent 70%);
  animation:marcoObsidianaLatido 4.4s ease-in-out infinite;
}
@keyframes marcoObsidianaPulso{
  0%,100%{box-shadow:0 0 4px rgba(139,20,30,.35),inset 0 0 4px rgba(80,10,20,.3);}
  50%{box-shadow:0 0 10px rgba(192,51,60,.75),inset 0 0 7px rgba(120,15,25,.55);}
}
@keyframes marcoObsidianaLatido{0%,100%{opacity:.2;}50%{opacity:.85;}}

/* Corona Solar -- el más elaborado: giro + pulso + llamaradas reales */
.marco-corona::before{
  background:conic-gradient(from 0deg,#fff4c2,#ffd54a,#ff9d1f,#fff4c2);
  -webkit-mask:radial-gradient(circle,transparent 62%,#000 64%);
          mask:radial-gradient(circle,transparent 62%,#000 64%);
  animation:marcoCoronaSpin 3.5s linear infinite,marcoCoronaPulso 2.6s ease-in-out infinite;
  filter:saturate(1.3) brightness(1.05);
}
.marco-corona::after{
  background-image:
    radial-gradient(ellipse 8px 20px,#fff8e0 0%,rgba(255,200,80,.65) 40%,transparent 75%) 50% -4%/100% 100% no-repeat,
    radial-gradient(ellipse 8px 20px,#fff8e0 0%,rgba(255,200,80,.65) 40%,transparent 75%) 93% 68%/100% 100% no-repeat,
    radial-gradient(ellipse 8px 20px,#fff8e0 0%,rgba(255,200,80,.65) 40%,transparent 75%) 8% 76%/100% 100% no-repeat;
  mix-blend-mode:screen;
  animation:marcoCoronaLlamaradas 6s ease-in-out infinite;
}
@keyframes marcoCoronaSpin{to{transform:rotate(360deg);}}
@keyframes marcoCoronaPulso{0%,100%{opacity:.85;}50%{opacity:1;filter:saturate(1.5) brightness(1.2);}}
@keyframes marcoCoronaLlamaradas{
  0%,30%,100%{opacity:0;transform:scale(.6);}
  38%{opacity:1;transform:scale(1.1);}
  50%{opacity:.3;transform:scale(1);}
  60%{opacity:0;transform:scale(.6);}
}

/* Ink Sombrío -- SVG animado real (tinta viva), diseñado a mano con paths
   orgánicos + SMIL, no CSS @keyframes -- así la animación corre igual en un
   <img src> que embebido; ver ~/Escritorio/ink-sombrio.svg para el original */
.marco-ink::before{
  inset:-36.2%;
  border:none;
  box-shadow:none;
  background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAgMjAwIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+CiAgPHRpdGxlPkluayBTb21icsOtbyDigJQgYXVyYSBkZSBwZXJmaWwgT1JBSzwvdGl0bGU+CiAgPGRlZnM+CiAgICA8ZmlsdGVyIGlkPSJmU2hhZG93IiB4PSItNTAlIiB5PSItNTAlIiB3aWR0aD0iMjAwJSIgaGVpZ2h0PSIyMDAlIj4KICAgICAgPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iNC41Ii8+CiAgICA8L2ZpbHRlcj4KICAgIDxmaWx0ZXIgaWQ9ImZTb2Z0IiB4PSItMTAwJSIgeT0iLTEwMCUiIHdpZHRoPSIzMDAlIiBoZWlnaHQ9IjMwMCUiPgogICAgICA8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIwLjkiLz4KICAgIDwvZmlsdGVyPgogICAgPGZpbHRlciBpZD0iZk1haW5CbHVyIiB4PSItMzAlIiB5PSItMzAlIiB3aWR0aD0iMTYwJSIgaGVpZ2h0PSIxNjAlIj4KICAgICAgPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMC41Ii8+CiAgICA8L2ZpbHRlcj4KICAgIDxyYWRpYWxHcmFkaWVudCBpZD0iZ1NoZWVuIiBjeD0iNTAlIiBjeT0iNTAlIiByPSI1MCUiPgogICAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMjQxNTM2IiBzdG9wLW9wYWNpdHk9IjAuOSIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iIzI0MTUzNiIgc3RvcC1vcGFjaXR5PSIwLjM1Ii8+CiAgICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzI0MTUzNiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8L3JhZGlhbEdyYWRpZW50PgogICAgPHJhZGlhbEdyYWRpZW50IGlkPSJnQ29yZUZhZGUiIGN4PSI1MCUiIGN5PSI1MCUiIHI9IjUwJSI+CiAgICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPC9yYWRpYWxHcmFkaWVudD4KICA8L2RlZnM+CgogIDwhLS0gQ0FQQSAxOiBzb21icmEg4oCUIHNpbHVldGEgb3NjdXJhIGRlc2VuZm9jYWRhIGRldHLDoXMgZGVsIGFybyAtLT4KICA8ZyBmaWx0ZXI9InVybCgjZlNoYWRvdykiIG9wYWNpdHk9IjAuNSI+CiAgICA8cGF0aCBmaWxsPSIjMDUwNTA5IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNzMuNiwxMDAuMCBDMTczLjYsMTE1LjUgMTcyLjAsMTMzLjEgMTY0LjEsMTQ2LjUgQzE1Ni4yLDE2MC4wIDE0MS4yLDE3NS4yIDEyNi4yLDE4MC43IEMxMTEuMiwxODYuMiA4OS45LDE4NC44IDc0LjEsMTc5LjYgQzU4LjQsMTc0LjQgNDAuNywxNjIuNyAzMS45LDE0OS41IEMyMy4xLDEzNi4yIDIxLjQsMTE2LjYgMjEuMiwxMDAuMCBDMjEuMCw4My40IDIxLjksNjIuNiAzMC45LDQ5LjggQzM5LjksMzcuMCA1OS44LDI2LjUgNzUuMSwyMy40IEM5MC4zLDIwLjIgMTA3LjYsMjYuMSAxMjIuNCwzMS4xIEMxMzcuMiwzNi4xIDE1NS41LDQyLjAgMTY0LjEsNTMuNCBDMTcyLjYsNjQuOSAxNzMuNiw4NC41IDE3My42LDEwMC4wIFogTTQwLjAsMTAwLjAgQTYwLjAsNjAuMCAwIDEsMCAxNjAuMCwxMDAuMCBBNjAuMCw2MC4wIDAgMSwwIDQwLjAsMTAwLjAgWiI+CiAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImQiIGR1cj0iMTdzIiBiZWdpbj0iLTIuMHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIgogICAgICAgICAgY2FsY01vZGU9InNwbGluZSIga2V5U3BsaW5lcz0iMC40NSAwIDAuNTUgMTswLjQ1IDAgMC41NSAxOzAuNDUgMCAwLjU1IDEiCiAgICAgICAgICB2YWx1ZXM9Ik0xNzMuNiwxMDAuMCBDMTczLjYsMTE1LjUgMTcyLjAsMTMzLjEgMTY0LjEsMTQ2LjUgQzE1Ni4yLDE2MC4wIDE0MS4yLDE3NS4yIDEyNi4yLDE4MC43IEMxMTEuMiwxODYuMiA4OS45LDE4NC44IDc0LjEsMTc5LjYgQzU4LjQsMTc0LjQgNDAuNywxNjIuNyAzMS45LDE0OS41IEMyMy4xLDEzNi4yIDIxLjQsMTE2LjYgMjEuMiwxMDAuMCBDMjEuMCw4My40IDIxLjksNjIuNiAzMC45LDQ5LjggQzM5LjksMzcuMCA1OS44LDI2LjUgNzUuMSwyMy40IEM5MC4zLDIwLjIgMTA3LjYsMjYuMSAxMjIuNCwzMS4xIEMxMzcuMiwzNi4xIDE1NS41LDQyLjAgMTY0LjEsNTMuNCBDMTcyLjYsNjQuOSAxNzMuNiw4NC41IDE3My42LDEwMC4wIFogTTQwLjAsMTAwLjAgQTYwLjAsNjAuMCAwIDEsMCAxNjAuMCwxMDAuMCBBNjAuMCw2MC4wIDAgMSwwIDQwLjAsMTAwLjAgWjsKICAgICAgICAgIE0xODEuNSwxMDAuMCBDMTgwLjMsMTE1LjUgMTY5LjMsMTI5LjggMTYwLjMsMTQzLjggQzE1MS4zLDE1Ny44IDE0MS45LDE3Ny41IDEyNy4zLDE4NC4wIEMxMTIuNywxOTAuNiA4OC4yLDE4OS42IDcyLjksMTgzLjMgQzU3LjcsMTc3LjEgNDUuMSwxNjAuNiAzNS44LDE0Ni43IEMyNi40LDEzMi44IDE2LjQsMTE1LjEgMTcuMSwxMDAuMCBDMTcuNyw4NC45IDI5LjUsNjcuOSAzOS40LDU2LjAgQzQ5LjQsNDQuMSA2Mi44LDMzLjQgNzYuOCwyOC43IEM5MC44LDIzLjkgMTA4LjQsMjMuOCAxMjMuNSwyNy41IEMxMzguNywzMS4yIDE1Ny45LDM4LjkgMTY3LjUsNTAuOSBDMTc3LjIsNjMuMCAxODIuNyw4NC41IDE4MS41LDEwMC4wIFogTTQwLjAsMTAwLjAgQTYwLjAsNjAuMCAwIDEsMCAxNjAuMCwxMDAuMCBBNjAuMCw2MC4wIDAgMSwwIDQwLjAsMTAwLjAgWjsKICAgICAgICAgIE0xNzMuNywxMDAuMCBDMTczLjksMTE1LjkgMTc0LjksMTM2LjUgMTY2LjQsMTQ4LjIgQzE1Ny45LDE2MC4wIDEzOC4zLDE2NS4yIDEyMi45LDE3MC40IEMxMDcuNSwxNzUuNyA4OS4wLDE4My40IDc0LjEsMTc5LjcgQzU5LjIsMTc2LjAgNDIuNCwxNjEuNSAzMy43LDE0OC4yIEMyNS4wLDEzNC45IDIyLjEsMTE2LjEgMjIuMSwxMDAuMCBDMjIuMSw4My45IDI0LjgsNjQuNiAzMy42LDUxLjcgQzQyLjQsMzguOSA2MC4xLDI2LjEgNzQuOSwyMi44IEM4OS43LDE5LjQgMTA3LjEsMjYuOCAxMjIuMiwzMS43IEMxMzcuMiwzNi43IDE1Ni42LDQxLjMgMTY1LjIsNTIuNyBDMTczLjcsNjQuMCAxNzMuNSw4NC4xIDE3My43LDEwMC4wIFogTTQwLjAsMTAwLjAgQTYwLjAsNjAuMCAwIDEsMCAxNjAuMCwxMDAuMCBBNjAuMCw2MC4wIDAgMSwwIDQwLjAsMTAwLjAgWjsKICAgICAgICAgIE0xNzMuNiwxMDAuMCBDMTczLjYsMTE1LjUgMTcyLjAsMTMzLjEgMTY0LjEsMTQ2LjUgQzE1Ni4yLDE2MC4wIDE0MS4yLDE3NS4yIDEyNi4yLDE4MC43IEMxMTEuMiwxODYuMiA4OS45LDE4NC44IDc0LjEsMTc5LjYgQzU4LjQsMTc0LjQgNDAuNywxNjIuNyAzMS45LDE0OS41IEMyMy4xLDEzNi4yIDIxLjQsMTE2LjYgMjEuMiwxMDAuMCBDMjEuMCw4My40IDIxLjksNjIuNiAzMC45LDQ5LjggQzM5LjksMzcuMCA1OS44LDI2LjUgNzUuMSwyMy40IEM5MC4zLDIwLjIgMTA3LjYsMjYuMSAxMjIuNCwzMS4xIEMxMzcuMiwzNi4xIDE1NS41LDQyLjAgMTY0LjEsNTMuNCBDMTcyLjYsNjQuOSAxNzMuNiw4NC41IDE3My42LDEwMC4wIFogTTQwLjAsMTAwLjAgQTYwLjAsNjAuMCAwIDEsMCAxNjAuMCwxMDAuMCBBNjAuMCw2MC4wIDAgMSwwIDQwLjAsMTAwLjAgWiIvPgogICAgPC9wYXRoPgogIDwvZz4KCiAgPCEtLSBDQVBBIDI6IHRpbnRhIOKAlCBjdWVycG8gcHJpbmNpcGFsLCB0cmVzIGNhcGFzIG9yZ8OhbmljYXMgYXNpbmNyw7NuaWNhcyAtLT4KICA8ZyBmaWx0ZXI9InVybCgjZk1haW5CbHVyKSI+CiAgICA8cGF0aCBmaWxsPSIjMEIwQjE0IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIG9wYWNpdHk9IjAuOTIiIGQ9Ik0xNjguNywxMDAuMCBDMTY5LjEsMTEzLjcgMTY1LjAsMTI5LjMgMTU3LjYsMTQxLjkgQzE1MC4zLDE1NC41IDEzNy43LDE3MS4zIDEyNC41LDE3NS41IEMxMTEuMywxNzkuNiA5My40LDE3MS40IDc4LjMsMTY2LjggQzYzLjIsMTYyLjMgNDIuMywxNTkuMiAzMy45LDE0OC4xIEMyNS40LDEzNi45IDI1LjksMTE0LjcgMjcuNywxMDAuMCBDMjkuNiw4NS4zIDM2LjcsNzEuOCA0NC44LDU5LjkgQzUzLjAsNDguMCA2NC4wLDMzLjIgNzYuOCwyOC42IEM4OS42LDI0LjEgMTA4LjgsMjcuNiAxMjEuOCwzMi44IEMxMzQuOSwzOC4wIDE0Ny40LDQ4LjcgMTU1LjIsNTkuOSBDMTYzLjAsNzEuMSAxNjguMyw4Ni4zIDE2OC43LDEwMC4wIFogTTQyLjAsMTAwLjAgQTU4LjAsNTguMCAwIDEsMCAxNTguMCwxMDAuMCBBNTguMCw1OC4wIDAgMSwwIDQyLjAsMTAwLjAgWiI+CiAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImQiIGR1cj0iMTRzIiBiZWdpbj0iLTEuM3MiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIgogICAgICAgICAgY2FsY01vZGU9InNwbGluZSIga2V5U3BsaW5lcz0iMC40NSAwIDAuNTUgMTswLjQ1IDAgMC41NSAxOzAuNDUgMCAwLjU1IDEiCiAgICAgICAgICB2YWx1ZXM9Ik0xNjguNywxMDAuMCBDMTY5LjEsMTEzLjcgMTY1LjAsMTI5LjMgMTU3LjYsMTQxLjkgQzE1MC4zLDE1NC41IDEzNy43LDE3MS4zIDEyNC41LDE3NS41IEMxMTEuMywxNzkuNiA5My40LDE3MS40IDc4LjMsMTY2LjggQzYzLjIsMTYyLjMgNDIuMywxNTkuMiAzMy45LDE0OC4xIEMyNS40LDEzNi45IDI1LjksMTE0LjcgMjcuNywxMDAuMCBDMjkuNiw4NS4zIDM2LjcsNzEuOCA0NC44LDU5LjkgQzUzLjAsNDguMCA2NC4wLDMzLjIgNzYuOCwyOC42IEM4OS42LDI0LjEgMTA4LjgsMjcuNiAxMjEuOCwzMi44IEMxMzQuOSwzOC4wIDE0Ny40LDQ4LjcgMTU1LjIsNTkuOSBDMTYzLjAsNzEuMSAxNjguMyw4Ni4zIDE2OC43LDEwMC4wIFogTTQyLjAsMTAwLjAgQTU4LjAsNTguMCAwIDEsMCAxNTguMCwxMDAuMCBBNTguMCw1OC4wIDAgMSwwIDQyLjAsMTAwLjAgWjsKICAgICAgICAgIE0xNjkuMSwxMDAuMCBDMTY3LjksMTE1LjIgMTY3LjIsMTMyLjIgMTU5LjIsMTQzLjAgQzE1MS4yLDE1My44IDEzNC42LDE2MC40IDEyMS4wLDE2NC43IEMxMDcuNCwxNjkuMSA5MS45LDE3MS45IDc3LjYsMTY5LjAgQzYzLjMsMTY2LjAgNDQuNywxNTguNSAzNS4yLDE0Ny4wIEMyNS44LDEzNS42IDIwLjMsMTE1LjIgMjAuOSwxMDAuMCBDMjEuNSw4NC44IDI5LjgsNjguMyAzOC45LDU1LjYgQzQ4LjAsNDIuOSA2MS4yLDI4LjQgNzUuMywyMy45IEM4OS4zLDE5LjMgMTA4LjEsMjMuOCAxMjMuMiwyOC41IEMxMzguNCwzMy4xIDE1OC42LDQwLjAgMTY2LjIsNTEuOSBDMTczLjgsNjMuOCAxNzAuMiw4NC44IDE2OS4xLDEwMC4wIFogTTQyLjAsMTAwLjAgQTU4LjAsNTguMCAwIDEsMCAxNTguMCwxMDAuMCBBNTguMCw1OC4wIDAgMSwwIDQyLjAsMTAwLjAgWjsKICAgICAgICAgIE0xODAuMiwxMDAuMCBDMTgwLjUsMTE1LjIgMTcyLjksMTM0LjIgMTYzLjQsMTQ2LjAgQzE1My44LDE1Ny45IDEzNy4zLDE2Ny4zIDEyMy4wLDE3MC45IEMxMDguOCwxNzQuNSA5Mi41LDE3MS44IDc4LjAsMTY3LjcgQzYzLjUsMTYzLjYgNDYuNSwxNTcuNiAzNi4yLDE0Ni4zIEMyNi4wLDEzNS4xIDE2LjAsMTE1LjEgMTYuNSwxMDAuMCBDMTcuMCw4NC45IDI5LjcsNjguOSAzOS40LDU2LjAgQzQ5LjIsNDMuMSA2MS4yLDI1LjkgNzQuOCwyMi40IEM4OC40LDE4LjggMTA2LjcsMjkuMyAxMjEuMiwzNC44IEMxMzUuNyw0MC4yIDE1Mi4wLDQ0LjIgMTYxLjgsNTUuMSBDMTcxLjcsNjUuOSAxODAuMCw4NC44IDE4MC4yLDEwMC4wIFogTTQyLjAsMTAwLjAgQTU4LjAsNTguMCAwIDEsMCAxNTguMCwxMDAuMCBBNTguMCw1OC4wIDAgMSwwIDQyLjAsMTAwLjAgWjsKICAgICAgICAgIE0xNjguNywxMDAuMCBDMTY5LjEsMTEzLjcgMTY1LjAsMTI5LjMgMTU3LjYsMTQxLjkgQzE1MC4zLDE1NC41IDEzNy43LDE3MS4zIDEyNC41LDE3NS41IEMxMTEuMywxNzkuNiA5My40LDE3MS40IDc4LjMsMTY2LjggQzYzLjIsMTYyLjMgNDIuMywxNTkuMiAzMy45LDE0OC4xIEMyNS40LDEzNi45IDI1LjksMTE0LjcgMjcuNywxMDAuMCBDMjkuNiw4NS4zIDM2LjcsNzEuOCA0NC44LDU5LjkgQzUzLjAsNDguMCA2NC4wLDMzLjIgNzYuOCwyOC42IEM4OS42LDI0LjEgMTA4LjgsMjcuNiAxMjEuOCwzMi44IEMxMzQuOSwzOC4wIDE0Ny40LDQ4LjcgMTU1LjIsNTkuOSBDMTYzLjAsNzEuMSAxNjguMyw4Ni4zIDE2OC43LDEwMC4wIFogTTQyLjAsMTAwLjAgQTU4LjAsNTguMCAwIDEsMCAxNTguMCwxMDAuMCBBNTguMCw1OC4wIDAgMSwwIDQyLjAsMTAwLjAgWiIvPgogICAgPC9wYXRoPgogICAgPHBhdGggZmlsbD0iIzE3MTcyMiIgZmlsbC1ydWxlPSJldmVub2RkIiBvcGFjaXR5PSIwLjc1IiBkPSJNMTc0LjAsMTAwLjAgQzE3My45LDExMy41IDE2NC45LDEzMC43IDE1NS43LDE0MC41IEMxNDYuNiwxNTAuMyAxMzIuMCwxNTQuOCAxMTkuMiwxNTkuMCBDMTA2LjMsMTYzLjIgOTIuNSwxNjcuNyA3OC43LDE2NS42IEM2NC45LDE2My40IDQ0LjcsMTU3LjAgMzYuNSwxNDYuMSBDMjguMywxMzUuMiAyOC45LDExNC45IDI5LjUsMTAwLjAgQzMwLjIsODUuMSAzMi4xLDY3LjEgNDAuNSw1Ni43IEM0OC44LDQ2LjQgNjYuMyw0MS45IDc5LjgsMzguMCBDOTMuNCwzNC4wIDEwOS4xLDI5LjQgMTIxLjgsMzIuOSBDMTM0LjUsMzYuNCAxNDcuNCw0OC4wIDE1Ni4xLDU5LjIgQzE2NC44LDcwLjQgMTc0LjAsODYuNSAxNzQuMCwxMDAuMCBaIE00Mi4wLDEwMC4wIEE1OC4wLDU4LjAgMCAxLDAgMTU4LjAsMTAwLjAgQTU4LjAsNTguMCAwIDEsMCA0Mi4wLDEwMC4wIFoiPgogICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJkIiBkdXI9IjE5cyIgYmVnaW49Ii01LjdzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIKICAgICAgICAgIGNhbGNNb2RlPSJzcGxpbmUiIGtleVNwbGluZXM9IjAuNDUgMCAwLjU1IDE7MC40NSAwIDAuNTUgMTswLjQ1IDAgMC41NSAxIgogICAgICAgICAgdmFsdWVzPSJNMTc0LjAsMTAwLjAgQzE3My45LDExMy41IDE2NC45LDEzMC43IDE1NS43LDE0MC41IEMxNDYuNiwxNTAuMyAxMzIuMCwxNTQuOCAxMTkuMiwxNTkuMCBDMTA2LjMsMTYzLjIgOTIuNSwxNjcuNyA3OC43LDE2NS42IEM2NC45LDE2My40IDQ0LjcsMTU3LjAgMzYuNSwxNDYuMSBDMjguMywxMzUuMiAyOC45LDExNC45IDI5LjUsMTAwLjAgQzMwLjIsODUuMSAzMi4xLDY3LjEgNDAuNSw1Ni43IEM0OC44LDQ2LjQgNjYuMyw0MS45IDc5LjgsMzguMCBDOTMuNCwzNC4wIDEwOS4xLDI5LjQgMTIxLjgsMzIuOSBDMTM0LjUsMzYuNCAxNDcuNCw0OC4wIDE1Ni4xLDU5LjIgQzE2NC44LDcwLjQgMTc0LjAsODYuNSAxNzQuMCwxMDAuMCBaIE00Mi4wLDEwMC4wIEE1OC4wLDU4LjAgMCAxLDAgMTU4LjAsMTAwLjAgQTU4LjAsNTguMCAwIDEsMCA0Mi4wLDEwMC4wIFo7CiAgICAgICAgICBNMTcwLjAsMTAwLjAgQzE2OS41LDExNS42IDE3MS4xLDEzNC40IDE2My4xLDE0NS44IEMxNTUuMSwxNTcuMiAxMzYuNCwxNjQuNyAxMjIuMiwxNjguMyBDMTA4LjAsMTcyLjAgOTAuNywxNzIuNiA3OC4wLDE2Ny43IEM2NS4zLDE2Mi44IDU0LjksMTUwLjUgNDYuMCwxMzkuMiBDMzcuMSwxMjcuOSAyNC43LDExMy4xIDI0LjYsMTAwLjAgQzI0LjYsODYuOSAzNy4zLDczLjUgNDUuNyw2MC42IEM1NC4xLDQ3LjcgNjIuMywyNi42IDc0LjgsMjIuNiBDODcuMywxOC41IDEwNS41LDMxLjUgMTIwLjcsMzYuNCBDMTM1LjgsNDEuNCAxNTcuNSw0MS43IDE2NS43LDUyLjMgQzE3My45LDYyLjggMTcwLjQsODQuNCAxNzAuMCwxMDAuMCBaIE00Mi4wLDEwMC4wIEE1OC4wLDU4LjAgMCAxLDAgMTU4LjAsMTAwLjAgQTU4LjAsNTguMCAwIDEsMCA0Mi4wLDEwMC4wIFo7CiAgICAgICAgICBNMTgxLjMsMTAwLjAgQzE4MS44LDExMy45IDE2OC43LDEzMS4yIDE1OC45LDE0Mi44IEMxNDkuMSwxNTQuNCAxMzYuMSwxNjUuMyAxMjIuNiwxNjkuNSBDMTA5LjEsMTczLjcgOTAuNSwxNzMuMSA3Ny45LDE2OC4wIEM2NS4zLDE2Mi45IDUzLjYsMTUwLjAgNDYuOCwxMzguNyBDNDAuMCwxMjcuMyAzNy44LDExMy4zIDM3LjIsMTAwLjAgQzM2LjcsODYuNyAzNi43LDcwLjMgNDMuNCw1OC45IEM1MC4yLDQ3LjUgNjQuMywzNi45IDc3LjcsMzEuNSBDOTEuMiwyNi4wIDExMS4wLDIxLjYgMTIzLjksMjYuMyBDMTM2LjksMzEuMCAxNDYuMSw0Ny4zIDE1NS43LDU5LjYgQzE2NS4yLDcxLjkgMTgwLjgsODYuMSAxODEuMywxMDAuMCBaIE00Mi4wLDEwMC4wIEE1OC4wLDU4LjAgMCAxLDAgMTU4LjAsMTAwLjAgQTU4LjAsNTguMCAwIDEsMCA0Mi4wLDEwMC4wIFo7CiAgICAgICAgICBNMTc0LjAsMTAwLjAgQzE3My45LDExMy41IDE2NC45LDEzMC43IDE1NS43LDE0MC41IEMxNDYuNiwxNTAuMyAxMzIuMCwxNTQuOCAxMTkuMiwxNTkuMCBDMTA2LjMsMTYzLjIgOTIuNSwxNjcuNyA3OC43LDE2NS42IEM2NC45LDE2My40IDQ0LjcsMTU3LjAgMzYuNSwxNDYuMSBDMjguMywxMzUuMiAyOC45LDExNC45IDI5LjUsMTAwLjAgQzMwLjIsODUuMSAzMi4xLDY3LjEgNDAuNSw1Ni43IEM0OC44LDQ2LjQgNjYuMyw0MS45IDc5LjgsMzguMCBDOTMuNCwzNC4wIDEwOS4xLDI5LjQgMTIxLjgsMzIuOSBDMTM0LjUsMzYuNCAxNDcuNCw0OC4wIDE1Ni4xLDU5LjIgQzE2NC44LDcwLjQgMTc0LjAsODYuNSAxNzQuMCwxMDAuMCBaIE00Mi4wLDEwMC4wIEE1OC4wLDU4LjAgMCAxLDAgMTU4LjAsMTAwLjAgQTU4LjAsNTguMCAwIDEsMCA0Mi4wLDEwMC4wIFoiLz4KICAgIDwvcGF0aD4KICAgIDxwYXRoIGZpbGw9IiMzNDM0NDQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgb3BhY2l0eT0iMC40MiIgZD0iTTE2NS4zLDEwMC4wIEMxNjQuMCwxMTMuNiAxNTkuNCwxMjYuNSAxNTIuMiwxMzcuOSBDMTQ1LjEsMTQ5LjQgMTM0LjYsMTY0LjIgMTIyLjQsMTY4LjggQzExMC4xLDE3My40IDkyLjEsMTcwLjAgNzguNywxNjUuNSBDNjUuMywxNjEuMSA0OS41LDE1My4yIDQxLjgsMTQyLjMgQzM0LjEsMTMxLjMgMzIuOSwxMTQuMyAzMi42LDEwMC4wIEMzMi4zLDg1LjcgMzIuNiw2OC4wIDQwLjEsNTYuNCBDNDcuNSw0NC45IDYzLjksMzQuMyA3Ny41LDMwLjcgQzkxLjAsMjcuMCAxMDcuNSwzMC40IDEyMS4yLDM0LjcgQzEzNS4wLDM5LjAgMTUyLjcsNDUuNSAxNjAuMCw1Ni40IEMxNjcuNCw2Ny4zIDE2Ni42LDg2LjQgMTY1LjMsMTAwLjAgWiBNNDIuMCwxMDAuMCBBNTguMCw1OC4wIDAgMSwwIDE1OC4wLDEwMC4wIEE1OC4wLDU4LjAgMCAxLDAgNDIuMCwxMDAuMCBaIj4KICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iZCIgZHVyPSIyM3MiIGJlZ2luPSItOS40cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiCiAgICAgICAgICBjYWxjTW9kZT0ic3BsaW5lIiBrZXlTcGxpbmVzPSIwLjQ1IDAgMC41NSAxOzAuNDUgMCAwLjU1IDE7MC40NSAwIDAuNTUgMSIKICAgICAgICAgIHZhbHVlcz0iTTE2NS4zLDEwMC4wIEMxNjQuMCwxMTMuNiAxNTkuNCwxMjYuNSAxNTIuMiwxMzcuOSBDMTQ1LjEsMTQ5LjQgMTM0LjYsMTY0LjIgMTIyLjQsMTY4LjggQzExMC4xLDE3My40IDkyLjEsMTcwLjAgNzguNywxNjUuNSBDNjUuMywxNjEuMSA0OS41LDE1My4yIDQxLjgsMTQyLjMgQzM0LjEsMTMxLjMgMzIuOSwxMTQuMyAzMi42LDEwMC4wIEMzMi4zLDg1LjcgMzIuNiw2OC4wIDQwLjEsNTYuNCBDNDcuNSw0NC45IDYzLjksMzQuMyA3Ny41LDMwLjcgQzkxLjAsMjcuMCAxMDcuNSwzMC40IDEyMS4yLDM0LjcgQzEzNS4wLDM5LjAgMTUyLjcsNDUuNSAxNjAuMCw1Ni40IEMxNjcuNCw2Ny4zIDE2Ni42LDg2LjQgMTY1LjMsMTAwLjAgWiBNNDIuMCwxMDAuMCBBNTguMCw1OC4wIDAgMSwwIDE1OC4wLDEwMC4wIEE1OC4wLDU4LjAgMCAxLDAgNDIuMCwxMDAuMCBaOwogICAgICAgICAgTTE2OC4wLDEwMC4wIEMxNjcuNSwxMTMuNSAxNjEuOCwxMjcuOSAxNTQuMiwxMzkuNCBDMTQ2LjYsMTUwLjkgMTM1LjIsMTY0LjEgMTIyLjQsMTY5LjAgQzEwOS43LDE3My45IDkxLjIsMTczLjAgNzcuNywxNjguNiBDNjQuMywxNjQuMiA0OS4wLDE1My44IDQxLjcsMTQyLjQgQzM0LjMsMTMxLjAgMzMuOCwxMTQuMyAzMy41LDEwMC4wIEMzMy4yLDg1LjcgMzIuMCw2Ni40IDM5LjgsNTYuMyBDNDcuNyw0Ni4yIDY2LjYsNDMuNiA4MC4zLDM5LjUgQzk0LjEsMzUuNCAxMDkuNSwyOC4zIDEyMi4zLDMxLjQgQzEzNS4wLDM0LjYgMTQ5LjMsNDcuMiAxNTYuOSw1OC42IEMxNjQuNSw3MC4xIDE2OC40LDg2LjUgMTY4LjAsMTAwLjAgWiBNNDIuMCwxMDAuMCBBNTguMCw1OC4wIDAgMSwwIDE1OC4wLDEwMC4wIEE1OC4wLDU4LjAgMCAxLDAgNDIuMCwxMDAuMCBaOwogICAgICAgICAgTTE3Mi41LDEwMC4wIEMxNzIuNCwxMTIuMyAxNTguOSwxMjUuNiAxNTAuNSwxMzYuNyBDMTQyLjAsMTQ3LjggMTMzLjUsMTYyLjEgMTIxLjYsMTY2LjYgQzEwOS44LDE3MS4wIDkyLjMsMTY3LjggNzkuNCwxNjMuNCBDNjYuNSwxNTkuMSA1Mi4xLDE1MC45IDQ0LjQsMTQwLjQgQzM2LjcsMTI5LjggMzMuMCwxMTMuMyAzMy4zLDEwMC4wIEMzMy41LDg2LjcgMzguNiw3Mi4wIDQ2LjEsNjAuOCBDNTMuNSw0OS42IDY1LjUsMzcuOSA3OC4yLDMyLjkgQzkwLjksMjcuOSAxMTAuMywyNS44IDEyMi41LDMwLjggQzEzNC43LDM1LjggMTQzLjAsNTEuMiAxNTEuMyw2Mi43IEMxNTkuNiw3NC4zIDE3Mi42LDg3LjcgMTcyLjUsMTAwLjAgWiBNNDIuMCwxMDAuMCBBNTguMCw1OC4wIDAgMSwwIDE1OC4wLDEwMC4wIEE1OC4wLDU4LjAgMCAxLDAgNDIuMCwxMDAuMCBaOwogICAgICAgICAgTTE2NS4zLDEwMC4wIEMxNjQuMCwxMTMuNiAxNTkuNCwxMjYuNSAxNTIuMiwxMzcuOSBDMTQ1LjEsMTQ5LjQgMTM0LjYsMTY0LjIgMTIyLjQsMTY4LjggQzExMC4xLDE3My40IDkyLjEsMTcwLjAgNzguNywxNjUuNSBDNjUuMywxNjEuMSA0OS41LDE1My4yIDQxLjgsMTQyLjMgQzM0LjEsMTMxLjMgMzIuOSwxMTQuMyAzMi42LDEwMC4wIEMzMi4zLDg1LjcgMzIuNiw2OC4wIDQwLjEsNTYuNCBDNDcuNSw0NC45IDYzLjksMzQuMyA3Ny41LDMwLjcgQzkxLjAsMjcuMCAxMDcuNSwzMC40IDEyMS4yLDM0LjcgQzEzNS4wLDM5LjAgMTUyLjcsNDUuNSAxNjAuMCw1Ni40IEMxNjcuNCw2Ny4zIDE2Ni42LDg2LjQgMTY1LjMsMTAwLjAgWiBNNDIuMCwxMDAuMCBBNTguMCw1OC4wIDAgMSwwIDE1OC4wLDEwMC4wIEE1OC4wLDU4LjAgMCAxLDAgNDIuMCwxMDAuMCBaIi8+CiAgICA8L3BhdGg+CiAgICA8Y2lyY2xlIGN4PSIxNDAuMiIgY3k9IjE1Ny4zIiByPSIyNiIgZmlsbD0idXJsKCNnU2hlZW4pIiBvcGFjaXR5PSIwLjM1Ij4KICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIwLjE1OzAuNDswLjE1IiBkdXI9IjEzcyIgYmVnaW49Ii0ycyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz4KICAgIDwvY2lyY2xlPgogICAgPGNpcmNsZSBjeD0iNzYuNyIgY3k9IjM2LjEiIHI9IjIyIiBmaWxsPSJ1cmwoI2dTaGVlbikiIG9wYWNpdHk9IjAuMzUiPgogICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjAuMTU7MC40OzAuMTUiIGR1cj0iMTVzIiBiZWdpbj0iLTdzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPgogICAgPC9jaXJjbGU+CiAgPC9nPgoKICA8IS0tIENBUEEgMzogZGV0YWxsZXMg4oCUIGdvdGFzLCBmaWxhbWVudG9zLCBzYWxwaWNhZHVyYXMgLS0+CiAgPGc+CiAgICA8cGF0aCBpZD0iZmlsMCIgZD0iTTE1OS44LDE1MC4xIFExNjUuOSwxNjEuNCAxNjkuNSwxNzEuOSIKICAgICAgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMTcxNzIyIiBzdHJva2Utd2lkdGg9IjEuNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIgogICAgICBzdHJva2UtZGFzaGFycmF5PSIyOC4wIiBzdHJva2UtZGFzaG9mZnNldD0iMjguMCIgb3BhY2l0eT0iMC43Ij4KICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ic3Ryb2tlLWRhc2hvZmZzZXQiIHZhbHVlcz0iMjguMDswOzI4LjAiIGR1cj0iOS4wcyIgYmVnaW49Ii0xLjBzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPgogICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjA7MC43OzAuNzswIiBrZXlUaW1lcz0iMDswLjI7MC43NTsxIiBkdXI9IjkuMHMiIGJlZ2luPSItMS4wcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz4KICAgIDwvcGF0aD4KICAgIDxwYXRoIGlkPSJmaWwxIiBkPSJNMzQuMiwxMzguMCBRMjMuNSwxMzkuMCAxNC4xLDEzOC4yIgogICAgICBmaWxsPSJub25lIiBzdHJva2U9IiMxNzE3MjIiIHN0cm9rZS13aWR0aD0iMS40IiBzdHJva2UtbGluZWNhcD0icm91bmQiCiAgICAgIHN0cm9rZS1kYXNoYXJyYXk9IjI0LjAiIHN0cm9rZS1kYXNob2Zmc2V0PSIyNC4wIiBvcGFjaXR5PSIwLjciPgogICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJzdHJva2UtZGFzaG9mZnNldCIgdmFsdWVzPSIyNC4wOzA7MjQuMCIgZHVyPSIxMC40cyIgYmVnaW49Ii00LjJzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPgogICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjA7MC43OzAuNzswIiBrZXlUaW1lcz0iMDswLjI7MC43NTsxIiBkdXI9IjEwLjRzIiBiZWdpbj0iLTQuMnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+CiAgICA8L3BhdGg+CiAgICA8cGF0aCBpZD0iZmlsMiIgZD0iTTI0LjgsNzIuNiBRMTMuMiw2My4yIDQuNyw1My41IgogICAgICBmaWxsPSJub25lIiBzdHJva2U9IiMxNzE3MjIiIHN0cm9rZS13aWR0aD0iMS40IiBzdHJva2UtbGluZWNhcD0icm91bmQiCiAgICAgIHN0cm9rZS1kYXNoYXJyYXk9IjMyLjAiIHN0cm9rZS1kYXNob2Zmc2V0PSIzMi4wIiBvcGFjaXR5PSIwLjciPgogICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJzdHJva2UtZGFzaG9mZnNldCIgdmFsdWVzPSIzMi4wOzA7MzIuMCIgZHVyPSI4LjJzIiBiZWdpbj0iLTIuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+CiAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMDswLjc7MC43OzAiIGtleVRpbWVzPSIwOzAuMjswLjc1OzEiIGR1cj0iOC4ycyIgYmVnaW49Ii0yLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPgogICAgPC9wYXRoPgogICAgPHBhdGggaWQ9ImZpbDMiIGQ9Ik0xMzYuMSwzMi4wIFExNDUuMywyNC42IDE1NC4yLDE5LjYiCiAgICAgIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzE3MTcyMiIgc3Ryb2tlLXdpZHRoPSIxLjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIKICAgICAgc3Ryb2tlLWRhc2hhcnJheT0iMjYuMCIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjI2LjAiIG9wYWNpdHk9IjAuNyI+CiAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InN0cm9rZS1kYXNob2Zmc2V0IiB2YWx1ZXM9IjI2LjA7MDsyNi4wIiBkdXI9IjExLjBzIiBiZWdpbj0iLTYuMHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+CiAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMDswLjc7MC43OzAiIGtleVRpbWVzPSIwOzAuMjswLjc1OzEiIGR1cj0iMTEuMHMiIGJlZ2luPSItNi4wcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz4KICAgIDwvcGF0aD4KICAgIDxjaXJjbGUgaWQ9ImRyb3AwIiBjeD0iMTg1LjAiIGN5PSIxMjIuOCIgcj0iMi42IiBmaWxsPSIjMTcxNzIyIiBmaWx0ZXI9InVybCgjZlNvZnQpIj4KICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIHZhbHVlcz0iMTg1LjA7MTk0Ljc7MTg1LjAiIGR1cj0iNi41cyIgYmVnaW49Ii0wLjVzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPgogICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJjeSIgdmFsdWVzPSIxMjIuODsxMjUuNDsxMjIuOCIgZHVyPSI2LjVzIiBiZWdpbj0iLTAuNXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+CiAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMDswLjc1OzAuNzU7MCIga2V5VGltZXM9IjA7MC4yNTswLjc7MSIgZHVyPSI2LjVzIiBiZWdpbj0iLTAuNXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+CiAgICA8L2NpcmNsZT4KICAgIDxjaXJjbGUgaWQ9ImRyb3AxIiBjeD0iMTMxLjUiIGN5PSIxODYuNSIgcj0iMi4wIiBmaWxsPSIjMzQzNDQ0IiBmaWx0ZXI9InVybCgjZlNvZnQpIj4KICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIHZhbHVlcz0iMTMxLjU7MTM0LjI7MTMxLjUiIGR1cj0iNy44cyIgYmVnaW49Ii0zLjFzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPgogICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJjeSIgdmFsdWVzPSIxODYuNTsxOTQuMDsxODYuNSIgZHVyPSI3LjhzIiBiZWdpbj0iLTMuMXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+CiAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMDswLjc1OzAuNzU7MCIga2V5VGltZXM9IjA7MC4yNTswLjc7MSIgZHVyPSI3LjhzIiBiZWdpbj0iLTMuMXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+CiAgICA8L2NpcmNsZT4KICAgIDxjaXJjbGUgaWQ9ImRyb3AyIiBjeD0iNTkuNiIgY3k9IjE3NS45IiByPSIzLjIiIGZpbGw9IiMwQjBCMTQiIGZpbHRlcj0idXJsKCNmU29mdCkiPgogICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJjeCIgdmFsdWVzPSI1OS42OzU0LjA7NTkuNiIgZHVyPSI1LjZzIiBiZWdpbj0iLTEuOHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+CiAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN5IiB2YWx1ZXM9IjE3NS45OzE4Ni41OzE3NS45IiBkdXI9IjUuNnMiIGJlZ2luPSItMS44cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz4KICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIwOzAuNzU7MC43NTswIiBrZXlUaW1lcz0iMDswLjI1OzAuNzsxIiBkdXI9IjUuNnMiIGJlZ2luPSItMS44cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz4KICAgIDwvY2lyY2xlPgogICAgPGNpcmNsZSBpZD0iZHJvcDMiIGN4PSIxMy4xIiBjeT0iMTIzLjMiIHI9IjIuMiIgZmlsbD0iIzE3MTcyMiIgZmlsdGVyPSJ1cmwoI2ZTb2Z0KSI+CiAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiB2YWx1ZXM9IjEzLjE7NC40OzEzLjEiIGR1cj0iOC40cyIgYmVnaW49Ii00LjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPgogICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJjeSIgdmFsdWVzPSIxMjMuMzsxMjUuNjsxMjMuMyIgZHVyPSI4LjRzIiBiZWdpbj0iLTQuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+CiAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMDswLjc1OzAuNzU7MCIga2V5VGltZXM9IjA7MC4yNTswLjc7MSIgZHVyPSI4LjRzIiBiZWdpbj0iLTQuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+CiAgICA8L2NpcmNsZT4KICAgIDxjaXJjbGUgaWQ9ImRyb3A0IiBjeD0iMzUuMyIgY3k9IjQxLjgiIHI9IjIuOCIgZmlsbD0iIzM0MzQ0NCIgZmlsdGVyPSJ1cmwoI2ZTb2Z0KSI+CiAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiB2YWx1ZXM9IjM1LjM7MjcuMjszNS4zIiBkdXI9IjYuOXMiIGJlZ2luPSItMi4zcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz4KICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3kiIHZhbHVlcz0iNDEuODszNC40OzQxLjgiIGR1cj0iNi45cyIgYmVnaW49Ii0yLjNzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPgogICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjA7MC43NTswLjc1OzAiIGtleVRpbWVzPSIwOzAuMjU7MC43OzEiIGR1cj0iNi45cyIgYmVnaW49Ii0yLjNzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPgogICAgPC9jaXJjbGU+CiAgICA8Y2lyY2xlIGlkPSJkcm9wNSIgY3g9IjEwNy45IiBjeT0iOS4zIiByPSIyLjAiIGZpbGw9IiMwQjBCMTQiIGZpbHRlcj0idXJsKCNmU29mdCkiPgogICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJjeCIgdmFsdWVzPSIxMDcuOTsxMDguNTsxMDcuOSIgZHVyPSI3LjJzIiBiZWdpbj0iLTUuMHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+CiAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN5IiB2YWx1ZXM9IjkuMzsyLjQ7OS4zIiBkdXI9IjcuMnMiIGJlZ2luPSItNS4wcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz4KICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIwOzAuNzU7MC43NTswIiBrZXlUaW1lcz0iMDswLjI1OzAuNzsxIiBkdXI9IjcuMnMiIGJlZ2luPSItNS4wcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz4KICAgIDwvY2lyY2xlPgogICAgPGNpcmNsZSBpZD0iZHJvcDYiIGN4PSIxNTQuNiIgY3k9IjM0LjkiIHI9IjMuMCIgZmlsbD0iIzE3MTcyMiIgZmlsdGVyPSJ1cmwoI2ZTb2Z0KSI+CiAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiB2YWx1ZXM9IjE1NC42OzE2MS4xOzE1NC42IiBkdXI9IjYuMXMiIGJlZ2luPSItMC45cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz4KICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3kiIHZhbHVlcz0iMzQuOTsyNy4yOzM0LjkiIGR1cj0iNi4xcyIgYmVnaW49Ii0wLjlzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPgogICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjA7MC43NTswLjc1OzAiIGtleVRpbWVzPSIwOzAuMjU7MC43OzEiIGR1cj0iNi4xcyIgYmVnaW49Ii0wLjlzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPgogICAgPC9jaXJjbGU+CiAgPC9nPgo8L3N2Zz4K");
  background-size:100% 100%;
  background-repeat:no-repeat;
  background-position:center;
}
.marco-ink::after{
  content:none;
}

/* Constelación -- SVG animado real (SMIL), estrellas que se conectan y
   desconectan formando patrones distintos con el tiempo; ver
   ~/Escritorio/constelacion.svg para el original */
.marco-constelacion::before{
  inset:-36.2%;
  border:none;
  box-shadow:none;
  background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAgMjAwIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+CiAgPHRpdGxlPkNvbnN0ZWxhY2nDs24g4oCUIGF1cmEgZGUgcGVyZmlsIE9SQUs8L3RpdGxlPgogIDxkZWZzPgogICAgPGZpbHRlciBpZD0iZlN0YXJHbG93IiB4PSItMjAwJSIgeT0iLTIwMCUiIHdpZHRoPSI1MDAlIiBoZWlnaHQ9IjUwMCUiPgogICAgICA8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIxLjEiLz4KICAgIDwvZmlsdGVyPgogICAgPGZpbHRlciBpZD0iZkR1c3RCbHVyIiB4PSItMTAwJSIgeT0iLTEwMCUiIHdpZHRoPSIzMDAlIiBoZWlnaHQ9IjMwMCUiPgogICAgICA8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIwLjQiLz4KICAgIDwvZmlsdGVyPgogIDwvZGVmcz4KCiAgPCEtLSBGb25kbzogcG9sdm8gZGUgZXN0cmVsbGFzIGxlamFubywgbXV5IHRlbnVlLCBjYXNpIGVzdGF0aWNvIC0tPgogIDxnIGZpbHRlcj0idXJsKCNmRHVzdEJsdXIpIj4KICAgIDxjaXJjbGUgY3g9IjE3Ni44IiBjeT0iMTE1LjMiIHI9IjEuMiIgZmlsbD0iI2M4ZDhmNSIgb3BhY2l0eT0iMC4zNSI+CiAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMC4xMjswLjQ7MC4xMiIgZHVyPSI3LjdzIiBiZWdpbj0iLTMuN3MiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+CiAgICA8L2NpcmNsZT4KICAgIDxjaXJjbGUgY3g9IjE0NC4wIiBjeT0iMTY3LjAiIHI9IjEuMCIgZmlsbD0iI2M4ZDhmNSIgb3BhY2l0eT0iMC4zNSI+CiAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMC4xMjswLjQ7MC4xMiIgZHVyPSI3LjRzIiBiZWdpbj0iLTMuMHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+CiAgICA8L2NpcmNsZT4KICAgIDxjaXJjbGUgY3g9Ijg2LjAiIGN5PSIxODMuNyIgcj0iMC45IiBmaWxsPSIjYzhkOGY1IiBvcGFjaXR5PSIwLjM1Ij4KICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIwLjEyOzAuNDswLjEyIiBkdXI9IjkuOXMiIGJlZ2luPSItNS41cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz4KICAgIDwvY2lyY2xlPgogICAgPGNpcmNsZSBjeD0iMjAuNSIgY3k9IjE1My43IiByPSIxLjIiIGZpbGw9IiNjOGQ4ZjUiIG9wYWNpdHk9IjAuMzUiPgogICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjAuMTI7MC40OzAuMTIiIGR1cj0iNy4zcyIgYmVnaW49Ii0xLjFzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPgogICAgPC9jaXJjbGU+CiAgICA8Y2lyY2xlIGN4PSIxNC40IiBjeT0iODguMyIgcj0iMC44IiBmaWxsPSIjYzhkOGY1IiBvcGFjaXR5PSIwLjM1Ij4KICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIwLjEyOzAuNDswLjEyIiBkdXI9IjkuOXMiIGJlZ2luPSItNy4xcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz4KICAgIDwvY2lyY2xlPgogICAgPGNpcmNsZSBjeD0iNTMuMiIgY3k9IjQ0LjYiIHI9IjEuMiIgZmlsbD0iI2M4ZDhmNSIgb3BhY2l0eT0iMC4zNSI+CiAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMC4xMjswLjQ7MC4xMiIgZHVyPSIxMC4xcyIgYmVnaW49Ii0yLjRzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPgogICAgPC9jaXJjbGU+CiAgICA8Y2lyY2xlIGN4PSIxMTguNiIgY3k9IjI2LjEiIHI9IjAuOSIgZmlsbD0iI2M4ZDhmNSIgb3BhY2l0eT0iMC4zNSI+CiAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMC4xMjswLjQ7MC4xMiIgZHVyPSI4LjdzIiBiZWdpbj0iLTkuMnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+CiAgICA8L2NpcmNsZT4KICAgIDxjaXJjbGUgY3g9IjE3Ni43IiBjeT0iNDQuNiIgcj0iMC43IiBmaWxsPSIjYzhkOGY1IiBvcGFjaXR5PSIwLjM1Ij4KICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIwLjEyOzAuNDswLjEyIiBkdXI9IjkuMHMiIGJlZ2luPSItOS41cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz4KICAgIDwvY2lyY2xlPgogICAgPGNpcmNsZSBjeD0iMTY5LjYiIGN5PSI5My44IiByPSIxLjAiIGZpbGw9IiNjOGQ4ZjUiIG9wYWNpdHk9IjAuMzUiPgogICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjAuMTI7MC40OzAuMTIiIGR1cj0iNi44cyIgYmVnaW49Ii05LjhzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPgogICAgPC9jaXJjbGU+CiAgICA8Y2lyY2xlIGN4PSIxMjYuNyIgY3k9IjE5MS42IiByPSIwLjciIGZpbGw9IiNjOGQ4ZjUiIG9wYWNpdHk9IjAuMzUiPgogICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjAuMTI7MC40OzAuMTIiIGR1cj0iNi4zcyIgYmVnaW49Ii00LjJzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPgogICAgPC9jaXJjbGU+CiAgICA8Y2lyY2xlIGN4PSIxOS43IiBjeT0iMTI0LjAiIHI9IjAuOSIgZmlsbD0iI2M4ZDhmNSIgb3BhY2l0eT0iMC4zNSI+CiAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMC4xMjswLjQ7MC4xMiIgZHVyPSI2LjFzIiBiZWdpbj0iLTguMXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+CiAgICA8L2NpcmNsZT4KICAgIDxjaXJjbGUgY3g9IjEzMC45IiBjeT0iNDEuOCIgcj0iMS4zIiBmaWxsPSIjYzhkOGY1IiBvcGFjaXR5PSIwLjM1Ij4KICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIwLjEyOzAuNDswLjEyIiBkdXI9IjkuNHMiIGJlZ2luPSItOS43cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz4KICAgIDwvY2lyY2xlPgogIDwvZz4KCiAgPCEtLSBDb25zdGVsYWNpb24gcHJpbmNpcGFsOiBzZSBkaWJ1amEgbGVudGFtZW50ZSwgc2UgY29uZWN0YSwgc2UgZGVzdmFuZWNlIHkgdnVlbHZlIGEgdHJhemFyIG90cm8gcGF0cm9uIC0tPgogIDxnPgogICAgPGxpbmUgeDE9IjE3Ni45IiB5MT0iOTkuMCIgeDI9IjE1OC40IiB5Mj0iMTQ4LjEiCiAgICAgIHN0cm9rZT0iIzlhYjRlOCIgc3Ryb2tlLXdpZHRoPSIwLjciIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIKICAgICAgc3Ryb2tlLWRhc2hhcnJheT0iNTIuNSIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjUyLjUiIG9wYWNpdHk9IjAiPgogICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJzdHJva2UtZGFzaG9mZnNldCIgdmFsdWVzPSI1Mi41OzA7MDs1Mi41IiBrZXlUaW1lcz0iMDswLjI4OzAuNjY7MSIKICAgICAgICBkdXI9IjEyLjVzIiBiZWdpbj0iLTExLjRzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPgogICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjA7MC41NTswLjU1OzAiIGtleVRpbWVzPSIwOzAuMjg7MC42NjsxIgogICAgICAgIGR1cj0iMTIuNXMiIGJlZ2luPSItMTEuNHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+CiAgICA8L2xpbmU+CiAgICA8bGluZSB4MT0iMTU4LjQiIHkxPSIxNDguMSIgeDI9IjExOS43IiB5Mj0iMTczLjIiCiAgICAgIHN0cm9rZT0iIzlhYjRlOCIgc3Ryb2tlLXdpZHRoPSIwLjciIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIKICAgICAgc3Ryb2tlLWRhc2hhcnJheT0iNDYuMiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjQ2LjIiIG9wYWNpdHk9IjAiPgogICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJzdHJva2UtZGFzaG9mZnNldCIgdmFsdWVzPSI0Ni4yOzA7MDs0Ni4yIiBrZXlUaW1lcz0iMDswLjI4OzAuNTkwMDAwMDAwMDAwMDAwMTsxIgogICAgICAgIGR1cj0iNy41cyIgYmVnaW49Ii03LjFzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPgogICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjA7MC41NTswLjU1OzAiIGtleVRpbWVzPSIwOzAuMjg7MC41OTAwMDAwMDAwMDAwMDAxOzEiCiAgICAgICAgZHVyPSI3LjVzIiBiZWdpbj0iLTcuMXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+CiAgICA8L2xpbmU+CiAgICA8bGluZSB4MT0iMTE5LjciIHkxPSIxNzMuMiIgeDI9IjYyLjMiIHkyPSIxNTQuNCIKICAgICAgc3Ryb2tlPSIjOWFiNGU4IiBzdHJva2Utd2lkdGg9IjAuNyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIgogICAgICBzdHJva2UtZGFzaGFycmF5PSI2MC4zIiBzdHJva2UtZGFzaG9mZnNldD0iNjAuMyIgb3BhY2l0eT0iMCI+CiAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InN0cm9rZS1kYXNob2Zmc2V0IiB2YWx1ZXM9IjYwLjM7MDswOzYwLjMiIGtleVRpbWVzPSIwOzAuMjg7MC41NjsxIgogICAgICAgIGR1cj0iMTAuMnMiIGJlZ2luPSItMS42cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz4KICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIwOzAuNTU7MC41NTswIiBrZXlUaW1lcz0iMDswLjI4OzAuNTY7MSIKICAgICAgICBkdXI9IjEwLjJzIiBiZWdpbj0iLTEuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+CiAgICA8L2xpbmU+CiAgICA8bGluZSB4MT0iMjYuMSIgeTE9IjEzNi45IiB4Mj0iMTUuNSIgeTI9IjgxLjAiCiAgICAgIHN0cm9rZT0iIzlhYjRlOCIgc3Ryb2tlLXdpZHRoPSIwLjciIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIKICAgICAgc3Ryb2tlLWRhc2hhcnJheT0iNTYuOSIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjU2LjkiIG9wYWNpdHk9IjAiPgogICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJzdHJva2UtZGFzaG9mZnNldCIgdmFsdWVzPSI1Ni45OzA7MDs1Ni45IiBrZXlUaW1lcz0iMDswLjI4OzAuNjAwMDAwMDAwMDAwMDAwMTsxIgogICAgICAgIGR1cj0iOS43cyIgYmVnaW49Ii0yLjdzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPgogICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjA7MC41NTswLjU1OzAiIGtleVRpbWVzPSIwOzAuMjg7MC42MDAwMDAwMDAwMDAwMDAxOzEiCiAgICAgICAgZHVyPSI5LjdzIiBiZWdpbj0iLTIuN3MiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+CiAgICA8L2xpbmU+CiAgICA8bGluZSB4MT0iMTUuNSIgeTE9IjgxLjAiIHgyPSI2My45IiB5Mj0iMzAuNyIKICAgICAgc3Ryb2tlPSIjOWFiNGU4IiBzdHJva2Utd2lkdGg9IjAuNyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIgogICAgICBzdHJva2UtZGFzaGFycmF5PSI2OS44IiBzdHJva2UtZGFzaG9mZnNldD0iNjkuOCIgb3BhY2l0eT0iMCI+CiAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InN0cm9rZS1kYXNob2Zmc2V0IiB2YWx1ZXM9IjY5Ljg7MDswOzY5LjgiIGtleVRpbWVzPSIwOzAuMjg7MC42NDsxIgogICAgICAgIGR1cj0iNy4xcyIgYmVnaW49Ii0xLjBzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPgogICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjA7MC41NTswLjU1OzAiIGtleVRpbWVzPSIwOzAuMjg7MC42NDsxIgogICAgICAgIGR1cj0iNy4xcyIgYmVnaW49Ii0xLjBzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPgogICAgPC9saW5lPgogICAgPGxpbmUgeDE9IjYzLjkiIHkxPSIzMC43IiB4Mj0iMTAzLjAiIHkyPSIyMy45IgogICAgICBzdHJva2U9IiM5YWI0ZTgiIHN0cm9rZS13aWR0aD0iMC43IiBzdHJva2UtbGluZWNhcD0icm91bmQiCiAgICAgIHN0cm9rZS1kYXNoYXJyYXk9IjM5LjciIHN0cm9rZS1kYXNob2Zmc2V0PSIzOS43IiBvcGFjaXR5PSIwIj4KICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ic3Ryb2tlLWRhc2hvZmZzZXQiIHZhbHVlcz0iMzkuNzswOzA7MzkuNyIga2V5VGltZXM9IjA7MC4yODswLjY0OzEiCiAgICAgICAgZHVyPSI5LjVzIiBiZWdpbj0iLTYuMnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+CiAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMDswLjU1OzAuNTU7MCIga2V5VGltZXM9IjA7MC4yODswLjY0OzEiCiAgICAgICAgZHVyPSI5LjVzIiBiZWdpbj0iLTYuMnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+CiAgICA8L2xpbmU+CiAgICA8bGluZSB4MT0iMTQ5LjIiIHkxPSI1MC44IiB4Mj0iMTc2LjkiIHkyPSI5OS4wIgogICAgICBzdHJva2U9IiM5YWI0ZTgiIHN0cm9rZS13aWR0aD0iMC43IiBzdHJva2UtbGluZWNhcD0icm91bmQiCiAgICAgIHN0cm9rZS1kYXNoYXJyYXk9IjU1LjUiIHN0cm9rZS1kYXNob2Zmc2V0PSI1NS41IiBvcGFjaXR5PSIwIj4KICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ic3Ryb2tlLWRhc2hvZmZzZXQiIHZhbHVlcz0iNTUuNTswOzA7NTUuNSIga2V5VGltZXM9IjA7MC4yODswLjY1OzEiCiAgICAgICAgZHVyPSI5LjJzIiBiZWdpbj0iLTAuN3MiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+CiAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMDswLjU1OzAuNTU7MCIga2V5VGltZXM9IjA7MC4yODswLjY1OzEiCiAgICAgICAgZHVyPSI5LjJzIiBiZWdpbj0iLTAuN3MiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+CiAgICA8L2xpbmU+CiAgICA8Y2lyY2xlIGN4PSIxNzYuOSIgY3k9Ijk5LjAiIHI9IjIuMiIgZmlsbD0iI2VhZjJmZiIgZmlsdGVyPSJ1cmwoI2ZTdGFyR2xvdykiPgogICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjAuMzQ7MTswLjM0IiBkdXI9IjUuOXMiIGJlZ2luPSItMy45cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz4KICAgIDwvY2lyY2xlPgogICAgPGNpcmNsZSBjeD0iMTU4LjQiIGN5PSIxNDguMSIgcj0iMS45IiBmaWxsPSIjZWFmMmZmIj4KICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIwLjM2OzE7MC4zNiIgZHVyPSI3LjRzIiBiZWdpbj0iLTIuMnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+CiAgICA8L2NpcmNsZT4KICAgIDxjaXJjbGUgY3g9IjExOS43IiBjeT0iMTczLjIiIHI9IjEuOSIgZmlsbD0iI2VhZjJmZiI+CiAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMC4zNTsxOzAuMzUiIGR1cj0iNS4wcyIgYmVnaW49Ii0zLjRzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPgogICAgPC9jaXJjbGU+CiAgICA8Y2lyY2xlIGN4PSI2Mi4zIiBjeT0iMTU0LjQiIHI9IjEuNiIgZmlsbD0iI2VhZjJmZiIgZmlsdGVyPSJ1cmwoI2ZTdGFyR2xvdykiPgogICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjAuMzI7MTswLjMyIiBkdXI9IjQuOHMiIGJlZ2luPSItMC41cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz4KICAgIDwvY2lyY2xlPgogICAgPGNpcmNsZSBjeD0iMjYuMSIgY3k9IjEzNi45IiByPSIyLjAiIGZpbGw9IiNlYWYyZmYiPgogICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjAuMzI7MTswLjMyIiBkdXI9IjYuNHMiIGJlZ2luPSItMy41cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz4KICAgIDwvY2lyY2xlPgogICAgPGNpcmNsZSBjeD0iMTUuNSIgY3k9IjgxLjAiIHI9IjIuMyIgZmlsbD0iI2VhZjJmZiI+CiAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMC4yODsxOzAuMjgiIGR1cj0iNi4xcyIgYmVnaW49Ii0xLjFzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPgogICAgPC9jaXJjbGU+CiAgICA8Y2lyY2xlIGN4PSI2My45IiBjeT0iMzAuNyIgcj0iMS41IiBmaWxsPSIjZWFmMmZmIiBmaWx0ZXI9InVybCgjZlN0YXJHbG93KSI+CiAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMC4yODsxOzAuMjgiIGR1cj0iNC44cyIgYmVnaW49Ii00LjlzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPgogICAgPC9jaXJjbGU+CiAgICA8Y2lyY2xlIGN4PSIxMDMuMCIgY3k9IjIzLjkiIHI9IjEuNCIgZmlsbD0iI2VhZjJmZiI+CiAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMC4yNjsxOzAuMjYiIGR1cj0iNC4wcyIgYmVnaW49Ii0wLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPgogICAgPC9jaXJjbGU+CiAgICA8Y2lyY2xlIGN4PSIxNDkuMiIgY3k9IjUwLjgiIHI9IjEuMyIgZmlsbD0iI2VhZjJmZiI+CiAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMC4zNzsxOzAuMzciIGR1cj0iNC42cyIgYmVnaW49Ii0zLjRzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPgogICAgPC9jaXJjbGU+CiAgPC9nPgo8L3N2Zz4K");
  background-size:100% 100%;
  background-repeat:no-repeat;
  background-position:center;
}
.marco-constelacion::after{
  content:none;
}

/* Glitch Realidad -- SVG animado real (SMIL): aro facetado con fisura RGB
   que salta de posicion y fragmentos de color que truenan brevemente; ver
   ~/Escritorio/glitch-realidad.svg para el original */
.marco-glitch::before{
  inset:-36.2%;
  border:none;
  box-shadow:none;
  background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAgMjAwIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+CiAgPHRpdGxlPkdsaXRjaCBSZWFsaWRhZCAtLSBhdXJhIGRlIHBlcmZpbCBPUkFLPC90aXRsZT4KICA8ZGVmcz4KICAgIDxmaWx0ZXIgaWQ9ImZHbGl0Y2hCdXJzdCIgeD0iLTQwJSIgeT0iLTQwJSIgd2lkdGg9IjE4MCUiIGhlaWdodD0iMTgwJSI+CiAgICAgIDxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VHcmFwaGljIiB0eXBlPSJodWVSb3RhdGUiIHZhbHVlcz0iMCIgcmVzdWx0PSJodWUiPgogICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InZhbHVlcyIgY2FsY01vZGU9ImRpc2NyZXRlIiBkdXI9IjkuMHMiIGJlZ2luPSIwcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiCiAgICAgICAgICBrZXlUaW1lcz0iMDswLjc5OzAuODA7MC44MTU7MC44MzswLjg0NTswLjg2OzAuODc1OzAuODk7MSIKICAgICAgICAgIHZhbHVlcz0iMDswOzg1Oy00MDs2MDstMjA7MzA7MDswOzAiLz4KICAgICAgPC9mZUNvbG9yTWF0cml4PgogICAgICA8ZmVDb2xvck1hdHJpeCBpbj0iaHVlIiB0eXBlPSJzYXR1cmF0ZSIgdmFsdWVzPSIxIj4KICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJ2YWx1ZXMiIGNhbGNNb2RlPSJkaXNjcmV0ZSIgZHVyPSI5LjBzIiBiZWdpbj0iMHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIgogICAgICAgICAga2V5VGltZXM9IjA7MC43OTswLjgwOzAuODE1OzAuODM7MC44NDU7MC44NjswLjg3NTswLjg5OzEiCiAgICAgICAgICB2YWx1ZXM9IjE7MTsyLjY7Mi4yOzIuODsxLjg7Mi4yOzE7MTsxIi8+CiAgICAgIDwvZmVDb2xvck1hdHJpeD4KICAgIDwvZmlsdGVyPgogICAgPGNsaXBQYXRoIGlkPSJjbGlwUmluZyI+CiAgICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTIyLjAsMTAwLjAgQTc4LjAsNzguMCAwIDEsMCAxNzguMCwxMDAuMCBBNzguMCw3OC4wIDAgMSwwIDIyLjAsMTAwLjAgWiBNNDIuMCwxMDAuMCBBNTguMCw1OC4wIDAgMSwwIDE1OC4wLDEwMC4wIEE1OC4wLDU4LjAgMCAxLDAgNDIuMCwxMDAuMCBaIi8+CiAgICA8L2NsaXBQYXRoPgogIDwvZGVmcz4KCiAgPGcgZmlsdGVyPSJ1cmwoI2ZHbGl0Y2hCdXJzdCkiPgogICAgPHBhdGggZmlsbD0iIzE0MTQxYyIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMjIuMCwxMDAuMCBBNzguMCw3OC4wIDAgMSwwIDE3OC4wLDEwMC4wIEE3OC4wLDc4LjAgMCAxLDAgMjIuMCwxMDAuMCBaIE00Mi4wLDEwMC4wIEE1OC4wLDU4LjAgMCAxLDAgMTU4LjAsMTAwLjAgQTU4LjAsNTguMCAwIDEsMCA0Mi4wLDEwMC4wIFoiLz4KICAgIDxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwZTVmZiIgc3Ryb2tlLXdpZHRoPSIwLjkiIG9wYWNpdHk9IjAuMTgiIGQ9Ik0yMy4wLDEwMC4wIEE3Ny4wLDc3LjAgMCAxLDAgMTc3LjAsMTAwLjAgQTc3LjAsNzcuMCAwIDEsMCAyMy4wLDEwMC4wIFoiPgogICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiBjYWxjTW9kZT0iZGlzY3JldGUiIGR1cj0iOS4wcyIgYmVnaW49IjBzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIKICAgICAgICBrZXlUaW1lcz0iMDswLjc5OzAuODA7MC44MTU7MC44MzswLjg0NTswLjg2OzAuODc1OzAuODk7MSIgdmFsdWVzPSIwLjE4OzAuMTg7MC45OzAuNzU7MC45NTswLjY7MC44OzAuMTg7MC4xODswLjE4Ii8+CiAgICAgIDxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgdHlwZT0idHJhbnNsYXRlIiBjYWxjTW9kZT0iZGlzY3JldGUiIGR1cj0iOS4wcyIgYmVnaW49IjBzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIKICAgICAgICBrZXlUaW1lcz0iMDswLjc5OzAuODA7MC44MTU7MC44MzswLjg0NTswLjg2OzAuODc1OzAuODk7MSIgdmFsdWVzPSIwLDA7MCwwOzMsLTI7LTIsMjszLC0xOy0zLDE7MiwtMjswLDA7MCwwOzAsMCIvPgogICAgPC9wYXRoPgogICAgPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmYyZWM0IiBzdHJva2Utd2lkdGg9IjAuOSIgb3BhY2l0eT0iMC4xNSIgZD0iTTIxLjAsMTAwLjAgQTc5LjAsNzkuMCAwIDEsMCAxNzkuMCwxMDAuMCBBNzkuMCw3OS4wIDAgMSwwIDIxLjAsMTAwLjAgWiI+CiAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIGNhbGNNb2RlPSJkaXNjcmV0ZSIgZHVyPSI5LjBzIiBiZWdpbj0iMHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIgogICAgICAgIGtleVRpbWVzPSIwOzAuNzk7MC44MDswLjgxNTswLjgzOzAuODQ1OzAuODY7MC44NzU7MC44OTsxIiB2YWx1ZXM9IjAuMTU7MC4xNTswLjk7MC43NTswLjk1OzAuNjswLjg7MC4xNTswLjE1OzAuMTUiLz4KICAgICAgPGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJ0cmFuc2xhdGUiIGNhbGNNb2RlPSJkaXNjcmV0ZSIgZHVyPSI5LjBzIiBiZWdpbj0iMHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIgogICAgICAgIGtleVRpbWVzPSIwOzAuNzk7MC44MDswLjgxNTswLjgzOzAuODQ1OzAuODY7MC44NzU7MC44OTsxIiB2YWx1ZXM9IjAsMDswLDA7LTMsMjsyLC0yOy0zLDE7MywtMTstMiwyOzAsMDswLDA7MCwwIi8+CiAgICA8L3BhdGg+CiAgICA8cmVjdCBpZD0iYmFuZDAiIHg9IjAiIHk9IjQ2IiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjE0IiBmaWxsPSJyZ2JhKDAsMjI5LDI1NSwuNCkiIG9wYWNpdHk9IjAiIGNsaXAtcGF0aD0idXJsKCNjbGlwUmluZykiPgogICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiBjYWxjTW9kZT0iZGlzY3JldGUiIGR1cj0iOS4wcyIgYmVnaW49IjBzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIKICAgICAgICBrZXlUaW1lcz0iMDswLjc5OzAuODA7MC44MTU7MC44MzswLjg0NTswLjg2OzAuODc1OzAuODk7MSIgdmFsdWVzPSIwOzA7MC41NTswOzAuNDU7MDswLjU7MDswOzAiLz4KICAgICAgPGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJ0cmFuc2xhdGUiIGNhbGNNb2RlPSJkaXNjcmV0ZSIgZHVyPSI5LjBzIiBiZWdpbj0iMHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIgogICAgICAgIGtleVRpbWVzPSIwOzAuNzk7MC44MDswLjgxNTswLjgzOzAuODQ1OzAuODY7MC44NzU7MC44OTsxIiB2YWx1ZXM9IjAsMDswLDA7LTYsMDswLDA7NywwOzAsMDstNCwwOzAsMDswLDA7MCwwIi8+CiAgICA8L3JlY3Q+CiAgICA8cmVjdCBpZD0iYmFuZDEiIHg9IjAiIHk9Ijk2IiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjE2IiBmaWxsPSJyZ2JhKDI1NSw0NiwxOTYsLjM1KSIgb3BhY2l0eT0iMCIgY2xpcC1wYXRoPSJ1cmwoI2NsaXBSaW5nKSI+CiAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIGNhbGNNb2RlPSJkaXNjcmV0ZSIgZHVyPSI5LjBzIiBiZWdpbj0iMHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIgogICAgICAgIGtleVRpbWVzPSIwOzAuNzk7MC44MDswLjgxNTswLjgzOzAuODQ1OzAuODY7MC44NzU7MC44OTsxIiB2YWx1ZXM9IjA7MDswLjU1OzA7MC40NTswOzAuNTswOzA7MCIvPgogICAgICA8YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InRyYW5zbGF0ZSIgY2FsY01vZGU9ImRpc2NyZXRlIiBkdXI9IjkuMHMiIGJlZ2luPSIwcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiCiAgICAgICAga2V5VGltZXM9IjA7MC43OTswLjgwOzAuODE1OzAuODM7MC44NDU7MC44NjswLjg3NTswLjg5OzEiIHZhbHVlcz0iMCwwOzAsMDs4LDA7MCwwOy02LDA7MCwwOzUsMDswLDA7MCwwOzAsMCIvPgogICAgPC9yZWN0PgogICAgPHJlY3QgaWQ9ImJhbmQyIiB4PSIwIiB5PSIxNDIiIHdpZHRoPSIyMDAiIGhlaWdodD0iMTIiIGZpbGw9InJnYmEoMTgyLDI1NSw2MCwuMzUpIiBvcGFjaXR5PSIwIiBjbGlwLXBhdGg9InVybCgjY2xpcFJpbmcpIj4KICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgY2FsY01vZGU9ImRpc2NyZXRlIiBkdXI9IjkuMHMiIGJlZ2luPSIwcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiCiAgICAgICAga2V5VGltZXM9IjA7MC43OTswLjgwOzAuODE1OzAuODM7MC44NDU7MC44NjswLjg3NTswLjg5OzEiIHZhbHVlcz0iMDswOzAuNTU7MDswLjQ1OzA7MC41OzA7MDswIi8+CiAgICAgIDxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgdHlwZT0idHJhbnNsYXRlIiBjYWxjTW9kZT0iZGlzY3JldGUiIGR1cj0iOS4wcyIgYmVnaW49IjBzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIKICAgICAgICBrZXlUaW1lcz0iMDswLjc5OzAuODA7MC44MTU7MC44MzswLjg0NTswLjg2OzAuODc1OzAuODk7MSIgdmFsdWVzPSIwLDA7MCwwOy01LDA7MCwwOzYsMDswLDA7LTcsMDswLDA7MCwwOzAsMCIvPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0iMTU3LjEiIHk9IjEyNy4yIiB3aWR0aD0iOSIgaGVpZ2h0PSIzIiBmaWxsPSIjMDBlNWZmIiBvcGFjaXR5PSIwIiB0cmFuc2Zvcm09InJvdGF0ZSgxMTUgMTYxLjYgMTI4LjcpIj4KICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgY2FsY01vZGU9ImRpc2NyZXRlIiBkdXI9IjkuMHMiIGJlZ2luPSIwcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiCiAgICAgICAga2V5VGltZXM9IjA7MC44MDswLjgxNTswLjgzOzAuODQ1OzEiIHZhbHVlcz0iMDswOzAuOTswOzAuODswIi8+CiAgICA8L3JlY3Q+CiAgICA8cmVjdCB4PSI4Mi42IiB5PSIxNzcuMyIgd2lkdGg9IjciIGhlaWdodD0iMyIgZmlsbD0iI2ZmMmVjNCIgb3BhY2l0eT0iMCIgdHJhbnNmb3JtPSJyb3RhdGUoMTkwIDg2LjEgMTc4LjgpIj4KICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgY2FsY01vZGU9ImRpc2NyZXRlIiBkdXI9IjkuMHMiIGJlZ2luPSIwcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiCiAgICAgICAga2V5VGltZXM9IjA7MC44MDswLjgxNTswLjgzOzAuODQ1OzEiIHZhbHVlcz0iMDswOzAuOTswOzAuODswIi8+CiAgICA8L3JlY3Q+CiAgICA8cmVjdCB4PSIzMC4wIiB5PSI4Ny4zIiB3aWR0aD0iMTAiIGhlaWdodD0iMi41IiBmaWxsPSIjYjZmZjNjIiBvcGFjaXR5PSIwIiB0cmFuc2Zvcm09InJvdGF0ZSgyODAgMzUuMCA4OC41KSI+CiAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIGNhbGNNb2RlPSJkaXNjcmV0ZSIgZHVyPSI5LjBzIiBiZWdpbj0iMHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIgogICAgICAgIGtleVRpbWVzPSIwOzAuODA7MC44MTU7MC44MzswLjg0NTsxIiB2YWx1ZXM9IjA7MDswLjk7MDswLjg7MCIvPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0iMTQ0LjkiIHk9IjQwLjMiIHdpZHRoPSI4IiBoZWlnaHQ9IjMiIGZpbGw9IiMwMGU1ZmYiIG9wYWNpdHk9IjAiIHRyYW5zZm9ybT0icm90YXRlKDQwMCAxNDguOSA0MS44KSI+CiAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIGNhbGNNb2RlPSJkaXNjcmV0ZSIgZHVyPSI5LjBzIiBiZWdpbj0iMHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIgogICAgICAgIGtleVRpbWVzPSIwOzAuODA7MC44MTU7MC44MzswLjg0NTsxIiB2YWx1ZXM9IjA7MDswLjk7MDswLjg7MCIvPgogICAgPC9yZWN0PgogIDwvZz4KPC9zdmc+Cg==");
  background-size:100% 100%;
  background-repeat:no-repeat;
  background-position:center;
}
.marco-glitch::after{
  content:none;
}

/* Escritor Fundador -- SVG animado real (SMIL): anillo de oro grabado con
   plumin de escritura como cresta, destello que recorre el oro y gota de
   tinta. No se vende: solo lo tienen los Escritores Fundadores. Ver
   ~/Escritorio/fundador.svg para el original */
.marco-fundador::before{
  inset:-36.2%;
  border:none;
  box-shadow:none;
  background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAgMjAwIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+CiAgPHRpdGxlPkVzY3JpdG9yIEZ1bmRhZG9yIOKAlCBtYXJjbyBkZSBwZXJmaWwgT1JBSzwvdGl0bGU+CiAgPCEtLSBFbCBhdmF0YXIgb2N1cGEgZWwgY2lyY3VsbyBjZW50cmFsIHLiiYg1ODsgdG9kbyBlbCBtYXJjbyB2aXZlIGRlIHI9NjEgaGFjaWEgYWZ1ZXJhLiAtLT4KICA8ZGVmcz4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iZk9ybyIgeDE9IjAiIHkxPSIwIiB4Mj0iMSIgeTI9IjEiPgogICAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNmZmYwYmYiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIuMzUiIHN0b3AtY29sb3I9IiNkOWIyNWEiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIuNjUiIHN0b3AtY29sb3I9IiM5YzcxMjciLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZThjODczIi8+CiAgICA8L2xpbmVhckdyYWRpZW50PgogICAgPGxpbmVhckdyYWRpZW50IGlkPSJmQnJpbGxvIiB4MT0iMCIgeTE9IjAiIHgyPSIxIiB5Mj0iMCI+CiAgICAgIDxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2ZmZjhlMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iLjUiIHN0b3AtY29sb3I9IiNmZmZiZTkiIHN0b3Atb3BhY2l0eT0iLjk1Ii8+CiAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2ZmZjhlMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8L2xpbmVhckdyYWRpZW50PgogICAgPGZpbHRlciBpZD0iZkhhbG8iIHg9Ii01MCUiIHk9Ii01MCUiIHdpZHRoPSIyMDAlIiBoZWlnaHQ9IjIwMCUiPgogICAgICA8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIyLjIiLz4KICAgIDwvZmlsdGVyPgogICAgPGZpbHRlciBpZD0iZkNoaXNwYSIgeD0iLTMwMCUiIHk9Ii0zMDAlIiB3aWR0aD0iNzAwJSIgaGVpZ2h0PSI3MDAlIj4KICAgICAgPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMC45Ii8+CiAgICA8L2ZpbHRlcj4KICAgIDwhLS0gUmVjb3J0ZSBkZWwgZGVzdGVsbG86IHNvbG8gc2UgdmUgc29icmUgZWwgYW5pbGxvIGRlIG9ybyAtLT4KICAgIDxtYXNrIGlkPSJmTWFza0FuaWxsbyI+CiAgICAgIDxjaXJjbGUgY3g9IjEwMCIgY3k9IjEwMCIgcj0iNjYiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSI3Ii8+CiAgICA8L21hc2s+CiAgPC9kZWZzPgoKICA8IS0tIEhhbG8gY2FsaWRvIHF1ZSByZXNwaXJhIG11eSBsZW50byAtLT4KICA8Y2lyY2xlIGN4PSIxMDAiIGN5PSIxMDAiIHI9IjY2IiBmaWxsPSJub25lIiBzdHJva2U9IiNlN2M0NmEiIHN0cm9rZS13aWR0aD0iMTAiIGZpbHRlcj0idXJsKCNmSGFsbykiIG9wYWNpdHk9Ii4yOCI+CiAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9Ii4xODsuMzg7LjE4IiBkdXI9IjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPgogIDwvY2lyY2xlPgoKICA8IS0tIEFuaWxsbyBpbnRlcmlvciBmaW5vIC0tPgogIDxjaXJjbGUgY3g9IjEwMCIgY3k9IjEwMCIgcj0iNjEuNSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJ1cmwoI2ZPcm8pIiBzdHJva2Utd2lkdGg9IjEuMiIgb3BhY2l0eT0iLjkiLz4KCiAgPCEtLSBBbmlsbG8gcHJpbmNpcGFsIGRlIG9ybyAtLT4KICA8Y2lyY2xlIGN4PSIxMDAiIGN5PSIxMDAiIHI9IjY2IiBmaWxsPSJub25lIiBzdHJva2U9InVybCgjZk9ybykiIHN0cm9rZS13aWR0aD0iNSIvPgogIDxjaXJjbGUgY3g9IjEwMCIgY3k9IjEwMCIgcj0iNjguNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNWU0MjE0IiBzdHJva2Utd2lkdGg9Ii41IiBvcGFjaXR5PSIuNiIvPgoKICA8IS0tIEdyYWJhZG8gdGlwbyBzZWxsbzogbWFyY2FzIHF1ZSBnaXJhbiBjYXNpIGltcGVyY2VwdGlibGVzIC0tPgogIDxnIG9wYWNpdHk9Ii43NSI+CiAgICA8Y2lyY2xlIGN4PSIxMDAiIGN5PSIxMDAiIHI9IjcyLjUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2Q5YjI1YSIgc3Ryb2tlLXdpZHRoPSIyLjQiCiAgICAgICAgICAgIHN0cm9rZS1kYXNoYXJyYXk9Ii44IDQuOSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CiAgICA8YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InJvdGF0ZSIgZnJvbT0iMCAxMDAgMTAwIiB0bz0iMzYwIDEwMCAxMDAiIGR1cj0iMTIwcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz4KICA8L2c+CgogIDwhLS0gRGVzdGVsbG8gcXVlIHJlY29ycmUgZWwgb3JvIC0tPgogIDxnIG1hc2s9InVybCgjZk1hc2tBbmlsbG8pIj4KICAgIDxyZWN0IHg9Ii00MCIgeT0iMjAiIHdpZHRoPSIzNiIgaGVpZ2h0PSIxNjAiIGZpbGw9InVybCgjZkJyaWxsbykiIHRyYW5zZm9ybT0icm90YXRlKDI1IDEwMCAxMDApIiBvcGFjaXR5PSIwIj4KICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ieCIgdmFsdWVzPSItNDA7LTQwOzI0MCIga2V5VGltZXM9IjA7LjYyOzEiIGR1cj0iN3MiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+CiAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMDswOzE7MCIga2V5VGltZXM9IjA7LjYyOy44OzEiIGR1cj0iN3MiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+CiAgICA8L3JlY3Q+CiAgPC9nPgoKICA8IS0tIENyZXN0YTogcGx1bWluIGRlIGVzY3JpdHVyYSBzb2JyZSBlbCBhbmlsbG8gLS0+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAwIDMzKSI+CiAgICA8Y2lyY2xlIHI9IjExIiBmaWxsPSIjZTdjNDZhIiBmaWx0ZXI9InVybCgjZkhhbG8pIiBvcGFjaXR5PSIuMzUiPgogICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9Ii4yOy41Oy4yIiBkdXI9IjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPgogICAgPC9jaXJjbGU+CiAgICA8cGF0aCBkPSJNMCAtMTIgQyA2IC02LCA3LjUgMiwgMCAxMiBDIC03LjUgMiwgLTYgLTYsIDAgLTEyIFoiIGZpbGw9InVybCgjZk9ybykiIHN0cm9rZT0iIzVlNDIxNCIgc3Ryb2tlLXdpZHRoPSIuNiIvPgogICAgPGxpbmUgeDE9IjAiIHkxPSItMyIgeDI9IjAiIHkyPSIxMSIgc3Ryb2tlPSIjNGEzMzBmIiBzdHJva2Utd2lkdGg9Ii45Ii8+CiAgICA8Y2lyY2xlIGN5PSItMy4yIiByPSIxLjYiIGZpbGw9IiM0YTMzMGYiLz4KICAgIDwhLS0gZ290YSBkZSB0aW50YSBxdWUgc2UgZm9ybWEgeSBjYWUgZGVzcGFjaW8gLS0+CiAgICA8Y2lyY2xlIGN5PSIxMyIgcj0iMCIgZmlsbD0iIzJiMWQwNyI+CiAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InIiIHZhbHVlcz0iMDswOzEuNjsxLjY7MCIga2V5VGltZXM9IjA7LjU1Oy43NTsuOTsxIiBkdXI9IjlzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPgogICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJjeSIgdmFsdWVzPSIxMzsxMzsxNDsxOTsyMSIga2V5VGltZXM9IjA7LjU1Oy43NTsuOTsxIiBkdXI9IjlzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPgogICAgPC9jaXJjbGU+CiAgPC9nPgoKICA8IS0tIFBlcXVlbmFzIGpveWFzIGEgbG9zIGxhZG9zIHkgYWJham8gLS0+CiAgPGcgZmlsbD0idXJsKCNmT3JvKSIgc3Ryb2tlPSIjNWU0MjE0IiBzdHJva2Utd2lkdGg9Ii41Ij4KICAgIDxwYXRoIGQ9Ik0zNCAxMDAgbDQgLTQgbDQgNCBsLTQgNCBaIi8+CiAgICA8cGF0aCBkPSJNMTU4IDEwMCBsNCAtNCBsNCA0IGwtNCA0IFoiLz4KICAgIDxwYXRoIGQ9Ik0xMDAgMTYyIGw0IDQgbC00IDQgbC00IC00IFoiLz4KICA8L2c+CgogIDwhLS0gQ2hpc3BhcyBkb3JhZGFzIHF1ZSBzdWJlbiBhbHJlZGVkb3IgLS0+CiAgPGcgZmlsbD0iI2ZmZjFjMSIgZmlsdGVyPSJ1cmwoI2ZDaGlzcGEpIj4KICAgIDxjaXJjbGUgY3g9IjQ4IiBjeT0iMTQwIiByPSIxLjMiIG9wYWNpdHk9IjAiPgogICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJjeSIgdmFsdWVzPSIxNDA7MTE4IiBkdXI9IjUuNXMiIGJlZ2luPSIwcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz4KICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIwOy45OzAiIGR1cj0iNS41cyIgYmVnaW49IjBzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPgogICAgPC9jaXJjbGU+CiAgICA8Y2lyY2xlIGN4PSIxNTMiIGN5PSIxMzIiIHI9IjEuMSIgb3BhY2l0eT0iMCI+CiAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN5IiB2YWx1ZXM9IjEzMjsxMDgiIGR1cj0iNi4zcyIgYmVnaW49Ii0yLjFzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPgogICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjA7Ljg1OzAiIGR1cj0iNi4zcyIgYmVnaW49Ii0yLjFzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPgogICAgPC9jaXJjbGU+CiAgICA8Y2lyY2xlIGN4PSIxNDAiIGN5PSI1OCIgcj0iMSIgb3BhY2l0eT0iMCI+CiAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN5IiB2YWx1ZXM9IjU4OzQwIiBkdXI9IjQuOHMiIGJlZ2luPSItMy40cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz4KICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIwOy44OzAiIGR1cj0iNC44cyIgYmVnaW49Ii0zLjRzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPgogICAgPC9jaXJjbGU+CiAgICA8Y2lyY2xlIGN4PSI1OCIgY3k9IjYyIiByPSIxLjIiIG9wYWNpdHk9IjAiPgogICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJjeSIgdmFsdWVzPSI2Mjs0MiIgZHVyPSI1LjlzIiBiZWdpbj0iLTEuMnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+CiAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMDsuOTswIiBkdXI9IjUuOXMiIGJlZ2luPSItMS4ycyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz4KICAgIDwvY2lyY2xlPgogICAgPGNpcmNsZSBjeD0iMTIyIiBjeT0iMTY4IiByPSIuOSIgb3BhY2l0eT0iMCI+CiAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN5IiB2YWx1ZXM9IjE2ODsxNTAiIGR1cj0iNi44cyIgYmVnaW49Ii00LjVzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPgogICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjA7Ljc1OzAiIGR1cj0iNi44cyIgYmVnaW49Ii00LjVzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPgogICAgPC9jaXJjbGU+CiAgPC9nPgo8L3N2Zz4K");
  background-size:100% 100%;
  background-repeat:no-repeat;
  background-position:center;
}
.marco-fundador::after{
  content:none;
}

@media (prefers-reduced-motion:reduce){
  .marco-luna::before,.marco-luna::after,.marco-fuego::before,.marco-fuego::after,.marco-nebulosa::before,.marco-nebulosa::after,
  .marco-tormenta::before,.marco-tormenta::after,.marco-obsidiana::before,.marco-obsidiana::after,
  .marco-corona::before,.marco-corona::after{
    animation:none;
  }
}

/* ══════════════════════════════════════════════════════════════
   ESTILOS DE NOMBRE (Bazar → Artilugios)
   Degradados de texto — contraste cuidado a propósito, el nombre
   tiene que seguir siendo legible, no es solo decoración.
══════════════════════════════════════════════════════════════ */
/* !important en color: los temas (Cosmos, Aurora, etc.) le ponen color propio
   al texto de nombre con reglas más específicas que una sola clase — sin esto
   el degradado de background-clip queda tapado por un color sólido encima. */
.estilo-cosmico{
  background:linear-gradient(90deg,#9a7cf0,#5a9cf0,#9a7cf0);
  background-size:200% auto;
  -webkit-background-clip:text;background-clip:text;color:transparent !important;
  text-shadow:0 0 9px rgba(122,150,240,.5);
  animation:estiloNombreFlow 6s ease-in-out infinite;
}
.estilo-dorado{
  background:linear-gradient(90deg,#e8c26a,#c9963a,#e8c26a);
  background-size:200% auto;
  -webkit-background-clip:text;background-clip:text;color:transparent !important;
  text-shadow:0 0 9px rgba(212,169,74,.5);
  animation:estiloNombreFlow 6s ease-in-out infinite;
}
.estilo-escarcha{
  background:linear-gradient(90deg,#eaf3ff,#a8c8e8,#eaf3ff);
  background-size:200% auto;
  -webkit-background-clip:text;background-clip:text;color:transparent !important;
  text-shadow:0 0 9px rgba(168,200,232,.55);
  animation:estiloNombreFlow 6s ease-in-out infinite;
}
.estilo-brasa{
  background:linear-gradient(90deg,#ff8a3c,#e0402a,#ff8a3c);
  background-size:200% auto;
  -webkit-background-clip:text;background-clip:text;color:transparent !important;
  text-shadow:0 0 9px rgba(224,96,42,.5);
  animation:estiloNombreFlow 5s ease-in-out infinite;
}
.estilo-rayo{
  background:linear-gradient(90deg,#eaf6ff,#5a9cff,#eaf6ff);
  background-size:200% auto;
  -webkit-background-clip:text;background-clip:text;color:transparent !important;
  text-shadow:0 0 9px rgba(90,156,255,.55);
  animation:estiloNombreFlow 6s ease-in-out infinite;
}
.estilo-ceniza{
  background:linear-gradient(90deg,#e0454a,#9a8a86,#e0454a);
  background-size:200% auto;
  -webkit-background-clip:text;background-clip:text;color:transparent !important;
  text-shadow:0 0 9px rgba(224,69,74,.5);
  animation:estiloNombreFlow 6s ease-in-out infinite;
}
.estilo-solar{
  background:linear-gradient(90deg,#fff4c2,#ffb020,#fff4c2);
  background-size:200% auto;
  -webkit-background-clip:text;background-clip:text;color:transparent !important;
  text-shadow:0 0 10px rgba(255,176,32,.6);
  animation:estiloNombreFlow 5s ease-in-out infinite;
}
.estilo-tinta{
  background:linear-gradient(90deg,#d8c9f0,#4a2a70,#d8c9f0);
  background-size:200% auto;
  -webkit-background-clip:text;background-clip:text;color:transparent !important;
  text-shadow:0 0 9px rgba(90,47,140,.5);
  animation:estiloNombreFlow 7s ease-in-out infinite;
}
.estilo-estelar{
  background:linear-gradient(90deg,#eaf2ff,#9ab4e8,#eaf2ff);
  background-size:200% auto;
  -webkit-background-clip:text;background-clip:text;color:transparent !important;
  text-shadow:0 0 9px rgba(154,180,232,.5);
  animation:estiloNombreFlow 8s ease-in-out infinite;
}
.estilo-glitch{
  display:inline-block;
  background:linear-gradient(90deg,#00e5ff,#ff2ec4,#00e5ff);
  background-size:200% auto;
  background-position:0% center;
  -webkit-background-clip:text;background-clip:text;color:transparent !important;
  text-shadow:0 0 8px rgba(0,229,255,.35);
  animation:estiloGlitchBurst 9s steps(1,end) infinite;
}
@keyframes estiloNombreFlow{0%{background-position:0% center;}50%{background-position:100% center;}100%{background-position:0% center;}}
/* Mismo ritmo que el aro Glitch Realidad: calma el 79% del ciclo, una
   rafaga de distorsion sincronizada (~80-89%) y de vuelta a la calma --
   nada de parpadeo continuo. */
@keyframes estiloGlitchBurst{
  0%,79%,100%{
    background-position:0% center; text-shadow:0 0 8px rgba(0,229,255,.35);
    filter:none; transform:translate(0,0);
  }
  80%{
    background-position:35% center;
    text-shadow:2px 0 rgba(0,229,255,.9),-2px 0 rgba(255,46,196,.85);
    filter:hue-rotate(85deg) saturate(2.6); transform:translate(-1px,1px);
  }
  81.5%{
    background-position:70% center;
    text-shadow:-2px 1px rgba(0,229,255,.9),2px -1px rgba(255,46,196,.85);
    filter:hue-rotate(-40deg) saturate(2.2) contrast(1.25); transform:translate(2px,-1px);
  }
  83%{
    background-position:15% center;
    text-shadow:3px 0 rgba(0,229,255,.9),-3px 0 rgba(255,46,196,.9);
    filter:hue-rotate(60deg) saturate(2.8); transform:translate(-2px,0);
  }
  84.5%{
    background-position:90% center;
    text-shadow:-1px -1px rgba(0,229,255,.8),1px 1px rgba(255,46,196,.8);
    filter:hue-rotate(-20deg) saturate(1.8); transform:translate(1px,1px);
  }
  86%{
    background-position:50% center;
    text-shadow:2px 0 rgba(0,229,255,.85),-2px 0 rgba(255,46,196,.85);
    filter:hue-rotate(30deg) saturate(2.2); transform:translate(0,-1px);
  }
  87.5%,89%{
    background-position:0% center; text-shadow:0 0 8px rgba(0,229,255,.35);
    filter:none; transform:translate(0,0);
  }
}
@media (prefers-reduced-motion:reduce){
  .estilo-cosmico,.estilo-dorado,.estilo-escarcha,.estilo-brasa,.estilo-rayo,.estilo-ceniza,.estilo-solar,.estilo-tinta,.estilo-estelar,.estilo-glitch{animation:none;background-position:0% center;transform:none;filter:none;}
}

/* Pack de iconos "Cyber Neón" -- resplandor real de tubo de neón, en el
   mismo color que tenga el ícono en ese momento (currentColor), con un
   pulso lento y sutil para que se sienta vivo sin distraer. */
.icon-neon-glow{
  color: var(--neon-c, currentColor);
  filter: drop-shadow(0 0 1.5px currentColor) drop-shadow(0 0 4px currentColor) drop-shadow(0 0 8px currentColor);
  animation: neonPulse 3.2s ease-in-out infinite;
}

/* Selector de color en la tarjeta de Cyber Neón (Bazar → Artilugios) */
.neon-picker{margin:8px 0;}
.neon-picker-label{font-family:'JetBrains Mono',monospace;font-size:.58rem;letter-spacing:.04em;color:var(--fog);text-transform:uppercase;display:block;margin-bottom:6px;}
.neon-picker-dots{display:flex;gap:7px;flex-wrap:wrap;}
.neon-dot{
  width:20px;height:20px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;
  background:var(--dc);box-shadow:0 0 6px var(--dc);transition:transform .15s,border-color .15s;
}
.neon-dot:hover{transform:scale(1.15);}
.neon-dot.sel{border-color:#fff;}
@keyframes neonPulse{
  0%,100%{ filter: drop-shadow(0 0 1.5px currentColor) drop-shadow(0 0 4px currentColor) drop-shadow(0 0 8px currentColor); }
  50%{     filter: drop-shadow(0 0 2px currentColor) drop-shadow(0 0 6px currentColor) drop-shadow(0 0 12px currentColor); }
}
@media (prefers-reduced-motion:reduce){
  .icon-neon-glow{ animation: none; }
}

/* ══════════════════════════════════════════════════════════════
   Feeds hermanos deslizables — Feed / Poesía / Cuentos
   Atajos debajo del panel de invocación (composer), swipe/drag real
   entre el feed principal y Poesía sin salir de la pantalla.
   Cuentos: botón visible desde ya, panel llega en una fase aparte.
   ══════════════════════════════════════════════════════════════ */
.feed-shortcuts{ display:flex; gap:6px; padding:0 14px 8px; }
.fs-btn{
  flex:1; display:flex; align-items:center; justify-content:center; gap:4px;
  padding:8px 4px; border-radius:20px; border:1.4px solid var(--fog);
  background:var(--white); font-family:'JetBrains Mono',monospace;
  font-size:.6rem; letter-spacing:.02em; color:var(--fog); white-space:nowrap;
  cursor:pointer; transition:border-color .18s, color .18s, background .18s, transform .12s;
  -webkit-tap-highlight-color:transparent;
}
.fs-btn:active{ transform:scale(.97); }
.fs-btn .ic{ font-size:.82rem; line-height:1; }
.fs-btn[data-active="true"]{
  border-color:var(--amber); background:rgba(200,134,10,.08); color:var(--amber-dim); font-weight:600;
}
.fs-btn:focus-visible{ outline:2px solid var(--amber); outline-offset:2px; }

.feed-dots{ display:flex; justify-content:center; gap:6px; margin:0 0 8px; }
.feed-dot{ width:6px; height:6px; border-radius:50%; background:var(--fog); transition:background .2s, transform .2s; }
.feed-dot[data-on="true"]{ background:var(--amber); transform:scale(1.35); }

.feed-rail-viewport{ overflow:hidden; touch-action:pan-y; }
.feed-rail{ display:flex; width:300%; will-change:transform; }
.feed-rail.dragging{ transition:none; }
.feed-rail:not(.dragging){ transition:transform .38s cubic-bezier(.22,1,.36,1); }
.feed-rail-panel{ width:33.3333%; flex-shrink:0; min-width:0; }

/* Tarjeta de poema dentro del feed (mismo look que /poesia) */
.poema-card{
  background:var(--white,#fff); border:1px solid var(--fog); border-radius:var(--radius-lg,14px);
  padding:22px 24px; margin-bottom:20px;
}
.poema-autor{ display:flex; align-items:center; gap:10px; margin-bottom:14px; }
.poema-av{ width:34px;height:34px;border-radius:50%;overflow:hidden;flex:none;background:var(--mist);display:flex;align-items:center;justify-content:center;font-family:'Cinzel',serif;font-weight:700;color:#fff; }
.poema-av img{ width:100%;height:100%;object-fit:cover; }
.poema-nombre{ font-family:'Cinzel',serif; font-weight:600; font-size:.88rem; }
.poema-handle{ font-family:'JetBrains Mono',monospace; font-size:.62rem; color:var(--fog); }
.poema-time{ margin-left:auto; font-family:'JetBrains Mono',monospace; font-size:.62rem; color:var(--fog); }
.poema-titulo{ font-family:'Cinzel',serif; font-weight:600; font-size:1.15rem; color:var(--amber-dim); text-align:center; margin-bottom:10px; }
.poema-texto{ font-family:'Crimson Pro', Georgia, serif; font-size:1.05rem; line-height:1.7; white-space:pre-wrap; text-align:center; font-style:italic; margin-bottom:14px; }
.poema-actions{ display:flex; align-items:center; gap:14px; padding-top:10px; border-top:1px solid var(--fog); }
.poema-actions .pact{ background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:5px;color:var(--fog);font-family:'JetBrains Mono',monospace;font-size:.72rem; }
.poema-actions .pact.liked{ color:var(--amber-dim); }
.poema-actions .pact-del{ margin-left:auto; }

/* Tarjeta de cuento — igual que .post en border/fondo (clase 'post'
   compartida, ver poemaHTML/cuentoHTML), estructura propia de contenido */
.cuento-card{ padding:0; }
.cuento-media{ position:relative; width:100%; aspect-ratio:16/10; overflow:hidden; background:var(--mist); }
.cuento-media img{ width:100%; height:100%; object-fit:cover; display:block; }
.cuento-tag{
  position:absolute; top:9px; left:9px; padding:2px 8px; border-radius:20px;
  background:rgba(14,13,11,.55); color:#f5f0e8; font-family:'JetBrains Mono',monospace;
  font-size:.58rem; letter-spacing:.06em; text-transform:uppercase;
}
.cuento-body{ padding:16px 18px; }
.cuento-autor{ display:flex; align-items:center; gap:10px; margin-bottom:12px; }
.cuento-av{ width:32px;height:32px;border-radius:50%;overflow:hidden;flex:none;background:var(--mist);display:flex;align-items:center;justify-content:center;font-family:'Cinzel',serif;font-weight:700;color:#fff; }
.cuento-av img{ width:100%;height:100%;object-fit:cover; }
.cuento-nombre{ font-family:'Cinzel',serif; font-weight:600; font-size:.84rem; }
.cuento-handle{ font-family:'JetBrains Mono',monospace; font-size:.6rem; color:var(--fog); }
.cuento-time{ margin-left:auto; font-family:'JetBrains Mono',monospace; font-size:.6rem; color:var(--fog); }
.cuento-titulo{ font-family:'Cinzel',serif; font-weight:600; font-size:1rem; color:var(--ink); margin-bottom:6px; }
.cuento-texto{ font-family:'Crimson Pro', Georgia, serif; font-size:.92rem; line-height:1.6; white-space:pre-wrap; margin-bottom:12px; }
.cuento-actions{ display:flex; align-items:center; gap:14px; padding-top:10px; border-top:1px solid var(--fog); }
.cuento-actions .pact{ background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:5px;color:var(--fog);font-family:'JetBrains Mono',monospace;font-size:.72rem; }
.cuento-actions .pact.liked{ color:var(--amber-dim); }
.cuento-actions .pact-del{ margin-left:auto; }

/* Feed de inicio (Ajustes) — switch estilo iOS */
.pref-feed-row{ display:flex; align-items:center; justify-content:space-between; padding:9px 0; border-top:1px solid var(--mist); }
.pref-feed-row:first-of-type{ border-top:none; }
.pref-feed-row span{ font-family:'Crimson Pro',serif; font-size:.92rem; color:var(--ink); display:flex; align-items:center; gap:7px; }
.pref-switch{
  width:40px; height:23px; border-radius:20px; border:none; background:var(--fog);
  position:relative; cursor:pointer; flex-shrink:0; transition:background .2s;
  -webkit-tap-highlight-color:transparent;
}
.pref-switch .pref-knob{
  position:absolute; top:2px; left:2px; width:19px; height:19px; border-radius:50%;
  background:#fff; box-shadow:0 1px 2px rgba(0,0,0,.25); transition:transform .2s;
}
.pref-switch[data-on="true"]{ background:var(--amber); }
.pref-switch[data-on="true"] .pref-knob{ transform:translateX(17px); }
.pref-switch:focus-visible{ outline:2px solid var(--amber); outline-offset:2px; }