/* =========================================================
   PelisAnime · Buscador Pro (1.11.0)
   Usa las variables del tema del plugin: sigue solo la paleta
   (Premium / Clásico) y el modo claro / oscuro.
   ========================================================= */
#search.sx-layer{display:block;padding:0}
#search.sx-layer,#search.sx-layer *{box-sizing:border-box}
#search .sx-modal{position:absolute;inset:0;display:flex;flex-direction:column;min-height:0;overflow:hidden;
  background:var(--bg);color:var(--text);font-family:var(--font);
  background-image:radial-gradient(900px 420px at 10% -12%,rgba(var(--accent-rgb),.16),transparent 62%),radial-gradient(700px 420px at 100% 0,rgba(var(--g2-rgb,99,102,241),.12),transparent 62%);
  transform:translateY(18px);opacity:0;transition:transform .38s cubic-bezier(.2,.9,.25,1),opacity .25s}
#search.open .sx-modal{transform:none;opacity:1}
#search .sx-modal svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
#search .sx-modal button{font:inherit;color:inherit;cursor:pointer;background:none;border:0;margin:0;-webkit-tap-highlight-color:transparent}
#search .sx-modal kbd{font:600 11px var(--font);padding:3px 8px;border-radius:7px;background:var(--card-h);color:var(--muted);border:0}
#search .sx-modal ::-webkit-scrollbar{width:8px;height:8px}
#search .sx-modal ::-webkit-scrollbar-thumb{background:rgba(var(--ov),.18);border-radius:9px}

@media (min-width:900px){
  #search .sx-modal{inset:max(14px,3vh) max(14px,3vw);max-width:1380px;margin:0 auto;border-radius:28px;border:1px solid var(--edge);box-shadow:var(--shadow)}
}

/* ---------- Barra superior ---------- */
#search .sx-top{position:relative;display:flex;align-items:center;gap:12px;padding:calc(14px + env(safe-area-inset-top,0px)) 16px 12px 20px}
#search .sx-top::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,rgba(var(--accent-rgb),1),rgb(var(--g2-rgb,99,102,241)),rgb(var(--g3-rgb,139,92,246)),transparent);background-size:200% 100%;opacity:.28;transition:opacity .3s}
#search .sx-top:focus-within::after{opacity:1;animation:sxsl 3s linear infinite}
@keyframes sxsl{to{background-position:-200% 0}}
#search .sx-top>svg{width:22px;height:22px;color:var(--accent-t,var(--accent))}
#search .sx-top input{flex:1;min-width:0;height:44px;padding:0;background:none!important;border:0!important;outline:0!important;box-shadow:none!important;
  color:var(--text)!important;font:600 19px var(--font)!important;letter-spacing:-.3px;-webkit-appearance:none;appearance:none}
#search .sx-top input::placeholder{color:var(--muted);font-weight:500;opacity:1}
#search .sx-top input::-webkit-search-cancel-button{-webkit-appearance:none}
#search .sx-tb{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 13px;border-radius:11px;border:1px solid var(--edge)!important;background:var(--card)!important;color:var(--muted)!important;font:600 13px var(--font);white-space:nowrap;transition:background .15s,color .15s,border-color .15s}
#search .sx-tb:hover{background:var(--card-h)!important;color:var(--text)!important}
#search .sx-tb.on{border-color:rgba(var(--accent-rgb),.6)!important;color:var(--text)!important;background:rgba(var(--accent-rgb),.18)!important}
#search .sx-tb.on svg{fill:var(--accent-t,var(--accent))}
#search .sx-x{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--card)!important;border:1px solid var(--edge)!important;color:var(--text)!important;transition:background .15s}
#search .sx-x:hover{background:var(--card-h)!important}
#search :focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:12px}
#search .sx-top input:focus-visible{outline:0}

#search .sx-ops{display:flex;flex-wrap:wrap;gap:8px;padding:0 20px;min-height:0}
#search .sx-ops:not(:empty){padding-top:12px}
#search .sx-op{font:600 12px var(--font);padding:5px 10px;border-radius:9px;background:rgba(var(--g3-rgb,139,92,246),.16);border:1px solid rgba(var(--g3-rgb,139,92,246),.42);color:var(--accent-t,var(--text))}
#search .sx-help{display:none;margin:12px 20px 0;padding:13px 16px;border-radius:14px;background:var(--card);border:1px solid var(--edge);font-size:13px;color:var(--muted);line-height:1.8}
#search .sx-help.open{display:block}
#search .sx-help code{font:600 12px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--accent-t,var(--accent));background:rgba(var(--accent-rgb),.12);padding:2px 6px;border-radius:6px}

