/* 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:relative;z-index:2;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:9/16;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:contain;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:repeat(5,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{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:9/16}}

.cg-stat.verified{color:#83d8c2}.cg-stat.verified svg{fill:none;stroke:currentColor}.cg-avatar{border-radius:50%}

/* F103.31.38 · Compartir usa la misma flecha curva del resto de la red social. */
.cg-action.share{color:#a9a2b5}.cg-action.share:hover{color:#d9c778}

/* F103.31.38 · feedback positivo de Compartir no debe parecer un error. */
.cg-error-float.is-ok{background:#10231d;color:#91e2c4;border-color:rgba(93,211,168,.22)}

.cg-momentum{display:inline-flex;margin-left:6px;padding:3px 6px;border:1px solid rgba(255,150,55,.18);border-radius:999px;background:rgba(255,150,55,.07);color:#ffc07a;font:900 7px/1 var(--fd);letter-spacing:.06em}

/* F103.31.48 · ICONOGRAFIA DE GALERIA — una sola familia, sin arcoiris */
.cg-social{gap:8px;padding-top:11px;border-top-color:rgba(255,255,255,.055)}
.cg-action,.cg-stat{height:40px;border:0;background:transparent;color:#9fa3ad;border-radius:11px;gap:7px}
.cg-action:hover{color:#d9d5c8;border-color:transparent;background:rgba(229,189,89,.05)}
.cg-action.on,.cg-action.like.on{color:#e5bf57;border-color:transparent;background:rgba(229,189,89,.065)}
.cg-stat.verified{color:#9fa3ad;border-color:transparent;background:transparent}
.cg-action svg,.cg-stat svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;overflow:visible}
.cg-action.like svg,.cg-action.save svg{fill:none;stroke:currentColor}
.cg-action.share{color:#9fa3ad}.cg-action.share:hover{color:#e5bf57}
.cg-action.share svg,.cg-action .cg-share-glyph{width:25px;height:25px}
.cg-play svg{width:23px;height:23px}

/* F103.31.50 · SEARCH AUTHORITY: el buscador global vive solo en la cabecera.
   La barra de Explorar ya no se pega al scroll ni simula un segundo buscador. */
.cg-search-guide{display:none!important}
.cg-toolbar{box-shadow:none;background:transparent;border:0;padding:0 0 9px;justify-content:flex-end}

/* F103.31.76 · el producto de Animaciones es vertical 9:16 en TODA superficie.
   La galería deja de recortar el arte a 16:10/16:9 y usa una densidad de mosaico
   apropiada para piezas verticales. */
.cg-grid{grid-template-columns:repeat(auto-fill,minmax(220px,280px));justify-content:start;gap:16px}
.cg-card{content-visibility:auto;contain-intrinsic-size:auto 610px;width:100%}
.cg-media{aspect-ratio:9/16;background:radial-gradient(circle at 50% 20%,rgba(123,92,255,.13),transparent 42%),#08070d}
.cg-media video,.cg-media img{object-fit:contain}
@media(max-width:1080px){.cg-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));}}
@media(max-width:680px){.cg-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.cg-media{aspect-ratio:9/16}.cg-body{padding:10px}.cg-copy p{display:none}}
@media(max-width:420px){.cg-grid{grid-template-columns:1fr}.cg-copy p{display:-webkit-box}}

#page-explorar .cg-card.is-virtual{contain:strict;pointer-events:none;background:transparent;border-color:transparent;box-shadow:none}