/* PelisAnime · Cabecera y Menú Móvil — tema premium v1.8.0 (azul · índigo · violeta) */
:root{
  --bg:#0B1120; --surface:#111827; --text:#F8FAFC; --muted:#94A3B8; --deep:#1E3A5F; --accent:#2563EB; --accent-t:#8FA8FF; --accent-rgb:37,99,235; --accent-grad:linear-gradient(135deg,#2563EB 0%,#6366F1 55%,#8B5CF6 100%); --ov:255,255,255;
  --glass:rgba(17,24,39,.86); --edge:rgba(148,163,184,.16); --card:rgba(255,255,255,.04); --card-h:rgba(255,255,255,.08);
  --shadow:0 22px 56px rgba(2,6,23,.62); --a1:rgba(99,102,241,.18); --a2:rgba(45,212,191,.10);
  --p1:30%; --p2:13%; --scrim:rgba(2,6,23,.62); color-scheme:dark;
  --g2-rgb:99,102,241; --g3-rgb:139,92,246; --tint:#2DD4BF; --tint-rgb:45,212,191; --focus-rgb:129,140,248; --on-accent:#ffffff; --badge:#6366F1; --on-badge:#ffffff; --badge-ink:#C7D2FE; --title-t:#A5B4FC;
  --av-grad:linear-gradient(135deg,#2DD4BF,#8B5CF6); --fab-grad:linear-gradient(135deg,#2DD4BF,#2563EB 55%,#8B5CF6);
  --font:"Plus Jakarta Sans","Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}
:root[data-theme="light"]{
  --bg:#F8FAFC; --surface:#FFFFFF; --text:#1E293B; --muted:#64748B; --deep:#1E3A5F; --accent:#2563EB; --accent-t:#2563EB; --accent-rgb:37,99,235; --accent-grad:linear-gradient(135deg,#2563EB,#6366F1); --ov:15,23,42;
  --glass:rgba(255,255,255,.92); --edge:rgba(15,23,42,.10); --card:rgba(15,23,42,.04); --card-h:rgba(15,23,42,.08);
  --shadow:0 14px 40px rgba(15,23,42,.14); --a1:rgba(99,102,241,.10); --a2:rgba(45,212,191,.12);
  --p1:88%; --p2:78%; --scrim:rgba(15,23,42,.42); color-scheme:light;
  --title-t:#6366F1; --badge-ink:#4F46E5;
}
/* =========================================================
   PELISANIME · TEMA MOBILE (oscuro premium por defecto; claro con data-theme="light")
   Basado en la paleta de la interfaz de referencia.
   Solo afecta pantallas de hasta 767px.
   ========================================================= */
@media (max-width:767px){
  :root:not([data-theme="light"]){
  --bg:#0B1120; --surface:#111827; --text:#F8FAFC; --muted:#94A3B8; --deep:#1E3A5F; --accent:#2563EB; --accent-t:#8FA8FF; --accent-rgb:37,99,235; --accent-grad:linear-gradient(135deg,#2563EB 0%,#6366F1 55%,#8B5CF6 100%); --ov:255,255,255;
  --glass:rgba(17,24,39,.94); --edge:rgba(148,163,184,.16); --card:rgba(255,255,255,.04); --card-h:rgba(255,255,255,.08);
  --shadow:0 22px 56px rgba(2,6,23,.62); --a1:rgba(99,102,241,.18); --a2:rgba(45,212,191,.10);
  --p1:30%; --p2:13%; --scrim:rgba(2,6,23,.62); color-scheme:dark;
  }

  html,body{
    background:var(--bg) !important;
    color:var(--text) !important;
  }

  body{
    color-scheme:dark;
  }

  .hdr-in,
  .bnav{
    background:var(--glass);
    border-color:rgba(var(--ov),.10);
    box-shadow:0 10px 34px rgba(0,0,0,.34);
  }

  .hdr-in{
    border:1px solid rgba(var(--ov),.10);
  }

  .bnav{
    border:1px solid rgba(var(--ov),.10);
  }

  .ib:hover,
  .sp:hover,
  .nav-d a:hover,
  .nav-d button:hover{
    background:rgba(var(--ov),.06);
  }

  .ind{
    background:linear-gradient(180deg,rgba(var(--accent-rgb),.20),rgba(var(--accent-rgb),.065));
    border-color:rgba(var(--accent-rgb),.38);
    box-shadow:0 0 28px rgba(var(--accent-rgb),.24);
  }

  .bnav a[aria-current="page"] svg,
  .tile svg,
  .res .ic,
  .dr-chip,
  .gp-i i{
    color:var(--accent-t,var(--accent));
  }

  .bnav i,
  .dot{
    background:var(--tint);
  }

  .gpanel,
  .drawer,
  .card{
    background-color:var(--surface);
    border-color:rgba(var(--ov),.10);
  }

  .drawer{
    background:
      radial-gradient(130% 55% at 0% 0%,rgba(var(--accent-rgb),.12),transparent 62%),
      radial-gradient(90% 50% at 100% 100%,rgba(var(--tint-rgb),.11),transparent 60%),
      var(--surface);
  }

  .me,
  .dr-av{
    background:var(--fab-grad);
  }

  .dr-fab{
    background:var(--fab-grad);
  }
}

:root{box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
html{scroll-padding-top:env(safe-area-inset-top,0px);-webkit-text-size-adjust:100%}
*,*::before,*::after{box-sizing:inherit}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.5;-webkit-tap-highlight-color:transparent;transition:background .3s,color .3s}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}
svg{display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:12px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.glass{background:var(--glass);backdrop-filter:blur(22px) saturate(1.5);-webkit-backdrop-filter:blur(22px) saturate(1.5);border:1px solid var(--edge)}

/* ---------- Cabecera flotante ---------- */
.hdr{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;padding:10px 12px 0}
.hdr-in{max-width:1180px;margin:0 auto;height:56px;display:flex;align-items:center;gap:14px;padding:0 10px 0 18px;border-radius:999px;transition:box-shadow .3s}
.hdr.scrolled .hdr-in{box-shadow:var(--shadow)}
.logo{display:flex;flex:none}
.logo img{height:30px;width:auto;display:block}
.nav-d{display:flex;gap:2px;margin-left:10px}
.nav-d a,.nav-d button{display:flex;align-items:center;gap:4px;padding:8px 14px;border-radius:999px;font-size:14px;font-weight:600;color:var(--muted);transition:color .15s,background .15s}
.nav-d a:hover,.nav-d button:hover{color:var(--text);background:var(--card)}
.nav-d a[aria-current="page"]{color:var(--text);background:var(--card-h)}
.nav-d svg{width:14px;height:14px}
.hdr-end{margin-left:auto;display:flex;align-items:center;gap:4px}
.sp{display:flex;align-items:center;gap:10px;height:38px;padding:0 8px 0 14px;border-radius:999px;background:var(--card);color:var(--muted);font-size:13.5px;font-weight:500;margin-right:4px;transition:background .15s}
.sp:hover{background:var(--card-h)}
.sp svg{width:17px;height:17px}
.sp kbd{font:600 11px var(--font);padding:3px 7px;border-radius:7px;background:var(--card-h);color:var(--muted)}
.ib{position:relative;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;transition:background .15s,transform .15s}
.ib:hover{background:var(--card)}
.ib:active{transform:scale(.92)}
.ib svg{width:20px;height:20px}
.ib .moon{display:none}
:root:not([data-theme="light"]) .ib .sun{display:none}
:root:not([data-theme="light"]) .ib .moon{display:block}
.dot{position:absolute;top:10px;right:11px;width:7px;height:7px;border-radius:50%;background:var(--tint);box-shadow:0 0 0 2px var(--bg)}
.me{margin-left:4px;width:38px;height:38px;border-radius:50%;padding:2px;background:var(--av-grad);display:block}
.me span{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:var(--bg);font-weight:800;font-size:13px}


/* ---------- Estado de cuenta (Paid Member Subscriptions) ---------- */
.st{display:flex;align-items:center}
.st-user{width:44px;height:44px}
.st-user .u{width:24px;height:24px;transform:translate(-2px,-1px)}
.st-user .b{position:absolute;right:1px;bottom:2px;width:23px;height:23px;overflow:visible;fill:currentColor;stroke:none;
  filter:drop-shadow(0 0 1px var(--bg)) drop-shadow(0 0 1.5px var(--bg))}
.st-user .b use{stroke:none}
.st-user[data-plan="free"] .b,.st-user:not([data-plan]) .b{display:none}
.st-login{display:none;align-items:center;height:38px;padding:0 16px;border-radius:999px;background:var(--accent-grad,var(--accent));color:var(--on-accent);font-size:13.5px;font-weight:700;white-space:nowrap;transition:transform .15s,filter .15s}
.st-login:hover{filter:brightness(1.08)}
.st-login:active{transform:scale(.96)}
#hdr[data-state="guest"] .st-user,#hdr[data-state="guest"] .me{display:none}
#hdr[data-state="guest"] .st-login{display:inline-flex}
@media (max-width:767px){.st-login{height:34px;padding:0 13px;font-size:13px}}


/* ---------- Panel de acceso para invitados (botón Cuenta) ---------- */
#gpanel .scrim{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
.gpanel{position:absolute;top:calc(env(safe-area-inset-top,0px) + 70px);right:12px;width:min(236px,calc(100vw - 24px));display:flex;flex-direction:column;gap:6px;padding:8px;border-radius:24px;
  background:var(--glass);backdrop-filter:blur(22px) saturate(1.5);-webkit-backdrop-filter:blur(22px) saturate(1.5);border:1px solid var(--edge);box-shadow:var(--shadow);
  transform-origin:100% 0;opacity:0;transform:translateY(-8px) scale(.94);transition:transform .32s cubic-bezier(.2,.9,.25,1),opacity .2s}
#gpanel.open .gpanel{opacity:1;transform:none}
.gp-i{display:flex;align-items:center;gap:12px;min-height:46px;padding:0 14px 0 10px;border-radius:16px;font-size:14.5px;font-weight:700;color:var(--text);
  opacity:0;transform:translateY(-10px);transition:opacity .18s,transform .18s,background .15s}
#gpanel.open .gp-i{opacity:1;transform:none;transition:opacity .3s calc(var(--i)*75ms + 90ms),transform .38s cubic-bezier(.2,.9,.25,1) calc(var(--i)*75ms + 90ms),background .15s}
.gp-i:hover{background:var(--card-h)}
.gp-i:active{transform:scale(.97)}
.gp-i i{flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--card-h);color:var(--accent-t,var(--accent))}
.gp-i i svg{width:17px;height:17px}
.gp-i.main{background:var(--accent-grad,var(--accent));color:var(--on-accent)}
.gp-i.main:hover{filter:brightness(1.08);background:var(--accent-grad,var(--accent))}
.gp-i.main i{background:rgba(0,0,0,.25);color:var(--on-accent)}
@media (min-width:768px){.gpanel{top:calc(env(safe-area-inset-top,0px) + 76px);right:max(12px,calc((100vw - 1180px)/2 + 12px))}}

/* ---------- Barra inferior (móvil) ---------- */
.bwrap{display:none}
@media (max-width:767px){
  .nav-d,.sp,.me{display:none}
  .hdr{padding:8px 10px 0}
  .hdr-in{height:52px;padding:0 6px 0 16px}
  .bwrap{position:fixed;left:0;right:0;bottom:0;z-index:60;display:block;pointer-events:none;padding:0 12px calc(10px + env(safe-area-inset-bottom,0px))}
  .bnav{pointer-events:auto;position:relative;max-width:440px;margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);padding:6px;border-radius:28px;box-shadow:var(--shadow)}
  .ind{position:absolute;z-index:0;top:6px;bottom:6px;left:0;width:0;border-radius:22px;
    background:linear-gradient(180deg,rgba(var(--accent-rgb),.22),rgba(var(--accent-rgb),.07));border:1px solid rgba(var(--accent-rgb),.32);
    box-shadow:0 0 26px rgba(var(--accent-rgb),.28);transition:transform .42s cubic-bezier(.3,1.35,.5,1),width .42s cubic-bezier(.3,1.35,.5,1)}
  .bnav a{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 0 7px;font-size:10.5px;font-weight:700;letter-spacing:.1px;color:var(--muted);transition:color .2s}
  .bnav a svg{width:22px;height:22px;transition:transform .35s cubic-bezier(.3,1.6,.5,1),color .2s}
  .bnav a[aria-current="page"]{color:var(--text)}
  .bnav a[aria-current="page"] svg{color:var(--accent-t,var(--accent));transform:translateY(-1px) scale(1.12)}
  .bnav a:active svg{transform:scale(.88)}
  .bnav i{position:absolute;top:8px;left:calc(50% + 7px);width:7px;height:7px;border-radius:50%;background:var(--accent-grad,var(--accent));box-shadow:0 0 0 2px var(--bg)}
  .bnav a[aria-current="page"] i{display:none}
  main{padding-bottom:112px}
  #search .card{top:0;bottom:auto;max-height:80vh;border-radius:0 0 28px 28px;border:1px solid var(--edge);border-top:0;padding:calc(14px + env(safe-area-inset-top,0px)) 16px 18px;transform:translateY(-104%)}
  #search.open .card{transform:none}
  #search .grip{display:none}
  .k-d{display:none}.k-m{display:inline}
}

