.psm-app{--psm-primary:#1a73e8;--psm-dark:#111827;--psm-radius:12px;/*max-width:1280px;*/margin:0 auto;}
.psm-toolbar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;position:sticky;top:0;padding:10px 0;z-index:5;}
.psm-toolbar input,.psm-toolbar select{padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;}
.psm-toolbar input{flex:1;min-width:200px;}


/*.psm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px;}*/


.psm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:9px;}


#psm-catalog-app
{
    max-width: 1280px;
}


a.psm-btn.psm-btn-secondary.psm-buy-now:hover {
    transform: scale(1.02);
   color: #fff;
}

#ahora.psm-btn.psm-btn-secondary.psm-buy-now {
font-size: 18px;
}



.psm-btn.psm-btn-secondary.psm-modal-buy-now
{
font-size: 18px;
}

.psm-btn.psm-btn-primary.psm-add-single{
font-size: 18px;
}

.psm-btn.psm-btn-primary.psm-modal-add{
font-size: 18px;
}


a.psm-btn.psm-btn-primary.psm-add:hover {
    transform: scale(1.02);
   color: #fff;
}

.psm-card-body-descarga {
    padding: 86px 38px;
    position: absolute;
}

.titulo-descarga{
position: absolute;
    background: darkgreen;
    color: #fff;
    font-size: 20px;
    padding: 3px 8px;
    border-radius: 20px 0px 20px 0px;
}

#psm-subscription-status{
    background: darkgreen;
    text-align: center;
    font-size: 20px;
margin-bottom: 16px;
    margin-top: 4px;
}

.psm-subscription-inactivas{
    background: red;
    text-align: center;
    font-size: 20px;
margin-bottom: 16px;
    margin-top: 4px;
}


.imagen-mercadopago{display: initial;margin-right: 20px;vertical-align: middle;text-align: left;}

.psm-descargas-inactivas{
    background: red;
    text-align: center;
    font-size: 20px;
    margin-bottom: 0;
    margin-top: 0;
    border-radius: 0px 0px 20px 20px;
}

.tiempo-descarga{
  
    background: darkgreen;
    color: #fff;
    text-align: center;
    font-size: 20px;
    margin-bottom: 0;
    margin-top: 0;
    border-radius: 0px 0px 20px 20px;

}

