/* ============================================================
   CS TUCUMAN · TIENDA V32.1
   Planes separados + FAQ más grande
   ============================================================ */

.cst290-store{
 width:min(1240px,calc(100% - 30px))!important;
}

/* Los 3 bloques principales dejan de sentirse como cajas gigantes */
.cst290-store-grid{
 align-items:start!important;
 gap:14px!important;
}

.cst290-store-card{
 padding:18px!important;
 border-color:#191919!important;
 background:#020202!important;
 border-radius:13px!important;
}

.cst290-store-card>header{
 margin-bottom:18px!important;
 padding-bottom:16px!important;
 border-bottom:1px solid #151515!important;
}

.cst290-store-card>header h2{
 font-size:24px!important;
}

.cst290-store-card>header p{
 margin-top:10px!important;
 color:#858585!important;
 font-size:10px!important;
 line-height:1.6!important;
}

/* ============================================================
   CADA PLAN = SU PROPIO CUADRO
   ============================================================ */
.cst290-plan-list{
 display:grid!important;
 gap:10px!important;
}

.cst290-plan{
 position:relative!important;
 min-height:92px!important;
 padding:14px!important;
 display:grid!important;
 grid-template-columns:minmax(0,1fr) auto!important;
 align-items:center!important;
 gap:12px!important;
 border:1px solid #1d1d1d!important;
 border-radius:10px!important;
 background:#050505!important;
 overflow:hidden!important;
}

.cst290-plan:before{
 content:"";
 position:absolute;
 left:0;
 top:12px;
 bottom:12px;
 width:2px;
 border-radius:999px;
 background:#ff7a00;
 opacity:.45;
}

.cst290-plan:hover{
 border-color:#3c2918!important;
 background:#070707!important;
}

.cst290-plan.is-featured,
.cst290-plan.featured{
 border-color:#4a2f16!important;
 background:
  radial-gradient(circle at 85% 0%,rgba(255,122,0,.07),transparent 30%),
  #060402!important;
}

.cst290-plan .plan-copy,
.cst290-plan .meta,
.cst290-plan>div:first-child{
 min-width:0!important;
}

.cst290-plan h3,
.cst290-plan b{
 color:#fff!important;
}

.cst290-plan h3{
 margin:0!important;
 font-size:14px!important;
}

.cst290-plan small{
 color:#6b6b6b!important;
 font-size:7px!important;
}

.cst290-plan .price,
.cst290-plan strong{
 color:#fff!important;
 font-size:15px!important;
}

/* botones de cada producto claros y separados */
.cst290-plan a,
.cst290-plan button{
 min-height:38px!important;
 padding:0 12px!important;
 display:flex!important;
 align-items:center!important;
 justify-content:center!important;
 border:1px solid #242424!important;
 border-radius:8px!important;
 background:#090909!important;
 color:#ddd!important;
 font-size:7.5px!important;
 font-weight:900!important;
 text-decoration:none!important;
 cursor:pointer!important;
}

.cst290-plan a:hover,
.cst290-plan button:hover{
 border-color:#4b3018!important;
 color:#ff8a24!important;
}

/* botones destacados */
.cst290-plan.is-featured a,
.cst290-plan.is-featured button,
.cst290-plan.featured a,
.cst290-plan.featured button{
 background:#ff7a00!important;
 border-color:#ff7a00!important;
 color:#050505!important;
}

/* ============================================================
   ADMIN: cada rango separado
   ============================================================ */
.cst290-admin-list{
 display:grid!important;
 gap:10px!important;
}

.cst290-admin-item{
 position:relative!important;
 min-height:100px!important;
 padding:14px!important;
 border:1px solid #1d1d1d!important;
 border-radius:10px!important;
 background:#050505!important;
 overflow:hidden!important;
}

.cst290-admin-item:before{
 content:"";
 position:absolute;
 left:0;
 top:12px;
 bottom:12px;
 width:2px;
 border-radius:999px;
 background:#20d7dd;
 opacity:.55;
}

.cst290-admin-item h3{
 color:#fff!important;
 font-size:14px!important;
}

.cst290-admin-item p,
.cst290-admin-item small{
 color:#6f6f6f!important;
 font-size:7.5px!important;
}

.cst290-admin-item a,
.cst290-admin-item button{
 min-height:38px!important;
 margin-top:10px!important;
 border-radius:8px!important;
}

/* Si las clases reales son compartidas con plan cards, igual separa hijos */
.cst290-store-card .plan,
.cst290-store-card .product,
.cst290-store-card .item{
 margin-bottom:10px!important;
 padding:14px!important;
 border:1px solid #1d1d1d!important;
 border-radius:10px!important;
 background:#050505!important;
}

.cst290-store-card .plan:last-child,
.cst290-store-card .product:last-child,
.cst290-store-card .item:last-child{
 margin-bottom:0!important;
}

/* ============================================================
   RECURSOS
   ============================================================ */
.cst290-store-card.resources,
.cst290-store-card:last-child{
 min-height:0!important;
}

.cst290-store-card .empty,
.cst290-store-card [class*="empty"]{
 padding:24px 16px!important;
 border-radius:9px!important;
 background:#030303!important;
 color:#5f5f5f!important;
}

/* ============================================================
   FAQ MÁS GRANDE
   ============================================================ */
.cst320-faq{
 margin-top:72px!important;
 padding-top:58px!important;
}

.cst320-faq>header{
 margin-bottom:30px!important;
}

.cst320-faq>header>span{
 font-size:8px!important;
 letter-spacing:2.3px!important;
}

.cst320-faq>header h2{
 margin-top:9px!important;
 font-size:42px!important;
 letter-spacing:-1.4px!important;
}

.cst320-faq>header p{
 margin-top:7px!important;
 color:#7c7c7c!important;
 font-size:11px!important;
}

.cst320-faq .grid{
 gap:10px!important;
}

.cst320-faq details{
 border-color:#1c1c1c!important;
 border-radius:11px!important;
 background:#030303!important;
}

.cst320-faq details[open]{
 border-color:#352414!important;
 background:#050403!important;
}

.cst320-faq summary{
 min-height:68px!important;
 padding:0 18px!important;
 gap:16px!important;
 color:#fff!important;
 font-size:11.5px!important;
 line-height:1.35!important;
 font-weight:900!important;
}

.cst320-faq summary:after{
 font-size:20px!important;
}

.cst320-faq details p{
 padding:0 18px 18px!important;
 color:#aaa!important;
 font-size:10.5px!important;
 line-height:1.72!important;
}

/* ============================================================
   Desktop: que los cuadros respiren más
   ============================================================ */
@media(min-width:1050px){
 .cst290-store-grid{
  grid-template-columns:1.1fr 1.1fr .8fr!important;
 }
}

/* tablet */
@media(max-width:1049px){
 .cst290-store-grid{
  grid-template-columns:1fr!important;
 }
}

/* mobile */
@media(max-width:650px){
 .cst290-store{
  width:calc(100% - 16px)!important;
 }
 .cst290-plan{
  grid-template-columns:1fr!important;
 }
 .cst320-faq>header h2{
  font-size:34px!important;
 }
 .cst320-faq .grid{
  grid-template-columns:1fr!important;
 }
 .cst320-faq summary{
  min-height:62px!important;
  font-size:10.5px!important;
 }
 .cst320-faq details p{
  font-size:10px!important;
 }
}