/* Selectores visuales, buscador, footer ampliado y elementos flotantes */
.pick{position:relative;display:inline-block}
.pick-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #d8e2f0;border-radius:8px;background:#fff;font-size:12px;font-weight:600;color:#33476a;font-family:var(--font-mono)}
.pick-btn:hover{border-color:#0069ff66;background:#f5f9ff}
.pick-btn i{font-style:normal;color:#8ba0bd;transition:transform .2s}
.pick.open .pick-btn i{transform:rotate(180deg)}
.pick-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:60;min-width:230px;max-height:340px;overflow:auto;background:#fff;border:1px solid #e1e9f5;border-radius:12px;box-shadow:0 24px 60px #0a2a5c29;padding:8px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:.18s}
.pick.open .pick-menu{opacity:1;visibility:visible;transform:none}
.pick.up .pick-menu{top:auto;bottom:calc(100% + 8px);right:0;left:auto;transform:translateY(6px)}
.pick.up.open .pick-menu{transform:none}
.pick-menu small{display:block;font:500 10px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:#8a9bb3;padding:8px 10px 6px}
.pick-menu [role=option]{display:flex;align-items:center;gap:12px;width:100%;padding:9px 10px;border:0;background:transparent;border-radius:8px;text-align:left;color:var(--text)}
.pick-menu [role=option]:hover{background:#f2f7ff}
.pick-menu .code{width:32px;height:24px;border-radius:5px;display:grid;place-items:center;background:#eef4ff;color:#0069ff;font:600 10px var(--font-mono);flex:none}
.pick-menu b{display:block;font-size:13px;font-weight:600}
.pick-menu em{display:block;font-style:normal;font-size:11px;color:#8a9bb3}
.pick-menu .tick{margin-left:auto;color:#0069ff;font-weight:700;opacity:0}
.pick-menu [aria-selected=true]{background:#f2f7ff}
.pick-menu [aria-selected=true] .tick{opacity:1}
.pick.dark .pick-btn{background:#ffffff0a;border-color:#ffffff1f;color:#c8d7ee}
.pick.dark .pick-btn:hover{border-color:#3d8bff}

.search-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 10px 8px 12px;border:1px solid #d8e2f0;border-radius:8px;background:#f7faff;color:#6a7d99;font-size:12px}
.search-btn:hover{border-color:#0069ff66;color:#0069ff}
.search-btn kbd{font:500 10px var(--font-mono);background:#fff;border:1px solid #dde6f2;border-radius:5px;padding:2px 6px;color:#8a9bb3}
.search-btn.compact span{display:none}
.landing-nav{gap:16px!important}
.desktop-navigation{align-items:center;white-space:nowrap}
.landing-nav .pick.nav{margin-left:4px}

.icon-btn{position:relative;display:grid;place-items:center;width:36px;height:36px;border:1px solid #d8e2f0;border-radius:8px;background:#fff;color:#5d7090}
.dot-badge{position:absolute;top:-5px;right:-5px;min-width:17px;height:17px;border-radius:9px;background:#e5484d;color:#fff;font-size:10px;font-weight:700;display:grid;place-items:center;border:2px solid #fff}
.console-top>div{gap:12px!important}

.login-form>.back{display:inline-block}
.login-tools{position:absolute;top:50px;right:12%}
.login-form{position:relative}

.checkout-header{gap:14px}
.checkout-header .pick:first-of-type{margin-left:auto}

.ann-new{display:inline-block;background:#0069ff;color:#fff;font:600 9px var(--font-mono);letter-spacing:.1em;padding:3px 7px;border-radius:4px;margin-right:10px;vertical-align:1px}

/* Footer ampliado */
.footer-more{border-top:1px solid #ffffff14;padding-top:8px}
.pro-footer .more-cols{grid-template-columns:repeat(6,1fr)}
.footer-block{border-top:1px solid #ffffff14;padding:30px 0}
.footer-block h4{font:500 11px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:#cfe0ff;margin:0 0 16px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:#9bb0cf;padding:7px 12px;border:1px solid #ffffff17;border-radius:999px;background:#ffffff06}
.chip:hover{color:#fff;border-color:#3d8bff;background:#0069ff1f}
.chip.region .status-dot{width:6px;height:6px}
.footer-split{display:grid;grid-template-columns:1.4fr 1fr;gap:40px}
.app-badges{display:flex;gap:10px;flex-wrap:wrap}
.app-badge{display:flex;align-items:center;gap:10px;padding:9px 14px;border:1px solid #ffffff24;border-radius:10px;background:#000;color:#fff;min-width:150px}
.app-badge>span{font:600 16px var(--font-mono);color:#7fb6ff}
.app-badge small{display:block;font-size:9px;color:#8ea4c2}
.app-badge b{font-size:14px;font-family:var(--font-display)}
.app-badge:hover{border-color:#3d8bff}
.pro-footer .regions{align-items:center;gap:10px}
.foot-status{display:inline-flex;align-items:center;gap:8px;color:#9bb0cf;font-size:11px;padding:8px 12px;border-radius:8px;border:1px solid #ffffff17}

/* Buscador modal */
.search-field{display:flex;align-items:center;gap:10px;border:1px solid #d3deec;border-radius:10px;padding:12px 14px;margin:6px 0 18px;color:#6a7d99}
.search-field:focus-within{border-color:#0069ff;box-shadow:0 0 0 4px #0069ff1f}
.search-field input{border:0;outline:0;flex:1;font-size:15px;background:transparent}
.search-modal>small{font:500 10px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:#8a9bb3}
.search-list{display:flex;flex-direction:column;margin-top:8px}
.search-list a{display:flex;align-items:center;gap:12px;padding:11px 10px;border-radius:8px}
.search-list a:hover{background:#f2f7ff}
.search-list span{width:30px;height:30px;border-radius:7px;display:grid;place-items:center;background:#eef4ff;color:#0069ff}
.search-list b{font-size:14px;font-weight:600}
.search-list em{margin-left:auto;font-style:normal;font-size:11px;color:#8a9bb3;font-family:var(--font-mono)}

/* Chat */
.chat-demo .msg{background:#f2f7ff;border-radius:12px 12px 12px 4px;padding:14px;font-size:14px;line-height:1.6;color:#33476a;margin:10px 0 16px}
.chat-options{display:flex;flex-wrap:wrap;gap:8px}
.chat-options a{padding:9px 14px;border:1px solid #cfe0f7;border-radius:999px;font-size:13px;color:#0069ff;font-weight:600}
.chat-options a:hover{background:#eef4ff}

/* Flotantes */
.chat-fab{position:fixed;right:22px;bottom:22px;z-index:80;width:56px;height:56px;border-radius:50%;border:0;background:linear-gradient(135deg,#0069ff,#0047c2);color:#fff;display:grid;place-items:center;box-shadow:0 14px 34px #0069ff55}
.chat-fab:hover{transform:translateY(-2px) scale(1.04)}
.chat-dot{position:absolute;top:4px;right:4px;width:12px;height:12px;border-radius:50%;background:#2fd59a;border:2px solid #fff}
.to-top{position:fixed;right:30px;bottom:92px;z-index:80;width:40px;height:40px;border-radius:50%;border:1px solid #d8e2f0;background:#fff;color:#0069ff;font-size:17px;box-shadow:0 8px 24px #0a2a5c1f;opacity:0;visibility:hidden;transform:translateY(8px);transition:.25s}
.to-top.show{opacity:1;visibility:visible;transform:none}
.cookie-bar{position:fixed;left:22px;bottom:22px;z-index:85;max-width:560px;display:flex;flex-direction:column;gap:14px;background:#fff;border:1px solid #e1e9f5;border-radius:14px;padding:20px;box-shadow:0 24px 60px #0a2a5c33;animation:rise .5s ease both}
.cookie-bar b{font-family:var(--font-display);font-size:15px}
.cookie-bar p{font-size:13px;color:var(--muted);margin:6px 0 0;line-height:1.6}
.cookie-actions{display:flex;gap:8px;flex-wrap:wrap}
.cookie-actions .btn{padding:10px 14px;font-size:12px}

@media(max-width:1150px){.pro-footer .more-cols{grid-template-columns:repeat(3,1fr)}.landing-nav .search-btn span,.landing-nav .search-btn kbd{display:none}}
@media(max-width:950px){.landing-nav .search-btn,.landing-nav .pick.nav{display:none}.footer-split{grid-template-columns:1fr}.login-tools{top:20px;right:20px}}
@media(max-width:560px){.pro-footer .more-cols{grid-template-columns:repeat(2,1fr)}.cookie-bar{left:12px;right:12px;bottom:12px}.chat-fab{width:50px;height:50px;right:14px;bottom:14px}.console-top .pick,.console-top .search-btn{display:none}}
.console-top .search-btn,.console-top .pick,.console-top .icon-btn{flex:none;align-self:center;white-space:nowrap}
.console-top .search-btn{display:inline-flex!important;height:36px}
.login-form>.login-tools{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;width:auto!important;max-width:none!important;margin:0!important}