.psm-card{border-radius:20px;overflow:hidden;box-shadow: 0 0 20px rgb(0 0 0), 0 0 4px rgb(0 0 0 / 40%), inset 0 0 4px rgb(255 255 255), inset 0 0 12px rgb(0 0 0);transition:transform .15s ease,box-shadow .15s ease;display:flex;flex-direction:column;}
.psm-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(0,0,0,.12);}
.psm-card-img{position:relative;aspect-ratio:4/3;background:#f3f4f6;overflow:hidden;display:block;}
.psm-card-img img{width:100%;height:100%;object-fit:cover;display:block;}
.psm-card-nav{position:absolute;top:calc(50% - 13px);
    
   /* background:#1a73e8;*/
    background:rgba(0,0,0,.45);
    color:#fff;border:none;width:26px;height:26px;border-radius:50%;font-size:15px;cursor:pointer;line-height:1;opacity:1;transition:opacity .15s;/*border: 1px solid rgba(255,255,255,0.15);*/
    box-shadow: 0 6px 20px rgb(0 0 0 / 55%), 0 2px 4px rgb(0 0 0 / 40%), inset 0 1px 0 rgb(255 255 255 / 18%), inset 0 -2px 4px rgb(0 0 0 / 30%);}
.psm-card-img:hover .psm-card-nav{opacity:1;}
.psm-card-nav.psm-card-prev{left:6px;}
.psm-card-nav.psm-card-next{right:6px;}


.psm-badge-pack{position:absolute;top:0px;right:0px;background:rgb(180 134 0);color:#fff;font-size:13px;padding:3px 8px;border-radius:0px 0px 0px 20px;;}

.psm-badge-formato{position:absolute;top:0px;left:0px;background: blueviolet;color:#fff;font-size: 15px;padding:3px 8px;border-radius:0px 0px 20px 0px;}

.psm-badge-presio{position:absolute;bottom: 0px;right:0px;background:darkgreen;color:#fff;font-size:11px;padding:3px 8px;}

.psm-badge-titulo{position:absolute;bottom: 0px;left:0px;background:darkgreen;color:#fff;font-size:11px;padding:3px 8px;line-height: 1.6;}


.psm-card-body{/*padding:12px 14px;*/display:flex;flex-direction:column;gap:6px;flex:1;}

.psm-card-title{font-weight:600;font-size:14px;color:var(--psm-dark);margin:0;line-height:1.3;}
.psm-card-meta{font-size:20px;color:#fff;margin-bottom: 20px;}
.psm-card-price{font-weight:700;font-size:15px;color:#fff; text-align: center;}

.psm-card-actions{display:flex;gap:6px;margin-top:auto;}

.psm-btn.psm-btn-primary.psm-sub.suscripcion{margin-top: 34px;
    width: 100%;    font-size: 18px;padding: 2px;}

#psm-paypal-plan-1{    margin-top: -18px;}

.psm-card-suscripcion{font-size: 23px;
    font-weight: 700;
    color: #f5c842;}

.psm-card-suscripcion-titulo{font-size: 32px;
    font-weight: 700;
    color: #f5c842;
margin-bottom: 8px;}

.psm-card-suscripcion-titulo-pagina{font-size: 32px;
    font-weight: 700;
    color: #f5c842;
text-align: center;padding: 11px;}


.psm-btn{border:none;border-radius:8px;padding:8px 10px;font-size:16px;cursor:pointer;font-weight:600;flex:1;}
.psm-btn-primary{background:#1a73e8;color:#fff;transition: opacity .2s, transform .15s;
    border-radius: 20pc;
    /*border: 1px solid rgba(255,255,255,0.15);*/
    box-shadow: 0 6px 20px rgb(0 0 0 / 55%), 0 2px 4px rgb(0 0 0 / 40%), inset 0 1px 0 rgb(255 255 255 / 18%), inset 0 -2px 4px rgb(0 0 0 / 30%);}
.psm-btn-primary:hover {
    transform: scale(1.02);
}


.psm-btn-secondary{background:rgb(156 116 0);color:#fff;transition: opacity .2s, transform .15s;
    border-radius: 20pc;
   /*box-shadow: 0 6px 20px rgb(239 183 20);*/
    
        border: 1px solid rgb(183 136 2);
    box-shadow: 0 1px 5px rgb(239 183 20);
   /* box-shadow: 0 6px 20px rgb(0 0 0 / 55%), 0 2px 4px rgb(0 0 0 / 40%), inset 0 1px 0 rgb(255 255 255 / 18%), inset 0 -2px 4px rgb(0 0 0 / 30%);*/}

.psm-btn-secondary:hover {
    transform: scale(1.02);
}

.psm-cart-remove{
    background: red;
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    font-size: 15px;
    line-height: 1;
    box-shadow: 0 6px 20px rgb(0 0 0 / 55%), 0 2px 4px rgb(0 0 0 / 40%), inset 0 1px 0 rgb(255 255 255 / 18%), inset 0 -2px 4px rgb(0 0 0 / 30%);
    cursor: pointer;
}

h3{    text-align: center;}
.psm-btn:disabled{opacity:.6;cursor:not-allowed;}
.psm-pagination{display:flex;justify-content:center;gap:6px;margin:24px 0;}
.psm-pagination button{border:1px solid #d1d5db;background:#fff;border-radius:6px;padding:6px 12px;cursor:pointer;}
.psm-pagination button.active{background:var(--psm-primary);color:#fff;border-color:var(--psm-primary);}
.psm-cart-widget{display:none;position:fixed;bottom:20px;right:20px;background:var(--psm-dark);color:#fff;border-radius:30px;padding:12px 20px;cursor:pointer;font-weight:600;z-index:10050;    box-shadow: 0 6px 20px rgb(0 0 0 / 55%), 0 2px 4px rgb(0 0 0 / 40%), inset 0 1px 0 rgb(255 255 255 / 18%), inset 0 -2px 4px rgb(0 0 0 / 30%);
    transition: opacity .2s, transform .15s;}

.psm-cart-widget:hover{transform: scale(1.02);}

.psm-cart-panel{position:fixed;bottom:80px;right:20px;width:320px;max-height:70vh;overflow:auto;border-radius:12px;padding:16px;z-index:10051;
    
    background: linear-gradient(160deg,rgba(14,22,60,0.98),rgba(6,10,28,0.99));
    border: 1px solid rgba(245,200,66,0.6);
    box-shadow: 0 0 20px rgb(0 0 0), 0 0 4px rgb(0 0 0 / 40%), inset 0 0 4px rgb(255 255 255), inset 0 0 12px rgb(0 0 0);}
.psm-cart-item{display:flex;gap:10px;align-items:center;border-bottom:1px solid #eee;padding:8px 0;}
.psm-cart-item img{width:50px;height:38px;object-fit:cover;border-radius:6px;}
.psm-loading{text-align:center;color:#9ca3af;padding:40px 0;grid-column:1/-1;}
.psm-downloads-list{display:grid;grid-template-columns: repeat(auto-fill,minmax(325px,1fr));gap:16px;}
.psm-download-card{border:1px solid #eee;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px;}
.psm-download-card img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px;}



.psm-plan-card{background: linear-gradient(160deg,rgba(14,22,60,0.98),rgba(6,10,28,0.99));
    border: 1px solid rgba(245,200,66,0.6);
    border-radius: 16px;
    padding: 24px;
    text-align: center;
    position: relative;
    box-shadow: 0 8px 32px rgb(0 0 0 / 50%);font-size: 25px;}


.psm-plans-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;}



@media (min-width: 800px){
.psm-plans-list{margin: 22px;display:grid;grid-template-columns: 1fr 1fr 1fr!important;gap:16px;}
}
.psm-status-paid{color:#16a34a;font-weight:700;}
.psm-status-pending{color:#d97706;font-weight:700;}
.psm-status-failed{color:#dc2626;font-weight:700;}

/* Ficha individual: la imagen elegida cubre TODO el fondo del componente, con un
   sombreado oscuro para que el texto se siga leyendo bien en cualquier parte. */
.psm-single-app{
	position:relative;
	background-size:cover;
	background-position:center top;
	background-repeat:no-repeat;
	background-attachment:fixed;
	padding:28px;
}
@media (max-width:600px){ .psm-single-app{ padding:16px; border-radius:0; } }
.psm-single-app .psm-gallery{
	background: #313131;
	border-radius:14px;
    box-shadow: 0 0 20px rgb(0 0 0), 0 0 4px rgb(0 0 0 / 40%), inset 0 0 4px rgb(255 255 255), inset 0 0 12px rgb(0 0 0)
}

.psm-single-app .psm-single-info{
	background: linear-gradient(#313131, rgb(10 12 20 / 75%));
	border-radius:14px;
	padding:20px;
		/*box-shadow:0 10px 30px rgba(0,0,0,.25);*/
    box-shadow: 0 0 20px rgb(0 0 0), 0 0 4px rgb(0 0 0 / 40%), inset 0 0 4px rgb(255 255 255), inset 0 0 12px rgb(0 0 0)
}





.psm-single-app .psm-related-section h2{color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.6);}
.psm-single-wrap{display:flex;flex-wrap:wrap;gap:11px;margin-bottom:40px;}
.psm-gallery{flex:1 1 460px;max-width:560px;}
.psm-gallery-main{position:relative;aspect-ratio:4/3;padding: 5px 5px 0 5px; overflow:hidden;}
.psm-slide{display:none;width:100%;height:100%;}
.psm-slide.active{display:block;}
.psm-slide img,.psm-slide video{width:100%;height:100%;object-fit:cover;display:block;border-radius: 10px 10px 0 0;}
.psm-gallery-nav{position:absolute;top:calc(50% - 18px);background:#1a73e8;color:#fff;border:none;width:36px;height:36px;border-radius:50%;font-size:20px;cursor:pointer;line-height:1; /*border: 1px solid rgba(255,255,255,0.15);*/
    box-shadow: 0 6px 20px rgb(0 0 0 / 55%), 0 2px 4px rgb(0 0 0 / 40%), inset 0 1px 0 rgb(255 255 255 / 18%), inset 0 -2px 4px rgb(0 0 0 / 30%);}
.psm-gallery-prev{left:10px;}
.psm-gallery-next{right:10px;}
.psm-gallery-thumbs{display:flex;gap:8px;margin-bottom: 3px;justify-content: center;overflow-x:auto;}
.psm-thumb{width:64px;height:48px;border-radius:6px;overflow:hidden;cursor:pointer;flex:0 0 auto;border:2px solid transparent;display:flex;align-items:center;justify-content:center;background:#111;color:#fff;}
.psm-thumb img{width:100%;height:100%;object-fit:cover;}
.psm-thumb.active{border-color:var(--psm-primary);}
.psm-single-info{flex:1 1 320px;}
.psm-single-title{color: #f5c842;font-size:32px;margin:0 0 6px;text-align: center;}
.psm-descripcion-title{color: #f5c842;font-size:20px;}
.psm-specs-table{width:100%;border-collapse:collapse;margin:16px 0;font-size:15px;}
.psm-specs-table th{text-align:left;color:#fff;padding:6px 10px 6px 0;width:140px;vertical-align:top;}
.psm-specs-table td{padding:6px 0;}
.psm-single-description{margin-top:16px;line-height:1.6;}
.psm-license-note{font-size:14px;color:#fff;margin-top:12px;}
.psm-related-section{margin-top:20px;}

/*.psm-related-section h2{font-size:20px;margin-bottom:16px;}*/

/* Modal de pantalla completa (atajo desde la grilla principal) */
body.psm-modal-lock{overflow:hidden;}
#psm-modal-overlay{display:none;position:fixed;inset:0;background:rgba(17,24,39,.75);z-index:1000;padding:24px;box-sizing:border-box;}
#psm-modal-overlay.open{display:flex;align-items:center;justify-content:center;}
.psm-modal-box{position:relative;width:100%;max-width:1150px;height:90vh;max-height:880px;box-shadow: 0 0 20px rgb(0 0 0), 0 0 4px rgb(0 0 0 / 40%), inset 0 0 4px rgb(255 255 255), inset 0 0 12px rgb(0 0 0);background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:16px;overflow:hidden;}

.psm-modal-box .psm-single-info{
	background: linear-gradient(#313131, rgb(10 12 20 / 75%));
	border-radius:14px;
	padding:20px;
		/*box-shadow:0 10px 30px rgba(0,0,0,.25);*/
    box-shadow: 0 0 20px rgb(0 0 0), 0 0 4px rgb(0 0 0 / 40%), inset 0 0 4px rgb(255 255 255), inset 0 0 12px rgb(0 0 0)
}

.psm-modal-box .psm-gallery{
	background: #313131;
	border-radius:14px;
	padding:0px;
	/*box-shadow:0 10px 30px rgba(0,0,0,.25);*/
    box-shadow: 0 0 20px rgb(0 0 0), 0 0 4px rgb(0 0 0 / 40%), inset 0 0 4px rgb(255 255 255), inset 0 0 12px rgb(0 0 0)
}


.psm-modal-box .psm-related-section h2{color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.6);}
.psm-modal-close{position:absolute;top:14px;right:16px;z-index:2;background:red;color:#fff;border:none;width:36px;height:36px;border-radius:50%;font-size:35px;cursor:pointer;line-height:1;/*border: 1px solid rgba(255,255,255,0.15);*/
    box-shadow: 0 6px 20px rgb(0 0 0 / 55%), 0 2px 4px rgb(0 0 0 / 40%), inset 0 1px 0 rgb(255 255 255 / 18%), inset 0 -2px 4px rgb(0 0 0 / 30%);}
.psm-modal-close:hover {
    transform: scale(1.02);
    border: 1px solid #000;
}

.psm-modal-scroll{position:absolute;inset:0;overflow-y:auto;padding:56px 24px 32px;}
@media (min-width:768px){ .psm-modal-scroll{ padding:11px 16px 48px; } }
@media (max-width:600px){
	#psm-modal-overlay{ padding:0; }
	.psm-modal-box{ max-width:100%; width:100%; height:100vh; max-height:100vh; border-radius:0; }
}