/* ---------- Cuerpo ---------- */
#search .sx-body{flex:1;min-height:0;display:grid;grid-template-columns:268px minmax(0,1fr);margin-top:12px;border-top:1px solid var(--edge)}
#search .sx-f{padding:18px 18px 24px;overflow:auto;border-right:1px solid var(--edge);display:flex;flex-direction:column;gap:20px}
#search .sx-g[hidden]{display:none}
#search .sx-g h3{display:flex;justify-content:space-between;align-items:center;margin:0 0 10px;font:700 12px var(--font);letter-spacing:.5px;text-transform:uppercase;color:var(--muted)}
#search .sx-g h3 span{color:var(--text);font-weight:700;letter-spacing:0;text-transform:none}
#search .sx-chips{display:flex;flex-wrap:wrap;gap:7px}
#search .sx-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;border:1px solid var(--edge)!important;background:var(--card)!important;font:600 13px var(--font);color:var(--text)!important;transition:background .15s,border-color .15s}
#search .sx-chip small{font:600 11px var(--font);color:var(--muted)}
#search .sx-chip:hover{border-color:rgba(var(--accent-rgb),.55)!important}
#search .sx-chip.on{background:rgba(var(--accent-rgb),.24)!important;border-color:rgba(var(--accent-rgb),.7)!important}
#search .sx-chip.z{opacity:.38}
#search .sx-chip.link{background:transparent!important;border-style:dashed!important;color:var(--muted)!important}
#search .sx-seg{display:inline-flex;border:1px solid var(--edge);border-radius:10px;overflow:hidden}
#search .sx-seg button{padding:3px 10px;font:600 11.5px var(--font);color:var(--muted)}
#search .sx-seg button.on{background:var(--accent-grad,var(--accent));color:var(--on-accent)}
#search .sx-f select{width:100%;height:42px;padding:0 12px;border-radius:12px;background:var(--surface);color:var(--text);border:1px solid var(--edge);font:600 13.5px var(--font);outline:0}
#search .sx-f input[type=range]{width:100%;accent-color:var(--accent)}
#search .sx-two{display:flex;gap:10px}
#search .sx-reset{padding:11px;border-radius:12px;border:1px dashed var(--edge)!important;color:var(--muted)!important;font:600 13px var(--font)}
#search .sx-reset:hover{color:var(--text)!important;border-color:rgba(var(--accent-rgb),.6)!important}

/* ---------- Resultados ---------- */
#search .sx-res{overflow:auto;padding:16px 20px 28px;min-width:0;overscroll-behavior:contain}
#search .sx-rh{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:14px;color:var(--muted);font-size:14px;font-weight:600}
#search .sx-rh strong{color:var(--text);font-weight:800}
#search .sx-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
#search .sx-ftog{display:none}
#search .sx-ftog b{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--accent-grad,var(--accent));color:var(--on-accent);font:800 11px var(--font)}
#search .sx-ftog b:empty{display:none}
#search .sx-act{display:flex;flex-wrap:wrap;gap:8px}
#search .sx-act:not(:empty){margin-bottom:14px}
#search .sx-act .sx-chip{background:rgba(var(--accent-rgb),.14)!important;border-color:rgba(var(--accent-rgb),.45)!important}
#search .sx-rec:not(:empty){margin-bottom:16px}
#search .sx-rec h5{display:flex;justify-content:space-between;align-items:center;margin:0 0 8px;font:700 12px var(--font);letter-spacing:.5px;text-transform:uppercase;color:var(--muted)}
#search .sx-rec h5 button{font:600 12px var(--font);color:var(--muted);text-transform:none;letter-spacing:0}
#search .sx-rec h5 button:hover{color:var(--text)}

