/* =========================================================
   CS TUCUMAN · TIENDA V13 PREMIUM
   Rediseño VIP inspirado en el mockup aprobado.
   ========================================================= */

.cst130-vip-store{
 --v13-orange:#ff8513;
 --v13-orange2:#ff6500;
 --v13-bg:#060a0e;
 --v13-panel:#0b1117;
 --v13-line:#25333e;
 position:relative;
 isolation:isolate;
 overflow:hidden;
 margin:24px 0 58px;
 padding:42px 22px 24px;
 border:1px solid rgba(255,133,19,.23);
 border-radius:28px;
 background:
  radial-gradient(circle at 13% 25%,rgba(33,67,95,.16),transparent 28%),
  radial-gradient(circle at 84% 35%,rgba(255,116,0,.14),transparent 31%),
  linear-gradient(150deg,#080d12 0%,#06090d 52%,#080c11 100%);
 box-shadow:0 42px 110px rgba(0,0,0,.36),inset 0 1px rgba(255,255,255,.02);
}
.cst130-vip-store:before{
 content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;opacity:.24;
 background-image:
  linear-gradient(120deg,transparent 48%,rgba(255,133,19,.08) 49%,transparent 50%),
  linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px);
 background-size:240px 240px,44px 44px;
}
.cst130-vip-backdrop{
 position:absolute;z-index:-1;right:-100px;top:-90px;width:530px;height:530px;opacity:.06;
 background:url('/assets/brand/logo-cstucuman.png') center/contain no-repeat;
 filter:drop-shadow(0 0 60px rgba(255,116,0,.45));
 pointer-events:none;
}
.cst130-vip-head{max-width:1020px;margin:0 auto 28px;text-align:center}
.cst130-vip-kicker{display:flex;align-items:center;justify-content:center;gap:12px;color:#ff9b3d;font-size:8px;font-weight:950;letter-spacing:1.5px}
.cst130-vip-kicker i{width:90px;height:1px;background:linear-gradient(90deg,transparent,#a9662c)}
.cst130-vip-kicker i:last-child{background:linear-gradient(90deg,#a9662c,transparent)}
.cst130-vip-head h2{margin:10px 0 8px;color:#f7f8fa;font:800 clamp(45px,6vw,72px)/.9 Rajdhani,Inter,sans-serif;letter-spacing:-2px;text-transform:uppercase}
.cst130-vip-head h2 em{font-style:normal;color:#ff8614;text-shadow:0 0 36px rgba(255,121,0,.16)}
.cst130-vip-head>p{max-width:760px;margin:0 auto;color:#929eaa;font-size:10px;line-height:1.65}

.cst130-vip-principles{
 width:min(780px,100%);margin:21px auto 0;
 display:grid;grid-template-columns:repeat(3,1fr);
 border:1px solid #1e2a34;border-radius:13px;overflow:hidden;
 background:rgba(7,12,17,.73);backdrop-filter:blur(12px)
}
.cst130-vip-principles>div{min-height:63px;padding:10px 13px;display:flex;align-items:center;gap:10px;text-align:left}
.cst130-vip-principles>div+div{border-left:1px solid #1d2933}
.cst130-vip-principles ion-icon{min-width:25px;font-size:25px;color:#ff8b21}
.cst130-vip-principles b,.cst130-vip-principles small{display:block}
.cst130-vip-principles b{color:#e8edf1;font-size:7px;font-weight:950}
.cst130-vip-principles small{margin-top:2px;color:#6e7d8b;font-size:6.5px}

.cst130-vip-grid{
 display:grid;
 grid-template-columns:repeat(6,minmax(0,1fr));
 gap:11px;
 align-items:stretch;
}
.cst130-vip-card{
 position:relative;
 min-width:0;
 min-height:440px;
 padding:20px 16px 15px;
 display:flex;
 flex-direction:column;
 overflow:visible;
 border:1px solid #33414c;
 border-radius:18px;
 background:
  radial-gradient(circle at 50% -8%,rgba(255,255,255,.035),transparent 31%),
  linear-gradient(165deg,#0d151d,#080d12 68%,#070b0f);
 box-shadow:0 20px 48px rgba(0,0,0,.18);
 transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.cst130-vip-card:after{
 content:"";position:absolute;inset:auto 14px 0;height:1px;
 background:linear-gradient(90deg,transparent,rgba(255,133,19,.28),transparent);
}
.cst130-vip-card:hover{transform:translateY(-5px);border-color:#80502a;box-shadow:0 28px 65px rgba(0,0,0,.32)}
.cst130-vip-card.base{border-color:#415464;background:radial-gradient(circle at 50% -10%,rgba(84,139,180,.11),transparent 33%),linear-gradient(165deg,#0d1720,#080d12)}
.cst130-vip-card.featured{
 z-index:2;
 border-color:#ff9b33;
 background:
  radial-gradient(circle at 50% 8%,rgba(255,145,32,.11),transparent 34%),
  linear-gradient(165deg,#15120d,#090d11 70%);
 box-shadow:0 0 0 1px rgba(255,134,20,.35),0 0 28px rgba(255,114,0,.16),0 25px 70px rgba(0,0,0,.38);
}
.cst130-vip-card.featured:hover{box-shadow:0 0 0 1px rgba(255,134,20,.55),0 0 42px rgba(255,114,0,.22),0 30px 80px rgba(0,0,0,.42)}
.cst130-vip-card.disabled{opacity:.58}
.cst130-most{
 position:absolute;left:50%;top:-13px;transform:translateX(-50%);
 min-width:128px;height:27px;padding:0 12px;
 display:flex;align-items:center;justify-content:center;gap:5px;
 border-radius:7px 7px 11px 11px;
 background:linear-gradient(135deg,#ffc054,#ff8b16);
 color:#1b1005;font-size:7px;font-weight:950;letter-spacing:.5px;
 box-shadow:0 8px 24px rgba(255,118,0,.24);
 white-space:nowrap
}
.cst130-most:before,.cst130-most:after{
 content:"";position:absolute;top:0;width:14px;height:13px;background:#e87409
}
.cst130-most:before{left:-9px;clip-path:polygon(100% 0,100% 100%,0 100%)}
.cst130-most:after{right:-9px;clip-path:polygon(0 0,100% 100%,0 100%)}
.cst130-most ion-icon{font-size:10px}
.cst130-card-label{color:#8091a0;font-size:6.5px;font-weight:950;letter-spacing:1.2px;text-transform:uppercase;text-align:center}
.cst130-multiplier{
 margin:17px 0 2px;
 color:#ff8614;
 font:800 clamp(48px,4vw,67px)/.82 Rajdhani,Inter,sans-serif;
 letter-spacing:-2px;text-align:center;
 text-shadow:0 7px 0 rgba(117,46,0,.24),0 0 22px rgba(255,121,0,.1)
}
.cst130-vip-card.base .cst130-multiplier{
 color:#f4f6f8;
 text-shadow:0 4px 0 #697581,0 0 18px rgba(138,186,221,.08)
}
.cst130-vip-card h3{margin:8px 0 8px;color:#eef2f5;font:800 19px Rajdhani;text-align:center}
.cst130-vip-card>p{min-height:54px;margin:0;color:#8c99a5;font-size:8px;line-height:1.55;text-align:center}
.cst130-divider{height:1px;margin:15px 0 12px;background:linear-gradient(90deg,transparent,#263440,transparent)}

.cst130-vip-info{margin:0;padding:0;display:grid;gap:9px;list-style:none}
.cst130-vip-info li{display:flex;align-items:center;gap:8px}
.cst130-vip-info ion-icon{width:17px;min-width:17px;color:#ff8c24;font-size:16px}
.cst130-vip-card.base .cst130-vip-info ion-icon{color:#8da7bb}
.cst130-vip-info span{min-width:0}
.cst130-vip-info small,.cst130-vip-info b{display:block}
.cst130-vip-info small{color:#566878;font-size:5.4px;font-weight:950;letter-spacing:.7px}
.cst130-vip-info b{margin-top:1px;color:#cbd3da;font-size:7.5px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.cst130-vip-action{margin-top:auto;padding-top:16px}
.cst130-vip-action>a,.cst130-vip-action>span{
 width:100%;min-height:45px;padding:0 8px;
 display:flex;align-items:center;justify-content:center;gap:6px;
 border:1px solid #9b520e;border-radius:10px;
 background:linear-gradient(145deg,#19110b,#100c09);
 color:#ff9b3d;text-decoration:none;
 font-size:7.5px;font-weight:950;letter-spacing:.35px;
 transition:.16s ease;
}
.cst130-vip-action>a:hover{transform:translateY(-2px);border-color:#ff932c;background:#1d1209;color:#ffc079}
.cst130-vip-card.featured .cst130-vip-action>a{
 border-color:#ff9c32;
 background:linear-gradient(135deg,#ffa22e,#ff7000);
 color:#130d06;
 box-shadow:0 10px 30px rgba(255,113,0,.22)
}
.cst130-vip-action>a.base{border-color:#506779;background:#0c151d;color:#e8f0f5}
.cst130-vip-action>a.ghost{border-color:#34434f;background:#0d141a;color:#9eabb7}
.cst130-vip-action>span.review{border-color:#5e4722;background:#181307;color:#deb66c}
.cst130-vip-action>span.active{border-color:#28573b;background:#09150e;color:#74d99e}
.cst130-vip-action>span.disabled{border-color:#2b343b;background:#0d1216;color:#65727e}

.cst130-vip-trust{
 width:min(1040px,100%);
 margin:22px auto 0;
 display:grid;grid-template-columns:repeat(3,1fr);
 border:1px solid #2a3741;border-radius:15px;overflow:hidden;
 background:rgba(9,14,19,.83);backdrop-filter:blur(12px)
}
.cst130-vip-trust>div{min-height:74px;padding:13px 18px;display:flex;align-items:center;gap:11px}
.cst130-vip-trust>div+div{border-left:1px solid #25313b}
.cst130-vip-trust ion-icon{font-size:25px;color:#ff8c21}
.cst130-vip-trust b,.cst130-vip-trust small{display:block}
.cst130-vip-trust b{color:#e5ebef;font-size:7.5px}.cst130-vip-trust small{margin-top:2px;color:#677786;font-size:6.5px}

.cst130-vip-foot{
 margin-top:14px;padding:11px 4px 0;
 display:flex;align-items:center;justify-content:space-between;gap:16px
}
.cst130-vip-foot p{margin:0;display:flex;align-items:center;gap:7px;color:#687986;font-size:7px}
.cst130-vip-foot p ion-icon{color:#ff8c25;font-size:15px}
.cst130-vip-foot p b{color:#bfc8cf}
.cst130-vip-foot>div{display:flex;gap:6px}
.cst130-vip-foot a{padding:7px 9px;border:1px solid #27353f;border-radius:8px;background:#0c1217;color:#99a7b3;text-decoration:none;font-size:6.5px;font-weight:900}
.cst130-vip-foot a:hover{border-color:#69411f;color:#ff9a3e}

/* Improve full store hierarchy a bit */
.store60{width:min(1500px,calc(100% - 28px))!important}
.store60-hero{border-radius:28px!important;box-shadow:0 38px 100px rgba(0,0,0,.30)!important}
.store60-products{margin-top:52px!important}
.store60-section-head h2{letter-spacing:-.7px}
.store60-grid{gap:13px!important}
.store60-card{border-radius:18px!important}
.store60-help{border-radius:19px!important}

/* Responsive */
@media(max-width:1320px){
 .cst130-vip-grid{grid-template-columns:repeat(3,1fr)}
 .cst130-vip-card{min-height:410px}
}
@media(max-width:760px){
 .cst130-vip-store{padding:34px 13px 18px;border-radius:21px}
 .cst130-vip-grid{grid-template-columns:1fr 1fr}
 .cst130-vip-principles,.cst130-vip-trust{grid-template-columns:1fr}
 .cst130-vip-principles>div+div,.cst130-vip-trust>div+div{border-left:0;border-top:1px solid #1d2933}
 .cst130-vip-foot{align-items:flex-start;flex-direction:column}
 .cst130-vip-head h2{font-size:46px}
}
@media(max-width:480px){
 .cst130-vip-grid{grid-template-columns:1fr}
 .cst130-vip-card{min-height:0;padding:19px 17px 14px}
 .cst130-vip-card>p{min-height:0}
 .cst130-vip-head h2{font-size:39px}
 .cst130-vip-kicker i{width:34px}
}