/* Hail Mary v3.4.7 (integrado en PelisAnime Studio 1.7.33; contenido más abajo: --hmmp-m-bottom 70px) — Diseño de la interfaz principal en MÓVIL (html.hmmp-view-mobile, vertical).
   Basado en "PelisAnime · Móvil principales": título + marcador, fila nota | año | géneros, "Leer sinopsis ›",
   "Ver ahora" en blanco y "Descargar" con contorno.
   NO toca: el panel de Sinopsis (.hmmp-synopsis-*), el panel de Descargar (.hmmp-drawer / .hmmp-download-*),
   el reproductor (.hmmp-modal), el botón de play central (Trailer) ni la imagen de fondo.
   Ajustes rápidos (variables, se pueden cambiar en CSS adicional):
     --hmmp-m-bottom      espacio inferior (para que Descargar no quede bajo el menú). Por defecto 70px (PelisAnime Studio 1.7.33: antes 92px)
     --hmmp-m-title-size  tamaño del título. Por defecto clamp(26px,8.6vw,34px)
     --hmmp-m-play        tamaño del play central. Por defecto 66px
     --hmmp-m-btn-h       alto de Ver ahora / Descargar. Por defecto 58px */
@media (max-width:767px) and (orientation:portrait){

 html.hmmp-view-mobile .hmmp-player{
  --hmmp-m-bottom:70px;
  --hmmp-m-title-size:clamp(26px,8.6vw,34px);
  --hmmp-m-btn-h:58px;
  --hmmp-m-mut:#8b97b3;
  --hmmp-m-soft:#c9d2e4;
  --hmmp-m-line:rgba(255,255,255,.16);
  --hmmp-m-or:#ff9a1f;
  --hmmp-m-font:Manrope,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}

 /* ---------- Sombreado de la imagen ---------- */
 html.hmmp-view-mobile .hmmp-player .hmmp-overlay{
  background:linear-gradient(180deg,rgba(2,8,17,0) 38%,rgba(2,8,17,.3) 56%,rgba(2,8,17,.72) 70%,rgba(2,8,17,.93) 84%,#020811 100%)!important}

 /* ---------- Bloque de contenido: rejilla título | marcador ---------- */
 html.hmmp-view-mobile .hmmp-player .hmmp-content{
  display:grid!important;grid-template-columns:minmax(0,1fr) 40px;align-content:end;justify-content:stretch;align-items:start;
  row-gap:0;column-gap:10px;padding:0 24px calc(var(--hmmp-m-bottom) + env(safe-area-inset-bottom,0px))!important;
  font-family:var(--hmmp-m-font)}
 html.hmmp-view-mobile .hmmp-player .hmmp-content>*{grid-column:1/-1;min-width:0}
 html.hmmp-view-mobile .hmmp-player .hmmp-content .hmmp-actions{display:contents!important;padding:0!important;margin:0!important}

 /* ---------- Título ---------- */
 html.hmmp-view-mobile .hmmp-player .hmmp-content .hmmp-title{
  grid-column:1;grid-row:2;margin:0 0 16px!important;padding:0!important;transform:none!important;
  font-family:var(--hmmp-m-font)!important;font-size:var(--hmmp-m-title-size)!important;font-weight:600!important;
  letter-spacing:-.035em!important;line-height:1.04!important;text-transform:none!important;text-wrap:balance;
  text-shadow:0 2px 22px rgba(0,0,0,.65);color:#fff!important}
 html.hmmp-view-mobile .hmmp-player .hmmp-content .hmmp-title::after,
 html.hmmp-view-mobile .hmmp-player .hmmp-content .hmmp-title::before{content:none!important;display:none!important}

 /* ---------- Marcador (Mi lista) junto al título ---------- */
 html.hmmp-view-mobile .hmmp-player .hmmp-content .hmmp-actions .hmmp-button.hmmp-list-button.hmmp-list-button{
  display:block!important;grid-column:2;grid-row:2;justify-self:end;align-self:start;position:relative!important;
  width:40px!important;height:40px!important;min-height:40px!important;margin:-2px 0 0!important;padding:0!important;
  border:0!important;border-radius:50%!important;background:transparent no-repeat center/24px 24px!important;box-shadow:none!important;
  transform:none!important;color:#fff!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M6 4h12v17l-6-4-6 4z'/%3E%3C/svg%3E")!important}
 html.hmmp-view-mobile .hmmp-player .hmmp-content .hmmp-actions .hmmp-button.hmmp-list-button.hmmp-list-button[aria-pressed=true]{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ff9a1f' stroke='%23ff9a1f' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M6 4h12v17l-6-4-6 4z'/%3E%3C/svg%3E")!important}
 html.hmmp-view-mobile .hmmp-player .hmmp-content .hmmp-actions .hmmp-list-button svg{display:none!important}
 html.hmmp-view-mobile .hmmp-player .hmmp-content .hmmp-actions .hmmp-list-button:focus-visible{outline:2px solid var(--hmmp-m-or);outline-offset:2px}

 /* ---------- Fila: ★ nota | año | géneros ---------- */
 html.hmmp-view-mobile .hmmp-player .hmmp-content .hmmp-dk-meta{
  grid-row:3;display:flex!important;flex-wrap:wrap;align-items:center;gap:2px 0;margin:0 0 6px!important;padding:11px 0;
  border-top:1px solid var(--hmmp-m-line);border-bottom:1px solid var(--hmmp-m-line);transform:none!important;
  font-family:var(--hmmp-m-font);font-size:14px;font-weight:600;line-height:1.3;color:#aab6cc}
 html.hmmp-view-mobile .hmmp-player .hmmp-content .hmmp-dk-rate,
 html.hmmp-view-mobile .hmmp-player .hmmp-content .hmmp-dk-year{
  display:inline-flex;align-items:center;gap:6px;padding:0 12px 0 0;margin:0 12px 0 0;border:0;border-right:1px solid var(--hmmp-m-line);
  background:none;border-radius:0;white-space:nowrap;color:#fff;font-weight:700}
 html.hmmp-view-mobile .hmmp-player .hmmp-content .hmmp-dk-rate svg{width:14px;height:14px;fill:#fff;display:block}
 html.hmmp-view-mobile .hmmp-player .hmmp-content :is(.hmmp-dk-rate,.hmmp-dk-year):last-child{border-right:0;margin-right:0;padding-right:0}
 html.hmmp-view-mobile .hmmp-player .hmmp-content .hmmp-dk-year{color:#aab6cc;font-weight:600}
 html.hmmp-view-mobile .hmmp-player .hmmp-content .hmmp-dk-pill{
  display:inline;padding:0;margin:0 5px 0 0;border:0;background:none;border-radius:0;font-size:14px;font-weight:600;color:#aab6cc}
 html.hmmp-view-mobile .hmmp-player .hmmp-content .hmmp-dk-pill:not(:last-child)::after{content:","}

 /* nota/año/géneros originales: solo se ocultan a la vista (siguen disponibles para lectores de pantalla) */
 html.hmmp-view-mobile .hmmp-player .hmmp-content:has(.hmmp-dk-meta) :is(.hmmp-meta,.hmmp-genres){
  position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;
  clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
 /* respaldo cuando no hay fila: nota/año y géneros en texto simple */
 html.hmmp-view-mobile .hmmp-player .hmmp-content .hmmp-meta,
 html.hmmp-view-mobile .hmmp-player .hmmp-content .hmmp-genres{
  transform:none!important;margin:0 0 6px!important;font-family:var(--hmmp-m-font);font-size:14px;font-weight:600;color:#aab6cc}
 html.hmmp-view-mobile .hmmp-player .hmmp-content .hmmp-meta{grid-row:3}
 html.hmmp-view-mobile .hmmp-player .hmmp-content .hmmp-genres{grid-row:4}

 /* formatos (HD / FHD / 4K) */
 html.hmmp-view-mobile .hmmp-player .hmmp-content .hmmp-qualities{
  grid-row:6;justify-self:start;transform:none!important;margin:2px 0 4px!important;padding:3px 10px;border:1px solid rgba(255,255,255,.28);
  border-radius:7px;background:transparent;color:#e6ecf8;font-family:var(--hmmp-m-font);font-size:12px;font-weight:700;letter-spacing:.02em}

 /* ---------- "Leer sinopsis ›" (solo el botón; el panel no se toca) ---------- */
 html.hmmp-view-mobile .hmmp-player .hmmp-content .hmmp-synopsis-trigger{
  grid-row:7;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;
  position:relative!important;width:100%!important;height:46px!important;min-height:46px!important;max-height:46px!important;
  margin:6px 0 12px!important;padding:0 16px!important;transform:none!important;overflow:visible!important;
  border:0!important;border-radius:16px!important;
  background:rgba(255,255,255,.06)!important;box-shadow:none!important;
  color:#fff!important;font-family:var(--hmmp-m-font)!important;font-size:15px!important;font-weight:700!important;
  letter-spacing:0!important;line-height:1!important;text-transform:none!important;text-align:left!important}
 html.hmmp-view-mobile .hmmp-player .hmmp-content .hmmp-synopsis-trigger:active{background:rgba(255,255,255,.12)!important}
 html.hmmp-view-mobile .hmmp-player .hmmp-content .hmmp-synopsis-trigger::before{
  content:"Leer sinopsis"!important;position:static!important;display:block!important;width:auto!important;height:auto!important;
  margin:0!important;padding:0 0 0 28px!important;border:0!important;opacity:1!important;z-index:auto!important;pointer-events:none!important;
  background-color:transparent!important;color:inherit!important;font:inherit!important;letter-spacing:0!important;line-height:18px!important;
  text-transform:none!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 7h16M4 12h16M4 17h10'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;background-size:18px 18px!important;background-position:0 center!important}
 html.hmmp-view-mobile .hmmp-player .hmmp-content .hmmp-synopsis-trigger::after{
  content:""!important;position:static!important;inset:auto!important;display:block!important;flex:0 0 20px!important;width:20px!important;height:20px!important;margin:0 0 0 auto!important;padding:0!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;opacity:1!important;transform:none!important;
  background-color:transparent!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 5l7 7-7 7'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;background-size:20px 20px!important;background-position:center!important}
 html.hmmp-view-mobile .hmmp-player .hmmp-content .hmmp-synopsis-trigger:focus-visible{outline:2px solid var(--hmmp-m-or)!important;outline-offset:2px!important}

 /* ---------- Play central (Trailer): un poco más pequeño ---------- */
 html.hmmp-view-mobile .hmmp-player .hmmp-content .hmmp-actions .hmmp-button.hmmp-trailer-button{
  width:var(--hmmp-m-play,66px)!important;height:var(--hmmp-m-play,66px)!important;min-height:var(--hmmp-m-play,66px)!important}
 html.hmmp-view-mobile .hmmp-player .hmmp-content .hmmp-actions .hmmp-button.hmmp-trailer-button .hmmp-button-icon::before{
  border-width:10px 0 10px 16px!important}

 /* ---------- Botones: Ver ahora (blanco) y Descargar (contorno) ---------- */
 html.hmmp-view-mobile .hmmp-player .hmmp-content .hmmp-actions .hmmp-button.hmmp-watch,
 html.hmmp-view-mobile .hmmp-player .hmmp-content .hmmp-actions .hmmp-button.hmmp-download-button{
  grid-column:1/-1;display:flex!important;align-items:center;justify-content:center;gap:12px!important;position:relative!important;
  width:100%!important;height:var(--hmmp-m-btn-h)!important;min-height:var(--hmmp-m-btn-h)!important;margin:0!important;padding:0 18px!important;
  border-radius:16px!important;transform:none!important;font-family:var(--hmmp-m-font)!important;font-size:17px!important;font-weight:800!important;
  letter-spacing:0!important;text-transform:none!important;transition:transform .15s ease!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important}
 html.hmmp-view-mobile .hmmp-player .hmmp-content .hmmp-actions .hmmp-button.hmmp-watch{
  grid-row:8;margin-bottom:10px!important;border:0!important;background:#fff!important;color:#0a0f1c!important;box-shadow:none!important}
 html.hmmp-view-mobile .hmmp-player .hmmp-content .hmmp-actions .hmmp-button.hmmp-download-button{
  grid-row:9;border:1px solid rgba(255,255,255,.28)!important;background:transparent!important;color:#fff!important;box-shadow:none!important}
 html.hmmp-view-mobile .hmmp-player .hmmp-content .hmmp-actions .hmmp-button.hmmp-watch:active,
 html.hmmp-view-mobile .hmmp-player .hmmp-content .hmmp-actions .hmmp-button.hmmp-download-button:active{transform:scale(.98)!important}
 html.hmmp-view-mobile .hmmp-player .hmmp-content .hmmp-actions .hmmp-button.hmmp-watch :is(.hmmp-watch-label,.hmmp-download-btn-label),
 html.hmmp-view-mobile .hmmp-player .hmmp-content .hmmp-actions .hmmp-button.hmmp-download-button :is(.hmmp-watch-label,.hmmp-download-btn-label){
  font:inherit!important;letter-spacing:0!important;text-transform:none!important;color:inherit!important;margin:0!important}
 html.hmmp-view-mobile .hmmp-player .hmmp-content .hmmp-actions .hmmp-button.hmmp-watch .hmmp-button-icon,
 html.hmmp-view-mobile .hmmp-player .hmmp-content .hmmp-actions .hmmp-button.hmmp-download-button .hmmp-button-icon{
  display:inline-flex!important;align-items:center;justify-content:center;width:22px!important;height:22px!important;flex:0 0 22px!important;margin:0!important;color:inherit!important}
 html.hmmp-view-mobile .hmmp-player .hmmp-content .hmmp-actions .hmmp-button.hmmp-watch .hmmp-button-icon :is(svg,i),
 html.hmmp-view-mobile .hmmp-player .hmmp-content .hmmp-actions .hmmp-button.hmmp-download-button .hmmp-button-icon :is(svg,i){
  width:22px!important;height:22px!important;font-size:22px!important;color:inherit!important;fill:currentColor}
}

/* Pantallas bajas: un poco más compacto */
@media (max-width:767px) and (orientation:portrait) and (max-height:760px){
 html.hmmp-view-mobile .hmmp-player{--hmmp-m-btn-h:52px;--hmmp-m-title-size:clamp(24px,7.4vw,28px)}
 html.hmmp-view-mobile .hmmp-player .hmmp-content .hmmp-synopsis-trigger{height:46px!important;min-height:46px!important;max-height:46px!important;margin-bottom:6px!important}
}

@media (prefers-reduced-motion:reduce){
 html.hmmp-view-mobile .hmmp-player .hmmp-content .hmmp-actions .hmmp-button{transition:none!important}
}
