.top.con-reloj{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start}
.con-reloj>.top-r{grid-column:1/-1;grid-row:2;justify-content:flex-end}
.reloj{grid-column:2;grid-row:1;position:relative;justify-self:end;font-variant-numeric:tabular-nums;font-size:12px;color:var(--tx);z-index:40}
.reloj-trigger{cursor:pointer;min-height:58px;display:grid;gap:7px;padding:10px 12px;text-align:left;background:var(--bg);color:var(--tx);border:1px solid var(--line);border-radius:12px}
.reloj-trigger span{display:flex;justify-content:space-between;gap:24px;color:var(--tx-2);font-size:11px}.reloj time{font-family:'JetBrains Mono',monospace}
.reloj-trigger i{font-style:normal;transition:transform 220ms cubic-bezier(.22,1,.36,1)}.reloj.abierto .reloj-trigger i{transform:rotate(180deg)}
.reloj-otras{position:absolute;right:0;top:100%;padding-top:8px;width:260px;max-width:85vw;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-6px) scale(.97);transform-origin:top right;transition:opacity 140ms ease-out,transform 140ms ease-out,visibility 0s 140ms}
.reloj.abierto .reloj-otras{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1);transition:opacity 220ms cubic-bezier(.22,1,.36,1),transform 220ms cubic-bezier(.22,1,.36,1),visibility 0s}
.reloj-superficie{background:var(--bg);background:linear-gradient(135deg,color-mix(in srgb,var(--cyan) 8%,var(--bg)),var(--bg));border:1px solid color-mix(in srgb,var(--cyan) 25%,var(--line));padding:8px;border-radius:14px;box-shadow:0 12px 32px color-mix(in srgb,var(--bg) 80%,transparent)}
.reloj-otras p{display:grid;gap:7px;margin:0;padding:10px;opacity:0;transform:translateY(-3px);transition:opacity 100ms ease-out,transform 100ms ease-out}.reloj-otras p+p{border-top:1px solid var(--line)}.reloj-otras p span{color:var(--tx-2)}
.reloj.abierto .reloj-otras p{opacity:1;transform:translateY(0);transition-duration:180ms;transition-delay:35ms}.reloj.abierto .reloj-otras p+p{transition-delay:65ms}
.reloj-trigger:focus-visible,.tg-editor button:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
@media(max-width:600px){.top.con-reloj{grid-template-columns:minmax(0,1fr)}.con-reloj>div:first-child{grid-row:2}.con-reloj>.top-r{grid-row:3}.reloj{grid-column:1;grid-row:1}}
@media(prefers-reduced-motion:reduce){.reloj-otras,.reloj.abierto .reloj-otras,.reloj-trigger i,.reloj-otras p,.reloj.abierto .reloj-otras p{transition:none}}
.tg-editor{display:grid;gap:14px}.tg-editor label{display:grid;gap:6px;color:var(--tx-2)}
.tg-link{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:8px;background:var(--cyan);color:#061014!important;font-weight:600;text-decoration:none;transition:transform 180ms cubic-bezier(.22,1,.36,1),filter 180ms ease}.tg-link:hover{filter:brightness(1.12);transform:translateY(-1px)}.tg-link--secondary{background:transparent;color:var(--cyan)!important;border:1px solid color-mix(in srgb,var(--cyan) 55%,transparent)}
.tg-editor textarea{min-height:220px;resize:vertical;width:100%;font:inherit;line-height:1.6;background:var(--bg);color:var(--tx);border:1px solid var(--line);padding:12px;border-radius:8px;box-sizing:border-box}
.tg-brand-preview{width:min(220px,100%);max-height:150px;object-fit:contain;object-position:left center;border-radius:10px;border:1px solid color-mix(in srgb,var(--cyan) 35%,var(--line));background:#05070f;padding:6px}
.tg-formatbar{display:flex;gap:6px;flex-wrap:wrap;align-items:center;padding:8px 0}.tg-formatbar::before{content:'Formato Telegram';width:100%;font-size:11px;color:var(--tx-2)}
.tg-vars,.tg-actions{display:flex;gap:8px;flex-wrap:wrap}.tg-editor button{min-height:44px}.tg-editor pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;line-height:1.6;background:var(--bg);padding:14px;border:1px solid var(--line);border-radius:8px}.tg-editor input:not([type=checkbox]){min-height:44px}.tg-editor small{color:var(--tx-2)}