/* Tikitago · Galería global de Creaciones · Fase 23
   Identidad base: carbón, oro y violeta. Sin estilos de marketplace genérico. */
#page-explorar{padding:20px 22px 42px}
.cg-wrap{max-width:1460px;margin:0 auto}
.cg-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}
.cg-kicker{display:flex;align-items:center;gap:8px;color:var(--coin2);font:800 10px/1 var(--fd);letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px}
.cg-kicker:before{content:"";width:22px;height:1px;background:linear-gradient(90deg,var(--coin2),transparent)}
.cg-head h1{margin:0;color:var(--tx);font:900 clamp(24px,2.4vw,34px)/1.02 var(--fd);letter-spacing:-.035em}
.cg-head p{margin:8px 0 0;max-width:690px;color:var(--tx3);font-size:12px;line-height:1.55}
.cg-head-note{display:flex;align-items:center;gap:8px;color:#bdb8ce;font:700 10px/1.2 var(--fd);padding:9px 12px;border:1px solid rgba(245,200,66,.15);border-radius:999px;background:linear-gradient(145deg,rgba(245,200,66,.055),rgba(123,92,255,.055));white-space:nowrap}
.cg-head-note i{width:6px;height:6px;border-radius:50%;background:#f5c842;box-shadow:0 0 0 5px rgba(245,200,66,.08)}
.cg-toolbar{position:sticky;top:8px;z-index:12;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px;padding:10px;border:1px solid var(--b);border-radius:18px;background:rgba(11,10,18,.88);backdrop-filter:blur(18px);box-shadow:0 16px 44px rgba(0,0,0,.22)}
.cg-search-guide{margin:0;padding:0 6px;color:#817c90;font:600 10.5px/1.4 var(--fd)}
.cg-sort{display:flex;gap:5px;padding:4px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:rgba(255,255,255,.025)}
.cg-sort button,.cg-kind button{border:0;background:transparent;color:#8f8a9d;font:800 10px/1 var(--fd);cursor:pointer;white-space:nowrap;transition:.16s ease}
.cg-sort button{padding:8px 10px;border-radius:9px}
.cg-sort button:hover,.cg-kind button:hover{color:#dcd8e7}
.cg-sort button.on{color:#171109;background:linear-gradient(135deg,#f5cf70,#cfa838);box-shadow:0 6px 18px rgba(245,200,66,.14)}
.cg-kinds{display:flex;align-items:center;gap:7px;margin:0 0 18px;overflow:auto;scrollbar-width:none;padding:1px 1px 3px}
.cg-kinds::-webkit-scrollbar{display:none}
.cg-kind{display:flex;gap:7px}
.cg-kind button{padding:8px 11px;border:1px solid rgba(255,255,255,.07);border-radius:999px;background:rgba(255,255,255,.022)}
.cg-kind button.on{color:#f5cf70;border-color:rgba(245,200,66,.22);background:linear-gradient(145deg,rgba(245,200,66,.09),rgba(123,92,255,.07))}
.cg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}
.cg-card{min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.075);border-radius:19px;background:linear-gradient(155deg,rgba(22,19,32,.96),rgba(11,10,17,.99));box-shadow:0 16px 48px rgba(0,0,0,.18);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.cg-card.is-target{border-color:rgba(245,200,66,.72);box-shadow:0 0 0 3px rgba(245,200,66,.13),0 22px 60px rgba(0,0,0,.34)}
.cg-card:hover{transform:translateY(-2px);border-color:rgba(245,200,66,.17);box-shadow:0 22px 58px rgba(0,0,0,.25)}
.cg-media{position:relative;aspect-ratio:16/10;overflow:hidden;background:radial-gradient(circle at 50% 20%,rgba(123,92,255,.16),transparent 42%),#08070d}
.cg-media video,.cg-media img{width:100%;height:100%;display:block;object-fit:cover;background:#08070d}
.cg-media video{cursor:pointer}
.cg-preview{position:absolute;left:10px;top:10px;display:flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(8,7,13,.72);backdrop-filter:blur(8px);color:#e5e1eb;font:800 8px/1 var(--fd);letter-spacing:.09em}
.cg-preview i{width:5px;height:5px;border-radius:50%;background:#8a6cff;box-shadow:0 0 0 4px rgba(138,108,255,.1)}
.cg-play{position:absolute;right:10px;bottom:10px;width:34px;height:34px;border:1px solid rgba(255,255,255,.14);border-radius:50%;background:rgba(8,7,13,.76);color:#fff;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(8px)}
.cg-play svg{width:14px;height:14px;fill:currentColor}
.cg-body{padding:13px 13px 12px}
.cg-creator{display:flex;align-items:center;gap:8px;width:max-content;max-width:100%;border:0;background:none;color:inherit;padding:0;cursor:pointer;text-align:left}
.cg-avatar{width:28px;height:28px;border-radius:10px;overflow:hidden;display:grid;place-items:center;flex:0 0 auto;background:linear-gradient(145deg,rgba(245,200,66,.16),rgba(123,92,255,.17));border:1px solid rgba(255,255,255,.09);color:#f5cf70;font:900 10px/1 var(--fd)}
.cg-avatar img{width:100%;height:100%;object-fit:cover}
.cg-who{min-width:0;display:flex;flex-direction:column;gap:2px}
.cg-who strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#eae7ef;font:800 10.5px/1.1 var(--fd)}
.cg-who small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#777185;font-size:9px}
.cg-copy{margin:12px 0 10px}
.cg-kind-label{display:inline-flex;color:#c8ab60;font:800 8px/1 var(--fd);letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px}
.cg-copy h3{margin:0;color:#f3f0f6;font:850 14px/1.2 var(--fd);letter-spacing:-.012em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cg-copy p{margin:6px 0 0;color:#8f899b;font-size:10.5px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:30px}
.cg-social{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;padding-top:10px;border-top:1px solid rgba(255,255,255,.06)}
.cg-action,.cg-stat{min-width:0;height:35px;border:1px solid rgba(255,255,255,.065);border-radius:10px;background:rgba(255,255,255,.022);color:#8e889b;display:flex;align-items:center;justify-content:center;gap:6px;font:800 9px/1 var(--fd)}
.cg-action{cursor:pointer;transition:.15s ease}
.cg-action:hover{color:#ded9e8;border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.04)}
.cg-action.on{color:#f5c842;border-color:rgba(245,200,66,.22);background:rgba(245,200,66,.065)}
.cg-action.like.on{color:#ff7993;border-color:rgba(255,121,147,.22);background:rgba(255,121,147,.06)}
.cg-action.owner{cursor:default;color:#c6ad68}
.cg-action svg,.cg-stat svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8}
.cg-action.save svg{fill:currentColor;stroke:none}
.cg-action.like svg{fill:currentColor;stroke:none}
.cg-action b,.cg-stat b{font:850 9.5px/1 var(--fd);color:inherit}
.cg-state{min-height:310px;border:1px dashed rgba(255,255,255,.08);border-radius:20px;display:grid;place-items:center;text-align:center;padding:30px;color:#8d8799;background:radial-gradient(circle at 50% 0%,rgba(123,92,255,.06),transparent 38%)}
.cg-state[hidden]{display:none!important}
.cg-state strong{display:block;color:#dfdbe6;font:850 15px/1.2 var(--fd);margin-bottom:8px}
.cg-state span{font-size:11px;line-height:1.5}
.cg-state button{margin-top:13px;border:1px solid rgba(245,200,66,.2);border-radius:10px;background:rgba(245,200,66,.07);color:#f5cf70;padding:8px 11px;font:800 10px/1 var(--fd);cursor:pointer}
.cg-loader{height:52px;display:flex;align-items:center;justify-content:center;color:#8f899b;font-size:10px}
.cg-loader[hidden]{display:none!important}
.cg-loader:before{content:"";width:14px;height:14px;border:2px solid rgba(245,200,66,.15);border-top-color:#f5c842;border-radius:50%;margin-right:8px;animation:cgspin .8s linear infinite}
@keyframes cgspin{to{transform:rotate(360deg)}}
.cg-sentinel{height:1px}
.cg-error-float{position:absolute;z-index:3;right:10px;bottom:10px;max-width:210px;padding:7px 9px;border-radius:9px;background:#28131a;color:#ffabb8;border:1px solid rgba(255,105,130,.2);font-size:9.5px;box-shadow:0 10px 30px rgba(0,0,0,.25)}
@media(max-width:1080px){.cg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cg-sort{width:max-content}}
@media(max-width:680px){#page-explorar{padding:14px 12px 34px}.cg-head{align-items:flex-start;flex-direction:column}.cg-head-note{white-space:normal}.cg-toolbar{top:5px;border-radius:15px;align-items:stretch;flex-direction:column}.cg-grid{grid-template-columns:1fr;gap:11px}.cg-sort{width:100%}.cg-sort button{flex:1}.cg-media{aspect-ratio:16/9}}