/* Premium de Super Free Videos (22/sep/2026). Solo se carga con la vista previa o con sesion (lo inyecta el worker).
   Azul #2A5EF3 (blanco 5.26:1), degradado #4D7EF7 -> #2A5EF3 -> #1D48CF, negro #0B0B0C. Google Sans, Material Symbols. */
:root{--pm:#2A5EF3;--pm-hi:#4D7EF7;--pm-lo:#1D48CF;--pm-soft:rgba(42,94,243,.10);--pm-ico:#2A5EF3;--pm-dlg:#fff}
html[data-theme="dark"]{--pm-soft:rgba(77,126,247,.20);--pm-ico:#8FAEFB;--pm-dlg:#16161A}
/* Barra */
.pm-pill{height:36px;padding:0 16px;border:0;border-radius:9999px;background:var(--pm);color:#fff;font:600 14px/1 var(--brand);letter-spacing:.01em;display:inline-flex;align-items:center;cursor:pointer;flex:none;
 box-shadow:0 1px 2px rgba(42,94,243,.28),0 6px 18px rgba(42,94,243,.24);user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;transition:background-color .2s var(--ease),scale .5s var(--spring)}
.pm-pill:hover{background:var(--pm-lo)}
.pm-pill:active{scale:.94;transition:background-color .2s var(--ease),scale .08s ease-out}
.pm-pill,.pm-acct,.pm-x,.pm-btn,.pm-link,.pm{outline:none}
html[data-premium] .pm-pill{display:none}
.pm-acct{display:flex;align-items:center;justify-content:center;border:0;background:none;width:40px;height:40px;padding:8px;border-radius:9999px;color:var(--ink);cursor:pointer;flex:none;-webkit-tap-highlight-color:transparent;transition:background-color .2s var(--ease),scale .5s var(--spring)}
/* "person" cabe en un circulo de 800/960: a 27.0 px entra en el mismo circulo de 22.5 px que los demas iconos de la barra */
.pm-acct svg{flex:none;width:26.8px;height:26.8px;display:block}
.pm-acct:hover{background:var(--hover)}
/* 25/sep/2026 (Emiliano): el icono de usuario va en el azul de Premium SOLO si la cuenta es Premium (el worker pone
   data-premium="1" en <html>); sin Premium conserva el color normal del texto. */
html[data-premium="1"] .pm-acct{color:var(--pm)}
.pm-acct:active{scale:.86;transition:background-color .2s var(--ease),scale .08s ease-out}
@media (hover:none){.pm-acct:hover{background:transparent}.pm-pill:hover{background:var(--pm)}}
.pm-brk{display:none}
@media (max-width:640px){
 /* 26/sep/2026 (Emiliano): en el telefono los iconos van en el mismo orden que en computadora (de derecha a izquierda:
    luna/sol, usuario, For You y Likes) junto al logo; debajo, el buscador a todo el ancho (Premium: ver 27/sep abajo).
    Los iconos siguen la MISMA regla de tamano que en computadora (cada dibujo cabe en el mismo circulo; proporciones
    de los botones de 40 px) pero a la medida del telefono: --bt es el boton, del ancho que deja libre el logo
    (100vw - 18+18 de margen - 189 del logo - 4 huecos de 4 px - 3 de holgura), entre 28 y 40 px. */
 /* 27/sep/2026: en WebKit (Safari/iPhone) el logo mide 192.1 px (el emoji es mas ancho que en Chrome, 189-191) y con
    3 px de holgura la luna bajaba a la segunda fila por 0.14 px. Holgura de 7 px: 248 en vez de 244. */
 .topin{--bt:clamp(28px,calc((100vw - 248px) / 4),40px)}
 /* 27/sep/2026 (Emiliano): Premium va a la izquierda del usuario, en el hueco de Likes y For You (que sin Premium no
    se ven). Mide lo mismo que esos dos botones juntos (2 x --bt + 4 px de hueco) y su alto es 0.9 del boton, como en
    computadora (36 junto a 40). Con Premium la pastilla se quita y en su lugar aparecen Likes y For You. */
 .favbtn.show{order:2}
 .fybtn{order:3}
 .pm-pill{order:4;width:calc(var(--bt) * 2 + 4px);height:calc(var(--bt) * .9);padding:0;justify-content:center;font-size:clamp(12px,calc(var(--bt) * .35),14px)}
 .pm-acct{order:5}
 .modebtn{order:6}
 .pm-brk{display:block;order:7;flex:0 0 100%;height:0}
 .topin .search,.topin:has(.pm-acct) .search{order:8;flex:0 0 100%;width:100%;max-width:none;min-width:0}
 .topin .favbtn,.topin .fybtn,.topin .modebtn,.topin .pm-acct{width:var(--bt);height:var(--bt);padding:0}
 .topin .favbtn .fl,.topin .fybtn .fl,.topin .modebtn .fl{width:calc(var(--bt) * .65);height:calc(var(--bt) * .65)}
 .topin .favbtn .fl svg{width:calc(var(--bt) * .63175);height:calc(var(--bt) * .63175)}
 .topin .fybtn .fl svg{width:calc(var(--bt) * .642);height:calc(var(--bt) * .642)}
 .topin .modebtn .i-moon svg{width:calc(var(--bt) * .733);height:calc(var(--bt) * .733)}
 .topin .modebtn .i-sun svg{width:calc(var(--bt) * .60875);height:calc(var(--bt) * .60875)}
 .topin .pm-acct svg{width:calc(var(--bt) * .67);height:calc(var(--bt) * .67)}
}
/* Sin Premium: Watching, Likes y For You no se muestran (las peliculas siguen gratis). */
html[data-pm]:not([data-premium]) #favbtn,html[data-pm]:not([data-premium]) #fybtn,
html[data-pm]:not([data-premium]) #watchrow,html[data-pm]:not([data-premium]) #lk{display:none!important}
/* Ventana */
.pm-scrim{position:fixed;inset:0;z-index:2000;background:rgba(11,11,12,.44);display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .26s var(--ease),visibility 0s linear .26s}
.pm-scrim.open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .26s var(--ease),visibility 0s}
.pm{width:min(400px,100%);max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;border-radius:28px;background:var(--pm-dlg);color:var(--ink);font-family:var(--brand);
 box-shadow:0 2px 6px rgba(11,11,12,.12),0 28px 72px rgba(11,11,12,.34);transform:translateY(14px) scale(.96);opacity:0;transition:transform .55s var(--spring),opacity .2s var(--ease)}
.pm-scrim.open .pm{transform:none;opacity:1}
.pm-hero{position:relative;padding:30px 28px 26px;color:#fff;background:radial-gradient(120% 90% at 85% -10%,rgba(255,255,255,.22),rgba(255,255,255,0) 55%),linear-gradient(165deg,var(--pm-hi) 0%,var(--pm) 55%,var(--pm-lo) 100%)}
.pm-x{position:absolute;right:14px;top:14px;width:40px;height:40px;border:0;border-radius:9999px;background:rgba(255,255,255,.16);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s var(--ease)}
.pm-x:hover{background:rgba(255,255,255,.26)}
.pm-h{font-size:34px;font-weight:700;line-height:1.1;margin:0 0 4px;letter-spacing:-.01em;padding-right:44px}
.pm-s{font-size:16px;opacity:.95;margin:0}
.pm-p{display:flex;align-items:baseline;gap:6px;margin-top:18px}.pm-p b{font-size:44px;line-height:1;font-weight:700;letter-spacing:-.02em}.pm-p span{font-size:15px;opacity:.9}
.pm-b{padding:20px 28px 24px}
.pm-l{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.pm-l li{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:center}
.pm-i{width:40px;height:40px;border-radius:12px;background:var(--pm-soft);color:var(--pm-ico);display:flex;align-items:center;justify-content:center}
.pm-t{font-size:15px;font-weight:600;line-height:1.25}.pm-d{font-size:13.5px;color:var(--muted);line-height:1.3}
.pm-free{margin:18px 0;font-size:13.5px;color:var(--muted);text-align:center}
.pm-l+.pm-btn{margin-top:26px}
.pm-btn{width:100%;height:48px;border-radius:9999px;font:600 15px/1 var(--brand);display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;border:0;-webkit-tap-highlight-color:transparent;transition:filter .2s var(--ease),scale .5s var(--spring)}
.pm-btn:active{scale:.97;transition:scale .08s ease-out}
.pm-btn[disabled]{opacity:.6;cursor:default}
.pm-btn+.pm-btn{margin-top:10px}
.pm-g{background:var(--pm-dlg);color:var(--ink);border:1px solid var(--line)}
/* 27/sep/2026 (Emiliano): la G nueva de Google con degradado ("standard color gradient super G", Sign in with Google,
   reglas del 7/jul/2026). Es la G oficial de signin-assets.zip sin el marco del boton, en PNG transparente (80 px). */
.pm-gi{width:20px;height:20px;display:block;flex:none;pointer-events:none;-webkit-user-drag:none}
html[data-theme="dark"] .pm-g{background:#1F1F24;border-color:#34343B}
.pm-a{background:#0B0B0C;color:#fff}
html[data-theme="dark"] .pm-a{background:#fff;color:#0B0B0C}
.pm-sub{background:var(--pm);color:#fff;box-shadow:0 6px 18px rgba(42,94,243,.28)}
.pm-sub:hover{background:var(--pm-lo)}
.pm-out{background:var(--surface);color:var(--ink)}
.pm-who{margin-top:14px;font-size:13px;color:var(--muted);text-align:center;line-height:1.5;overflow-wrap:anywhere}
.pm-link{border:0;background:none;padding:0;font:inherit;color:inherit;text-decoration:underline;cursor:pointer}
.pm-f{margin-top:14px;font-size:12px;color:var(--muted);text-align:center;line-height:1.5}.pm-f a{color:inherit;text-decoration:underline}
.pm-err{margin-top:12px;font-size:13px;color:#C5221F;text-align:center}
html[data-theme="dark"] .pm-err{color:#F28B82}
.pm-wait{display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 0 4px;font-size:15px;color:var(--muted)}
.pm-dot{width:8px;height:8px;border-radius:50%;background:var(--pm);animation:pm-dot 1s var(--ease) infinite alternate}
.pm-dot:nth-child(2){animation-delay:.2s}.pm-dot:nth-child(3){animation-delay:.4s}
@keyframes pm-dot{from{opacity:.25;transform:translateY(0)}to{opacity:1;transform:translateY(-4px)}}
html.pm-lock,html.pm-lock body{overflow:hidden}
@media (prefers-reduced-motion:reduce){.pm-scrim,.pm-scrim.open,.pm{transition:opacity .01s}.pm{transform:none}.pm-dot{animation:none}}