/*
|--------------------------------------------------------------------------
| Turinga! V6 - T! Shop Items
|--------------------------------------------------------------------------
| Archivo global de cosméticos.
| Cubre TODOS los css_class actuales del catálogo y además conecta
| esas clases con las previews existentes de shop.php/shop_inventory.php.
|--------------------------------------------------------------------------
*/

/* ============================================================
   01. BASE GLOBAL
============================================================ */
.t-avatar{position:relative;display:inline-block;width:48px;height:48px;vertical-align:middle;overflow:visible;box-sizing:border-box}
.t-avatar>img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:cover;border:0;border-radius:3px;box-sizing:border-box}
.t-avatar-frame{position:absolute;z-index:3;top:-4px;right:-4px;bottom:-4px;left:-4px;display:block;pointer-events:none;border-radius:7px;box-sizing:border-box;background:transparent}
.t-avatar-frame:before,.t-avatar-frame:after{content:"";position:absolute;pointer-events:none;box-sizing:border-box}
.t-card,.t-background,.t-sticker,.t-badge,.t-chat-bubble,.t-chat-frame,.t-chat-badge{box-sizing:border-box}
.t-card{position:relative;display:block;overflow:hidden;border-radius:8px}
.t-background{position:relative;display:block;background-position:center;background-size:cover}
.t-sticker{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:34px;min-height:34px;padding:4px 7px;border-radius:7px;font-weight:bold;line-height:1}
.t-badge,.t-chat-badge{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap;font-weight:bold;line-height:1}
.t-chat-bubble{position:relative;display:block}
.t-chat-frame{position:relative;display:block}