/* ---------- Capas: hoja (móvil) / diálogo (escritorio) ---------- */
.layer{position:fixed;inset:0;z-index:100;visibility:hidden;transition:visibility 0s .35s}
.layer.open{visibility:visible;transition-delay:0s}
.scrim{position:absolute;inset:0;background:var(--scrim);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;transition:opacity .3s}
.layer.open .scrim{opacity:1}
.card{position:absolute;left:0;right:0;bottom:0;max-height:90vh;overflow:auto;border-radius:30px 30px 0 0;background:var(--bg);border:1px solid var(--edge);border-bottom:0;box-shadow:var(--shadow);
  padding:10px 18px calc(24px + env(safe-area-inset-bottom,0px));transform:translateY(104%);transition:transform .4s cubic-bezier(.2,.9,.25,1)}
.layer.open .card{transform:none}
.grip{width:38px;height:4px;border-radius:4px;background:var(--edge);margin:0 auto 14px}
@media (min-width:768px){
  .layer{display:flex;justify-content:center;align-items:flex-start;padding-top:12vh}
  .card{position:relative;width:min(640px,92vw);max-height:76vh;border-radius:26px;border-bottom:1px solid var(--edge);padding:20px;transform:translateY(14px) scale(.98);opacity:0;transition:transform .3s cubic-bezier(.2,.9,.25,1),opacity .22s}
  .layer.open .card{opacity:1}
  .grip{display:none}
}
.ttl{margin:4px 2px 14px;font-size:13px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--muted)}
.bento{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.tile{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;gap:26px;min-height:112px;padding:16px;border-radius:22px;background:var(--card);border:1px solid var(--edge);transition:background .2s,transform .2s}
.tile:hover{background:var(--card-h)}
.tile:active{transform:scale(.97)}
.tile svg{width:24px;height:24px;color:var(--accent-t,var(--accent))}
.tile b{display:block;font-size:16px;letter-spacing:-.2px}
.tile small{display:block;color:var(--muted);font-size:12.5px;font-weight:500}
.tile.wide{grid-column:span 2;min-height:132px;background:radial-gradient(120% 140% at 100% 0%,rgba(var(--accent-rgb),.28),transparent 60%),var(--card)}
.tile.wide b{font-size:22px;letter-spacing:-.5px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{padding:8px 15px;border-radius:999px;border:1px solid var(--edge);font-size:13.5px;font-weight:600;color:var(--muted);transition:all .15s}
.chip:hover{color:var(--text);background:var(--card);border-color:transparent}
.gap{height:20px}

.pal-top{display:flex;align-items:center;gap:12px;padding:6px 6px 14px;border-bottom:1px solid var(--edge)}
.pal-top>svg{width:22px;height:22px;color:var(--muted);flex:none}
.pal-top input{flex:1;min-width:0;background:none;border:0;outline:0;color:var(--text);font:600 19px var(--font);letter-spacing:-.3px}
.pal-top input::placeholder{color:var(--muted);font-weight:500}
.pal-top kbd{font:600 11px var(--font);padding:4px 8px;border-radius:8px;background:var(--card-h);color:var(--muted)}
.k-m{display:none}
.res{list-style:none;margin:10px 0 0;padding:0}
.res li{display:flex;align-items:center;gap:14px;padding:10px;border-radius:16px;cursor:pointer;transition:background .12s}
.res li[aria-selected="true"],.res li:hover{background:var(--card-h)}
.res .ic{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--card);color:var(--accent-t,var(--accent));flex:none}
.res .ic svg{width:19px;height:19px}
.res b{display:block;font-size:15px;font-weight:600}
.res small{display:block;color:var(--muted);font-size:12.5px}
.res .go{margin-left:auto;color:var(--muted);opacity:0;transition:opacity .12s}
.res .go svg{width:16px;height:16px}
.res li[aria-selected="true"] .go{opacity:1}

@media (min-width:768px){.logo img{height:34px}}
@media (prefers-reduced-motion:reduce){*{transition:none !important}}

/* ---------- Botón de barras + menú lateral ---------- */
.pa-burger{margin:0 4px 0 -8px;flex:none}
.pa-burger svg{width:22px;height:22px}
.layer.side{display:block;padding:0}
.drawer{position:absolute;top:calc(10px + env(safe-area-inset-top,0px));bottom:calc(10px + env(safe-area-inset-bottom,0px));left:10px;width:min(calc(100vw - 38px),328px);display:flex;flex-direction:column;border-radius:30px;
  background:radial-gradient(130% 55% at 0% 0%,rgba(var(--accent-rgb),.17),transparent 62%),radial-gradient(90% 50% at 100% 100%,rgba(var(--tint-rgb),.15),transparent 60%),var(--glass);
  backdrop-filter:blur(28px) saturate(1.6);-webkit-backdrop-filter:blur(28px) saturate(1.6);border:1px solid var(--edge);box-shadow:var(--shadow);
  transform:translateX(calc(-100% - 24px));transition:transform .4s cubic-bezier(.2,.9,.25,1),width .35s cubic-bezier(.2,.9,.25,1);touch-action:pan-y}
.layer.side.open .drawer{transform:none}
.dr-collapse{position:absolute;z-index:2;right:-13px;top:38px;width:26px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--bg);border:1px solid var(--edge);color:var(--muted);box-shadow:var(--shadow);transition:color .15s}
.dr-collapse:hover{color:var(--text)}
.dr-collapse svg{width:15px;height:15px;transition:transform .3s}
.dr-head{display:flex;align-items:center;gap:12px;margin:0 16px;padding:18px 2px 14px;border-bottom:1px solid var(--edge)}
.dr-av{flex:none;width:46px;height:46px;border-radius:50%;padding:2px;background:var(--av-grad);display:block;box-shadow:0 0 0 4px rgba(var(--accent-rgb),.12)}
.dr-av span{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:var(--bg);font-weight:800;font-size:16px;color:var(--text)}
.dr-who small{display:block;font-size:11.5px;font-weight:600;color:var(--muted)}
.dr-who b{display:block;font-size:19px;letter-spacing:-.4px;line-height:1.15}
.dr-x{margin-left:auto}
.dr-body{flex:1;min-height:0;overflow-y:auto;padding:4px 12px 14px;overscroll-behavior:contain;scrollbar-width:none}
.dr-body::-webkit-scrollbar{display:none}
.dr-cap{display:flex;align-items:center;justify-content:space-between;margin:16px 6px 8px;font-size:11.5px;font-weight:600;color:var(--muted)}
.dr-cap b{color:var(--text)}
.dr-cap i{font-style:normal}
.dr-pen{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;color:var(--muted);transition:background .15s,color .15s}
.dr-pen:hover{background:var(--card-h);color:var(--text)}
.dr-pen svg{width:15px;height:15px}
.dr-hr{border:0;border-top:1px solid var(--edge);margin:14px 6px 0}
.dr-list{display:flex;flex-direction:column;gap:2px}
.dr-item{position:relative;display:flex;align-items:center;gap:14px;min-height:44px;padding:0 10px;border-radius:14px;font-size:14.5px;font-weight:600;color:var(--muted);transition:background .15s,color .15s}
.dr-item:hover{background:var(--card);color:var(--text)}
.dr-item>svg{width:20px;height:20px;flex:none}
.dr-item[aria-current="page"]{color:var(--text);font-weight:700}
.dr-item[aria-current="page"]>svg{color:var(--accent-t,var(--accent))}
.dr-item[aria-current="page"]::before{content:"";position:absolute;left:-12px;top:9px;bottom:9px;width:4px;border-radius:0 4px 4px 0;background:var(--accent-grad,var(--accent));box-shadow:0 0 14px rgba(var(--accent-rgb),.9)}
.dr-extra{margin-left:auto}
.dr-item .dr-extra+.dr-extra{margin-left:8px}
.dr-mini{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;color:var(--muted)}
.dr-mini svg{width:16px;height:16px}
.dr-badge{font-style:normal;min-width:22px;height:22px;padding:0 6px;border-radius:11px;display:grid;place-items:center;font-size:11.5px;font-weight:800;background:var(--badge);color:var(--on-badge)}
.dr-stack{display:flex}
.dr-stack i{width:22px;height:22px;border-radius:50%;border:2px solid var(--bg);margin-left:-9px}
.dr-stack i:first-child{margin-left:0}
.dr-card{display:flex;flex-direction:column;gap:2px;padding:6px;border-radius:22px;background:var(--card);border:1px solid var(--edge)}
.dr-row{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 8px;border-radius:15px;font-size:14px;font-weight:600;color:var(--text);transition:background .15s}
.dr-row:hover{background:var(--card-h)}
.dr-chip{flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--card-h);color:var(--accent-t,var(--accent));font-style:normal}
.dr-chip svg{width:16px;height:16px}
.dr-add .dr-chip{background:transparent;border:1px dashed var(--muted);color:var(--muted)}
.dr-add{color:var(--muted)}
.dr-seg{display:grid;grid-template-columns:repeat(6,1fr);gap:2px;padding:5px;border-radius:18px;background:var(--card);border:1px solid var(--edge)}
.dr-sb{position:relative;height:38px;display:grid;place-items:center;border-radius:13px;color:var(--muted);transition:background .15s,color .15s}
.dr-sb:hover{background:var(--card-h);color:var(--text)}
.dr-sb svg{width:19px;height:19px}
.dr-pip{position:absolute;top:2px;right:2px;min-width:15px;height:15px;padding:0 4px;border-radius:8px;display:grid;place-items:center;font-size:9.5px;font-weight:800;background:var(--badge);color:var(--on-badge)}
.dr-seg .moon{display:none}
:root:not([data-theme="light"]) .dr-seg .sun{display:none}
:root:not([data-theme="light"]) .dr-seg .moon{display:block}
.dr-cta{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:14px;padding:18px 12px 16px;border-radius:24px;background:var(--card);border:1px solid var(--edge);text-align:center}
.dr-fab{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--fab-grad);color:var(--on-accent);box-shadow:0 0 0 7px rgba(var(--accent-rgb),.14),0 10px 28px rgba(var(--accent-rgb),.45);transition:transform .2s}
.dr-fab:hover{transform:scale(1.06)}
.dr-fab svg{width:24px;height:24px;stroke-width:2.2}
.dr-cta b{display:block;font-size:16px;letter-spacing:-.2px}
.dr-cta small{display:block;font-size:12px;color:var(--muted)}
.dr-cta small a{color:var(--accent-t,var(--accent));font-weight:700}
.dr-legal{margin:12px 4px 0;font-size:11.5px;color:var(--muted);text-align:center}
.dr-legal a:hover{color:var(--text)}
/* modo compacto (solo iconos) */
.drawer.mini{width:78px}
.drawer.mini .dr-txt,.drawer.mini .dr-x,.drawer.mini .dr-extra,.drawer.mini .dr-pen,.drawer.mini .dr-legal,.drawer.mini .dr-pip{display:none}
.drawer.mini .dr-head{justify-content:center;margin:0 8px;padding:16px 0 12px}
.drawer.mini .dr-body{padding:4px 8px 12px}
.drawer.mini .dr-cap{justify-content:center;margin:14px 0 8px;font-size:11px}
.drawer.mini .dr-cn{display:none}
.drawer.mini .dr-item,.drawer.mini .dr-row{justify-content:center;padding:0}
.drawer.mini .dr-card{padding:4px 0;background:none;border:0}
.drawer.mini .dr-seg{grid-template-columns:1fr}
.drawer.mini .dr-seg>*:nth-child(n+4){display:none}
.drawer.mini .dr-cta{background:none;border:0;padding:8px 0}
.drawer.mini .dr-collapse svg{transform:rotate(180deg)}

/* =========================================================
   PANEL DE USUARIO AUTENTICADO — CABECERA SUPERIOR
   ========================================================= */