#search .sx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:14px}
#search .sx-card{position:relative;border-radius:16px;overflow:hidden;background:var(--surface);border:1px solid var(--edge);transition:transform .2s,border-color .2s,box-shadow .2s}
#search .sx-card:hover,#search .sx-card.sel{transform:translateY(-3px);border-color:rgba(var(--accent-rgb),.7);box-shadow:0 14px 34px rgba(var(--accent-rgb),.22)}
#search .sx-pw{position:relative}
#search .sx-poster{position:relative;display:flex;color:inherit;text-decoration:none;justify-content:space-between;align-items:flex-start;gap:6px;aspect-ratio:2/3;padding:9px;overflow:hidden}
#search .sx-poster::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,rgba(255,255,255,.05) 0 2px,transparent 2px 14px)}
#search .sx-poster::after{content:"";position:absolute;inset:auto 0 0;height:50%;background:linear-gradient(transparent,rgba(2,6,23,.78));pointer-events:none}
#search .sx-poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
#search .sx-ini{position:absolute;inset:0;display:grid;place-items:center;font:800 italic 46px var(--font);letter-spacing:-3px;color:rgba(255,255,255,.32)}
#search .sx-tag,#search .sx-rt{position:relative;white-space:nowrap;z-index:2;font:700 11px var(--font);padding:4px 9px;border-radius:99px;background:rgba(2,6,23,.62);color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
#search .sx-rt{color:#FBBF24}
#search .sx-poster>.sx-tag:only-child{margin-left:0}
#search .sx-info{display:block;padding:10px 12px 12px;color:inherit;text-decoration:none}
#search .sx-info b{display:block;font:700 14px var(--font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}
#search .sx-info small{display:block;margin-top:3px;font:500 12.5px var(--font);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#search .sx-modal mark{background:rgba(var(--tint-rgb,45,212,191),.28);color:inherit;border-radius:4px;padding:0 2px}
#search .sx-fv{position:absolute;right:8px;bottom:8px;z-index:3;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(2,6,23,.66)!important;color:#fff!important;opacity:0;transition:opacity .2s,transform .15s;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
#search .sx-card:hover .sx-fv,#search .sx-card.sel .sx-fv,#search .sx-fv.on{opacity:1}
#search .sx-fv.on{color:#FB7185!important}
#search .sx-fv.on svg{fill:#FB7185}
#search .sx-fv:active{transform:scale(.88)}
@media (hover:none){#search .sx-fv{opacity:1}}

/* vista de lista */
#search .sx-grid.list{grid-template-columns:1fr;gap:10px}
#search .sx-grid.list .sx-card{display:flex;align-items:center;gap:14px;padding:8px 56px 8px 8px}
#search .sx-grid.list .sx-pw{position:static;width:52px;flex:none}
#search .sx-grid.list .sx-poster{aspect-ratio:2/3;border-radius:10px;padding:4px}
#search .sx-grid.list .sx-poster .sx-tag,#search .sx-grid.list .sx-poster .sx-rt,#search .sx-grid.list .sx-ini{display:none}
#search .sx-grid.list .sx-info{padding:0;flex:1;min-width:0}
#search .sx-grid.list .sx-fv{right:12px;bottom:auto;top:50%;margin-top:-17px;opacity:1}

#search .sx-empty{grid-column:1/-1;text-align:center;padding:60px 20px;border:1px dashed var(--edge);border-radius:20px;color:var(--muted);font-size:14px}
#search .sx-empty b{display:block;margin-bottom:8px;font:800 18px var(--font);color:var(--text)}
#search .sx-empty a{display:inline-block;margin-top:14px;padding:10px 18px;border-radius:999px;background:var(--accent-grad,var(--accent));color:var(--on-accent);font:700 13.5px var(--font);text-decoration:none}
/* estado «sin resultados» con gatito (imagen al azar) */
#search .sx-empty--cat{display:flex;flex-direction:column;align-items:center;padding:20px 16px 34px;border:0;font-size:15px}
#search .sx-empty__img{display:block;width:min(100%,430px);height:auto;margin:0 auto 4px;border-radius:24px;background:#0f1016;-webkit-mask-image:radial-gradient(ellipse 72% 74% at 50% 50%,#000 56%,transparent 100%);mask-image:radial-gradient(ellipse 72% 74% at 50% 50%,#000 56%,transparent 100%)}
:root[data-theme="light"] #search .sx-empty__img{-webkit-mask-image:none;mask-image:none;box-shadow:0 12px 30px rgba(15,23,42,.18)}
#search .sx-empty--cat b{margin:10px 0 8px;font:800 clamp(1.3rem,5.4vw,1.85rem) var(--font);letter-spacing:-.02em}
#search .sx-empty--cat b em{font-style:normal;color:#34d27b}
#search .sx-empty--cat p{margin:0 0 20px;max-width:36ch;line-height:1.55;color:var(--muted)}
#search .sx-modal .sx-again{display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 24px;border-radius:999px;border:1.5px solid rgba(52,210,123,.7);background:rgba(52,210,123,.06);color:var(--text);font:600 14px var(--font)}
#search .sx-modal .sx-again:hover{background:rgba(52,210,123,.14)}
#search .sx-modal .sx-again svg{stroke:#34d27b}
#search .sx-empty--cat a.sx-site{margin-top:14px;padding:0;border-radius:0;background:none;color:var(--muted);font:600 13px var(--font);text-decoration:underline}
#search .sx-skel{aspect-ratio:2/3;border-radius:16px;background:linear-gradient(100deg,var(--card) 30%,var(--card-h) 50%,var(--card) 70%);background-size:200% 100%;animation:sxsk 1.2s linear infinite}
@keyframes sxsk{to{background-position:-200% 0}}
#search .sx-more{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:20px}
#search .sx-more:empty{display:none}
#search .sx-more button,#search .sx-more a{padding:11px 22px;border-radius:999px;border:1px solid var(--edge)!important;background:var(--card)!important;color:var(--text)!important;font:700 13.5px var(--font);text-decoration:none}
#search .sx-more button:hover,#search .sx-more a:hover{background:var(--card-h)!important}

/* ---------- Vista previa (solo pantallas anchas) ---------- */
#search .sx-pv{display:none;padding:18px;overflow:auto;border-left:1px solid var(--edge);flex-direction:column;gap:14px;background:linear-gradient(180deg,rgba(var(--accent-rgb),.06),transparent)}
/* v1.12.1: sin sinopsis; el póster se ve COMPLETO (vertical, sin recortar) y centrado. */
#search .sx-pv .sx-poster{aspect-ratio:2/3;border-radius:18px;width:min(100%,calc((100vh - 395px) * 2 / 3));min-width:150px;align-self:center;flex:none}
#search .sx-pv .sx-poster img{object-fit:contain}
#search .sx-pv .sx-ini{font-size:72px}
#search .sx-pv h2{margin:0;font:800 23px/1.15 var(--font);letter-spacing:-.6px;color:var(--text)}
#search .sx-pv .sx-meta{font:600 12.5px var(--font);color:var(--muted)}
#search .sx-pv p{margin:0;color:var(--muted);line-height:1.6;font-size:14.5px}
#search .sx-btns{display:flex;gap:10px}
#search .sx-play{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;height:46px;border-radius:14px;background:var(--accent-grad,var(--accent));color:var(--on-accent);font:800 14.5px var(--font);text-decoration:none;box-shadow:0 10px 28px rgba(var(--accent-rgb),.38)}
#search .sx-play svg{fill:currentColor;stroke:none}
#search .sx-pvfav{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;border:1px solid var(--edge)!important;background:var(--card)!important;color:var(--text)!important}
#search .sx-pvfav.on{color:#FB7185!important}
#search .sx-pvfav.on svg{fill:#FB7185}
#search .sx-pvempty{margin:auto;text-align:center;color:var(--muted);font-size:14px;line-height:1.6}
#search .sx-pvempty b{color:var(--text)}

#search .sx-foot{display:none;gap:18px;align-items:center;flex-wrap:wrap;padding:11px 22px;border-top:1px solid var(--edge);color:var(--muted);font-size:12.5px}
#search .sx-foot span{display:flex;gap:6px;align-items:center}
#search .sx-foot .sx-fs{margin-left:auto;font-weight:600}

@media (min-width:1181px){
  #search .sx-body{grid-template-columns:268px minmax(0,1fr) 330px}
  #search .sx-pv{display:flex}
}
@media (min-width:900px){
  #search .sx-foot{display:flex}
}

/* ---------- Móvil / tablet ---------- */
@media (max-width:899px){
  #search .sx-body{display:block;overflow:auto;overscroll-behavior:contain;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}
  #search .sx-f{display:none;border-right:0;border-bottom:1px solid var(--edge);overflow:visible}
  #search .sx-f.open{display:flex}
  #search .sx-res{overflow:visible;padding:14px 16px 24px}
  #search .sx-ftog{display:inline-flex}
  #search .sx-top{padding-left:16px;gap:8px}
  #search .sx-opb{display:none}
  #search .sx-top input{font-size:17px!important}
  #search .sx-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px}
  #search .sx-tb span{display:none}
  #search .sx-tb{padding:0 11px}
  #search .sx-fv{opacity:1}
  #search .sx-ini{font-size:34px}
  #search .sx-poster{padding:7px}
  #search .sx-tag,#search .sx-rt{padding:3px 7px;font-size:10.5px}
  #search .sx-info{padding:8px 9px 10px}
  #search .sx-info b{font-size:12.5px}
  #search .sx-info small{font-size:11.5px}
  #search .sx-help{margin:10px 16px 0}
  #search .sx-ops{padding:0 16px}
}
@media (max-width:899px) and (min-width:560px){
  #search .sx-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}
}
@media (prefers-reduced-motion:reduce){
  #search .sx-modal,#search .sx-card,#search .sx-top::after,#search .sx-skel{transition:none!important;animation:none!important}
}