/* PelisAnime Cuenta Unificada 3.4.0 · «Mi suscripción» con pestañas. Usa los temas del plugin (--bg, --card, --tx, --ac…). */
#pa-app .pa-ms2{width:100%;max-width:1240px;color:var(--tx);font-size:15.5px;line-height:1.4;font-weight:500}
#pa-app .pa-ms2 *{box-sizing:border-box}
#pa-app .pa-ms2 svg{width:1.2em;height:1.2em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
#pa-app .pa-ms2 h2,#pa-app .pa-ms2 h3,#pa-app .pa-ms2 h4{margin:0;color:var(--tx)}
/* pestañas */
#pa-app .pa-ms2-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 16px}
#pa-app .pa-ms2-tab{appearance:none;display:inline-block;padding:9px 16px;border:1px solid transparent;border-radius:12px;background:none;color:var(--mu);font-weight:700;font-size:15.5px;line-height:1.2;font-family:inherit;text-decoration:none;cursor:pointer;transition:background .15s,color .15s}
#pa-app .pa-ms2-tab:hover{background:var(--h1);color:var(--tx)}
#pa-app .pa-ms2-tab.is-on{background:var(--ac-s);color:var(--tx);border-color:color-mix(in srgb,var(--ac) 35%,transparent)}
/* vistas */
#pa-app .pa-ms2-view{display:none;gap:16px;min-width:0}
#pa-app .pa-ms2-view.is-on{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);animation:pa-ms2-in .26s ease-out}
#pa-app .pa-ms2-view#pa-ms2-resumen.is-on{grid-template-columns:minmax(0,1fr)}
@keyframes pa-ms2-in{from{opacity:0;transform:translateY(8px)}}
#pa-app .pa-ms2-r2{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:16px}
/* tarjetas */
#pa-app .pa-ms2-card{display:flex;flex-direction:column;min-width:0;padding:20px 22px;background:var(--card);border:1px solid var(--bd);border-radius:18px;box-shadow:0 14px 32px -24px rgba(0,0,0,.65)}
#pa-app .pa-ms2-card h4{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 6px;padding-bottom:12px;border-bottom:1px solid var(--bd);font-size:18px;font-weight:700}
#pa-app .pa-ms2-card h4.pa-ms2-sub{margin-top:auto;padding-top:14px;border-top:1px solid var(--bd)}
#pa-app .pa-ms2-lk{background:none;border:0;padding:0;color:var(--ac);font-weight:700;font-size:14.5px;line-height:1.2;font-family:inherit;text-decoration:none;cursor:pointer}
#pa-app .pa-ms2-lk:hover{text-decoration:underline}
#pa-app .pa-ms2-note,#pa-app .pa-ms2 small{color:var(--mu);font-size:14.5px;font-weight:500}
#pa-app .pa-ms2-mu{color:var(--mu)}
#pa-app .pa-ms2-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--bd)}
#pa-app .pa-ms2-card h4+.pa-ms2-row{border-top:0}
#pa-app .pa-ms2-row>span{color:var(--mu)}#pa-app .pa-ms2-row b{font-weight:700}
/* hero */
#pa-app .pa-ms2-hero{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;border:1px solid var(--bd);border-radius:20px;background:radial-gradient(34rem 16rem at 0 0,color-mix(in srgb,var(--ac) 24%,transparent),transparent 70%),linear-gradient(120deg,color-mix(in srgb,var(--ac) 10%,var(--card)),var(--card));box-shadow:0 18px 40px -28px rgba(0,0,0,.7)}
#pa-app .pa-ms2-hero>div{display:flex;flex-direction:column;justify-content:center;gap:2px;padding:20px 22px;border-left:1px solid var(--bd);min-width:0}
#pa-app .pa-ms2-hero>div:first-child{border-left:0}
#pa-app .pa-ms2-hero h3{margin:6px 0 4px;font-size:32px;font-weight:800;letter-spacing:-.02em;line-height:1.1}
#pa-app .pa-ms2-hero b{font-size:21px;font-weight:700}
/* píldoras y barras */
#pa-app .pa-ms2-pill{display:inline-block;width:fit-content;padding:2px 11px;border-radius:99px;background:color-mix(in srgb,var(--gr) 16%,transparent);color:var(--gr);font-size:13.5px;font-weight:700}
#pa-app .pa-ms2-pill.am{background:color-mix(in srgb,var(--amber) 16%,transparent);color:var(--amber)}
#pa-app .pa-ms2-pill.bad{background:color-mix(in srgb,var(--danger) 16%,transparent);color:var(--danger)}
#pa-app .pa-ms2-bar{height:10px;margin:8px 0 4px;border-radius:9px;background:var(--tk);overflow:hidden;max-width:100%}
#pa-app .pa-ms2-hero .pa-ms2-bar{height:8px;max-width:340px}
#pa-app .pa-ms2-bar>div{height:100%;border-radius:9px;background:linear-gradient(90deg,var(--ac),color-mix(in srgb,var(--ac) 55%,var(--gr)));transition:width .4s}
#pa-app .pa-ms2-big{font-size:52px;font-weight:800;line-height:1.05;margin:12px 0 4px}
#pa-app .pa-ms2-big span{color:var(--mu);font-size:19px;font-weight:600}
/* tarjeta de pago */
#pa-app .pa-ms2-pay{display:flex;align-items:center;gap:16px;margin:8px 0 4px;padding:16px 20px;border-radius:16px;color:#fff;background:linear-gradient(135deg,var(--cc1),var(--cc2));box-shadow:0 14px 28px -18px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.12)}
#pa-app .pa-ms2-pay i{font-style:normal;font-weight:800;letter-spacing:.06em}
#pa-app .pa-ms2-pay b{display:block;font-size:17px}#pa-app .pa-ms2-pay small{display:block;color:rgba(255,255,255,.75);font-size:14px}
#pa-app .pa-ms2-pay::after{content:"";margin-left:auto;width:38px;height:28px;border-radius:6px;background:linear-gradient(135deg,#f6dc8a,#b8913a)}
/* opciones de administración */
#pa-app .pa-ms2-opt{appearance:none;display:flex;align-items:center;gap:14px;width:100%;margin:0;padding:10px;border:1px solid transparent;border-radius:12px;background:none;color:var(--tx);font:inherit;font-family:inherit;text-align:left;text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s}
#pa-app .pa-ms2-opt:hover{background:var(--h1);border-color:var(--bd)}
#pa-app .pa-ms2-opt>svg:first-child{width:44px;height:44px;padding:11px;border-radius:12px;background:var(--ac-s);color:var(--ac)}
#pa-app .pa-ms2-opt>div{flex:1;line-height:1.25;min-width:0}
#pa-app .pa-ms2-opt b{display:block;font-size:17px;font-weight:700}
#pa-app .pa-ms2-opt small{display:block;font-size:14.5px}
#pa-app .pa-ms2-chev{width:1em;height:1em;color:var(--mu);transition:transform .15s}
#pa-app .pa-ms2-opt:hover .pa-ms2-chev{transform:translateX(3px);color:var(--tx)}
#pa-app .pa-ms2-opt.is-danger>svg:first-child{background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger)}
#pa-app .pa-ms2-opt.is-disabled{opacity:.55;cursor:not-allowed}#pa-app .pa-ms2-opt.is-disabled:hover{background:none;border-color:transparent}
#pa-app .pa-ms2-help{margin-top:auto}
/* botones */
#pa-app .pa-ms2-btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;width:fit-content;margin-top:auto;padding:11px 18px;border:0;border-radius:12px;background:var(--btn);color:var(--btnt);font-weight:700;font-size:15.5px;line-height:1.2;font-family:inherit;text-decoration:none;cursor:pointer;transition:filter .15s,background .15s,transform .1s}
#pa-app .pa-ms2-btn:hover{filter:brightness(.92)}#pa-app .pa-ms2-btn:active{transform:scale(.98)}
#pa-app .pa-ms2-btn.g{background:none;color:var(--tx);border:1px solid var(--bd)}#pa-app .pa-ms2-btn.g:hover{background:var(--h1);filter:none}
#pa-app .pa-ms2-btn.d{background:none;color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 40%,transparent)}
#pa-app .pa-ms2-btn.sm{margin-top:0;padding:7px 14px;font-size:14.5px}
#pa-app .pa-ms2-btn:disabled{opacity:.5;cursor:wait}
/* dispositivos */
#pa-app .pa-ms2-dev{display:flex;align-items:center;gap:14px;padding:12px 0;border-top:1px solid var(--bd)}
#pa-app .pa-ms2-dev:first-child{border-top:0}
#pa-app .pa-ms2-dev>svg{width:48px;height:48px;padding:12px;border-radius:12px;background:var(--h1)}
#pa-app .pa-ms2-dev>div{flex:1;line-height:1.25;min-width:0}#pa-app .pa-ms2-dev b{display:block;font-size:17px;font-weight:700}#pa-app .pa-ms2-dev small{display:block}
#pa-app .pa-ms2-dev.is-current b::before{content:"";display:inline-block;width:10px;height:10px;margin-right:9px;border-radius:50%;background:var(--gr);box-shadow:0 0 0 4px color-mix(in srgb,var(--gr) 22%,transparent)}
#pa-app .pa-ms2-dev.is-free{color:var(--mu);border-top-style:dashed}
#pa-app .pa-ms2-card>[data-pa-ms2-devs]{margin-bottom:14px}
/* tablas */
#pa-app .pa-ms2-table{width:100%;border-collapse:collapse;margin:0}
#pa-app .pa-ms2-table th,#pa-app .pa-ms2-table td{padding:11px 8px 11px 0;border:0;border-top:1px solid var(--bd);background:none;text-align:left;font-size:15.5px;color:var(--tx)}
#pa-app .pa-ms2-table th{padding-top:4px;border-top:0;color:var(--mu);font-size:14.5px;font-weight:600}
#pa-app .pa-ms2-table td a{color:var(--tx);text-decoration:none;font-weight:600}#pa-app .pa-ms2-table td a:hover{color:var(--ac)}
#pa-app .pa-ms2-table td.pa-ms2-mu{color:var(--mu)}
/* aviso */
#pa-app .pa-ms2-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,16px);padding:11px 18px;border-radius:12px;background:var(--btn);color:var(--btnt);font-weight:700;opacity:0;pointer-events:none;transition:.25s;z-index:99999}
#pa-app .pa-ms2-toast.is-on{opacity:1;transform:translate(-50%,0)}
#pa-app .pa-ms2 :focus-visible{outline:2px solid var(--ac);outline-offset:2px}
@media(max-width:1100px){#pa-app .pa-ms2-hero{grid-template-columns:1fr 1fr}#pa-app .pa-ms2-hero>div{border-left:0;border-top:1px solid var(--bd)}#pa-app .pa-ms2-hero>div:first-child{grid-column:1/-1;border-top:0}}
@media(max-width:900px){#pa-app .pa-ms2-r2,#pa-app .pa-ms2-view.is-on{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){#pa-app .pa-ms2 *{animation:none!important;transition:none!important}}

/* v3.4.1 · sin scroll de página: la sección ocupa exactamente el alto disponible; si algo no cabe, hace scroll dentro de su tarjeta */
#pa-app#pa-app .pa-main:has(.pa-ms2){overflow-y:hidden !important;padding-bottom:36px !important}
#pa-app .pa-ms2{display:flex;flex-direction:column;height:calc(100vh - var(--pa-header-offset,61px) - 72px);min-height:0}
#pa-app .pa-ms2-tabs{flex:none;margin-bottom:14px}
#pa-app .pa-ms2-view.is-on{flex:1 1 auto;min-height:0;grid-template-rows:minmax(0,1fr)}
#pa-app .pa-ms2-view#pa-ms2-resumen.is-on{grid-template-rows:auto minmax(0,1fr)}
#pa-app .pa-ms2-r2{min-height:0;grid-template-rows:minmax(0,1fr)}
#pa-app .pa-ms2-card{min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--scr) transparent}
@media(max-height:860px){
 #pa-app .pa-ms2{font-size:14.5px}
 #pa-app .pa-ms2-tabs{margin-bottom:10px}#pa-app .pa-ms2-tab{padding:7px 14px;font-size:14.5px}
 #pa-app .pa-ms2-view.is-on,#pa-app .pa-ms2-r2{gap:12px}
 #pa-app .pa-ms2-hero>div{padding:13px 18px}#pa-app .pa-ms2-hero h3{font-size:27px;margin:4px 0 2px}#pa-app .pa-ms2-hero b{font-size:19px}
 #pa-app .pa-ms2-card{padding:15px 18px}#pa-app .pa-ms2-card h4{font-size:16.5px;padding-bottom:9px}
 #pa-app .pa-ms2-row{padding:7px 0}
 #pa-app .pa-ms2-pay{padding:12px 16px;margin:4px 0 0}
 #pa-app .pa-ms2-opt{padding:6px 8px;gap:12px}#pa-app .pa-ms2-opt>svg:first-child{width:38px;height:38px;padding:9px}#pa-app .pa-ms2-opt b{font-size:15.5px}#pa-app .pa-ms2-opt small{font-size:13.5px}
 #pa-app .pa-ms2-dev{padding:8px 0}#pa-app .pa-ms2-big{font-size:42px;margin:6px 0 2px}
 #pa-app .pa-ms2-table th,#pa-app .pa-ms2-table td{padding-top:8px;padding-bottom:8px}
}
@media(max-width:900px){#pa-app#pa-app .pa-main:has(.pa-ms2){overflow-y:auto !important}#pa-app .pa-ms2{height:auto}#pa-app .pa-ms2-card{overflow:visible}}
