/* Ficha de producto mejorada (inc/mgpl-product.php). Usa los colores del tema (--sk-*). */

.mgpl-i{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* Franja de datos: Activación y Escaneado en verde */
.mgpl-pfacts .mgpl-pf-activation dd,.mgpl-pfacts .mgpl-pf-scan dd{color:var(--sk-good,#1f9d6c)}
.mgpl-pfacts .mgpl-pf-activation dd::before,.mgpl-pfacts .mgpl-pf-scan dd::before{content:"";display:inline-block;width:7px;height:7px;margin-inline-end:7px;border-radius:50%;background:currentColor;vertical-align:2px;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 18%,transparent)}

/* Debajo de la franja: pedir actualización / reportar */
.mgpl-preq{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;margin:0;padding:10px 14px;border:1px solid var(--sk-line);border-top:0;border-radius:0 0 calc(14px*var(--sko-rk,1)) calc(14px*var(--sko-rk,1));background:var(--sk-bg);font-size:14px;color:var(--sk-muted)}
.mgpl-pfacts .sk-pfacts{border-bottom-left-radius:0;border-bottom-right-radius:0}
.mgpl-preq p{margin:0}
.mgpl-preq-bs{display:flex;flex-wrap:wrap;gap:8px}
.mgpl-preq-b{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 14px;border:1px solid var(--sk-line);border-radius:999px;background:var(--sk-bg);color:var(--sk-text);font:inherit;font-size:13.5px;font-weight:700;cursor:pointer}
.mgpl-preq-b:hover{border-color:var(--sk-muted)}
.mgpl-preq-b.is-main{background:var(--sk-primary);border-color:var(--sk-primary);color:var(--sk-on-primary,#fff)}
.mgpl-preq-b.is-main:hover{filter:brightness(1.08)}
.mgpl-preq-b .sk-i{width:16px;height:16px}

/* Contador en el menú de secciones / pestañas */
.mgpl-count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--sk-surface);border:1px solid var(--sk-line);font-size:11.5px;font-weight:800;line-height:1;color:var(--sk-muted)}
.sk-psub a[aria-current="true"] .mgpl-count,[role="tab"][aria-selected="true"] .mgpl-count{background:var(--sk-primary-soft,var(--sk-surface));border-color:transparent;color:var(--sk-primary)}

/* Caja de compra */
.mgpl-pacts{display:flex;flex-wrap:wrap;gap:8px}
.mgpl-pacts .sk-plink{align-self:auto}
.mgpl-follow .mgpl-follow-on{display:none}
.mgpl-follow[aria-pressed="true"]{border-color:var(--sk-primary);color:var(--sk-primary);background:var(--sk-primary-soft,var(--sk-bg))}
.mgpl-follow[aria-pressed="true"] .mgpl-follow-on{display:inline}
.mgpl-follow[aria-pressed="true"] .mgpl-follow-off{display:none}
.mgpl-follow[aria-busy="true"]{opacity:.6;pointer-events:none}

.mgpl-perks{display:grid;gap:3px;margin-top:4px}
.mgpl-perk{display:flex;align-items:flex-start;gap:6px;font-size:13px;line-height:1.35;color:var(--sk-muted)}
.mgpl-perk .sk-i{flex:none;width:14px;height:14px;margin-top:2px;color:var(--sk-good,#1f9d6c)}
.mgpl-perk.is-strong{color:var(--sk-text);font-weight:700}

.mgpl-was{display:block;margin-top:2px;font-size:12.5px;color:var(--sk-muted)}
.mgpl-was del{opacity:.8}
.mgpl-was b{margin-inline-start:4px;padding:1px 6px;border-radius:999px;background:color-mix(in srgb,var(--sk-good,#1f9d6c) 14%,var(--sk-bg));color:var(--sk-good,#1f9d6c);font-size:11.5px}

/* Pago seguro · Acceso inmediato · Tarjeta y PayPal: tres columnas chicas */
.mgpl-pay{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0;padding:10px 0 0;border-top:1px solid var(--sk-line);list-style:none}
.mgpl-pay li{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;padding:8px 4px;border-radius:12px;background:var(--sk-surface);font-size:11.5px;font-weight:700;line-height:1.25;text-align:center;color:var(--sk-text)}
.mgpl-pay .sk-i{width:18px;height:18px;color:var(--sk-primary)}
.mgpl-ars{display:flex;gap:8px;align-items:flex-start;margin:0;font-size:13px;line-height:1.45;color:var(--sk-muted)}
.mgpl-ars b{color:var(--sk-text)}
.mgpl-ars{flex-direction:column;gap:2px;padding:10px 12px;border-radius:12px;background:var(--sk-surface)}
.mgpl-ars[hidden]{display:none}
.mgpl-ars small{font-size:11.5px}

/* Demo en vivo / sitio oficial en la franja del título */
.mgpl-pdemo,.mgpl-psite{display:inline-flex;align-items:center;gap:6px;text-decoration:none}
.mgpl-psite{font-weight:600}
.mgpl-psite .mgpl-psite-ext{width:13px;height:13px;opacity:.7}
.mgpl-pdemo{padding:2px 10px 2px 6px;border-radius:999px;background:color-mix(in srgb,var(--sk-good,#1f9d6c) 85%,#000);color:#fff !important}
.mgpl-pdemo:hover{filter:brightness(1.1)}
.mgpl-psite:hover{text-decoration:underline}

/* Qué incluye la descarga */
.mgpl-incl{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;margin:0 0 10px;padding:0;list-style:none}
.mgpl-incl li{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--sk-line);border-radius:12px;background:var(--sk-surface);font-weight:600;min-width:0}
.mgpl-incl li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mgpl-incl .sk-i{flex:none;width:16px;height:16px;color:var(--sk-good,#1f9d6c)}
.mgpl-incl-n{margin:0;font-size:13.5px;color:var(--sk-muted)}

/* Registro de cambios */
.mgpl-chl{border:1px solid var(--sk-line);border-radius:calc(14px*var(--sko-rk,1));padding:16px 18px;background:var(--sk-bg)}
.mgpl-chl-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:0 0 12px;padding-bottom:12px;border-bottom:1px solid var(--sk-line)}
.mgpl-chl-head h3{margin:0;font-size:18px;display:flex;align-items:center;gap:8px}
.mgpl-chl-latest{padding:2px 8px;border-radius:999px;background:var(--sk-primary-soft,var(--sk-surface));color:var(--sk-primary);font-size:11.5px;font-weight:800;letter-spacing:.02em}
.mgpl-chl-day{font-size:13px;color:var(--sk-muted)}
.mgpl-chips{display:inline-flex;flex-wrap:wrap;gap:4px;margin-inline-start:auto}
.mgpl-chip{margin-inline-end:0}
.mgpl-chl-list li{display:flex;align-items:flex-start;gap:4px;line-height:1.5}
.mgpl-chl-list .storekit-change{flex:none;margin-top:1px}
.mgpl-chl h4{margin:16px 0 8px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--sk-muted)}
.mgpl-chl-old{margin:0 !important;padding:0;list-style:none}
.mgpl-chl-old li{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:0 !important;padding:9px 0;border-top:1px solid var(--sk-line)}
.mgpl-chl-old li:first-child{border-top:0}
.mgpl-chl-old strong{min-width:64px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13.5px}
.mgpl-chl-more{margin-top:4px}
.mgpl-chl-more summary{cursor:pointer;padding:8px 0;font-size:13.5px;font-weight:700;color:var(--sk-primary)}
.mgpl-chl-more .mgpl-chl-old li:first-child{border-top:1px solid var(--sk-line)}

/* Ventana: seguir sin sesión, pedir versión, reportar */
.mgpl-dlg{width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;border:0;border-radius:18px;background:var(--sk-bg);color:var(--sk-text);box-shadow:0 24px 60px rgba(15,10,40,.28)}
.mgpl-dlg::backdrop{background:rgba(15,10,40,.62)}
.mgpl-dlg-f{display:flex;flex-direction:column;margin:0}
.mgpl-dlg-head{display:flex;align-items:flex-start;gap:12px;padding:18px 18px 14px;border-bottom:1px solid var(--sk-line)}
.mgpl-dlg-head h2{margin:0;font-size:18px;line-height:1.25}
.mgpl-dlg-head p{margin:2px 0 0;font-size:13px;color:var(--sk-muted);overflow-wrap:anywhere}
.mgpl-dlg-head>div{flex:1;min-width:0}
.mgpl-dlg-ic{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--sk-primary-soft,var(--sk-surface));color:var(--sk-primary)}
.mgpl-dlg-ic .sk-i{width:20px;height:20px;display:none}
.mgpl-dlg[data-kind="follow"] .mgpl-ic-follow,.mgpl-dlg[data-kind="version"] .mgpl-ic-version,.mgpl-dlg[data-kind="report"] .mgpl-ic-report{display:block}
.mgpl-dlg-x{flex:none;display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:10px;background:transparent;color:var(--sk-muted);cursor:pointer}
.mgpl-dlg-x:hover{background:var(--sk-surface);color:var(--sk-text)}
.mgpl-dlg-x .sk-i{width:18px;height:18px}
.mgpl-dlg-b{display:grid;gap:12px;padding:16px 18px;overflow:auto}
.mgpl-dlg-lead{margin:0;font-size:14px;color:var(--sk-muted)}
.mgpl-dlg-row{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:12px;background:var(--sk-surface);font-size:14px}
.mgpl-dlg-row span{color:var(--sk-muted)}
.mgpl-dlg-l{display:grid;gap:6px;font-size:14px;font-weight:700}
.mgpl-dlg-l input,.mgpl-dlg-l select,.mgpl-dlg-l textarea{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--sk-line);border-radius:12px;background:var(--sk-bg);color:var(--sk-text);font:inherit;font-weight:400;font-size:15px;box-sizing:border-box}
.mgpl-dlg-l textarea{min-height:84px;resize:vertical}
.mgpl-dlg-l input:focus,.mgpl-dlg-l select:focus,.mgpl-dlg-l textarea:focus{outline:2px solid var(--sk-primary);outline-offset:0;border-color:transparent}
.mgpl-dlg-who{margin:0;font-size:13px;color:var(--sk-muted)}
.mgpl-dlg-msg{margin:0;font-size:14px}
.mgpl-dlg-msg:empty{display:none}
.mgpl-dlg-msg.is-ok{padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--sk-good,#1f9d6c) 12%,var(--sk-bg));color:var(--sk-good,#1f9d6c);font-weight:700}
.mgpl-dlg-msg.is-bad{color:var(--sk-bad,#c0392b);font-weight:700}
.mgpl-dlg-msg a{color:inherit}
.mgpl-dlg-foot{display:grid;gap:8px;padding:0 18px 18px}
.mgpl-dlg-foot .sk-btn{width:100%;justify-content:center}
.mgpl-dlg-foot p{margin:0;font-size:12.5px;color:var(--sk-muted);text-align:center}
.mgpl-dlg [data-for]{display:none}
.mgpl-dlg[data-kind="follow"] [data-for~="follow"],.mgpl-dlg[data-kind="version"] [data-for~="version"],.mgpl-dlg[data-kind="report"] [data-for~="report"]{display:revert}
.mgpl-dlg .mgpl-dlg-l[data-for]{display:none}
.mgpl-dlg[data-kind="version"] .mgpl-dlg-l[data-for~="version"],.mgpl-dlg[data-kind="report"] .mgpl-dlg-l[data-for~="report"]{display:grid}
.mgpl-dlg .mgpl-dlg-row[data-for]{display:none}
.mgpl-dlg[data-kind="version"] .mgpl-dlg-row[data-for~="version"]{display:flex}
.mgpl-dlg.is-sent .mgpl-dlg-l,.mgpl-dlg.is-sent .mgpl-dlg-row,.mgpl-dlg.is-sent .mgpl-dlg-lead,.mgpl-dlg.is-sent .mgpl-dlg-foot,.mgpl-dlg.is-sent .mgpl-dlg-who{display:none !important}
.mgpl-hp{position:absolute !important;left:-9999px !important;width:1px;height:1px;overflow:hidden}

/* Aviso flotante (confirmación por correo, baja, seguir) */
.mgpl-toast{position:fixed;left:50%;bottom:24px;z-index:9999;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 32px);padding:12px 18px;border-radius:14px;background:#17142b;color:#fff;font-size:14px;font-weight:600;box-shadow:0 12px 30px rgba(0,0,0,.25)}
.mgpl-toast[hidden]{display:none}

@media (max-width:640px){
	.mgpl-preq{flex-direction:column;align-items:stretch;text-align:center}
	.mgpl-preq-bs{justify-content:center}
	.mgpl-chips{margin-inline-start:0;width:100%}
	.mgpl-toast{bottom:88px}
}

/* Etiqueta "Activado" junto al nombre */
.sk-pchip.mgpl-pchip-on{position:relative;gap:6px;background:color-mix(in srgb,#22b07d 22%,transparent);border-color:color-mix(in srgb,#22b07d 55%,transparent);color:#7ff0c2;cursor:help;outline:none}
.mgpl-pchip-on:focus-visible{box-shadow:0 0 0 2px #7ff0c2}
.sk-ptop[data-sk-band="light"] .sk-pchip.mgpl-pchip-on{background:color-mix(in srgb,#1f9d6c 12%,#fff);border-color:transparent;color:#137a52}
.mgpl-pchip-on .sk-i{width:14px;height:14px}

/* Globo del "Activado" (como el de Soporte, no el del navegador) */
.mgpl-tip{position:absolute;top:calc(100% + 10px);inset-inline-start:50%;z-index:60;width:max-content;max-width:260px;padding:8px 12px;border-radius:10px;background:#1c2024;color:#fff;font-size:12.5px;font-weight:500;line-height:1.45;letter-spacing:0;text-transform:none;white-space:normal;text-align:start;box-shadow:0 12px 28px -12px rgba(0,0,0,.45);opacity:0;visibility:hidden;transform:translate(-50%,-4px);transition:opacity .15s,transform .15s,visibility .15s;pointer-events:none}
.mgpl-tip::before{content:"";position:absolute;bottom:100%;inset-inline-start:50%;margin-inline-start:-6px;border:6px solid transparent;border-bottom-color:#1c2024}
.mgpl-pchip-on:hover .mgpl-tip,.mgpl-pchip-on:focus-visible .mgpl-tip{opacity:1;visibility:visible;transform:translate(-50%,0)}
@media (prefers-reduced-motion:reduce){.mgpl-tip{transition:none}}

/* Nombre del producto más chico (32px) con la versión como etiqueta al final */
.mgpl-product .sk-pt{font-size:clamp(24px,5vw,32px) !important;line-height:1.15}
.mgpl-pver{display:inline-flex;align-items:center;gap:6px;margin-inline-start:6px;padding:3px 10px;border:1px solid color-mix(in srgb,var(--sk-on-band,#fff) 25%,transparent);border-radius:999px;background:color-mix(in srgb,var(--sk-on-band,#fff) 10%,transparent);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;font-weight:700;line-height:1.3;letter-spacing:0;vertical-align:.35em;white-space:nowrap}
.mgpl-pver-dot{width:7px;height:7px;border-radius:50%;background:#30d18a;box-shadow:0 0 0 3px color-mix(in srgb,#30d18a 25%,transparent)}
.sk-ptop[data-sk-band="light"] .mgpl-pver{border-color:var(--sk-line);background:var(--sk-surface);color:var(--sk-text)}

/* Favoritos (el botón del plugin de lista de deseos, con el estilo de "Copiar enlace") */
.mgpl-fav{display:inline-flex}
.mgpl-fav > *{margin:0 !important}
.mgpl-fav a,.mgpl-fav button{display:inline-flex !important;align-items:center;gap:6px;min-height:34px;padding:0 12px !important;border:1px solid var(--sk-line) !important;border-radius:calc(10px*var(--sko-rk,1)) !important;background:var(--sk-bg) !important;color:var(--sk-muted) !important;font:inherit !important;font-size:13px !important;font-weight:700 !important;text-decoration:none !important;box-shadow:none !important;cursor:pointer}
.mgpl-fav a:hover,.mgpl-fav button:hover{border-color:var(--sk-muted) !important}
.mgpl-fav i,.mgpl-fav svg,.mgpl-fav img{width:16px !important;height:16px !important;font-size:15px !important}

/* La caja de compra queda a la vista al bajar también en pantallas bajas (el tema lo hace desde 700px de alto) */
@media (min-width:1024px) and (max-height:699.98px){
	.sk-ptop:not([data-sk-box="band"]) .sk-pstick{height:100%}
	.sk-ptop:not([data-sk-box="band"]) .sk-pbuy{position:sticky;top:calc(var(--hdr-h,72px) + 16px);z-index:1}
	.admin-bar .sk-ptop:not([data-sk-box="band"]) .sk-pbuy{top:calc(var(--hdr-h,72px) + 48px)}
	.sk-ptop:not([data-sk-box="band"]) .sk-pstick-notes{position:sticky;top:calc(var(--hdr-h,72px) + 16px - var(--sk-stick-lift,0px));z-index:1;height:auto}
	.admin-bar .sk-ptop:not([data-sk-box="band"]) .sk-pstick-notes{top:calc(var(--hdr-h,72px) + 48px - var(--sk-stick-lift,0px))}
	.sk-ptop:not([data-sk-box="band"]) .sk-pstick-notes .sk-pbuy{position:static;flex:none}
}
@media (max-width:640px){
	.mgpl-tip{inset-inline-start:0;transform:translateY(-4px);max-width:min(260px,calc(100vw - 40px))}
	.mgpl-tip::before{inset-inline-start:22px}
	.mgpl-pchip-on:hover .mgpl-tip,.mgpl-pchip-on:focus-visible .mgpl-tip{transform:none}
}

/* Estrellas para calificar */
.mgpl-rate{display:inline-flex;align-items:center;gap:8px}
.mgpl-stars{--fill:0%;position:relative;display:inline-block;width:110px;height:20px;line-height:0}
.mgpl-stars-off,.mgpl-stars-on{position:absolute;inset:0;display:flex;gap:2.5px;overflow:hidden;white-space:nowrap}
.mgpl-stars svg{flex:none;width:20px;height:20px}
.mgpl-stars-off svg{fill:color-mix(in srgb,var(--sk-on-band,#fff) 22%,transparent)}
.sk-ptop[data-sk-band="light"] .mgpl-stars-off svg{fill:var(--sk-line)}
.mgpl-stars-on{width:var(--fill);transition:width .12s ease}
.mgpl-stars-on svg{fill:#f5b301}
.mgpl-rate.is-hover .mgpl-stars-on svg{fill:#ffc83d}
.mgpl-stars-btns{position:absolute;inset:0;display:flex}
.mgpl-star{flex:1;height:100%;margin:0;padding:0;border:0;background:transparent;cursor:pointer;border-radius:4px}
.mgpl-star:focus-visible{outline:2px solid #ffc83d;outline-offset:1px}
.mgpl-rate[aria-busy] .mgpl-star{cursor:progress}
.mgpl-rate-n{font-size:14px;font-weight:600}
@media (prefers-reduced-motion:reduce){.mgpl-stars-on{transition:none}}

/* Franja de datos como cuadrícula: todas las celdas a la vista, en una fila si entran o en varias */
.mgpl-pfacts .sk-pfacts.mgpl-pfgrid{display:grid !important;grid-auto-flow:row !important;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:1px;background:var(--sk-line)}
.mgpl-pfacts .mgpl-pfgrid .sk-pf{display:flex !important;border:0 !important;background:var(--sk-surface);padding:10px 12px}
.mgpl-pfacts .mgpl-pfgrid .sk-pf dt .sk-i{display:inline-block !important}
.mgpl-pfacts .mgpl-pfgrid .sk-pf dd{font-size:14.5px}
.mgpl-pf-chip{display:inline-flex;align-items:center;margin-inline-start:2px;padding:1px 7px;border-radius:999px;background:var(--sk-primary-soft,var(--sk-bg));color:var(--sk-primary);font-size:11px;font-weight:800;vertical-align:1px}
.mgpl-pf-auto.is-yes dd,.mgpl-pf-auto.is-yes dd a{color:var(--sk-good,#1f9d6c)}
.mgpl-pf-auto.is-yes dd a{text-decoration:underline;text-decoration-style:dashed;text-underline-offset:3px}
.mgpl-pf-auto.is-no dd{color:var(--sk-muted)}
.mgpl-pfacts .mgpl-pfgrid .sk-pf dd{overflow:visible;text-overflow:clip;white-space:normal;line-height:1.3}
.mgpl-pfacts .mgpl-pfgrid .sk-pf dt{overflow:visible;text-overflow:clip}
@media (max-width:640px){
	.mgpl-pfacts .sk-pfacts.mgpl-pfgrid{grid-template-columns:1fr 1fr}
	.mgpl-pfacts .sk-pf dd,.mgpl-pfacts .sk-pf dt{white-space:normal}
}
@media (max-width:640px){
	.mgpl-pfacts .mgpl-pfgrid .sk-pf:last-child:nth-child(odd){grid-column:1 / -1}
}