.user-layer{z-index:110;pointer-events:none}
.user-layer.open{pointer-events:auto}
.user-layer .scrim{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
.userpanel{position:absolute;top:calc(env(safe-area-inset-top,0px) + 70px);right:12px;width:min(270px,calc(100vw - 24px));display:flex;flex-direction:column;gap:6px;padding:8px;border-radius:24px;background:var(--glass);backdrop-filter:blur(22px) saturate(1.5);-webkit-backdrop-filter:blur(22px) saturate(1.5);border:1px solid var(--edge);box-shadow:var(--shadow);transform-origin:100% 0;opacity:0;transform:translateY(-8px) scale(.94);transition:transform .32s cubic-bezier(.2,.9,.25,1),opacity .2s}
.user-layer.open .userpanel{opacity:1;transform:none}
.up-status,.up-item{display:flex;align-items:center;gap:12px;min-height:52px;padding:0 12px;border-radius:17px}
.up-status{background:var(--card);border:1px solid var(--edge)}
.up-icon,.up-item i{flex:none;width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:var(--card-h);color:var(--accent-t,var(--accent))}
.up-icon svg,.up-item i svg{width:18px;height:18px}
.up-copy{min-width:0;flex:1}
.up-copy b,.up-item b{display:block;font-size:13.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.up-copy small,.up-item small{display:block;margin-top:2px;color:var(--muted);font-size:11.5px;font-weight:500}
.up-check{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(var(--accent-rgb),.15);color:var(--accent-t,var(--accent));font-size:12px;font-weight:800}
.up-item{color:var(--text);transition:background .15s,transform .15s}
.up-item:hover{background:var(--card-h)}
.up-item:active{transform:scale(.98)}
.up-logout,.up-logout:visited,.up-logout:hover,.up-logout:active,.up-logout:focus{color:var(--text);text-decoration:none}
.up-logout b,.up-logout small{color:inherit}
.up-logout small{color:var(--muted)}
.up-logout i{background:rgba(244,63,94,.10);color:#F43F5E}
@media (min-width:768px){.userpanel{top:calc(env(safe-area-inset-top,0px) + 76px);right:max(12px,calc((100vw - 1180px)/2 + 12px))}}
@media (max-width:767px){
  .userpanel{top:calc(env(safe-area-inset-top,0px) + 68px);right:10px;width:min(280px,calc(100vw - 20px))}
  .st-user{cursor:pointer}
}


/* =========================================================
   ACCESO — MODAL DE INICIAR SESIÓN / CREAR CUENTA (siempre oscuro, minimalista)
   ========================================================= */
.auth-layer{display:grid;place-items:center;padding:16px}
.auth-layer .scrim{background:rgba(3,5,9,.76);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.auth-card{--au-bg:#111827;--au-line:rgba(148,163,184,.16);--au-text:#F8FAFC;--au-muted:#94A3B8;--au-acc:var(--accent,#2563EB);--au-acc-rgb:var(--accent-rgb,37,99,235);--au-err:#FB7185;
  position:relative;width:min(408px,100%);max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;padding:30px 24px 22px;border-radius:28px;color:var(--au-text);font-family:var(--font);
  background:radial-gradient(120% 55% at 50% -12%,rgba(var(--au-acc-rgb),.16),transparent 62%),var(--au-bg);border:1px solid var(--au-line);box-shadow:0 34px 90px rgba(0,0,0,.65);
  opacity:0;transform:translateY(16px) scale(.97);transition:transform .38s cubic-bezier(.2,.9,.25,1),opacity .25s}
.auth-layer.open .auth-card{opacity:1;transform:none}
.auth-card *{box-sizing:border-box}
.auth-card [hidden]{display:none!important}
.au-x{position:absolute;top:14px;right:14px;width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:12px;background:rgba(var(--ov),.06);color:var(--au-muted);cursor:pointer;transition:background .15s,color .15s}
.au-x:hover{background:rgba(var(--ov),.11);color:var(--au-text)}
.au-x svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
.au-badge{width:48px;height:48px;display:grid;place-items:center;margin:0 0 16px;border-radius:16px;background:rgba(var(--au-acc-rgb),.12);border:1px solid rgba(var(--au-acc-rgb),.28);color:var(--au-acc);box-shadow:0 0 30px rgba(var(--au-acc-rgb),.18)}
.au-badge svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.au-head h2{margin:0;font:800 23px/1.15 var(--font);letter-spacing:-.02em;color:var(--au-text)}
.au-head p{margin:7px 0 20px;font:500 13.5px/1.45 var(--font);color:var(--au-muted)}
.au-tabs{position:relative;display:grid;grid-template-columns:1fr 1fr;padding:4px;margin:0 0 20px;border-radius:16px;background:rgba(var(--ov),.045);border:1px solid var(--au-line)}
.au-ind{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:12px;background:rgba(var(--ov),.09);box-shadow:0 2px 10px rgba(0,0,0,.35);transition:transform .35s cubic-bezier(.3,1.2,.5,1)}
.auth-card[data-mode="register"] .au-ind{transform:translateX(100%)}
.au-tabs button{position:relative;z-index:1;height:38px;border:0;border-radius:12px;background:none;color:var(--au-muted);font:700 13.5px var(--font);cursor:pointer;transition:color .2s}
.au-tabs button[aria-selected="true"]{color:var(--au-text)}
.au-form{display:flex;flex-direction:column;gap:14px;margin:0;animation:auIn .35s cubic-bezier(.2,.9,.25,1)}
@keyframes auIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.au-field{display:block;margin:0}
.au-field>span{display:block;margin:0 0 7px;font:600 12.5px var(--font);color:#94A3B8}
.au-field>span em{font-style:normal;font-weight:500;color:var(--au-muted)}
.au-in{position:relative;display:flex;align-items:center;height:50px;border-radius:15px;background:rgba(var(--ov),.04);border:1px solid var(--au-line);transition:border-color .15s,box-shadow .15s,background .15s}
.au-in:focus-within{border-color:rgba(var(--au-acc-rgb),.75);background:rgba(var(--ov),.06);box-shadow:0 0 0 4px rgba(var(--au-acc-rgb),.14)}
.au-in.err{border-color:rgba(244,63,94,.75);box-shadow:0 0 0 4px rgba(244,63,94,.10)}
.au-in>svg{flex:none;width:18px;height:18px;margin-left:14px;fill:none;stroke:var(--au-muted);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:stroke .15s}
.au-in:focus-within>svg{stroke:var(--au-acc)}
.auth-card .au-in input{flex:1;min-width:0;width:auto;height:100%;margin:0;padding:0 14px 0 11px;border:0!important;outline:0!important;box-shadow:none!important;border-radius:0;background:transparent!important;color:var(--au-text)!important;-webkit-text-fill-color:var(--au-text);font:500 16px var(--font);appearance:none;-webkit-appearance:none}
.auth-card .au-in input::placeholder{color:#64748B;-webkit-text-fill-color:#64748B;opacity:1}
.auth-card .au-in input:-webkit-autofill{-webkit-text-fill-color:var(--au-text);box-shadow:0 0 0 40px #111827 inset!important;caret-color:var(--au-text)}
.au-eye{flex:none;width:44px;height:100%;display:grid;place-items:center;border:0;background:none;color:var(--au-muted);cursor:pointer}
.au-eye:hover{color:var(--au-text)}
.au-eye svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.au-eye .e-off{display:none}.au-eye.on .e-on{display:none}.au-eye.on .e-off{display:block}
.au-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:-2px}
.au-check{position:relative;display:inline-flex;align-items:center;gap:9px;cursor:pointer;font:600 13px var(--font);color:#94A3B8}
.au-check input{position:absolute;opacity:0;pointer-events:none}
.au-check i{width:19px;height:19px;border-radius:7px;border:1.5px solid rgba(var(--ov),.22);background:rgba(var(--ov),.03);display:grid;place-items:center;transition:background .15s,border-color .15s}
.au-check i::after{content:"";width:5px;height:9px;margin-top:-2px;border:solid var(--on-accent);border-width:0 2px 2px 0;transform:rotate(45deg) scale(0);transition:transform .18s}
.au-check input:checked+i{background:var(--au-acc);border-color:var(--au-acc)}
.au-check input:checked+i::after{transform:rotate(45deg) scale(1)}
.au-check input:focus-visible+i{outline:2px solid var(--au-acc);outline-offset:2px}
.au-link{padding:0;border:0;background:none;color:var(--au-acc);font:700 13px var(--font);cursor:pointer;text-decoration:none}
.au-link:hover{filter:brightness(1.15);text-decoration:underline;text-underline-offset:3px}
.au-msg{padding:11px 13px;border-radius:13px;font:600 13px/1.4 var(--font);color:#FDA4AF;background:rgba(244,63,94,.10);border:1px solid rgba(244,63,94,.28)}
.au-submit{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;height:52px;margin-top:4px;border:0;border-radius:16px;cursor:pointer;color:var(--on-accent);font:800 15px var(--font);letter-spacing:.1px;background:var(--au-acc);background:linear-gradient(180deg,color-mix(in srgb,var(--au-acc) 88%,#fff),var(--au-acc));box-shadow:0 10px 28px rgba(var(--au-acc-rgb),.28),inset 0 1px 0 rgba(255,255,255,.35);transition:transform .15s,filter .15s,opacity .15s}
.au-submit:hover{filter:brightness(1.07)}.au-submit:active{transform:scale(.985)}
.au-submit:disabled{cursor:progress;opacity:.85}
.au-spin{display:none;width:18px;height:18px;border-radius:50%;border:2.5px solid rgba(255,255,255,.3);border-top-color:var(--on-accent);animation:auSpin .7s linear infinite}
.au-submit.busy .au-spin{display:block}
@keyframes auSpin{to{transform:rotate(360deg)}}
.au-meter{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:9px}
.au-meter i{height:4px;border-radius:4px;background:rgba(var(--ov),.09);transition:background .25s}
.au-meter small{grid-column:1/-1;margin-top:1px;font:500 11.5px var(--font);color:var(--au-muted)}
.au-meter[data-s="1"] i:nth-child(-n+1){background:#F43F5E}
.au-meter[data-s="2"] i:nth-child(-n+2){background:#F97316}
.au-meter[data-s="3"] i:nth-child(-n+3){background:#FACC15}
.au-meter[data-s="4"] i:nth-child(-n+4){background:#34D399}
.au-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.au-legal{margin:0;text-align:center;font:500 11.5px/1.5 var(--font);color:var(--au-muted)}
.au-foot{margin:18px 0 0;text-align:center;font:500 13px var(--font);color:var(--au-muted)}
.au-foot .au-link{margin-left:2px}
.au-done{display:none;text-align:center;padding:26px 0 10px}
.au-tick{width:68px;height:68px;margin:0 auto 18px;display:grid;place-items:center;border-radius:50%;background:rgba(52,211,153,.12);border:1px solid rgba(52,211,153,.35);box-shadow:0 0 34px rgba(52,211,153,.22)}
.au-tick svg{width:32px;height:32px;fill:none;stroke:#34D399;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.au-tick path{stroke-dasharray:26;stroke-dashoffset:26}
.auth-card[data-view="done"] .au-tick path{animation:auDraw .5s .12s ease forwards}
@keyframes auDraw{to{stroke-dashoffset:0}}
.au-done h3{margin:0;font:800 21px var(--font);letter-spacing:-.01em}
.au-done p{margin:7px 0 0;font:500 13.5px/1.45 var(--font);color:var(--au-muted)}
.auth-card[data-view="done"] .au-done{display:block}
.auth-card[data-view="done"] .au-head,.auth-card[data-view="done"] .au-tabs,.auth-card[data-view="done"] .au-views,.auth-card[data-view="done"] .au-foot,.auth-card[data-view="done"] .au-badge{display:none}
@media (max-width:767px){
  .auth-layer{place-items:end center;padding:0}
  .auth-card{width:100%;max-height:92dvh;border-radius:28px 28px 0 0;border-bottom:0;padding:26px 20px calc(22px + env(safe-area-inset-bottom,0px));transform:translateY(100%);opacity:1;transition:transform .42s cubic-bezier(.2,.9,.25,1)}
  .auth-card::before{content:"";position:absolute;top:8px;left:50%;width:38px;height:4px;margin-left:-19px;border-radius:4px;background:rgba(var(--ov),.16)}
}
@media (prefers-reduced-motion:reduce){.auth-card,.au-ind,.au-form{transition:none;animation:none}.au-tick path{animation:none;stroke-dashoffset:0}}


/* =========================================================
   1.5.1 · FORMULARIOS DE ACCESO EN PANTALLA COMPLETA (lightbox)
   Solo #authpanel (login / registro). El panel de 3 opciones no se toca.
   ========================================================= */
.auth-layer{display:block;padding:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.auth-layer .scrim{position:fixed;inset:0;
  background:radial-gradient(90% 55% at 50% 0%,rgba(var(--accent-rgb,37,99,235),.20),transparent 65%),radial-gradient(70% 45% at 50% 108%,rgba(var(--accent-rgb,37,99,235),.10),transparent 70%),rgba(6,8,12,.94);
  backdrop-filter:blur(26px) saturate(1.2);-webkit-backdrop-filter:blur(26px) saturate(1.2)}
.auth-card{position:relative;width:100%;max-width:none;min-height:100vh;min-height:100dvh;max-height:none;overflow:visible;
  display:flex;flex-direction:column;justify-content:flex-start;
  padding:calc(env(safe-area-inset-top,0px) + 50px) max(22px,calc((100% - 420px)/2)) calc(env(safe-area-inset-bottom,0px) + 36px);
  border:0;border-radius:0;background:transparent;box-shadow:none;
  opacity:0;transform:scale(1.03);transform-origin:50% 40%;transition:opacity .32s ease,transform .45s cubic-bezier(.2,.9,.25,1)}
.auth-layer.open .auth-card{opacity:1;transform:none}
.auth-card::before{content:none!important}
.auth-card .au-x{position:fixed;top:calc(env(safe-area-inset-top,0px) + 14px);right:14px;width:44px;height:44px;border-radius:50%;z-index:3;background:rgba(var(--ov),.08);color:#94A3B8}
.auth-card .au-x svg{width:20px;height:20px}
@media (min-width:768px){.auth-card .au-x{top:22px;right:26px}}
.au-head{text-align:center}
.auth-card .au-badge{margin:0 auto 18px;width:56px;height:56px;border-radius:18px}
.au-head h2{font-size:28px}
.au-head p{margin:9px 0 24px;font-size:14.5px}
.au-foot{margin-top:22px}
@media (prefers-reduced-motion:reduce){.auth-card{transition:opacity .01s;transform:none}}


/* =========================================================
   1.6.1 · Blindaje del logo + rendimiento móvil
   El CSS de la página de cuenta (PMS/WooCommerce/tema) pisaba
   ".logo img" y lo dejaba enorme. Ahora el logo se fija con el
   id #hdr + !important, y su contenedor recorta cualquier desborde.
   ========================================================= */
#hdr .logo{flex:none!important;display:flex!important;align-items:center!important;
  width:108px!important;height:30px!important;min-width:0!important;max-width:108px!important;
  margin:0!important;padding:0!important;overflow:hidden!important;position:static!important;float:none!important}
#hdr .logo img{display:block!important;height:30px!important;width:auto!important;max-width:100%!important;
  max-height:30px!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;
  object-fit:contain!important;position:static!important;transform:none!important;float:none!important}
@media (min-width:768px){
  #hdr .logo{width:122px!important;height:34px!important;max-width:122px!important}
  #hdr .logo img{height:34px!important;max-height:34px!important}
}
/* Barra siempre visible: el fondo ya es casi opaco (.94), el blur solo cuesta GPU en móviles modestos. */
@media (max-width:767px){
  .glass{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
}


/* =========================================================
   1.7.0 · CARRITO LATERAL (WooCommerce)
   ========================================================= */
.pa-cart-btn svg{width:22px;height:22px}
.pa-cart-count{position:absolute;top:2px;right:0;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--accent-grad,var(--accent));color:var(--on-accent);
  font:800 10.5px/18px var(--font);text-align:center;box-shadow:0 0 0 2px var(--bg);pointer-events:none}
.pa-cart-count[data-count="0"]{display:none}

.layer.cart-layer .cdr{position:absolute;top:calc(10px + env(safe-area-inset-top,0px));bottom:calc(10px + env(safe-area-inset-bottom,0px));right:10px;
  width:min(calc(100vw - 20px),408px);display:flex;flex-direction:column;overflow:hidden;border-radius:30px;
  background:radial-gradient(120% 45% at 100% 0%,rgba(var(--accent-rgb),.16),transparent 62%),radial-gradient(90% 40% at 0% 100%,rgba(var(--tint-rgb),.12),transparent 60%),var(--glass);
  border:1px solid var(--edge);box-shadow:var(--shadow);
  transform:translateX(calc(100% + 24px));transition:transform .4s cubic-bezier(.2,.9,.25,1);touch-action:pan-y}
.layer.cart-layer.open .cdr{transform:none}
.pa-cart-inner{display:flex;flex-direction:column;min-height:0;height:100%;transition:opacity .15s}
.cart-layer.busy .pa-cart-inner{opacity:.55;pointer-events:none}

.pc-head{display:flex;align-items:center;gap:10px;padding:18px 14px 12px 20px}
.pc-head h2{margin:0;font:800 20px var(--font);letter-spacing:-.4px;color:var(--text)}
.pc-pill{padding:4px 10px;border-radius:999px;background:rgba(var(--accent-rgb),.16);color:var(--accent-t,var(--accent));font:700 11.5px var(--font)}
.pc-x{margin-left:auto;background:var(--card)}
.pc-x svg{width:20px;height:20px}

.pc-list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;list-style:none;margin:0;padding:4px 14px 12px;display:flex;flex-direction:column;gap:10px}
.pc-item{display:grid;grid-template-columns:68px 1fr;gap:12px;padding:10px;border-radius:20px;background:var(--card);border:1px solid var(--edge)}
.pc-th{display:block;width:68px;height:68px;border-radius:14px;overflow:hidden;background:var(--card-h)}
.pc-th img{display:block;width:100%;height:100%;object-fit:cover}
.pc-bd{min-width:0;display:flex;flex-direction:column;gap:4px}
.pc-top{display:flex;align-items:flex-start;gap:6px}
.pc-name{flex:1;min-width:0;font:700 14px/1.3 var(--font);color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pc-rm{flex:none;width:28px;height:28px;margin:-3px -3px 0 0;border-radius:9px;display:grid;place-items:center;color:var(--muted);transition:background .15s,color .15s}
.pc-rm:hover{background:rgba(244,63,94,.12);color:#F43F5E}
.pc-rm svg{width:17px;height:17px}
.pc-meta{color:var(--muted);font-size:11.5px;line-height:1.3}
.pc-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto}
.pc-one{color:var(--muted);font-size:12px}
.pc-step{display:inline-flex;align-items:center;height:32px;border-radius:999px;background:var(--card-h);border:1px solid var(--edge);padding:0 2px}
.pc-step button{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:var(--text);transition:background .15s,transform .15s}
.pc-step button:hover:not(:disabled){background:rgba(var(--accent-rgb),.2);color:var(--accent-t,var(--accent))}
.pc-step button:active:not(:disabled){transform:scale(.9)}
.pc-step button:disabled{opacity:.3;cursor:not-allowed}
.pc-step svg{width:14px;height:14px;stroke-width:2.2}
.pc-step output{min-width:24px;text-align:center;font:700 13.5px var(--font);color:var(--text)}
.pc-price{text-align:right;font:800 14.5px var(--font);color:var(--text)}
.pc-price small{display:block;font:500 11px var(--font);color:var(--muted)}
.pc-price .woocommerce-Price-amount,.pc-tot .woocommerce-Price-amount{white-space:nowrap}

.pc-foot{padding:14px 18px calc(16px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--edge);background:rgba(0,0,0,.22);display:flex;flex-direction:column;gap:12px}
.pc-coupon{display:flex;flex-direction:column;gap:8px}
.pc-ct{display:flex;align-items:center;gap:9px;color:var(--muted);font:600 13px var(--font);text-align:left;transition:color .15s}
.pc-ct:hover,.pc-coupon.open .pc-ct{color:var(--text)}
.pc-ct svg{width:18px;height:18px;color:var(--accent-t,var(--accent))}
.pc-cf{display:none;gap:8px}
.pc-coupon.open .pc-cf{display:flex}
.pc-cf input{flex:1;min-width:0;height:42px;padding:0 14px;border-radius:14px;background:var(--card-h);border:1px solid var(--edge);color:var(--text);font:600 14px var(--font);outline:0;text-transform:uppercase}
.pc-cf input::placeholder{text-transform:none;color:var(--muted);font-weight:500}
.pc-cf input:focus{border-color:rgba(var(--accent-rgb),.6)}
.pc-cf button{height:42px;padding:0 16px;border-radius:14px;background:var(--card-h);border:1px solid var(--edge);font:700 13px var(--font);color:var(--text);transition:background .15s}
.pc-cf button:hover{background:rgba(var(--accent-rgb),.2);color:var(--accent-t,var(--accent))}
.pc-msg{padding:9px 12px;border-radius:12px;background:rgba(52,211,153,.14);color:#34D399;font:600 12.5px/1.35 var(--font)}
.pc-msg.bad{background:rgba(244,63,94,.12);color:#FB7185}
.pc-msg[hidden]{display:none}

.pc-tot{margin:0;display:flex;flex-direction:column;gap:7px}
.pc-tot>div{display:flex;align-items:center;justify-content:space-between;gap:12px;font:500 13.5px var(--font);color:var(--muted)}
.pc-tot dt,.pc-tot dd{margin:0}
.pc-tot dd{color:var(--text);font-weight:600}
.pc-disc dd{color:#34D399}
.pc-disc dt button{display:inline-grid;place-items:center;width:20px;height:20px;margin-left:4px;border-radius:50%;vertical-align:middle;color:var(--muted);background:var(--card-h)}
.pc-disc dt button:hover{color:#F43F5E}
.pc-disc dt svg{width:11px;height:11px;stroke-width:2.4}
.pc-note dd{font-weight:500;font-size:12px;color:var(--muted)}
.pc-total{margin-top:4px;padding-top:11px;border-top:1px dashed var(--edge);color:var(--text)!important}
.pc-total dt{font:700 15px var(--font);color:var(--text)}
.pc-total dd{font:800 21px var(--font);letter-spacing:-.4px}

.pc-btn{display:flex;align-items:center;justify-content:center;gap:9px;height:50px;border-radius:16px;font:700 15px var(--font);text-align:center;transition:transform .15s,box-shadow .2s,background .15s}
.pc-btn svg{width:18px;height:18px}
.pc-btn:active{transform:scale(.98)}
.pc-btn.main{background:var(--accent-grad,var(--accent));color:var(--on-accent);box-shadow:0 10px 26px rgba(var(--accent-rgb),.32)}
.pc-btn.main:hover{box-shadow:0 12px 32px rgba(var(--accent-rgb),.45)}
.pc-btn.ghost{height:44px;background:var(--card-h);border:1px solid var(--edge);color:var(--text);font-size:14px}
.pc-btn.ghost:hover{background:var(--card)}

.pc-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px 28px 40px;text-align:center}
.pc-empty i{width:76px;height:76px;border-radius:26px;display:grid;place-items:center;background:rgba(var(--accent-rgb),.12);color:var(--accent-t,var(--accent));margin-bottom:8px}
.pc-empty i svg{width:36px;height:36px;stroke-width:1.5}
.pc-empty b{font:800 18px var(--font);color:var(--text)}
.pc-empty p{margin:0 0 12px;color:var(--muted);font-size:13.5px}
.pc-empty .pc-btn{width:100%;max-width:260px}
@media (prefers-reduced-motion:reduce){.layer.cart-layer .cdr{transition:none}}

/* =========================================================
   1.7.0 · BUSCADOR con FiboSearch (panel "Buscar")
   ========================================================= */
#search .pal-fibo{align-items:center}
#search .pal-fibo .dgwt-wcas-search-wrapp{flex:1;min-width:0;max-width:none!important;margin:0!important}
#search .pal-fibo .dgwt-wcas-search-form,
#search .pal-fibo .dgwt-wcas-sf-wrapp{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;border-radius:0!important}
#search .pal-fibo .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input{width:100%!important;height:40px!important;padding:0 34px 0 0!important;margin:0!important;
  background:transparent!important;border:0!important;box-shadow:none!important;outline:0!important;border-radius:0!important;
  color:var(--text)!important;font:600 19px var(--font)!important;letter-spacing:-.3px}
#search .pal-fibo .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input::placeholder{color:var(--muted)!important;font-weight:500;opacity:1}
#search .pal-fibo .dgwt-wcas-search-submit,
#search .pal-fibo .dgwt-wcas-ico-magnifier{display:none!important}
#search .pal-fibo .dgwt-wcas-preloader{right:30px!important}
#search .pal-fibo .dgwt-wcas-close{right:0!important;color:var(--muted)!important}
#search .pal-fibo .dgwt-wcas-close svg,#search .pal-fibo .dgwt-wcas-voice-search svg{fill:currentColor}

/* Lista de sugerencias (FiboSearch la inserta en <body>; solo se restyliza con el panel abierto) */
html.pa-search-open .dgwt-wcas-suggestions-wrapp{background:var(--surface)!important;border:1px solid var(--edge)!important;border-radius:20px!important;
  box-shadow:0 18px 50px rgba(0,0,0,.6)!important;overflow:hidden;margin-top:8px;z-index:2147483000!important;max-height:62vh}
html.pa-search-open .dgwt-wcas-suggestion{display:flex!important;align-items:center;gap:12px;padding:9px 14px!important;border:0!important;border-bottom:1px solid var(--edge)!important;
  background:transparent!important;color:var(--text)!important}
html.pa-search-open .dgwt-wcas-suggestion:last-child{border-bottom:0!important}
html.pa-search-open .dgwt-wcas-suggestion.dgwt-wcas-suggestion-selected,
html.pa-search-open .dgwt-wcas-suggestion:hover{background:var(--card-h)!important}
html.pa-search-open .dgwt-wcas-si{width:48px!important;flex:none}
html.pa-search-open .dgwt-wcas-si img{width:48px!important;height:48px!important;object-fit:cover;border-radius:12px!important}
html.pa-search-open .dgwt-wcas-content-wrapp{flex:1;min-width:0}
html.pa-search-open .dgwt-wcas-st,html.pa-search-open .dgwt-wcas-st>span{color:var(--text)!important;font:600 14.5px var(--font)!important}
html.pa-search-open .dgwt-wcas-st strong{color:var(--accent-t,var(--accent))!important}
html.pa-search-open .dgwt-wcas-sp,html.pa-search-open .dgwt-wcas-sp .woocommerce-Price-amount{color:var(--accent-t,var(--accent))!important;font-weight:700}
html.pa-search-open .dgwt-wcas-sd,html.pa-search-open .dgwt-wcas-meta,html.pa-search-open .dgwt-wcas-sku{color:var(--muted)!important;font-size:12px}
html.pa-search-open .dgwt-wcas-suggestion-headline,
html.pa-search-open .dgwt-wcas-suggestion-more{background:var(--card)!important;color:var(--muted)!important;font:700 11.5px var(--font)!important;text-transform:uppercase;letter-spacing:.4px}
html.pa-search-open .dgwt-wcas-suggestion-more{text-align:center;color:var(--accent-t,var(--accent))!important;text-transform:none;font-size:13px!important}
html.pa-search-open .dgwt-wcas-suggestion-nores{color:var(--muted)!important;padding:16px!important}

/* Etiquetas solo para lectores de pantalla (FiboSearch) + texto "Cerrar" del panel en móvil (la regla anterior quedaba tapada) */
#search .screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;margin:-1px!important;padding:0!important;border:0!important}
@media (max-width:767px){.pal-top .k-d{display:none}.pal-top .k-m{display:inline}}


/* 1.7.1 · Refuerzo: el campo de FiboSearch siempre visible y sin su botón-lupa / overlay móvil */
#search .pal-fibo .dgwt-wcas-enable-mobile-form,
#search .pal-fibo .js-dgwt-wcas-enable-mobile-form,
#search .pal-fibo .dgwt-wcas-ico-magnifier-handler,
#search .pal-fibo .dgwt-wcas-search-icon,
#search .pal-fibo .dgwt-wcas-search-icon-arrow{display:none!important}
#search .pal-fibo .dgwt-wcas-search-wrapp{display:block!important;visibility:visible!important;opacity:1!important;position:relative!important;width:auto!important;height:auto!important}
#search .pal-fibo .dgwt-wcas-search-form{display:block!important;visibility:visible!important;opacity:1!important;position:static!important;width:100%!important;height:auto!important;transform:none!important}
#search .pal-fibo .dgwt-wcas-sf-wrapp{display:flex!important;align-items:center;width:100%!important}
#search .pal-fibo .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input{display:block!important;visibility:visible!important;opacity:1!important;flex:1;min-width:0}


/* =========================================================
   2.1.0 · Acabado premium
   ========================================================= */
:root:not([data-theme="light"]) .hdr-in,:root:not([data-theme="light"]) .bnav,:root:not([data-theme="light"]) .cdr,
:root:not([data-theme="light"]) .drawer,:root:not([data-theme="light"]) .card,:root:not([data-theme="light"]) .gpanel{
  border-top-color:rgba(248,250,252,.16);
  background-image:linear-gradient(180deg,rgba(248,250,252,.045),rgba(248,250,252,0) 38%)}
:root:not([data-theme="light"]) .pc-btn.main,:root:not([data-theme="light"]) .st-login{box-shadow:0 10px 30px rgba(var(--g2-rgb),.38),inset 0 1px 0 rgba(255,255,255,.22)}
:root:not([data-theme="light"]) .pa-cart-count{box-shadow:0 0 0 2px var(--bg),0 4px 12px rgba(var(--g2-rgb),.5)}
.pc-total dd{background:linear-gradient(135deg,#F8FAFC,var(--accent-t));-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
:root[data-theme="light"] .pc-total dd{background:none;-webkit-text-fill-color:currentColor;color:var(--text)}
.pc-pill{background:rgba(var(--g2-rgb),.16);color:var(--accent-t,var(--accent));border:1px solid rgba(var(--g2-rgb),.28)}


/* =========================================================
   2.2.0 · PREMIUM+  (azul · índigo · violeta, acabado de cristal)
   Capa final: pule sombras, luces internas, botones, tarjetas,
   animaciones de entrada y detalles del tema claro.
   ========================================================= */
:root{--ease:cubic-bezier(.2,.9,.25,1);--spring:cubic-bezier(.3,1.35,.5,1);--hi:rgba(248,250,252,.08)}
:root[data-theme="light"]{--hi:rgba(255,255,255,.95)}
::selection{background:rgba(var(--accent-rgb),.38);color:var(--text)}
:focus-visible{outline-color:var(--accent-t,var(--accent))}

/* Superficies de cristal: sombra profunda + luz interna superior */
.hdr-in{box-shadow:0 8px 28px rgba(2,6,23,.30),inset 0 1px 0 var(--hi)}
.hdr.scrolled .hdr-in{box-shadow:var(--shadow),0 0 0 1px rgba(var(--accent-rgb),.07),inset 0 1px 0 var(--hi)}
.bnav,.gpanel,.userpanel,.card,.cdr,.drawer{box-shadow:var(--shadow),inset 0 1px 0 var(--hi)}
:root[data-theme="light"] .hdr:not(.scrolled) .hdr-in{box-shadow:0 8px 24px rgba(15,23,42,.08),inset 0 1px 0 var(--hi)}

/* Menú lateral y carrito: aura de color + brillo superior (sin perder los degradados) */
:root:not([data-theme="light"]) .drawer{background-image:linear-gradient(180deg,rgba(248,250,252,.05),rgba(248,250,252,0) 38%),radial-gradient(130% 55% at 0% 0%,rgba(var(--accent-rgb),.24),transparent 62%),radial-gradient(90% 50% at 100% 100%,rgba(var(--tint-rgb),.14),transparent 60%)}
:root:not([data-theme="light"]) .cdr{background-image:linear-gradient(180deg,rgba(248,250,252,.05),rgba(248,250,252,0) 34%),radial-gradient(120% 45% at 100% 0%,rgba(var(--accent-rgb),.22),transparent 62%),radial-gradient(90% 40% at 0% 100%,rgba(var(--tint-rgb),.13),transparent 60%)}

/* Botones principales: degradado, brillo interno y destello al pasar el cursor */
.st-login,.gp-i.main,.pc-btn.main,.au-submit{position:relative;overflow:hidden;isolation:isolate;background:var(--accent-grad,var(--accent))}
.gp-i.main,.au-submit{box-shadow:0 10px 28px rgba(var(--g2-rgb),.34),inset 0 1px 0 rgba(255,255,255,.24)}
.st-login::after,.gp-i.main::after,.pc-btn.main::after,.au-submit::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.30) 50%,transparent 65%);transform:translateX(-130%);transition:transform .8s var(--ease)}
@media (hover:hover){.st-login:hover::after,.gp-i.main:hover::after,.pc-btn.main:hover::after,.au-submit:hover::after{transform:translateX(130%)}}
@keyframes paSheen{0%,68%{transform:translateX(-130%)}100%{transform:translateX(130%)}}
#gpanel.open .gp-i.main::after{animation:paSheen 4.8s 1.1s infinite}

/* Tarjetas: elevación suave y borde de acento */
.tile,.pc-item,.dr-card,.dr-cta{transition:background .25s,transform .35s var(--spring),border-color .25s,box-shadow .3s}
@media (hover:hover){
  .tile:hover{transform:translateY(-3px);border-color:rgba(var(--accent-rgb),.42);box-shadow:0 16px 36px rgba(var(--accent-rgb),.18)}
  .tile.wide:hover{box-shadow:0 18px 44px rgba(var(--accent-rgb),.26)}
  .pc-item:hover{border-color:rgba(var(--accent-rgb),.32)}
}
.tile:active{transform:scale(.97)}

/* Barra inferior e indicador */
@media (max-width:767px){
  .ind{box-shadow:0 0 26px rgba(var(--accent-rgb),.30),inset 0 1px 0 rgba(255,255,255,.14)}
  .bnav a[aria-current="page"] svg{filter:drop-shadow(0 0 8px rgba(var(--accent-rgb),.65))}
}

/* Avatares y contador del carrito con halo */
.me{box-shadow:0 4px 14px rgba(var(--g2-rgb),.35)}
.dr-av{box-shadow:0 0 0 4px rgba(var(--accent-rgb),.14),0 8px 22px rgba(var(--g2-rgb),.35)}

/* Entrada escalonada al abrir menú lateral y carrito */
@keyframes paRise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.layer.side.open .dr-item,.layer.side.open .dr-card,.layer.side.open .dr-seg,.layer.side.open .dr-cta{animation:paRise .5s var(--ease) both}
.layer.cart-layer.open .pc-item,.layer.cart-layer.open .pc-empty{animation:paRise .5s var(--ease) both}
.layer.side.open .dr-list .dr-item:nth-child(1){animation-delay:0.115s}
.layer.side.open .dr-list .dr-item:nth-child(2){animation-delay:0.150s}
.layer.side.open .dr-list .dr-item:nth-child(3){animation-delay:0.185s}
.layer.side.open .dr-list .dr-item:nth-child(4){animation-delay:0.220s}
.layer.side.open .dr-list .dr-item:nth-child(5){animation-delay:0.255s}
.layer.side.open .dr-list .dr-item:nth-child(6){animation-delay:0.290s}
.layer.side.open .dr-list .dr-item:nth-child(7){animation-delay:0.325s}
.layer.side.open .dr-list .dr-item:nth-child(8){animation-delay:0.360s}
.layer.side.open .dr-card{animation-delay:.32s}.layer.side.open .dr-seg{animation-delay:.38s}.layer.side.open .dr-cta{animation-delay:.44s}
.layer.cart-layer.open .pc-item:nth-child(1){animation-delay:0.15s}
.layer.cart-layer.open .pc-item:nth-child(2){animation-delay:0.20s}
.layer.cart-layer.open .pc-item:nth-child(3){animation-delay:0.25s}
.layer.cart-layer.open .pc-item:nth-child(4){animation-delay:0.30s}
.layer.cart-layer.open .pc-item:nth-child(5){animation-delay:0.35s}
.layer.cart-layer.open .pc-item:nth-child(6){animation-delay:0.40s}

/* Formularios de acceso: insignia, título y botón con más presencia */
.auth-card .au-badge{background:linear-gradient(135deg,rgba(var(--au-acc-rgb),.24),rgba(var(--g3-rgb),.18));border-color:rgba(var(--g3-rgb),.40);color:var(--badge-ink);box-shadow:0 0 34px rgba(var(--g2-rgb),.28)}
.au-head h2{background:linear-gradient(135deg,#F8FAFC 35%,var(--title-t));-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.au-in:focus-within{border-color:rgba(var(--focus-rgb),.85);box-shadow:0 0 0 4px rgba(var(--g2-rgb),.20)}
.au-tabs button[aria-selected="true"]{text-shadow:0 0 18px rgba(var(--au-acc-rgb),.6)}

/* Barras de desplazamiento discretas */
.card,.dr-body,.pc-list,.auth-layer{scrollbar-width:thin;scrollbar-color:rgba(var(--ov),.20) transparent}

/* Tema claro: detalles finos */
:root[data-theme="light"] .pc-foot{background:rgba(15,23,42,.03)}
:root[data-theme="light"] .tile.wide{background:radial-gradient(120% 140% at 100% 0%,rgba(var(--accent-rgb),.16),transparent 60%),var(--card)}
:root[data-theme="light"] .me,:root[data-theme="light"] .dr-av{box-shadow:0 4px 14px rgba(var(--g2-rgb),.25)}

@media (prefers-reduced-motion:reduce){
  .st-login::after,.gp-i.main::after,.pc-btn.main::after,.au-submit::after{animation:none!important;transition:none!important}
  .layer.side.open .dr-item,.layer.side.open .dr-card,.layer.side.open .dr-seg,.layer.side.open .dr-cta,.layer.cart-layer.open .pc-item,.layer.cart-layer.open .pc-empty{animation:none!important}
  .tile:hover{transform:none}
}

/* =========================================================
   1.9.0 · PALETA "CLÁSICO" (naranja original) — alternable desde el menú lateral
   Se activa con <html data-palette="ember">. Sin el atributo (o "blue") queda el tema Premium azul.
   Convive con el modo claro/oscuro (data-theme).
   ========================================================= */
:root[data-palette="ember"]{
  --bg:#0b0d11; --surface:#12161d; --text:#f4f6f8; --muted:#8d96a5; --deep:#3a1f08;
  --accent:#ff8a00; --accent-t:#ffb04a; --accent-rgb:255,138,0;
  --accent-grad:linear-gradient(135deg,#ffb020 0%,#ff8a00 55%,#ff5a00 100%); --ov:255,255,255;
  --glass:rgba(18,22,29,.86); --edge:rgba(255,255,255,.10); --card:rgba(255,255,255,.045); --card-h:rgba(255,255,255,.085);
  --shadow:0 22px 56px rgba(0,0,0,.62); --a1:rgba(255,138,0,.20); --a2:rgba(143,168,200,.14); --scrim:rgba(0,0,0,.62);
  --g2-rgb:255,110,0; --g3-rgb:255,77,0; --tint:#ffb04a; --tint-rgb:118,145,180; --focus-rgb:255,176,74;
  --on-accent:#1a0d00; --badge:#ff8a00; --on-badge:#1a0d00; --badge-ink:#ffd9a8; --title-t:#ffb04a;
  --av-grad:linear-gradient(135deg,#ffc400,#ff4d00); --fab-grad:linear-gradient(135deg,#ffc400,#ff8a00 55%,#ff4d00);
}
:root[data-palette="ember"][data-theme="light"]{
  --bg:#f6f5f3; --surface:#ffffff; --text:#121212; --muted:#6f6b66;
  --accent:#f26a00; --accent-t:#f26a00; --accent-rgb:242,106,0;
  --accent-grad:linear-gradient(135deg,#ff8a00,#f26a00); --ov:18,18,18;
  --glass:rgba(255,255,255,.92); --edge:rgba(0,0,0,.08); --card:rgba(0,0,0,.04); --card-h:rgba(0,0,0,.07);
  --shadow:0 14px 40px rgba(30,20,10,.14); --a1:rgba(255,138,0,.16); --a2:rgba(90,120,170,.12); --scrim:rgba(20,16,10,.38);
  --g2-rgb:242,106,0; --g3-rgb:255,77,0; --tint:#f26a00; --tint-rgb:90,120,170; --focus-rgb:242,106,0;
  --title-t:#f26a00; --badge:#f26a00; --on-badge:#ffffff; --badge-ink:#b34700; --on-accent:#1a0d00;
}
/* Móvil: la regla del tema oscuro móvil (:root:not([data-theme=light])) tiene la misma especificidad; se refuerza aquí */
:root[data-palette="ember"]:not([data-theme="light"]){
  --bg:#0b0d11; --surface:#12161d; --text:#f4f6f8; --muted:#8d96a5;
  --accent:#ff8a00; --accent-t:#ffb04a; --accent-rgb:255,138,0;
  --accent-grad:linear-gradient(135deg,#ffb020 0%,#ff8a00 55%,#ff5a00 100%); --ov:255,255,255;
  --glass:rgba(18,22,29,.94); --edge:rgba(255,255,255,.10); --card:rgba(255,255,255,.045); --card-h:rgba(255,255,255,.085);
  --shadow:0 22px 56px rgba(0,0,0,.62); --a1:rgba(255,138,0,.20); --a2:rgba(143,168,200,.14); --scrim:rgba(0,0,0,.62);
}
:root[data-palette="ember"] .pc-total dd{background:linear-gradient(135deg,#f4f6f8,#ffb04a);-webkit-background-clip:text;background-clip:text}
:root[data-palette="ember"][data-theme="light"] .pc-total dd{background:none;-webkit-text-fill-color:currentColor;color:var(--text)}
:root[data-palette="ember"] .au-head h2{background:linear-gradient(135deg,#f4f6f8 35%,#ffb04a);-webkit-background-clip:text;background-clip:text}
:root[data-palette="ember"] .auth-card{--au-bg:#0d1016;--au-line:rgba(255,255,255,.09);--au-text:#f4f6f8;--au-muted:#8d96a5}
:root[data-palette="ember"] .auth-card .au-badge{color:#ffb04a}

/* =========================================================
   1.9.0 · Botón "Tema de color" dentro del menú lateral
   ========================================================= */
.dr-theme{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;margin-top:10px;padding:0 12px 0 10px;border-radius:20px;text-align:left;
  background:var(--card);border:1px solid var(--edge);color:var(--text);cursor:pointer;
  transition:background .2s,border-color .2s,transform .3s var(--spring),box-shadow .3s}
.dr-theme:hover{background:var(--card-h);border-color:rgba(var(--accent-rgb),.42);box-shadow:0 10px 26px rgba(var(--accent-rgb),.16)}
.dr-theme:active{transform:scale(.98)}
.dr-theme .dr-chip{background:var(--accent-grad,var(--accent));color:var(--on-accent);box-shadow:0 6px 16px rgba(var(--accent-rgb),.35)}
.dr-theme .dr-chip svg{stroke-width:2}
.dr-theme .dr-txt{flex:1;min-width:0}
.dr-theme .dr-txt b{display:block;font-size:14px;font-weight:700;line-height:1.2}
.dr-theme .dr-txt small{display:block;margin-top:1px;font-size:11.5px;font-weight:600;color:var(--muted)}
.dr-pal{display:flex;flex:none}
.dr-pal i{width:22px;height:22px;border-radius:50%;border:2px solid var(--surface);margin-left:-3px;opacity:.55;transform:scale(.86);transition:transform .35s var(--spring),opacity .25s,box-shadow .25s}
.dr-pal i:first-child{margin-left:0;background:linear-gradient(135deg,#2563EB,#8B5CF6)}
.dr-pal i:last-child{background:linear-gradient(135deg,#ffc400,#ff5a00)}
:root:not([data-palette="ember"]) .dr-pal i:first-child,:root[data-palette="ember"] .dr-pal i:last-child{opacity:1;transform:scale(1.08);box-shadow:0 0 0 2px rgba(var(--accent-rgb),.55);z-index:1}
.drawer.mini .dr-theme{justify-content:center;padding:0;min-height:44px;background:none;border:0;margin-top:6px}
.drawer.mini .dr-theme .dr-pal{display:none}
@media (prefers-reduced-motion:reduce){.dr-pal i,.dr-theme{transition:none}}


/* =========================================================
   1.9.1 · Blindaje de botones de la cabecera + ajuste móvil
   - Los estilos de botones del tema de WordPress (p. ej. la clase genérica ".burger") pintaban de azul el botón de menú.
     Ahora la clase es ".pa-burger" y todos los ".ib" se resetean con especificidad alta.
   - En pantallas angostas el botón "Iniciar sesión" se salía de la barra: se compacta logo, iconos y botón.
   ========================================================= */
button.ib:not(#pa),a.ib:not(#pa){-webkit-appearance:none;appearance:none;background:transparent;background-image:none;border:0;border-radius:50%;box-shadow:none;
  color:var(--text);padding:0;margin-top:0;margin-bottom:0;min-width:0;min-height:0;line-height:1;text-transform:none;letter-spacing:normal;text-shadow:none;
  -webkit-tap-highlight-color:transparent}
button.ib:not(#pa):focus:not(:focus-visible),a.ib:not(#pa):focus:not(:focus-visible){background:transparent;box-shadow:none;outline:0}
@media (hover:hover){button.ib:not(#pa):hover,a.ib:not(#pa):hover{background:var(--card);color:var(--text)}}
button.ib:not(#pa):focus-visible,a.ib:not(#pa):focus-visible{background:var(--card);outline:2px solid var(--accent-t,var(--accent));outline-offset:2px}
button.ib:not(#pa):active,a.ib:not(#pa):active{background:var(--card-h);color:var(--text)}
#hdr .st-login,#hdr .st-login:hover,#hdr .st-login:focus,#hdr .st-login:visited{color:var(--on-accent);text-decoration:none}

#hdr .hdr-in{min-width:0}
#hdr .hdr-end{min-width:0;flex:0 0 auto}
@media (max-width:767px){
  #hdr .hdr-in{gap:8px;padding:0 6px 0 12px}
  #hdr .pa-burger{width:38px;height:38px;margin:0 0 0 -4px}
  #hdr .logo{width:96px!important;max-width:96px!important;height:28px!important}
  #hdr .logo img{height:28px!important;max-height:28px!important}
  #hdr .hdr-end{gap:2px}
  #hdr .hdr-end .ib{width:36px;height:36px}
  #hdr .hdr-end .ib svg{width:20px;height:20px}
  #hdr .dot{top:8px;right:9px}
  #hdr .pa-cart-count{top:0;right:-2px}
  #hdr .st-login{height:34px;padding:0 13px;font-size:12.5px;letter-spacing:-.1px}
}
@media (max-width:389px){
  #hdr .hdr-in{gap:6px;padding:0 5px 0 10px}
  #hdr .pa-burger{width:34px;height:34px;margin-left:-4px}
  #hdr .logo{width:84px!important;max-width:84px!important;height:24px!important}
  #hdr .logo img{height:24px!important;max-height:24px!important}
  #hdr .hdr-end .ib{width:32px;height:32px}
  #hdr .hdr-end .ib svg{width:19px;height:19px}
  #hdr .dot{top:6px;right:7px}
  #hdr .st-login{height:32px;padding:0 11px;font-size:12px}
}
@media (max-width:339px){
  #hdr .logo{width:72px!important;max-width:72px!important;height:21px!important}
  #hdr .logo img{height:21px!important;max-height:21px!important}
  #hdr .st-login{padding:0 9px;font-size:11.5px}
}

/* Botones transparentes del menú: mismo blindaje frente a estilos de botón del tema */
.dr-pen:not(#pa),.dr-sb:not(#pa),.nav-d button:not(#pa),.pc-rm:not(#pa){background:transparent;background-image:none;box-shadow:none;text-shadow:none}
@media (hover:hover){
  .dr-pen:not(#pa):hover,.dr-sb:not(#pa):hover{background:var(--card-h)}
  .nav-d button:not(#pa):hover{background:var(--card)}
  .pc-rm:not(#pa):hover{background:rgba(244,63,94,.12)}
}


/* =========================================================
   1.10.0 · SUSCRIBIRME — lightbox con PMS Registration Wizard
   Reutiliza el lightbox de login/registro (.auth-layer / .auth-card) y adapta el asistente
   (.pmsw) a la paleta, tipografía y controles de los formularios de acceso.
   ========================================================= */
.sub-card{padding-left:max(20px,calc((100% - 1240px)/2));padding-right:max(20px,calc((100% - 1240px)/2))}
.sub-card .sub-body{width:100%}

/* contenedor del asistente: sin margen superior, sin tarjeta propia en escritorio */
.sub-card .pmsw{
  --pmsw-c1:var(--accent,#2563EB);--pmsw-c2:rgb(var(--g3-rgb,139,92,246));
  --pmsw-text:var(--text,#F8FAFC);--pmsw-mute:var(--muted,#94A3B8);
  --pmsw-line:rgba(var(--ov,255,255,255),.14);--pmsw-card:rgba(var(--ov,255,255,255),.04);--pmsw-bg:transparent;--pmsw-offset:0px;
  width:100%;max-width:none;margin:0 auto;padding:0;border:0;border-radius:0;background:none;box-shadow:none;
  color:var(--text,#F8FAFC);font-family:var(--font,inherit)
}
.sub-card .pmsw-on[data-step="1"],.sub-card .pmsw-on[data-step="3"],.sub-card .pmsw-on[data-step="4"],.sub-card .pmsw-success{max-width:440px}
.sub-card .pmsw-top{display:none}

/* pasos */
.sub-card .pmsw-steps{margin:6px 0 22px}
.sub-card .pmsw-dot{background:rgba(var(--ov,255,255,255),.05);border-color:var(--pmsw-line);color:var(--muted)}
.sub-card .pmsw-step.is-done .pmsw-dot{background:rgba(var(--accent-rgb,37,99,235),.16);border-color:var(--accent);color:var(--accent-t,var(--accent))}
.sub-card .pmsw-step.is-now .pmsw-dot{color:var(--on-accent,#fff);background:var(--accent-grad,var(--accent));box-shadow:0 0 0 4px rgba(var(--accent-rgb,37,99,235),.20)}
.sub-card .pmsw-step.is-now .pmsw-lbl{color:var(--text)}
.sub-card .pmsw-step.is-done:not(:last-child)::after{background:var(--accent-grad,var(--accent))}

/* títulos (como .au-head) */
.sub-card .pmsw-head{text-align:center;max-width:none;margin:0}
.sub-card .pmsw-head h2,.sub-card .pmsw-done h2{margin:0 0 9px!important;font:800 28px/1.15 var(--font)!important;letter-spacing:-.02em;color:var(--text)!important}
.sub-card .pmsw-head p{margin:0 0 24px!important;font:500 14.5px/1.45 var(--font)!important;color:var(--muted)!important}
.sub-card .pmsw-alert{font:600 13px/1.4 var(--font);color:#FDA4AF;background:rgba(244,63,94,.10);border:1px solid rgba(244,63,94,.28);border-radius:13px}

/* campos (como .au-in) */
.sub-card .pmsw .pms-field{margin:0 0 14px!important}
.sub-card .pmsw-ii{left:14px;color:var(--muted)}
.sub-card .pmsw-ii svg{width:18px;height:18px;stroke-width:1.8}
.sub-card .pmsw .pmsw-inw input{
  height:50px!important;padding:0 46px 0 44px!important;border-radius:15px!important;
  background:rgba(var(--ov,255,255,255),.04)!important;border:1px solid var(--pmsw-line)!important;
  color:var(--text)!important;-webkit-text-fill-color:var(--text);font:500 16px var(--font)!important
}
.sub-card .pmsw .pmsw-inw input::placeholder{color:#64748B!important;-webkit-text-fill-color:#64748B;opacity:1}
.sub-card .pmsw .pmsw-inw input:focus{border-color:rgba(var(--accent-rgb,37,99,235),.75)!important;background:rgba(var(--ov,255,255,255),.06)!important;box-shadow:0 0 0 4px rgba(var(--accent-rgb,37,99,235),.14)!important}
.sub-card .pmsw .pmsw-inw input:-webkit-autofill{-webkit-text-fill-color:var(--text);box-shadow:0 0 0 40px var(--surface,#111827) inset!important;caret-color:var(--text)}
.sub-card .pmsw .pms-field.is-invalid input{border-color:rgba(244,63,94,.75)!important;box-shadow:0 0 0 4px rgba(244,63,94,.10)!important}
.sub-card .pmsw .pmsw-eye{color:var(--muted)!important}
.sub-card .pmsw .pmsw-eye:hover{color:var(--text)!important}
.sub-card .pmsw-err,.sub-card .pmsw-on li.pms-field [class*="pms"][class*="error"]:not([class*="pmsw"]){color:#FDA4AF;font:600 12.5px var(--font)}

/* términos */
.sub-card .pmsw-terms{color:var(--muted);font:500 13px/1.45 var(--font)}
.sub-card .pmsw-cb{border-color:rgba(var(--ov,255,255,255),.28);background:rgba(var(--ov,255,255,255),.03)}
.sub-card .pmsw-terms input:checked+.pmsw-cb{background:var(--accent);border-color:var(--accent);color:var(--on-accent,#fff)}
.sub-card .pmsw-terms a,.sub-card .pmsw-lk,.sub-card .pmsw-login a,.sub-card .pmsw-change{color:var(--accent-t,var(--accent));font-weight:700;text-decoration:none}
.sub-card .pmsw-terms a:hover,.sub-card .pmsw-login a:hover,.sub-card .pmsw-change:hover{text-decoration:underline;text-underline-offset:3px}

/* planes */
.sub-card .pmsw-card{border-radius:18px;background:var(--pmsw-card);border-color:var(--pmsw-line)}
.sub-card .pmsw-card:hover{border-color:rgba(var(--accent-rgb,37,99,235),.5)}
.sub-card .pmsw-card.is-on{border-color:var(--accent);background:linear-gradient(145deg,rgba(var(--accent-rgb,37,99,235),.16),rgba(var(--g2-rgb,99,102,241),.06));box-shadow:0 0 0 1px var(--accent),0 10px 30px rgba(var(--accent-rgb,37,99,235),.18)}
.sub-card .pmsw-rad{border-color:rgba(var(--ov,255,255,255),.30)}
.sub-card .pmsw-card.is-on .pmsw-rad{border-color:var(--text);background:radial-gradient(circle,var(--text) 0 38%,var(--accent) 42%)}
.sub-card .pmsw-ct,.sub-card .pmsw-cp strong,.sub-card .pmsw-pc b,.sub-card .pmsw-sum h4,.sub-card .pmsw-total{color:var(--text)!important}
.sub-card .pmsw-cp small,.sub-card .pmsw-note,.sub-card .pmsw-login,.sub-card .pmsw-done>p{color:var(--muted)}
.sub-card .pmsw-ft,.sub-card .pmsw-ck,.sub-card .pmsw .pms-subscription-plan-auto-renew label{color:var(--muted)}
.sub-card .pmsw-ft li::before{background:var(--muted)}
.sub-card .pmsw-pop{background:var(--accent-grad,var(--accent));color:var(--on-accent,#fff)}
.sub-card .pmsw-pi{color:var(--muted)}
.sub-card .pmsw-box,.sub-card .pmsw-pay{border-radius:16px}

/* botones (como .au-submit) */
.sub-card .pmsw .pmsw-btn{
  height:52px;min-height:52px;border-radius:16px!important;font:800 15px var(--font)!important;letter-spacing:.1px;
  color:var(--on-accent,#fff)!important;background:var(--accent-grad,var(--accent))!important;
  box-shadow:0 10px 28px rgba(var(--accent-rgb,37,99,235),.28),inset 0 1px 0 rgba(255,255,255,.35)!important
}
.sub-card .pmsw .pmsw-btn svg{width:18px;height:18px}
.sub-card .pmsw .pmsw-ghost{background:transparent!important;box-shadow:none!important;border:1px solid var(--pmsw-line)!important;color:var(--text)!important}
.sub-card .pmsw .pmsw-ghost:hover{border-color:rgba(var(--accent-rgb,37,99,235),.6)!important}
.sub-card .pmsw-login{margin-top:18px!important;font:500 13px var(--font)}
.sub-card .pmsw-secure{color:var(--muted);font:500 12.5px var(--font)}
.sub-card .pmsw-big{background:var(--accent-grad,var(--accent));color:var(--on-accent,#fff);box-shadow:0 0 0 10px rgba(var(--accent-rgb,37,99,235),.14),0 16px 40px rgba(var(--accent-rgb,37,99,235),.35)}

/* Escritorio (1.10.2): asistente de 3 etapas (Cuenta y plan · Pago y confirmación · Completado).
   El lightbox se ensancha a 1240px y la barra de marca del asistente se oculta (el lightbox ya tiene la suya). */
@media (min-width:900px){
  .sub-card .pmsw-on[data-step],.sub-card .pmsw-success{max-width:none}
  .sub-card .pmsw-on form.pms-form,.sub-card .pmsw-sum,.sub-card .pmsw-alert{max-width:none}
  .sub-card .pmsw .pmsw-bar,.sub-card .au-badge{display:none!important}
  /* la interfaz arranca a la altura de la "x" de cerrar (top:22px, 44px de alto): el centro de los pasos coincide con el centro de la "x" */
  .sub-card{padding-top:22px}
  .sub-card .pmsw .pmsw-dsteps{margin:6px auto 4px;padding:0}
  .sub-card .pmsw-head{padding-top:6px}
  .sub-card .pmsw-head h2{font-size:30px!important}
  .sub-card .pmsw-head p{font-size:14.5px}
  .sub-card .pmsw-ptitle span{background:rgba(var(--accent-rgb,37,99,235),.14);color:var(--accent-t,var(--accent))}
  .sub-card .pmsw-panel,.sub-card .pmsw-on[data-step="1"] .pms-field-subscriptions,.sub-card .pmsw-on[data-step="3"] .pmsw-sum{border-radius:22px}
  .sub-card .pmsw .pmsw-actions .pmsw-btn{height:48px;min-height:48px;border-radius:14px!important}
  .sub-card .pmsw-done{max-width:520px}
}
/* Escritorio · etapa 1 (1.10.5): "01 Crear cuenta" y "02 Elegir plan" con la misma altura y toda la interfaz dentro de la pantalla, sin scroll.
   Solo actúa mientras el asistente está en la etapa 1; el pago (etapa 2) y el final conservan su comportamiento. */
@media (min-width:900px){
  .sub-card:has(.pmsw-stage[data-step="1"]){height:100vh;height:100dvh;min-height:0;overflow:hidden;padding-bottom:clamp(10px,2.2vh,22px)}
  .sub-card:has(.pmsw-stage[data-step="1"]) .sub-body{flex:1 1 auto;min-height:0;display:flex}
  .sub-card .pmsw-on[data-step="1"]{--s1g:clamp(8px,1.5vh,16px)}
  .sub-card .pmsw:has(.pmsw-stage[data-step="1"]){flex:1 1 auto;min-height:0;height:100%;display:flex;padding-bottom:0}
  .sub-card .pmsw-stage[data-step="1"]{flex:1 1 auto;min-height:0;height:100%;grid-template-rows:auto auto auto auto minmax(0,1fr) auto}
  /* títulos y pasos más compactos */
  .sub-card .pmsw-stage[data-step="1"] .pmsw-dsteps{padding:0 0 var(--s1g)!important;margin:0 auto!important}
  .sub-card .pmsw-stage[data-step="1"] .pmsw-head{padding-top:0!important}
  .sub-card .pmsw-stage[data-step="1"] .pmsw-head h2{font-size:clamp(22px,3.6vh,30px)!important;margin:0 0 4px!important}
  .sub-card .pmsw-stage[data-step="1"] .pmsw-head p{margin:0 0 var(--s1g)!important;font-size:clamp(12.5px,1.8vh,14.5px)!important}
  /* formulario: ocupa todo el alto libre y sus dos contenedores se estiran igual */
  .sub-card .pmsw-stage[data-step="1"]>form.pms-form{min-height:0;align-self:stretch;display:flex;flex-direction:column}
  .sub-card .pmsw-stage[data-step="1"] .pms-form-fields-wrapper{flex:1 1 auto;min-height:0;align-items:stretch;gap:var(--s1g);grid-template-rows:minmax(0,1fr)}
  .sub-card .pmsw-stage[data-step="1"] .pmsw-panel,
  .sub-card .pmsw-stage[data-step="1"] .pms-field-subscriptions{min-height:0;min-width:0;height:100%;padding:clamp(12px,2.2vh,22px)!important;overflow:hidden}
  .sub-card .pmsw-stage[data-step="1"] .pmsw-ptitle{margin:0 0 var(--s1g)!important}
  /* 01: los campos se reparten el alto disponible */
  .sub-card .pmsw-stage[data-step="1"] .pmsw-panel{display:flex!important;flex-direction:column}
  .sub-card .pmsw-stage[data-step="1"] .pmsw-pl{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;justify-content:space-between}
  .sub-card .pmsw-stage[data-step="1"] .pmsw-panel .pms-field{margin:0 0 clamp(6px,1.2vh,13px)!important}
  .sub-card .pmsw-stage[data-step="1"] .pmsw-panel .pmsw-inw input{height:clamp(38px,5.4vh,46px)!important}
  /* 02: título arriba y los tres grupos a la misma altura, ocupando el resto */
  .sub-card .pmsw-stage[data-step="1"] .pms-field-subscriptions{grid-template-rows:auto minmax(0,1fr);gap:var(--s1g) clamp(8px,1.2vw,14px);align-items:stretch!important}
  .sub-card .pmsw-stage[data-step="1"] .pms-field-subscriptions>.pmsw-ptitle{grid-row:1}
  .sub-card .pmsw-stage[data-step="1"] .pmsw-grp{display:flex;flex-direction:column;min-height:0;grid-row:2}
  .sub-card .pmsw-stage[data-step="1"] .pmsw-gh{flex:none;padding:clamp(8px,1.6vh,16px) 12px clamp(6px,1.2vh,12px)!important}
  .sub-card .pmsw-stage[data-step="1"] .pmsw-gi{width:clamp(34px,5vh,44px);height:clamp(34px,5vh,44px)}
  .sub-card .pmsw-stage[data-step="1"] .pmsw-grp.is-locked .pmsw-gh{padding-bottom:12px!important}
  .sub-card .pmsw-stage[data-step="1"] .pmsw-grp:not(.is-locked) .pmsw-gb{flex:1 1 auto;min-height:0;overflow:hidden;gap:clamp(5px,1vh,10px);padding:0 10px clamp(8px,1.4vh,10px);align-content:start}
  .sub-card .pmsw-stage[data-step="1"] .pmsw-grp .pmsw-card{padding:clamp(7px,1.2vh,13px) 12px}
  .sub-card .pmsw-stage[data-step="1"] .pmsw-grp .pmsw-ct{font-size:clamp(13px,1.9vh,15px)}
  .sub-card .pmsw-stage[data-step="1"] .pmsw-ft{gap:clamp(1px,.4vh,4px);font-size:clamp(11.5px,1.6vh,13px)}
  /* botones y enlace de acceso */
  .sub-card .pmsw-stage[data-step="1"]>.pmsw-actions{margin-top:0;padding-top:var(--s1g)}
  .sub-card .pmsw .pmsw-stage[data-step="1"] .pmsw-actions .pmsw-btn{height:clamp(40px,5.6vh,48px);min-height:clamp(40px,5.6vh,48px)}
}
/* cada plan pone nombre y precio en una misma línea y las ventajas en dos columnas, para que los planes quepan sin scroll */
@media (min-width:900px){
  .sub-card .pmsw-stage[data-step="1"] .pms-form-fields-wrapper{grid-template-columns:minmax(0,1fr) minmax(0,3fr)}
  .sub-card .pmsw-stage[data-step="1"] .pmsw-panel .pms-account-section-wrapper{display:block!important}
  .sub-card .pmsw-stage[data-step="1"] .pmsw-grp .pmsw-cm{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;column-gap:8px;row-gap:2px}
  .sub-card .pmsw-stage[data-step="1"] .pmsw-grp .pmsw-cp strong{font-size:16px}
  .sub-card .pmsw-stage[data-step="1"] .pmsw-grp .pmsw-card.is-on .pmsw-ft{width:100%;display:grid;grid-template-columns:1fr 1fr;column-gap:10px;margin-top:4px}
  .sub-card .pmsw-stage[data-step="1"] .pmsw-grp .pmsw-tr{width:100%}
}
/* pantallas estrechas (900–1099 px): columnas de plan más justas */
@media (min-width:900px) and (max-width:1099px){
  .sub-card .pmsw-stage[data-step="1"] .pmsw-grp .pmsw-cm{row-gap:0}
  .sub-card .pmsw-stage[data-step="1"] .pmsw-grp .pmsw-ct{gap:5px;flex-wrap:nowrap}
  .sub-card .pmsw-stage[data-step="1"] .pmsw-grp .pmsw-cp{white-space:nowrap}
  .sub-card .pmsw-stage[data-step="1"] .pmsw-grp .pmsw-cp small{font-size:10.5px}
  .sub-card .pmsw-stage[data-step="1"] .pmsw-grp .pmsw-off{font-size:10.5px;padding:3px 6px}
  .sub-card .pmsw-stage[data-step="1"] .pmsw-grp .pmsw-card{padding:8px 10px;grid-template-columns:20px 1fr}
  .sub-card .pmsw-stage[data-step="1"] .pmsw-ft{grid-template-columns:1fr!important;font-size:11px}
}
/* pantallas muy bajas (≤ 680 px de alto) */
@media (min-width:900px) and (max-height:680px){
  .sub-card .pmsw-stage[data-step="1"] .pmsw-head p{display:none}
  .sub-card .pmsw-stage[data-step="1"] .pmsw-gi{width:30px;height:30px;border-radius:10px}
  .sub-card .pmsw-stage[data-step="1"] .pmsw-gi svg{width:18px;height:18px}
  .sub-card .pmsw-stage[data-step="1"] .pmsw-gt small{font-size:11.5px}
  .sub-card .pmsw-stage[data-step="1"] .pmsw-grp .pmsw-card{padding:6px 10px}
  .sub-card .pmsw-stage[data-step="1"] .pmsw-grp:not(.is-locked) .pmsw-gb{gap:4px}
  .sub-card .pmsw-stage[data-step="1"] .pmsw-gh{padding-top:8px!important;padding-bottom:6px!important}
}
/* 1.10.6 · Proporciones del contenedor 02: Básico (con sus 5 planes) más ancho que Estándar/Premium ("Próximamente"),
   planes en dos líneas (nombre + precio / prueba gratis) que se reparten el alto del grupo; el último plan nunca se recorta. */
@media (min-width:900px){
  .sub-card .pmsw-stage[data-step="1"] .pms-field-subscriptions{grid-template-columns:minmax(0,1.9fr) minmax(0,1fr) minmax(0,1fr)}
  .sub-card .pmsw-stage[data-step="1"] .pmsw-grp:not(.is-locked) .pmsw-gb{display:flex!important;flex-direction:column;overflow-y:auto;scrollbar-width:thin}
  .sub-card .pmsw-stage[data-step="1"] .pmsw-grp:not(.is-locked) .pmsw-plan{flex:1 1 auto;min-height:0;display:flex;margin:0!important}
  .sub-card .pmsw-stage[data-step="1"] .pmsw-grp:not(.is-locked) .pmsw-plan .pmsw-card{flex:1 1 auto;display:grid;align-content:center;align-items:center;min-height:0;padding-top:4px;padding-bottom:4px}
  .sub-card .pmsw-stage[data-step="1"] .pmsw-grp .pmsw-cm{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;column-gap:8px;row-gap:1px}
  .sub-card .pmsw-stage[data-step="1"] .pmsw-grp .pmsw-ct{flex:0 1 auto;flex-wrap:nowrap;gap:6px;white-space:nowrap}
  .sub-card .pmsw-stage[data-step="1"] .pmsw-grp .pmsw-cp{flex:none;white-space:nowrap;display:flex;align-items:baseline;gap:4px;margin-left:auto}
  .sub-card .pmsw-stage[data-step="1"] .pmsw-grp .pmsw-tr{flex:0 0 100%;font-size:clamp(11px,1.6vh,12.5px);line-height:1.2}
  .sub-card .pmsw-stage[data-step="1"] .pmsw-grp .pmsw-rad{align-self:center;margin-top:0}
}
@media (min-width:900px) and (max-height:700px){
  .sub-card .pmsw-stage[data-step="1"] .pmsw-grp .pmsw-card{padding-top:3px;padding-bottom:3px}
  .sub-card .pmsw-stage[data-step="1"] .pmsw-grp:not(.is-locked) .pmsw-gb{gap:3px;padding-bottom:6px}
  .sub-card .pmsw-stage[data-step="1"] .pmsw-grp .pmsw-cp strong{font-size:15px}
}
@media (min-width:900px) and (max-width:1099px){
  .sub-card .pmsw-stage[data-step="1"] .pms-field-subscriptions{grid-template-columns:minmax(0,2.3fr) minmax(0,1fr) minmax(0,1fr)}
  .sub-card .pmsw-stage[data-step="1"] .pmsw-grp.is-locked .pmsw-gi{display:none}
  .sub-card .pmsw-stage[data-step="1"] .pmsw-grp.is-locked .pmsw-gh{padding-left:8px!important;padding-right:8px!important}
  .sub-card .pmsw-stage[data-step="1"] .pmsw-grp.is-locked .pmsw-lock{font-size:9.5px;letter-spacing:.02em;padding:6px 4px}
}
/* Escritorio · etapa 2 "Pago y confirmación" (1.10.7): "Método de pago" y "Resumen de compra" con la misma altura y todo dentro de la pantalla, sin scroll.
   El formulario de Stripe (tema oscuro, ver PMS Registration Wizard 1.4.0) va en una tarjeta oscura igual que las de la etapa 1. */
@media (min-width:900px){
  .sub-card:has(.pmsw-stage[data-step="3"]){height:100vh;height:100dvh;min-height:0;overflow:hidden;padding-bottom:clamp(10px,2.2vh,22px)}
  .sub-card:has(.pmsw-stage[data-step="3"]) .sub-body{flex:1 1 auto;min-height:0;display:flex}
  .sub-card .pmsw-on[data-step="3"]{--s3g:clamp(8px,1.5vh,16px)}
  .sub-card .pmsw:has(.pmsw-stage[data-step="3"]){flex:1 1 auto;min-height:0;height:100%;display:flex;padding-bottom:0}
  .sub-card .pmsw-stage[data-step="3"]{flex:1 1 auto;min-height:0;height:100%;grid-template-rows:auto auto auto auto minmax(0,1fr) auto}
  .sub-card .pmsw-stage[data-step="3"] .pmsw-dsteps{padding:0 0 var(--s3g)!important;margin:0 auto!important}
  .sub-card .pmsw-stage[data-step="3"] .pmsw-head{padding-top:0!important}
  .sub-card .pmsw-stage[data-step="3"] .pmsw-head h2{font-size:clamp(22px,3.6vh,30px)!important;margin:0 0 4px!important}
  .sub-card .pmsw-stage[data-step="3"] .pmsw-head p{margin:0 0 var(--s3g)!important;font-size:clamp(12.5px,1.8vh,14.5px)!important}
  /* fila principal: pago (izquierda) y resumen (derecha) se estiran a la misma altura */
  .sub-card .pmsw-stage[data-step="3"]>.pmsw-sum{grid-row:5!important;position:static!important;align-self:stretch!important;min-height:0;overflow:hidden;
    display:flex!important;flex-direction:column;padding:clamp(14px,2.4vh,22px)!important}
  .sub-card .pmsw-stage[data-step="3"]>form.pms-form{grid-row:5;align-self:stretch;min-height:0;position:relative;display:flex;flex-direction:column}
  .sub-card .pmsw-stage[data-step="3"] .pms-form-fields-wrapper{margin:0!important;padding:0!important}
  .sub-card .pmsw-stage[data-step="3"] .pms-paygates-holder{flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-width:thin;border-radius:22px;
    padding:clamp(14px,2.4vh,22px) clamp(14px,1.8vw,24px) clamp(40px,6vh,52px)!important}
  .sub-card .pmsw-stage[data-step="3"] .pms-paygates-holder::before{margin-bottom:var(--s3g)}
  .sub-card .pmsw-stage[data-step="3"] .pmsw-secure{position:absolute;left:clamp(14px,1.8vw,24px);bottom:clamp(10px,1.8vh,16px);margin:0!important}
  .sub-card .pmsw-stage[data-step="3"]>.pmsw-actions{grid-row:6;margin-top:0;padding-top:var(--s3g)}
  .sub-card .pmsw .pmsw-stage[data-step="3"] .pmsw-actions .pmsw-btn{height:clamp(40px,5.6vh,48px);min-height:clamp(40px,5.6vh,48px)}
  /* resumen: las líneas se reparten el alto libre; total y botón quedan abajo */
  .sub-card .pmsw-stage[data-step="3"] .pmsw-sh{margin-bottom:var(--s3g)}
  .sub-card .pmsw-stage[data-step="3"] .pmsw-sp{padding:clamp(8px,1.4vh,13px)}
  .sub-card .pmsw-stage[data-step="3"] .pmsw-sl{flex:1 1 auto;min-height:0;align-content:space-evenly;gap:clamp(4px,1vh,10px);margin:var(--s3g) 0}
  .sub-card .pmsw-stage[data-step="3"] .pmsw-row{font-size:clamp(12px,1.7vh,13.5px)}
  .sub-card .pmsw-stage[data-step="3"] .pmsw-total{margin-top:0;padding-top:clamp(8px,1.6vh,16px)}
  .sub-card .pmsw-stage[data-step="3"] .pmsw-sum .pmsw-total strong{font-size:clamp(20px,3.4vh,26px)}
  .sub-card .pmsw-stage[data-step="3"] .pmsw-sum .pmsw-confirm{margin-top:var(--s3g);flex:none}
  .sub-card .pmsw-stage[data-step="3"] .pmsw-cn{font-size:clamp(9.5px,1.35vh,10.5px);margin-top:clamp(6px,1.2vh,10px)!important}
}
@media (min-width:900px) and (max-height:700px){
  .sub-card .pmsw-stage[data-step="3"] .pmsw-head p{display:none}
  .sub-card .pmsw-stage[data-step="3"] .pmsw-sp .pmsw-ico{width:32px;height:32px}
}
/* 1.10.8 · etapa 2: cabecera del método de pago y resumen compactos en pantallas bajas */
@media (min-width:900px){
  .sub-card .pmsw-stage[data-step="3"] .pmsw-method{margin-bottom:var(--s3g);padding:clamp(8px,1.4vh,13px) 16px}
  .sub-card .pmsw-stage[data-step="3"] .pmsw-sl .pmsw-row{padding:clamp(5px,1.2vh,12px) 0}
}
@media (min-width:900px) and (max-height:780px){
  .sub-card .pmsw-stage[data-step="3"] .pmsw-mt small{display:none}
  .sub-card .pmsw-stage[data-step="3"] .pmsw-mi{width:26px;height:26px}
  .sub-card .pmsw-stage[data-step="3"] .pmsw-mi svg{width:22px;height:22px}
}
@media (min-width:900px) and (max-height:640px){
  .sub-card .pmsw-stage[data-step="3"] .pmsw-method{display:none}
}
/* la tarjeta de Stripe es clara: se mantiene legible sobre cualquier tema */
.sub-card .pmsw .pms-paygates-holder{border-radius:16px}

/* =========================================================
   1.10.9 · MÓVIL
   - Insignia del modal de acceso: icono de "iniciar sesión" o de "registrarse" según el modo (data-mode).
   - Lightbox de suscripción: sin corona; los pasos arrancan a la altura de la "x" de cerrar.
   ========================================================= */
.auth-card .au-badge .ab-register{display:none}
.auth-card[data-mode="register"] .au-badge .ab-login{display:none}
.auth-card[data-mode="register"] .au-badge .ab-register{display:block}

@media (max-width:899px){
  /* "x": top 14px (móvil) / 22px (768+), 44px de alto. Los círculos de los pasos miden 30px: el centro de ambos coincide. */
  .auth-card.sub-card{padding-top:calc(env(safe-area-inset-top,0px) + 21px)}
  .sub-card .pmsw-steps:not(.pmsw-dsteps){margin-top:0}
}
@media (min-width:768px) and (max-width:899px){
  .auth-card.sub-card{padding-top:calc(env(safe-area-inset-top,0px) + 29px)}
}
/* En pantallas estrechas los pasos ocupan todo el ancho: se deja libre el hueco de la "x" para que no se solapen. */
@media (max-width:560px){
  .sub-card .pmsw-steps:not(.pmsw-dsteps){margin-right:48px}
}

/* =========================================================
   1.12.2 · Panel "Suscribirme" (móvil): al hacer scroll
   - Fondo 100 % opaco: ya no se transparenta la barra inferior ni la cabecera por detrás.
   - Mientras está abierto se oculta la barra inferior y la cabecera.
   - Los pasos (1·2·3·4·5) se quedan fijos arriba, junto a la "x", mientras el contenido se desplaza.
   ========================================================= */
.sub-layer .scrim{background:radial-gradient(90% 55% at 50% 0%,rgba(var(--accent-rgb,37,99,235),.20),transparent 65%),#06080c!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html.pa-sub-open .bwrap,html.pa-sub-open #hdr{visibility:hidden!important}
@media (max-width:899px){
  .sub-card .pmsw-steps:not(.pmsw-dsteps){position:-webkit-sticky;position:sticky;top:0;z-index:2;
    margin-left:-22px;margin-right:0;padding:calc(env(safe-area-inset-top,0px) + 21px) 70px 12px 22px;margin-top:calc(-1*(env(safe-area-inset-top,0px) + 21px));
    background:linear-gradient(#06080c 82%,rgba(6,8,12,0))}
}


/* =========================================================
   1.13.0 · CABECERA DE ESCRITORIO A TODO EL ANCHO
   En PC la barra va de esquina a esquina (sin límite de 1180px,
   sin márgenes ni bordes redondeados). El móvil no cambia.
   ========================================================= */
@media (min-width:768px){
  .hdr,#hdr.hdr{padding:0!important}
  .hdr .hdr-in,#hdr .hdr-in{
    width:100%!important;max-width:none!important;margin:0!important;
    height:64px;padding:0 24px!important;gap:16px;
    border-radius:0!important;border-left:0!important;border-right:0!important;border-top:0!important;
  }
  /* Paneles desplegables: pegados al borde derecho de la pantalla */
  .gpanel,.userpanel{
    top:calc(env(safe-area-inset-top,0px) + 72px)!important;
    right:16px!important;
  }
}

/* =========================================================
   1.15.0 · CABECERA TRANSPARENTE EN ESCRITORIO
   Arriba del todo: sin fondo, sin borde y sin sombra (se ve el banner).
   Al hacer scroll (clase .scrolled, +6px): fondo semitransparente con blur.
   Solo PC/escritorio; el móvil no cambia.
   ========================================================= */
@media (min-width:768px){
  /* La barra flota sobre el contenido (altura de la barra = 64px) para que la transparencia deje ver el banner. */
  #hdr.hdr{margin-bottom:-64px}
  #hdr .hdr-in{
    background:transparent!important;background-image:none!important;
    -webkit-backdrop-filter:blur(0px) saturate(1)!important;backdrop-filter:blur(0px) saturate(1)!important;
    border-bottom-color:transparent!important;border-top-color:transparent!important;
    box-shadow:none!important;
    transition:background-color .35s ease,backdrop-filter .35s ease,-webkit-backdrop-filter .35s ease,border-color .35s ease,box-shadow .35s ease;
  }
  #hdr.scrolled .hdr-in{
    background:rgba(17,24,39,.55)!important;
    -webkit-backdrop-filter:blur(18px) saturate(1.5)!important;backdrop-filter:blur(18px) saturate(1.5)!important;
    border-bottom-color:var(--edge)!important;
    box-shadow:0 8px 28px rgba(2,6,23,.28)!important;
  }
  :root[data-theme="light"] #hdr.scrolled .hdr-in{background:rgba(255,255,255,.6)!important;box-shadow:0 8px 24px rgba(15,23,42,.10)!important}
}
@media (min-width:768px) and (prefers-reduced-motion:reduce){#hdr .hdr-in{transition:none}}


/* =========================================================
   1.17.0 · HEADER SIEMPRE TRANSPARENTE CON UNA INTERFAZ DE HAIL MARY ABIERTA
   1.18.0: SOLO escritorio (≥768px, mismo corte que la cabecera transparente de 1.15.0). En móvil la cabecera no cambia.
   Aplica con o sin scroll (.scrolled), y en tema claro/oscuro.
   Detecta: reproductor (.hmmp-modal.hmmp-open), paneles Descargar/Sinopsis (.hmmp-drawer.hmmp-open),
   gate de planes (html.hmmp-gate-open) y modal de producto (html.hmmp-product-modal-open).
   ========================================================= */
@media (min-width:768px){
html.pa-hmmp-ui #hdr.hdr .hdr-in,
html.pa-hmmp-ui #hdr.hdr.scrolled .hdr-in,
html.hmmp-gate-open #hdr.hdr .hdr-in,
html.hmmp-product-modal-open #hdr.hdr .hdr-in,
:root[data-theme="light"].pa-hmmp-ui #hdr.hdr.scrolled .hdr-in{
  background:transparent!important;background-image:none!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  border-color:transparent!important;box-shadow:none!important;
}
/* Respaldo sin JS en navegadores con :has() */
html:has(.hmmp-modal.hmmp-open) #hdr.hdr .hdr-in,
html:has(.hmmp-drawer.hmmp-open) #hdr.hdr .hdr-in{
  background:transparent!important;background-image:none!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  border-color:transparent!important;box-shadow:none!important;
}
}