/* ============================================================
   02. MARCOS DE AVATAR
============================================================ */
.t-frame-t-classic{border:3px solid #2495e8;box-shadow:0 0 0 1px rgba(255,255,255,.75),0 0 7px rgba(36,149,232,.45)}
.t-frame-t-classic:before{top:2px;right:2px;bottom:2px;left:2px;border:1px solid rgba(255,255,255,.65);border-radius:4px}

.t-frame-inferno{border:3px solid #ff5722;background:transparent;box-shadow:0 0 5px #ff5722,0 0 11px rgba(255,87,34,.72);animation:tFrameInferno 1.4s ease-in-out infinite alternate}
.t-frame-inferno:before{top:-3px;left:7px;width:8px;height:8px;background:#ffb300;border-radius:55% 55% 20% 55%;transform:rotate(45deg);box-shadow:15px -2px 0 -1px #ff5722,29px 3px 0 -1px #ff9800}
@keyframes tFrameInferno{from{box-shadow:0 0 4px #ff5722,0 0 8px rgba(255,87,34,.5)}to{box-shadow:0 0 8px #ff9800,0 0 16px rgba(255,61,0,.85)}}

.t-frame-cyber-neon{border:3px solid #00e5ff;box-shadow:0 0 4px #00e5ff,0 0 9px #d500f9,inset 0 0 5px rgba(0,229,255,.4);animation:tFrameCyber 2.2s linear infinite}
.t-frame-cyber-neon:before{top:-3px;left:8px;width:18px;height:3px;background:#d500f9;box-shadow:21px 43px 0 #00e5ff}
.t-frame-cyber-neon:after{top:8px;right:-3px;width:3px;height:15px;background:#00e5ff;box-shadow:-43px 20px 0 #d500f9}
@keyframes tFrameCyber{0%{filter:hue-rotate(0deg)}100%{filter:hue-rotate(360deg)}}

.t-frame-gold{border:3px solid #d5a928;background:transparent;box-shadow:0 0 0 1px #fff6ca,0 2px 7px rgba(129,91,0,.55)}
.t-frame-gold:before{top:2px;right:2px;bottom:2px;left:2px;border:1px solid rgba(255,255,255,.75);border-radius:4px}

.t-frame-matrix{border:3px solid #00c853;background:transparent;box-shadow:0 0 4px #00c853,0 0 10px rgba(0,200,83,.55)}
.t-frame-matrix:before{content:"0101";top:-8px;left:4px;color:#00ff6a;font:700 7px monospace;letter-spacing:2px;text-shadow:0 0 4px #00ff6a}
.t-frame-matrix:after{content:"101";right:3px;bottom:-8px;color:#00ff6a;font:400 7px monospace;letter-spacing:2px;text-shadow:0 0 4px #00ff6a}

.t-frame-frozen{border:3px solid #81d4fa;background:transparent;box-shadow:0 0 4px #b3e5fc,0 0 10px rgba(3,169,244,.65)}
.t-frame-frozen:before{content:"✦";top:-9px;left:4px;color:#e1f5fe;font-size:13px;text-shadow:0 0 3px #03a9f4,31px 42px 0 #b3e5fc}

.t-frame-blue-fire{border:3px solid #2196f3;box-shadow:0 0 5px #03a9f4,0 0 12px #304ffe;animation:tFrameBlueFire 1.2s ease-in-out infinite alternate}
.t-frame-blue-fire:before{top:-4px;left:7px;width:8px;height:8px;background:#00e5ff;border-radius:55% 55% 15% 55%;transform:rotate(45deg);box-shadow:15px -2px 0 -1px #2979ff,30px 2px 0 -2px #00b0ff}
@keyframes tFrameBlueFire{from{box-shadow:0 0 4px #03a9f4,0 0 8px rgba(41,121,255,.6)}to{box-shadow:0 0 8px #00e5ff,0 0 16px rgba(48,79,254,.85)}}

.t-frame-v4-retro{border:3px solid #ff7f00;background:transparent;box-shadow:0 0 0 1px #d7d7d7,0 2px 4px rgba(0,0,0,.22)}
.t-frame-v4-retro:before{top:2px;right:2px;bottom:2px;left:2px;border-top:1px solid #fff;border-left:1px solid #fff;border-right:1px solid #999;border-bottom:1px solid #999}

.t-frame-v5-legacy{border:3px solid #167ac6;background:transparent;box-shadow:0 1px 4px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.5)}
.t-frame-v6{border:3px solid #2594ef;background:transparent;box-shadow:0 0 0 1px rgba(255,255,255,.8),0 3px 8px rgba(37,148,239,.35)}

.t-frame-rgb-gamer{border:3px solid transparent;background:transparent;border-image:linear-gradient(90deg,#f44336,#ffeb3b,#4caf50,#00bcd4,#3f51b5,#e91e63,#f44336) 1;box-shadow:0 0 9px rgba(63,81,181,.5);animation:tFrameRGB 2.5s linear infinite}
@keyframes tFrameRGB{0%{filter:hue-rotate(0deg)}100%{filter:hue-rotate(360deg)}}

.t-frame-galaxy{border:3px solid #673ab7;background:transparent;box-shadow:0 0 5px #7c4dff,0 0 13px rgba(224,64,251,.55)}
.t-frame-galaxy:before{content:"✦";top:-8px;left:5px;color:#fff;font-size:10px;text-shadow:19px 2px 0 #b388ff,37px 8px 0 #fff,6px 42px 0 #ea80fc,35px 39px 0 #fff;animation:tFrameStars 1.6s ease-in-out infinite alternate}
@keyframes tFrameStars{from{opacity:.45}to{opacity:1}}

.t-frame-diamond{border:3px solid #9eeafb;background:linear-gradient(135deg,#fff,#81d4fa,#e1f5fe,#80deea,#fff);box-shadow:0 0 5px #b2ebf2,0 0 12px rgba(128,222,234,.8)}
.t-frame-diamond:before{content:"◆";top:-11px;left:-3px;color:#e0f7fa;font-size:12px;text-shadow:44px 0 0 #b2ebf2,0 45px 0 #80deea,44px 45px 0 #e0f7fa}

.t-frame-dark-matter{border:3px solid #651fff;background:transparent;box-shadow:0 0 6px #651fff,0 0 15px rgba(101,31,255,.7);animation:tFrameDarkMatter 2s ease-in-out infinite alternate}
.t-frame-dark-matter:before{top:5px;left:-5px;width:4px;height:4px;border-radius:50%;background:#b388ff;box-shadow:52px 8px 0 #7c4dff,8px 47px 0 #651fff,44px 43px 0 #ea80fc}
@keyframes tFrameDarkMatter{from{filter:brightness(.85)}to{filter:brightness(1.3)}}

.t-frame-turinga-3-years{border:3px solid #2594ef;background:transparent;box-shadow:0 0 6px rgba(37,148,239,.55),0 0 12px rgba(142,36,170,.35)}
.t-frame-turinga-3-years:before{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border:1px solid rgba(255,255,255,.6);border-radius:4px;background-image:radial-gradient(circle at 8px 8px,#fff 0 1px,transparent 2px),radial-gradient(circle at 22px 5px,#ffd54f 0 1px,transparent 2px),radial-gradient(circle at 36px 10px,#ff5252 0 1px,transparent 2px),radial-gradient(circle at 10px 36px,#66bb6a 0 1px,transparent 2px),radial-gradient(circle at 38px 35px,#ab47bc 0 1px,transparent 2px)}
.t-frame-turinga-3-years:after{content:"3";position:absolute;right:-8px;top:-8px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;color:#2594ef;font:bold 11px Arial,sans-serif;border:2px solid #ff9800;box-shadow:0 1px 4px rgba(0,0,0,.3)}
/* ============================================================
   03. MARCOS DE PAISES
============================================================ */
[class*="t-frame-country-"]{border:3px solid transparent;background:transparent;box-shadow:0 0 0 1px rgba(0,0,0,.15),0 2px 6px rgba(0,0,0,.25)}
[class*="t-frame-country-"]:before{top:2px;right:2px;bottom:2px;left:2px;border:1px solid rgba(255,255,255,.55);border-radius:4px}
.t-frame-country-mx{border:3px solid transparent;background:transparent;border-image:linear-gradient(90deg,#006847 0 33.33%,#fff 33.33% 66.66%,#ce1126 66.66% 100%) 1;box-shadow:0 0 0 1px rgba(0,104,71,.18),0 2px 7px rgba(206,17,38,.25);}
.t-frame-country-ar{border:3px solid transparent;background:transparent;border-image:linear-gradient(180deg,#74acdf 0 33.33%,#fff 33.33% 66.66%,#74acdf 66.66% 100%) 1;}
.t-frame-country-ar:after{content:"☀";top:-9px;right:-7px;color:#f6b40e;font-size:13px;text-shadow:0 1px 2px rgba(0,0,0,.2)}
.t-frame-country-es{border:3px solid transparent;background:transparent;border-image:linear-gradient(180deg,#aa151b 0 25%,#f1bf00 25% 75%,#aa151b 75% 100%) 1;}
.t-frame-country-co{border:3px solid transparent;background:transparent;border-image:linear-gradient(180deg,#fcd116 0 50%,#003893 50% 75%,#ce1126 75% 100%) 1;}
.t-frame-country-cl{border:3px solid transparent;background:transparent;border-image:linear-gradient(135deg,#0039a6 0 25%,#fff 25% 50%,#d52b1e 50% 100%) 1;}
.t-frame-country-cl:after{content:"★";top:-8px;left:-6px;color:#fff;font-size:10px;text-shadow:0 0 2px #0039a6,0 0 3px #0039a6}
.t-frame-country-pe{border:3px solid transparent;background:transparent;border-image:linear-gradient(90deg,#d91023 0 33.33%,#fff 33.33% 66.66%,#d91023 66.66% 100%) 1;}
.t-frame-country-uy{border:3px solid transparent;background:transparent;border-image:repeating-linear-gradient(180deg,#fff 0 4px,#0038a8 4px 8px) 1;}
.t-frame-country-uy:after{content:"☀";top:-9px;left:-6px;color:#f8c300;font-size:12px}
.t-frame-country-ve{border:3px solid transparent;background:transparent;border-image:linear-gradient(180deg,#f4d900 0 33.33%,#0033a0 33.33% 66.66%,#ef3340 66.66% 100%) 1;}
.t-frame-country-ve:after{content:"••••••••";top:-7px;left:9px;color:#fff;font-size:5px;letter-spacing:0}
.t-frame-country-ec{border:3px solid transparent;background:transparent;border-image:linear-gradient(180deg,#ffdd00 0 50%,#034ea2 50% 75%,#ed1c24 75% 100%) 1;}
.t-frame-country-py{border:3px solid transparent;background:transparent;border-image:linear-gradient(180deg,#d52b1e 0 33.33%,#fff 33.33% 66.66%,#0038a8 66.66% 100%) 1;}
.t-frame-country-bo{border:3px solid transparent;background:transparent;border-image:linear-gradient(180deg,#d52b1e 0 33.33%,#f9e300 33.33% 66.66%,#007934 66.66% 100%) 1;}
.t-frame-country-br{border:3px solid transparent;background:transparent;border-image:linear-gradient(135deg,#009c3b 0 34%,#ffdf00 34% 67%,#002776 67% 100%) 1;}
.t-frame-country-br:after{content:"●";top:-8px;right:-6px;width:14px;height:14px;display:flex;align-items:center;justify-content:center;border:1px solid #009c3b;border-radius:50%;background:#ffdf00;color:#002776;font-size:8px}

/* ============================================================
   04. T! CARDS
============================================================ */
.t-card-classic{background:linear-gradient(135deg,#f8fcff,#e6f3fd);border:1px solid #93c9f0;color:#36424d;box-shadow:inset 0 1px 0 #fff,0 2px 6px rgba(46,117,170,.12)}
.t-card-classic:before{content:"T!";position:absolute;right:10px;bottom:6px;color:rgba(37,148,239,.13);font:bold 34px Arial,sans-serif}
.t-card-gold{background:linear-gradient(135deg,#fff7cf,#e6c767 55%,#b58a16);border:1px solid #b48508;color:#5a4200;box-shadow:0 2px 8px rgba(155,111,0,.25),inset 0 1px 0 rgba(255,255,255,.7)}
.t-card-gold:before{content:"◆";position:absolute;right:10px;top:7px;color:rgba(255,255,255,.55);font-size:22px}
.t-card-terminal{background:#06120a;border:1px solid #00c853;color:#00ff6a;font-family:monospace;box-shadow:0 0 9px rgba(0,200,83,.35),inset 0 0 16px rgba(0,255,106,.05)}
.t-card-terminal:before{content:"> _";position:absolute;right:9px;bottom:7px;color:rgba(0,255,106,.45);font:700 15px monospace}
.t-card-cyberpunk{background:linear-gradient(135deg,#170029,#001625 60%,#25002f);border:1px solid #00e5ff;color:#fff;box-shadow:0 0 10px rgba(0,229,255,.35),inset 0 0 20px rgba(213,0,249,.14)}
.t-card-cyberpunk:before{content:"";position:absolute;top:0;right:15%;width:35%;height:2px;background:#d500f9;box-shadow:28px 13px 0 #00e5ff}
.t-card-v4{background:linear-gradient(#f6f6f6,#dfdfdf);border:1px solid #aaa;border-top-color:#fff;border-left-color:#fff;color:#333;font-family:Arial,sans-serif;box-shadow:inset 0 1px 0 #fff}
.t-card-v4:before{content:"V4";position:absolute;right:8px;bottom:5px;color:#ff7f00;font:bold 18px Arial,sans-serif}
.t-card-midnight{background:linear-gradient(135deg,#15191f,#252b33);border:1px solid #333b45;color:#e8edf2;box-shadow:0 2px 8px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.04)}
.t-card-midnight:before{content:"☾";position:absolute;right:10px;top:7px;color:#9ca8ff;font-size:23px}
.t-card-galaxy{background:radial-gradient(circle at 20% 20%,#7c4dff 0 2%,transparent 3%),radial-gradient(circle at 70% 30%,#fff 0 1%,transparent 2%),radial-gradient(circle at 80% 80%,#ea80fc 0 1%,transparent 2%),linear-gradient(135deg,#080819,#23135f,#591d86);border:1px solid #7c4dff;color:#fff;box-shadow:0 0 12px rgba(124,77,255,.4)}
.t-card-galaxy:before{content:"✦";position:absolute;right:10px;top:7px;color:#fff;text-shadow:-25px 17px 0 #b388ff,-48px -2px 0 #fff,5px 43px 0 #ea80fc}
.t-card-platinum{background:linear-gradient(135deg,#f8fafc,#bac3ce,#fff,#8d98a5);border:1px solid #929daa;color:#26313d;box-shadow:0 2px 9px rgba(77,88,101,.28),inset 0 1px 0 #fff}
.t-card-platinum:before{content:"PLATINUM";position:absolute;right:8px;bottom:6px;color:rgba(49,59,70,.35);font:bold 8px Arial,sans-serif;letter-spacing:1px}

/* ============================================================
   05. BACKGROUNDS
============================================================ */
.t-background-deep-space{background:radial-gradient(circle at 20% 30%,rgba(126,87,194,.85),transparent 20%),radial-gradient(circle at 75% 25%,rgba(0,188,212,.5),transparent 18%),radial-gradient(circle at 60% 80%,rgba(233,30,99,.35),transparent 20%),radial-gradient(circle at 15% 75%,#fff 0 1px,transparent 2px),linear-gradient(135deg,#03030e,#10143a,#050619)}
.t-background-t-blue{background:linear-gradient(135deg,#50b4f5,#1788da,#0f67a9)}
.t-background-matrix{background-color:#001208;background-image:repeating-linear-gradient(90deg,rgba(0,255,106,.07) 0 1px,transparent 1px 14px),linear-gradient(180deg,#001208,#002912)}
.t-background-sunset{background:linear-gradient(160deg,#ff7043 0%,#ff9800 30%,#ab47bc 70%,#3949ab 100%)}
.t-background-aurora{background:radial-gradient(ellipse at 30% 20%,rgba(105,240,174,.8),transparent 35%),radial-gradient(ellipse at 70% 35%,rgba(0,229,255,.55),transparent 35%),linear-gradient(180deg,#07121f,#10233a 55%,#0a1824)}
.t-background-retro-grid{background-color:#180029;background-image:linear-gradient(rgba(255,0,255,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(0,229,255,.2) 1px,transparent 1px),linear-gradient(180deg,#170024,#05000d);background-size:18px 18px,18px 18px,100% 100%}
.t-background-carbon{background-color:#202326;background-image:linear-gradient(45deg,#2d3135 25%,transparent 25%),linear-gradient(-45deg,#2d3135 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#2d3135 75%),linear-gradient(-45deg,transparent 75%,#2d3135 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0}
.t-background-inferno{background:radial-gradient(circle at 50% 100%,#ffeb3b 0 8%,transparent 25%),radial-gradient(circle at 30% 90%,#ff5722 0 12%,transparent 35%),radial-gradient(circle at 75% 85%,#f44336 0 13%,transparent 36%),linear-gradient(180deg,#250000,#7a1200,#d84315)}

/* ============================================================
   06. STICKERS
============================================================ */
.t-sticker-maquinola:before{content:"😎";font-size:25px}
.t-sticker-t-logo{background:#2594ef;color:#fff;box-shadow:0 2px 4px rgba(37,148,239,.3);font:bold 17px Arial,sans-serif}
.t-sticker-t-logo:before{content:"T!"}
.t-sticker-diamond:before{content:"◆";color:#80deea;font-size:25px;text-shadow:0 0 4px #00bcd4}
.t-sticker-fire:before{content:"🔥";font-size:26px}
.t-sticker-lol{border:2px solid #fbc02d;background:#ffeb3b;color:#533d00;transform:rotate(-4deg)}
.t-sticker-lol:before{content:"LOL";font-size:15px}
.t-sticker-developer{border:1px solid #48524a;background:#171b1f;color:#7cff72;font-family:monospace}
.t-sticker-developer:before{content:"</>";font-size:16px}
.t-sticker-404{border:2px dashed #e53935;background:#fff;color:#d32f2f;transform:rotate(3deg)}
.t-sticker-404:before{content:"404";font:bold 16px monospace}

/* ============================================================
   07. INSIGNIAS
============================================================ */
.t-badge{padding:4px 8px;border-radius:12px;font-size:10px}
.t-badge-veterano{border:1px solid #3d2915;background:linear-gradient(#78552a,#4f3519);color:#ffe0a3;box-shadow:inset 0 1px 0 rgba(255,255,255,.2)}
.t-badge-veterano:before{content:"★";color:#ffd166}
.t-badge-maquinola{border:1px solid #0d6fbd;background:#1e88e5;color:#fff}
.t-badge-maquinola:before{content:"😎"}
.t-badge-3-years{border:1px solid rgba(0,0,0,.12);background:linear-gradient(90deg,#2594ef,#8e24aa,#fb8c00);color:#fff}
.t-badge-3-years:before{content:"3";display:inline-flex;width:14px;height:14px;align-items:center;justify-content:center;border-radius:50%;background:#fff;color:#2594ef;font-size:9px}
.t-badge-night-owl{border:1px solid #3d3f73;background:#15172c;color:#d8dcff}
.t-badge-night-owl:before{content:"☾";color:#ffd54f;font-size:13px}
.t-badge-bug-hunter{border:1px solid #455a64;background:#263238;color:#b2ff59}
.t-badge-bug-hunter:before{content:"🐞"}

/* ============================================================
   08. CHAT BADGE
============================================================ */
.t-chat-badge{padding:3px 7px;border-radius:10px;font-size:9px;vertical-align:middle}
.t-chat-badge-vip{border:1px solid #a47b0a;background:linear-gradient(135deg,#f9d976,#c99716);color:#4b3500;box-shadow:0 1px 3px rgba(0,0,0,.18)}
.t-chat-badge-vip:before{content:"★";color:#fff}

/* ============================================================
   09. CHAT BUBBLES
============================================================ */
.t-chat-bubble{padding:8px 10px;border-radius:8px}
.t-chat-bubble-glass{border:1px solid rgba(255,255,255,.75);background:rgba(255,255,255,.58);box-shadow:0 2px 8px rgba(33,53,72,.12),inset 0 1px 0 rgba(255,255,255,.7);backdrop-filter:blur(4px)}
.t-chat-bubble-neon{border:1px solid #00e5ff;background:#10131a;color:#f4fbff;box-shadow:0 0 7px rgba(0,229,255,.45),inset 0 0 12px rgba(213,0,249,.09)}
.t-chat-bubble-terminal{border:1px solid #00c853;background:#06120a;color:#00ff6a;font-family:monospace;box-shadow:inset 0 0 12px rgba(0,255,106,.05)}

/* ============================================================
   10. CHAT FRAME
============================================================ */
.t-chat-frame-inferno{border:2px solid #ff5722;background:transparent;box-shadow:0 0 4px #ff5722,0 0 8px rgba(255,87,34,.6);animation:tChatFrameInferno 1.4s ease-in-out infinite alternate}
@keyframes tChatFrameInferno{from{box-shadow:0 0 3px #ff5722,0 0 6px rgba(255,87,34,.45)}to{box-shadow:0 0 6px #ff9800,0 0 11px rgba(255,61,0,.75)}}

/* ============================================================
   11. BRIDGE PARA PREVIEWS ACTUALES DEL SHOP
   Permite que shop.php/shop_inventory.php viejos también enseñen
   los estilos aunque todavía no usen .t-card/.t-background/etc.
============================================================ */

/* MARCOS */
.tshop-preview--avatar_frame .tshop-preview-frame{position:absolute;z-index:3;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:9px;pointer-events:none;box-sizing:border-box}
.tshop-preview--avatar_frame.tshop-theme--t-classic .tshop-preview-frame{border:4px solid #2495e8;box-shadow:0 0 0 1px rgba(255,255,255,.75),0 0 7px rgba(36,149,232,.45)}
.tshop-preview--avatar_frame.tshop-theme--inferno .tshop-preview-frame{border:4px solid #ff5722;box-shadow:0 0 6px #ff5722,0 0 13px rgba(255,87,34,.7)}
.tshop-preview--avatar_frame.tshop-theme--cyber-neon .tshop-preview-frame{border:4px solid #00e5ff;box-shadow:0 0 5px #00e5ff,0 0 10px #d500f9}
.tshop-preview--avatar_frame.tshop-theme--gold .tshop-preview-frame{border:4px solid #d5a928;box-shadow:0 0 0 1px #fff6ca,0 2px 7px rgba(129,91,0,.55)}
.tshop-preview--avatar_frame.tshop-theme--matrix .tshop-preview-frame{border:4px solid #00c853;box-shadow:0 0 5px #00c853,0 0 10px rgba(0,200,83,.55)}
.tshop-preview--avatar_frame.tshop-theme--frozen .tshop-preview-frame{border:4px solid #81d4fa;box-shadow:0 0 5px #b3e5fc,0 0 10px rgba(3,169,244,.65)}
.tshop-preview--avatar_frame.tshop-theme--blue-fire .tshop-preview-frame{border:4px solid #2196f3;box-shadow:0 0 6px #03a9f4,0 0 12px #304ffe}
.tshop-preview--avatar_frame.tshop-theme--v4-retro .tshop-preview-frame{border:4px solid #ff7f00;box-shadow:0 0 0 1px #d7d7d7}
.tshop-preview--avatar_frame.tshop-theme--v5-legacy .tshop-preview-frame{border:4px solid #167ac6;box-shadow:0 1px 4px rgba(0,0,0,.3)}
.tshop-preview--avatar_frame.tshop-theme--v6 .tshop-preview-frame{border:4px solid #2594ef;box-shadow:0 0 0 1px rgba(255,255,255,.8),0 3px 8px rgba(37,148,239,.35)}
.tshop-preview--avatar_frame.tshop-theme--rgb-gamer .tshop-preview-frame{border:4px solid #e91e63;box-shadow:0 0 6px #00bcd4,0 0 12px #e91e63}
.tshop-preview--avatar_frame.tshop-theme--galaxy .tshop-preview-frame{border:4px solid #673ab7;box-shadow:0 0 6px #7c4dff,0 0 13px rgba(224,64,251,.55)}
.tshop-preview--avatar_frame.tshop-theme--diamond .tshop-preview-frame{border:4px solid #9eeafb;box-shadow:0 0 6px #b2ebf2,0 0 12px rgba(128,222,234,.8)}
.tshop-preview--avatar_frame.tshop-theme--dark-matter .tshop-preview-frame{border:4px solid #651fff;box-shadow:0 0 6px #651fff,0 0 15px rgba(101,31,255,.7)}
.tshop-preview--avatar_frame.tshop-theme--turinga-3-years .tshop-preview-frame{border:4px solid #2594ef;box-shadow:0 0 6px #9c27b0,0 0 12px rgba(255,152,0,.5)}

/* PAISES EN PREVIEW ANTIGUA */
.tshop-preview--avatar_frame.tshop-theme--country-mx .tshop-preview-frame{border:4px solid transparent;background:transparent;border-image:linear-gradient(90deg,#006847 0 33.33%,#fff 33.33% 66.66%,#ce1126 66.66% 100%) 1}
.tshop-preview--avatar_frame.tshop-theme--country-ar .tshop-preview-frame{border:4px solid transparent;background:transparent;border-image:linear-gradient(180deg,#74acdf 0 33.33%,#fff 33.33% 66.66%,#74acdf 66.66% 100%) 1}
.tshop-preview--avatar_frame.tshop-theme--country-es .tshop-preview-frame{border:4px solid transparent;background:transparent;border-image:linear-gradient(180deg,#aa151b 0 25%,#f1bf00 25% 75%,#aa151b 75% 100%) 1}
.tshop-preview--avatar_frame.tshop-theme--country-co .tshop-preview-frame{border:4px solid transparent;background:transparent;border-image:linear-gradient(180deg,#fcd116 0 50%,#003893 50% 75%,#ce1126 75% 100%) 1}
.tshop-preview--avatar_frame.tshop-theme--country-cl .tshop-preview-frame{border:4px solid transparent;background:transparent;border-image:linear-gradient(135deg,#0039a6 0 25%,#fff 25% 50%,#d52b1e 50% 100%) 1}
.tshop-preview--avatar_frame.tshop-theme--country-pe .tshop-preview-frame{border:4px solid transparent;background:transparent;border-image:linear-gradient(90deg,#d91023 0 33.33%,#fff 33.33% 66.66%,#d91023 66.66% 100%) 1}
.tshop-preview--avatar_frame.tshop-theme--country-uy .tshop-preview-frame{border:4px solid transparent;background:transparent;border-image:repeating-linear-gradient(180deg,#fff 0 4px,#0038a8 4px 8px) 1}
.tshop-preview--avatar_frame.tshop-theme--country-ve .tshop-preview-frame{border:4px solid transparent;background:transparent;border-image:linear-gradient(180deg,#f4d900 0 33.33%,#0033a0 33.33% 66.66%,#ef3340 66.66% 100%) 1}
.tshop-preview--avatar_frame.tshop-theme--country-ec .tshop-preview-frame{border:4px solid transparent;background:transparent;border-image:linear-gradient(180deg,#ffdd00 0 50%,#034ea2 50% 75%,#ed1c24 75% 100%) 1}
.tshop-preview--avatar_frame.tshop-theme--country-py .tshop-preview-frame{border:4px solid transparent;background:transparent;border-image:linear-gradient(180deg,#d52b1e 0 33.33%,#fff 33.33% 66.66%,#0038a8 66.66% 100%) 1}
.tshop-preview--avatar_frame.tshop-theme--country-bo .tshop-preview-frame{border:4px solid transparent;background:transparent;border-image:linear-gradient(180deg,#d52b1e 0 33.33%,#f9e300 33.33% 66.66%,#007934 66.66% 100%) 1}
.tshop-preview--avatar_frame.tshop-theme--country-br .tshop-preview-frame{border:4px solid transparent;background:transparent;border-image:linear-gradient(135deg,#009c3b 0 34%,#ffdf00 34% 67%,#002776 67% 100%) 1}

/* CARDS - PREVIEW ACTUAL */
.tshop-preview--profile_card .tshop-preview-card{position:relative;overflow:hidden}
.tshop-preview--profile_card.tshop-theme--classic .tshop-preview-card{background:linear-gradient(135deg,#f8fcff,#e6f3fd);border-color:#93c9f0}
.tshop-preview--profile_card.tshop-theme--gold .tshop-preview-card{background:linear-gradient(135deg,#fff7cf,#e6c767 55%,#b58a16);border-color:#b48508;color:#5a4200}
.tshop-preview--profile_card.tshop-theme--terminal .tshop-preview-card{background:#06120a;border-color:#00c853;color:#00ff6a;font-family:monospace}
.tshop-preview--profile_card.tshop-theme--cyberpunk .tshop-preview-card{background:linear-gradient(135deg,#170029,#001625 60%,#25002f);border-color:#00e5ff;color:#fff;box-shadow:0 0 10px rgba(0,229,255,.28)}
.tshop-preview--profile_card.tshop-theme--v4 .tshop-preview-card{background:linear-gradient(#f6f6f6,#dfdfdf);border-color:#aaa;color:#333}
.tshop-preview--profile_card.tshop-theme--midnight .tshop-preview-card{background:linear-gradient(135deg,#15191f,#252b33);border-color:#333b45;color:#e8edf2}
.tshop-preview--profile_card.tshop-theme--galaxy .tshop-preview-card{background:radial-gradient(circle at 20% 20%,#7c4dff 0 2%,transparent 3%),linear-gradient(135deg,#080819,#23135f,#591d86);border-color:#7c4dff;color:#fff}
.tshop-preview--profile_card.tshop-theme--platinum .tshop-preview-card{background:linear-gradient(135deg,#f8fafc,#bac3ce,#fff,#8d98a5);border-color:#929daa;color:#26313d}

/* BACKGROUNDS - PREVIEW ACTUAL */
.tshop-preview--profile_background .tshop-preview-profile__cover{background-size:cover;background-position:center}
.tshop-preview--profile_background.tshop-theme--deep-space .tshop-preview-profile__cover{background:radial-gradient(circle at 20% 30%,rgba(126,87,194,.85),transparent 20%),radial-gradient(circle at 75% 25%,rgba(0,188,212,.5),transparent 18%),linear-gradient(135deg,#03030e,#10143a,#050619)}
.tshop-preview--profile_background.tshop-theme--t-blue .tshop-preview-profile__cover{background:linear-gradient(135deg,#50b4f5,#1788da,#0f67a9)}
.tshop-preview--profile_background.tshop-theme--matrix .tshop-preview-profile__cover{background:repeating-linear-gradient(90deg,rgba(0,255,106,.07) 0 1px,transparent 1px 14px),linear-gradient(180deg,#001208,#002912)}
.tshop-preview--profile_background.tshop-theme--sunset .tshop-preview-profile__cover{background:linear-gradient(160deg,#ff7043,#ff9800 30%,#ab47bc 70%,#3949ab)}
.tshop-preview--profile_background.tshop-theme--aurora .tshop-preview-profile__cover{background:radial-gradient(ellipse at 30% 20%,rgba(105,240,174,.8),transparent 35%),radial-gradient(ellipse at 70% 35%,rgba(0,229,255,.55),transparent 35%),linear-gradient(180deg,#07121f,#10233a 55%,#0a1824)}
.tshop-preview--profile_background.tshop-theme--retro-grid .tshop-preview-profile__cover{background-color:#180029;background-image:linear-gradient(rgba(255,0,255,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(0,229,255,.2) 1px,transparent 1px);background-size:15px 15px}
.tshop-preview--profile_background.tshop-theme--carbon .tshop-preview-profile__cover{background-color:#202326;background-image:linear-gradient(45deg,#2d3135 25%,transparent 25%),linear-gradient(-45deg,#2d3135 25%,transparent 25%);background-size:12px 12px}
.tshop-preview--profile_background.tshop-theme--inferno .tshop-preview-profile__cover{background:radial-gradient(circle at 50% 100%,#ffeb3b 0 8%,transparent 25%),radial-gradient(circle at 30% 90%,#ff5722 0 12%,transparent 35%),linear-gradient(180deg,#250000,#7a1200,#d84315)}

/* STICKERS - PREVIEW ACTUAL */
.tshop-preview--card_sticker .tshop-preview-sticker{font-size:0}
.tshop-preview--card_sticker .tshop-preview-sticker:before{display:inline-flex;align-items:center;justify-content:center;min-width:58px;min-height:58px}
.tshop-preview--card_sticker.tshop-theme--maquinola .tshop-preview-sticker:before{content:"😎";font-size:42px}
.tshop-preview--card_sticker.tshop-theme--t-logo .tshop-preview-sticker:before{content:"T!";border-radius:9px;background:#2594ef;color:#fff;font:bold 27px Arial,sans-serif;box-shadow:0 3px 8px rgba(37,148,239,.3)}
.tshop-preview--card_sticker.tshop-theme--diamond .tshop-preview-sticker:before{content:"◆";color:#80deea;font-size:43px;text-shadow:0 0 7px #00bcd4}
.tshop-preview--card_sticker.tshop-theme--fire .tshop-preview-sticker:before{content:"🔥";font-size:43px}
.tshop-preview--card_sticker.tshop-theme--lol .tshop-preview-sticker:before{content:"LOL";border:3px solid #fbc02d;border-radius:9px;background:#ffeb3b;color:#533d00;font:bold 22px Arial,sans-serif;transform:rotate(-4deg)}
.tshop-preview--card_sticker.tshop-theme--developer .tshop-preview-sticker:before{content:"</>";border:2px solid #48524a;border-radius:8px;background:#171b1f;color:#7cff72;font:bold 20px monospace}
.tshop-preview--card_sticker.tshop-theme--404 .tshop-preview-sticker:before{content:"404";border:3px dashed #e53935;border-radius:8px;background:#fff;color:#d32f2f;font:bold 23px monospace;transform:rotate(3deg)}

/* BADGES - PREVIEW ACTUAL */
.tshop-preview--profile_badge .tshop-preview-badge{border-radius:14px}
.tshop-preview--profile_badge.tshop-theme--veterano .tshop-preview-badge{border:1px solid #3d2915;background:linear-gradient(#78552a,#4f3519);color:#ffe0a3}
.tshop-preview--profile_badge.tshop-theme--maquinola .tshop-preview-badge{border:1px solid #0d6fbd;background:#1e88e5;color:#fff}
.tshop-preview--profile_badge.tshop-theme--3-years .tshop-preview-badge{background:linear-gradient(90deg,#2594ef,#8e24aa,#fb8c00);color:#fff}
.tshop-preview--profile_badge.tshop-theme--night-owl .tshop-preview-badge{border:1px solid #3d3f73;background:#15172c;color:#d8dcff}
.tshop-preview--profile_badge.tshop-theme--bug-hunter .tshop-preview-badge{border:1px solid #455a64;background:#263238;color:#b2ff59}

/* CHAT BUBBLES - PREVIEW ACTUAL */
.tshop-preview--chat_bubble .tshop-preview-chat>div{padding:8px 10px;border-radius:8px}
.tshop-preview--chat_bubble.tshop-theme--glass .tshop-preview-chat>div{border:1px solid rgba(255,255,255,.75);background:rgba(255,255,255,.68);box-shadow:0 2px 8px rgba(33,53,72,.12)}
.tshop-preview--chat_bubble.tshop-theme--neon .tshop-preview-chat>div{border:1px solid #00e5ff;background:#10131a;color:#f4fbff;box-shadow:0 0 7px rgba(0,229,255,.4)}
.tshop-preview--chat_bubble.tshop-theme--neon .tshop-preview-chat strong,.tshop-preview--chat_bubble.tshop-theme--neon .tshop-preview-chat p{color:#f4fbff}
.tshop-preview--chat_bubble.tshop-theme--terminal .tshop-preview-chat>div{border:1px solid #00c853;background:#06120a;color:#00ff6a;font-family:monospace}
.tshop-preview--chat_bubble.tshop-theme--terminal .tshop-preview-chat strong,.tshop-preview--chat_bubble.tshop-theme--terminal .tshop-preview-chat p{color:#00ff6a}

/* CHAT BADGE/FRAME - PREVIEW GENERICA ACTUAL */
.tshop-preview--chat_badge.tshop-theme--vip .tshop-preview-generic{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:90px!important;min-height:36px!important;padding:7px 12px!important;border:1px solid #a47b0a!important;border-radius:15px!important;background:linear-gradient(135deg,#f9d976,#c99716)!important;color:#4b3500!important;font-size:0!important}
.tshop-preview--chat_badge.tshop-theme--vip .tshop-preview-generic:before{content:"★ VIP";font:bold 13px Arial,sans-serif}
.tshop-preview--chat_frame.tshop-theme--inferno .tshop-preview-generic{position:relative!important;width:80px!important;height:80px!important;border:4px solid #ff5722!important;border-radius:9px!important;background:transparent!important;box-shadow:0 0 6px #ff5722,0 0 12px rgba(255,87,34,.65)!important;color:transparent!important}

/* ============================================================
   12. CANONICAL PREVIEW HELPERS PARA PHP NUEVO
============================================================ */
.tshop-preview .t-avatar{margin:auto}
.tshop-preview-card.t-card{width:100%;min-height:115px;padding:12px}
.tshop-preview-profile .t-background{position:absolute;z-index:0;inset:0;border-radius:inherit}
.tshop-preview-profile>img,.tshop-preview-profile>strong{position:relative;z-index:2}
.tshop-preview-sticker .t-sticker{transform:scale(1.35)}
.tshop-preview-badge .t-badge{padding:6px 10px;font-size:11px}
.tshop-preview-chat .t-chat-bubble{width:100%}

/* ============================================================
   13. TAMAÑOS DE AVATAR
============================================================ */
.t-avatar[style*="width:24px"] .t-avatar-frame,.t-avatar.t-avatar--24 .t-avatar-frame{top:-2px;right:-2px;bottom:-2px;left:-2px;border-width:2px;border-radius:5px}
.t-avatar[style*="width:32px"] .t-avatar-frame,.t-avatar.t-avatar--32 .t-avatar-frame{top:-3px;right:-3px;bottom:-3px;left:-3px;border-width:2px;border-radius:5px}
.t-avatar[style*="width:40px"] .t-avatar-frame,.t-avatar.t-avatar--40 .t-avatar-frame{top:-3px;right:-3px;bottom:-3px;left:-3px}
.t-avatar.t-avatar--48 .t-avatar-frame{top:-4px;right:-4px;bottom:-4px;left:-4px}
.t-avatar[style*="width:64px"] .t-avatar-frame,.t-avatar.t-avatar--64 .t-avatar-frame{top:-5px;right:-5px;bottom:-5px;left:-5px;border-width:3px;border-radius:8px}
.t-avatar[style*="width:80px"] .t-avatar-frame,.t-avatar.t-avatar--80 .t-avatar-frame{top:-6px;right:-6px;bottom:-6px;left:-6px;border-width:4px;border-radius:9px}
.t-avatar.t-avatar--large .t-avatar-frame{top:-7px;right:-7px;bottom:-7px;left:-7px;border-width:4px;border-radius:10px}



/* PERFIL V5 - AVATAR GRANDE */
.t-avatar.t-avatar--profile{width:120px;height:120px}
.t-avatar.t-avatar--profile>img{width:120px;height:120px;object-fit:cover}
.t-avatar.t-avatar--profile .t-avatar-frame{top:-5px;right:-5px;bottom:-5px;left:-5px;border-width:5px;border-radius:8px}

/* ============================================================
   14. ACCESIBILIDAD
============================================================ */
@media (prefers-reduced-motion:reduce){
    .t-frame-inferno,.t-frame-blue-fire,.t-frame-cyber-neon,.t-frame-rgb-gamer,.t-frame-galaxy,.t-frame-dark-matter,.t-chat-frame-inferno{animation:none!important}
}