/* DDAnime r14-r58 — recuperación funcional completa sobre backend r55. */
/* DDAnime r55 · capa nativa final. Sin reparaciones DOM heredadas. */
.dd-admin-maintenance-strip-v55{border-top:1px solid color-mix(in srgb,var(--dd-accent) 20%,var(--dd-border));border-bottom:1px solid color-mix(in srgb,var(--dd-accent) 20%,var(--dd-border));background:color-mix(in srgb,var(--dd-accent) 8%,var(--dd-surface));font-size:12px}.dd-admin-maintenance-strip-v55>.dd-admin-wrap{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:16px}.dd-admin-maintenance-dot-v55{display:inline-block;width:8px;height:8px;border-radius:999px;background:var(--dd-accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--dd-accent) 10%,transparent)}
.dd-system-v55{--sys-card:color-mix(in srgb,var(--dd-surface) 96%,var(--dd-soft))}.dd-system-overview-v55{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.dd-system-overview-v55>div{display:grid;gap:5px;min-height:94px;padding:18px;border:1px solid var(--dd-border);border-radius:17px;background:var(--sys-card)}.dd-system-overview-v55 span{color:var(--dd-muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.dd-system-overview-v55 strong{align-self:end;font-size:21px;letter-spacing:-.02em}.dd-health-list-v55{max-height:560px;overflow:auto;padding-right:4px}.dd-system-maintenance-v55{display:flex;align-items:center;justify-content:space-between;gap:22px}.dd-system-maintenance-v55>div:first-child{display:grid;gap:8px}.dd-system-maintenance-v55 p,.dd-system-maintenance-v55 small{margin:0;color:var(--dd-muted);line-height:1.55}.dd-system-grid-v55{grid-template-columns:repeat(4,minmax(0,1fr))}.dd-system-grid-v55>div{min-width:0}.dd-system-grid-v55 strong{overflow-wrap:anywhere}.dd-system-log-meta-v55{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px}.dd-system-log-meta-v55>span{border:1px solid var(--dd-border);border-radius:999px;padding:6px 9px;background:var(--dd-soft);color:var(--dd-muted);font-size:10px;font-weight:750}.dd-system-log-meta-v55>span.is-ok{color:#16a34a}.dd-system-log-meta-v55>span.is-warn{color:#f59e0b}.dd-system-log-meta-v55>button{display:inline-flex;align-items:center;gap:6px;margin-left:auto;border:1px solid var(--dd-border);border-radius:10px;background:var(--dd-surface);padding:7px 10px;color:var(--dd-text);font-size:10px;font-weight:800}.dd-system-log-v55{min-height:220px;max-height:560px;overflow:auto;border:1px solid var(--dd-border);border-radius:14px;background:#090b10;padding:16px;color:#d8dee9;font-size:11px;line-height:1.6;white-space:pre-wrap;word-break:break-word}.dd-system-log-empty-v55{margin-bottom:12px;border:1px dashed var(--dd-border);border-radius:12px;padding:14px;color:var(--dd-muted);font-size:12px}
.dd-profile-wall-v55{display:grid;gap:18px;min-width:0}.dd-profile-wall-head-v55{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.dd-profile-wall-head-v55>div>span{display:block;margin-bottom:5px;color:var(--dd-accent);font-size:8px;font-weight:900;letter-spacing:.16em}.dd-profile-wall-head-v55 h2{display:flex;align-items:center;gap:8px;margin:0;font-size:22px;letter-spacing:-.03em}.dd-profile-wall-head-v55 p{max-width:680px;margin:5px 0 0;color:var(--dd-muted);font-size:11px;line-height:1.6}.dd-profile-wall-head-v55>strong{flex:0 0 auto;border:1px solid var(--dd-border);border-radius:999px;background:var(--dd-surface);padding:7px 10px;color:var(--dd-muted);font-size:9px}.dd-profile-wall-composer-v55{overflow:hidden;border:1px solid var(--dd-border);border-radius:18px;background:var(--dd-surface);box-shadow:0 16px 46px rgba(0,0,0,.06)}.dd-profile-wall-composer-title-v55{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--dd-border);padding:12px 15px}.dd-profile-wall-composer-title-v55 strong{font-size:11px}.dd-profile-wall-composer-title-v55 span{color:var(--dd-muted);font-size:9px}.dd-profile-wall-composer-v55 .dd-rich-editor{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.dd-profile-wall-composer-v55 .dd-rich-toolbar{background:color-mix(in srgb,var(--dd-soft) 72%,transparent)}.dd-profile-wall-composer-v55 textarea{min-height:145px!important}.dd-profile-wall-composer-actions-v55{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--dd-border);padding:10px 12px}.dd-profile-wall-composer-actions-v55 small{max-width:72%;color:var(--dd-muted);font-size:9px;line-height:1.5}.dd-profile-wall-login-v55{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;border:1px dashed var(--dd-border);border-radius:17px;background:var(--dd-surface);padding:18px}.dd-profile-wall-login-v55 p{margin:3px 0 0;color:var(--dd-muted);font-size:11px}.dd-profile-wall-list-v55{display:grid;gap:10px}.dd-profile-wall-message-v55{border:1px solid var(--dd-border);border-radius:17px;background:var(--dd-surface);padding:14px 15px}.dd-profile-wall-message-v55.is-hidden{opacity:.68;border-style:dashed}.dd-profile-wall-message-v55 header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}.dd-profile-wall-message-v55 header>a{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;min-width:0}.dd-profile-wall-avatar-v55{display:grid;width:38px;height:38px;place-items:center;overflow:hidden;flex:0 0 38px;border-radius:12px;background:var(--dd-soft);font-size:10px;font-weight:900}.dd-profile-wall-avatar-v55 img{width:100%;height:100%;object-fit:cover}.dd-profile-wall-message-v55 header>a>span:last-child{display:grid;gap:2px;min-width:0}.dd-profile-wall-message-v55 header strong{font-size:11px}.dd-profile-wall-message-v55 header small{overflow:hidden;color:var(--dd-muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.dd-profile-wall-message-v55 header em{border-radius:999px;background:color-mix(in srgb,var(--dd-accent) 10%,transparent);padding:4px 7px;color:var(--dd-accent);font-size:8px;font-style:normal;font-weight:850}.dd-profile-wall-body-v55{font-size:13px;line-height:1.7}.dd-profile-wall-message-v55 footer{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.dd-profile-wall-message-v55 footer button{display:inline-flex;align-items:center;gap:5px;border:1px solid transparent;border-radius:9px;background:transparent;padding:6px 8px;color:var(--dd-muted);font-size:9px;font-weight:800}.dd-profile-wall-message-v55 footer button:hover{border-color:var(--dd-border);background:var(--dd-soft);color:var(--dd-text)}.dd-profile-wall-message-v55 footer button.danger:hover{color:#ef4444}.dd-profile-wall-empty-v55{display:grid;place-items:center;gap:6px;min-height:170px;border:1px dashed var(--dd-border);border-radius:17px;background:var(--dd-surface);color:var(--dd-muted);text-align:center}.dd-profile-wall-empty-v55 strong{color:var(--dd-text)}.dd-profile-wall-empty-v55 p{margin:0;font-size:11px}
@media(max-width:980px){.dd-system-overview-v55,.dd-system-grid-v55{grid-template-columns:repeat(2,minmax(0,1fr))}.dd-system-maintenance-v55{align-items:flex-start;flex-direction:column}.dd-admin-maintenance-strip-v55>.dd-admin-wrap{align-items:flex-start;flex-direction:column;padding-top:12px;padding-bottom:12px}}
@media(max-width:640px){.dd-system-overview-v55,.dd-system-grid-v55{grid-template-columns:1fr}.dd-profile-wall-head-v55{align-items:flex-start}.dd-profile-wall-head-v55>strong{display:none}.dd-profile-wall-composer-title-v55{align-items:flex-start;flex-direction:column}.dd-profile-wall-composer-actions-v55{align-items:stretch;flex-direction:column}.dd-profile-wall-composer-actions-v55 small{max-width:none}.dd-profile-wall-composer-actions-v55 .dd-action-primary{width:100%;justify-content:center}.dd-profile-wall-login-v55{grid-template-columns:auto 1fr}.dd-profile-wall-login-v55 .dd-action-primary{grid-column:1/-1;justify-content:center}}

/* Estilos del muro actual, sin ocultar la actividad lateral. */
/* DDAnime r14-r54 — admin estable + Mensajes de perfil */
.dd-r54-profile-wall{display:grid;gap:16px;max-width:1040px}.dd-r54-wall-heading{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:13px}.dd-r54-wall-heading-icon{display:grid;width:42px;height:42px;place-items:center;border:1px solid color-mix(in srgb,var(--dd-accent) 28%,var(--dd-border));border-radius:13px;background:color-mix(in srgb,var(--dd-accent) 8%,var(--dd-surface));color:var(--dd-accent);font-size:15px}.dd-r54-wall-kicker{display:block;margin-bottom:3px;color:var(--dd-accent);font-size:8px;font-weight:900;letter-spacing:.14em}.dd-r54-wall-heading h2{margin:0;font-size:21px;letter-spacing:-.025em}.dd-r54-wall-heading p{margin:4px 0 0;color:var(--dd-muted);font-size:11px;line-height:1.5}.dd-r54-wall-count{align-self:start;border:1px solid var(--dd-border);border-radius:999px;background:var(--dd-surface);padding:6px 9px;color:var(--dd-muted);font-size:9px;font-weight:800}.dd-r54-wall-composer{overflow:visible;border:1px solid var(--dd-border);border-radius:17px;background:var(--dd-surface);box-shadow:0 14px 42px rgba(0,0,0,.055)}.dd-r54-composer-head{display:flex;align-items:baseline;gap:8px;padding:12px 14px;border-bottom:1px solid var(--dd-border)}.dd-r54-composer-head strong{font-size:11px}.dd-r54-composer-head small{color:var(--dd-muted);font-size:9px}.dd-r54-wall-editor{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.dd-r54-wall-editor:focus-within{box-shadow:none!important}.dd-r54-wall-editor .dd-rich-toolbar{padding:7px 10px;background:color-mix(in srgb,var(--dd-surface-2) 72%,transparent)}.dd-r54-wall-editor>textarea{min-height:142px;padding:15px;font-size:14px}.dd-r54-wall-editor .dd-rich-help{padding:7px 12px}.dd-r54-composer-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--dd-border);padding:10px 12px}.dd-r54-composer-actions>span{color:var(--dd-muted);font-size:9px}.dd-r54-composer-actions .dd-action-primary{margin:0}.dd-r54-wall-list{display:grid;gap:9px}.dd-r54-wall-message{border:1px solid var(--dd-border);border-radius:15px;background:var(--dd-surface);padding:13px 14px}.dd-r54-wall-message.is-hidden{opacity:.7;border-style:dashed}.dd-r54-wall-message header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 8px}.dd-r54-wall-message header>a{display:flex!important;align-items:center;gap:9px;color:inherit;text-decoration:none}.dd-r54-wall-message .dd-avatar-sm{display:grid;width:36px;height:36px;place-items:center;overflow:hidden;border-radius:11px;background:var(--dd-soft);font-size:10px;font-weight:900}.dd-r54-wall-message .dd-avatar-sm img{width:100%;height:100%;object-fit:cover}.dd-r54-wall-message header>a>span:last-child{display:grid;gap:1px}.dd-r54-wall-message header strong{font-size:11px}.dd-r54-wall-message header small{color:var(--dd-muted);font-size:9px}.dd-r54-wall-message header em{border-radius:999px;background:color-mix(in srgb,var(--dd-accent) 10%,transparent);padding:3px 6px;color:var(--dd-accent);font-size:8px;font-style:normal;font-weight:850}.dd-r54-wall-message .dd-rich-text{font-size:13px;line-height:1.65}.dd-r54-wall-message footer{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.dd-r54-wall-message footer button{border:0!important;border-radius:8px!important;background:transparent!important;padding:5px 7px!important;color:var(--dd-muted);font-size:9px!important;font-weight:750}.dd-r54-wall-message footer button:hover{background:var(--dd-soft)!important;color:var(--dd-text)}.dd-r54-wall-message footer .danger:hover{color:#dc2626}.dd-r54-profile-wall .dd-activity-empty{min-height:130px;border:1px dashed var(--dd-border);border-radius:15px;background:var(--dd-surface);display:grid;place-items:center;color:var(--dd-muted)}@media(max-width:700px){.dd-r54-wall-heading{grid-template-columns:40px 1fr}.dd-r54-wall-count{display:none}.dd-r54-composer-actions{align-items:flex-end}.dd-r54-composer-actions>span{max-width:48%}}

/* r55 compatibilidad de mensajes actual: conserva Actividad reciente. */
.dd-profile-page:has(.dd-profile-tabs a[href*="tab=messages"].is-active) .dd-profile-content-grid{grid-template-columns:minmax(0,1fr) 360px!important;gap:28px!important}.dd-profile-page:has(.dd-profile-tabs a[href*="tab=messages"].is-active) .dd-profile-activity-v2{display:block!important}.dd-admin-grid-2:has(.dd-system-log){grid-template-columns:1fr}.dd-admin-grid-2:has(.dd-system-log)>.dd-admin-card{min-width:0}.dd-admin-card:has(.dd-system-log) .dd-admin-card-body{padding-top:14px}
@media(max-width:980px){.dd-profile-page:has(.dd-profile-tabs a[href*="tab=messages"].is-active) .dd-profile-content-grid{grid-template-columns:1fr!important;gap:16px!important}.dd-profile-page:has(.dd-profile-tabs a[href*="tab=messages"].is-active) .dd-profile-activity-v2{position:static!important}}
/* Sistema r55 sobre el markup React estable publicado. */
.dd-admin-card:has(.dd-health-list){border-color:color-mix(in srgb,var(--dd-accent) 16%,var(--dd-border))}.dd-health-summary{display:flex;flex-wrap:wrap;gap:12px 18px;margin-bottom:18px}.dd-health-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dd-health-list>div{min-width:0;border:1px solid var(--dd-border);border-radius:12px;background:color-mix(in srgb,var(--dd-soft) 68%,transparent);padding:10px 11px}.dd-health-list>div>div{min-width:0}.dd-health-list small{overflow-wrap:anywhere}.dd-system-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important}.dd-system-grid>div{display:grid;gap:4px;min-width:0;border:1px solid var(--dd-border);border-radius:12px;background:var(--dd-soft);padding:11px 12px}.dd-system-grid>div>span{color:var(--dd-muted);font-size:9px;text-transform:capitalize}.dd-system-grid>div>strong{overflow-wrap:anywhere;font-size:11px}.dd-system-log{min-height:260px!important;max-height:620px!important;overflow:auto!important;border:1px solid var(--dd-border)!important;border-radius:14px!important;background:#090b10!important;padding:16px!important;color:#d8dee9!important;font-size:11px!important;line-height:1.6!important;white-space:pre-wrap!important;word-break:break-word!important}.dd-backup-list{margin-top:14px;display:grid;gap:7px}.dd-backup-list>a{border:1px solid var(--dd-border);border-radius:11px;background:var(--dd-soft);padding:10px 11px}.dd-update-upload{display:grid;gap:12px;margin-top:16px}
@media(max-width:980px){.dd-health-list,.dd-system-grid{grid-template-columns:1fr!important}}

/* === DDAnime r58 · React canónico + responsive intermedio + hero por tema === */

/* Los títulos de ficha no pueden hacer crecer el hero ni desplazar portada/acciones. */
.dd-detail-hero-copy{min-width:0!important;max-width:min(100%,980px)}
.dd-detail-hero h1{
  display:-webkit-box;
  overflow:hidden;
  max-width:min(100%,920px)!important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  text-wrap:balance;
  overflow-wrap:anywhere;
  line-height:1.04!important;
  font-size:clamp(2rem,4.2vw,3.7rem)!important;
}
.dd-detail-hero.is-title-long h1{font-size:clamp(1.85rem,3.65vw,3.15rem)!important;max-width:960px!important}
.dd-detail-hero.is-title-xlong h1{font-size:clamp(1.65rem,3.05vw,2.65rem)!important;line-height:1.08!important;max-width:980px!important}
.dd-detail-actions{max-width:100%;align-items:center}
.dd-detail-actions>*{max-width:100%}

/* El valor configurado en Administración existe desde el primer render React. */
.dd-detail-hero{height:var(--dd-detail-hero-height,440px)!important;min-height:var(--dd-detail-hero-height,440px)!important}
.dd-detail-hero-inner{height:var(--dd-detail-hero-height,440px)!important;min-height:var(--dd-detail-hero-height,440px)!important;box-sizing:border-box}

/* Modo claro: neutraliza el override móvil histórico que forzaba fondo/overlay negro. */
:root[data-theme="light"] .dd-detail-hero{
  background:#f5f6f9!important;
  color:var(--dd-text)!important;
}
:root[data-theme="light"] .dd-detail-hero .dd-detail-backdrop{
  opacity:.58!important;
  filter:saturate(.86) brightness(1.08)!important;
}
:root[data-theme="light"] .dd-detail-hero .dd-detail-shade{
  background:
    linear-gradient(90deg,rgba(248,249,252,.98) 0%,rgba(248,249,252,.91) 37%,rgba(248,249,252,.62) 70%,rgba(248,249,252,.72) 100%),
    linear-gradient(0deg,rgba(248,249,252,.99) 0%,rgba(248,249,252,.58) 58%,rgba(248,249,252,.24) 100%)!important;
}
:root[data-theme="light"] .dd-detail-hero h1,
:root[data-theme="light"] .dd-detail-hero .dd-detail-native,
:root[data-theme="light"] .dd-detail-hero .dd-detail-summary{color:var(--dd-text)!important}
:root[data-theme="light"] .dd-detail-hero .dd-detail-native,
:root[data-theme="light"] .dd-detail-hero .dd-detail-summary{color:var(--dd-text-2)!important}
:root[data-theme="dark"] .dd-detail-hero .dd-detail-shade{
  background:linear-gradient(90deg,rgba(8,9,12,.97),rgba(8,9,12,.84) 38%,rgba(8,9,12,.42) 74%,rgba(8,9,12,.66)),linear-gradient(0deg,rgba(8,9,12,.98),transparent 58%)!important;
}

/* Estado de proveedores: pendiente/error/no disponible se mantiene visualmente claro. */
.dd-pending-detail{min-width:0}
.dd-pending-detail p{overflow-wrap:anywhere}

/* Perfil: Mensajes conserva Actividad reciente sin choque en anchos intermedios. */
.dd-profile-content-grid>*{min-width:0}
@media (max-width:1240px) and (min-width:981px){
  .dd-profile-content-grid{grid-template-columns:minmax(0,1fr) 300px!important;gap:22px!important}
  .dd-profile-page:has(.dd-profile-tabs a[href*="tab=messages"].is-active) .dd-profile-content-grid{grid-template-columns:minmax(0,1fr) 300px!important;gap:22px!important}
  .dd-profile-activity-v2{min-width:0}
}
@media (max-width:980px){
  .dd-profile-content-grid,
  .dd-profile-page:has(.dd-profile-tabs a[href*="tab=messages"].is-active) .dd-profile-content-grid{grid-template-columns:minmax(0,1fr)!important;gap:18px!important}
  .dd-profile-activity-v2{position:static!important;width:100%;min-width:0}
}

/* Fichas: sidebar progresiva en desktop pequeño; a 1049 ya entra la secuencia móvil de r25. */
@media (max-width:1240px) and (min-width:1050px){
  .dd-detail-columns-r25{grid-template-columns:minmax(0,1fr) 300px!important;gap:22px!important}
  .dd-detail-main-r25,.dd-detail-side-r25{gap:22px!important}
  .dd-detail-page-r25{min-width:0}
  .dd-character-grid,.dd-staff-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:1049px){
  .dd-detail-page-r25,.dd-detail-columns-r25,.dd-detail-main-r25,.dd-detail-side-r25{width:100%;min-width:0}
  .dd-detail-columns-r25{overflow:visible}
  .dd-overview-facts>div,.dd-detail-section,.dd-side-card{min-width:0}
}

/* 992–1200 / 768–992: evitar grids que comprimen cards o formularios a columnas inútiles. */
@media (max-width:1200px){
  .dd-admin-grid-2{grid-template-columns:minmax(0,1fr)!important}
  .dd-admin-card,.dd-admin-card-body,.dd-admin-status-block,.dd-admin-form-grid>*{min-width:0}
  .dd-home-section,.dd-home-section-head,.dd-media-row,.dd-media-grid{min-width:0}
}
@media (max-width:992px){
  .dd-admin-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .dd-admin-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dd-character-grid,.dd-staff-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:768px){
  .dd-admin-form-grid{grid-template-columns:minmax(0,1fr)!important}
  .dd-admin-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dd-admin-row-actions{flex-wrap:wrap}
  .dd-admin-row-actions>button,.dd-admin-row-actions>a{max-width:100%}
  .dd-profile-tabs{display:flex!important;grid-template-columns:none!important;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}
  .dd-profile-tabs>a{flex:0 0 auto;white-space:nowrap}
}

/* Hero móvil: layout estable, poster no se empuja y el overlay sigue el tema resuelto. */
@media (max-width:768px){
  .dd-detail-hero{height:min(var(--dd-detail-hero-height,440px),520px)!important;min-height:min(var(--dd-detail-hero-height,440px),520px)!important}
  .dd-detail-hero-inner{height:min(var(--dd-detail-hero-height,440px),520px)!important;min-height:min(var(--dd-detail-hero-height,440px),520px)!important;padding-top:76px!important;padding-bottom:24px!important;align-items:flex-end!important;gap:14px!important}
  .dd-detail-poster{width:108px!important;flex:0 0 108px!important}
  .dd-detail-hero h1{-webkit-line-clamp:4;font-size:clamp(1.72rem,6.2vw,2.45rem)!important;line-height:1.06!important}
  .dd-detail-hero.is-title-long h1{font-size:clamp(1.55rem,5.5vw,2.1rem)!important}
  .dd-detail-hero.is-title-xlong h1{font-size:clamp(1.4rem,4.9vw,1.85rem)!important;line-height:1.1!important}
  .dd-detail-summary{-webkit-line-clamp:2!important;font-size:12px!important;line-height:1.5!important}
  :root[data-theme="light"] .dd-detail-hero .dd-detail-shade{
    background:linear-gradient(0deg,rgba(248,249,252,.99) 0%,rgba(248,249,252,.86) 48%,rgba(248,249,252,.42) 100%)!important;
  }
  :root[data-theme="dark"] .dd-detail-hero .dd-detail-shade{
    background:linear-gradient(0deg,rgba(8,10,15,.98) 0%,rgba(8,10,15,.72) 52%,rgba(8,10,15,.34) 100%)!important;
  }
}
@media (max-width:640px){
  .dd-detail-hero-inner{padding-top:64px!important;padding-bottom:20px!important;gap:11px!important}
  .dd-detail-poster{width:88px!important;flex-basis:88px!important}
  .dd-detail-summary{display:none!important}
  .dd-detail-hero h1{-webkit-line-clamp:4;font-size:clamp(1.55rem,7.5vw,2.1rem)!important}
  .dd-detail-hero.is-title-long h1{font-size:clamp(1.4rem,6.5vw,1.85rem)!important}
  .dd-detail-hero.is-title-xlong h1{font-size:clamp(1.28rem,5.8vw,1.65rem)!important}
  .dd-detail-badges{max-height:58px;overflow:hidden}
  .dd-detail-actions{gap:6px!important;margin-top:10px!important}
  .dd-detail-actions .dd-action-primary,.dd-detail-actions .dd-action-secondary{min-height:34px;padding:7px 9px;font-size:10px}
}
@media (max-width: 480px){
  .dd-detail-hero-inner{align-items:flex-end!important;gap:9px!important;padding-left:12px!important;padding-right:12px!important}
  .dd-detail-poster{width:74px!important;flex-basis:74px!important;border-radius:8px!important}
  .dd-detail-native{font-size:9px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .dd-detail-hero h1{font-size:clamp(1.38rem,7vw,1.8rem)!important;-webkit-line-clamp:4}
  .dd-detail-hero.is-title-long h1,.dd-detail-hero.is-title-xlong h1{font-size:clamp(1.2rem,6vw,1.55rem)!important}
  .dd-detail-badges span{font-size:8px!important;padding:4px 6px!important}
  .dd-admin-stat-grid{grid-template-columns:minmax(0,1fr)}
  .dd-character-grid,.dd-staff-grid{grid-template-columns:minmax(0,1fr)}
}

/* === DDAnime r59 · corrección visual focalizada: ficha + perfil ===
 * Sin cambios de comportamiento JS en estas superficies.
 */

/* -------------------------------------------------------------------------
   FICHA · quitar anchos implícitos en responsive y evitar superposición hero
   ------------------------------------------------------------------------- */
.dd-detail-page-r25,
.dd-detail-columns-r25,
.dd-detail-main-r25,
.dd-detail-side-r25,
.dd-detail-main-r25 > *,
.dd-detail-side-r25 > *{
  min-width:0;
  max-width:100%;
}

@media (max-width:1049px){
  /* r25 heredaba align-items:start del grid desktop al convertirse en flex.
     Eso hacía que los bloques se encogieran al ancho de su contenido. */
  .dd-detail-columns-r25{
    width:100%!important;
    align-items:stretch!important;
  }
  .dd-detail-columns-r25 > *,
  .dd-media-synopsis-r25,
  .dd-media-info-r25,
  .dd-media-taxonomy-section,
  .dd-media-trailer-section,
  .dd-media-characters-section,
  .dd-media-episodes-section,
  .dd-media-chapters-section,
  .dd-media-staff-section,
  .dd-media-themes-section,
  .dd-detail-stats-r25,
  .dd-quick-lists,
  .dd-detail-main-r25 > .dd-detail-section{
    width:100%!important;
    max-width:none!important;
    align-self:stretch!important;
    box-sizing:border-box;
  }
  .dd-media-info-r25 .dd-overview-facts,
  .dd-media-synopsis-r25 .dd-rich-text,
  .dd-media-synopsis-r25 .dd-synopsis-plain,
  .dd-theme-rows,
  .dd-episode-list{
    width:100%!important;
    max-width:none!important;
  }
  .dd-character-grid,
  .dd-staff-grid{
    width:100%!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .dd-character-card,
  .dd-staff-card{
    width:100%!important;
    min-width:0!important;
  }
  .dd-character-main,
  .dd-voice,
  .dd-character-main > div,
  .dd-voice > div,
  .dd-staff-card > div{
    min-width:0!important;
  }
  .dd-character-card strong,
  .dd-staff-card strong{
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
}

/* Hero: desktop conserva la altura configurada. Tablet/móvil pasa a altura de
   contenido, por lo que portada, título, chips y acciones nunca se pisan. */
@media (max-width:900px){
  .dd-detail-hero{
    height:auto!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  .dd-detail-hero-inner{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    width:min(calc(100% - 32px),var(--dd-site-max-width))!important;
    height:auto!important;
    min-height:0!important;
    align-content:start!important;
    align-items:start!important;
    justify-items:center!important;
    gap:12px!important;
    padding:64px 0 28px!important;
    text-align:center!important;
    box-sizing:border-box!important;
  }
  .dd-detail-poster{
    position:relative!important;
    inset:auto!important;
    width:112px!important;
    max-width:32vw!important;
    flex:0 0 auto!important;
    margin:0 auto!important;
    z-index:1!important;
  }
  .dd-detail-hero-copy{
    display:grid!important;
    width:min(100%,720px)!important;
    max-width:100%!important;
    justify-items:center!important;
    gap:0!important;
    margin:0!important;
    text-align:center!important;
  }
  .dd-detail-native{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:10px!important;
  }
  .dd-detail-hero h1,
  .dd-detail-hero.is-title-long h1,
  .dd-detail-hero.is-title-xlong h1{
    display:-webkit-box!important;
    width:100%!important;
    max-width:100%!important;
    margin:5px 0 0!important;
    overflow:hidden!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:3!important;
    font-size:clamp(1.72rem,5.8vw,2.55rem)!important;
    line-height:1.08!important;
    letter-spacing:-.04em!important;
    overflow-wrap:anywhere!important;
    text-wrap:balance!important;
  }
  .dd-detail-hero.is-title-long h1{font-size:clamp(1.58rem,5.2vw,2.25rem)!important}
  .dd-detail-hero.is-title-xlong h1{font-size:clamp(1.44rem,4.7vw,2rem)!important}
  .dd-detail-badges{
    width:100%!important;
    max-height:none!important;
    margin-top:10px!important;
    justify-content:center!important;
    overflow:visible!important;
  }
  .dd-detail-summary{
    display:-webkit-box!important;
    width:min(100%,650px)!important;
    max-width:100%!important;
    margin:10px auto 0!important;
    overflow:hidden!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:3!important;
    font-size:11px!important;
    line-height:1.52!important;
    text-align:center!important;
  }
  .dd-mobile-see-details{margin-top:9px!important}
  .dd-detail-actions{
    display:flex!important;
    width:100%!important;
    max-width:720px!important;
    margin:12px auto 0!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    flex-wrap:wrap!important;
  }
  .dd-detail-actions > *,
  .dd-detail-actions .dd-action-primary,
  .dd-detail-actions .dd-action-secondary{
    max-width:100%!important;
  }
  /* Revertimos los anchos/órdenes circulares heredados que comprimían el hero. */
  .dd-detail-actions > .dd-action-primary,
  .dd-detail-actions > .dd-action-secondary,
  .dd-detail-actions > a[href*="youtube.com/watch"],
  .dd-detail-actions > .dd-detail-trailer-action,
  .dd-detail-actions > .dd-share-menu,
  .dd-detail-actions > a[title="Fuente"],
  .dd-detail-actions > a[href*="/proponer-edicion"],
  .dd-detail-actions > a[href*="/historial"],
  .dd-detail-actions > .dd-r14-delete-media{
    order:initial!important;
  }
  .dd-detail-actions > a[href*="youtube.com/watch"],
  .dd-detail-actions > .dd-detail-trailer-action,
  .dd-detail-actions > .dd-share-menu > button{
    width:auto!important;
    min-width:0!important;
    height:auto!important;
    min-height:36px!important;
    padding:8px 11px!important;
    border-radius:10px!important;
    font-size:10px!important;
    overflow:visible!important;
  }
  .dd-detail-actions > a[href*="youtube.com/watch"] svg,
  .dd-detail-actions > .dd-detail-trailer-action svg,
  .dd-detail-actions > .dd-share-menu > button svg{width:14px!important;height:14px!important}
  .dd-detail-actions > a[title="Fuente"],
  .dd-detail-actions > a[href*="/proponer-edicion"],
  .dd-detail-actions > a[href*="/historial"],
  .dd-detail-actions > .dd-r14-delete-media{
    display:inline-flex!important;
  }

  :root[data-theme="light"] .dd-detail-hero{
    background:#f6f7fa!important;
    color:var(--dd-text)!important;
  }
  :root[data-theme="light"] .dd-detail-hero .dd-detail-backdrop{
    opacity:.22!important;
    filter:saturate(.82) brightness(1.08) contrast(.94)!important;
  }
  :root[data-theme="light"] .dd-detail-hero .dd-detail-shade{
    background:linear-gradient(180deg,rgba(248,249,252,.54) 0%,rgba(248,249,252,.84) 43%,rgba(248,249,252,.97) 76%,rgba(248,249,252,1) 100%)!important;
  }
  :root[data-theme="light"] .dd-detail-hero h1{color:var(--dd-text)!important}
  :root[data-theme="light"] .dd-detail-native,
  :root[data-theme="light"] .dd-detail-summary{color:var(--dd-text-2)!important}
  :root[data-theme="dark"] .dd-detail-hero .dd-detail-shade{
    background:linear-gradient(180deg,rgba(8,9,12,.22) 0%,rgba(8,9,12,.58) 46%,rgba(8,9,12,.92) 78%,rgba(8,9,12,.98) 100%)!important;
  }
}

@media (max-width:640px){
  .dd-detail-hero-inner{
    width:min(calc(100% - 24px),var(--dd-site-max-width))!important;
    padding:56px 0 22px!important;
    gap:10px!important;
  }
  .dd-detail-poster{width:92px!important;max-width:30vw!important}
  .dd-detail-hero h1,
  .dd-detail-hero.is-title-long h1,
  .dd-detail-hero.is-title-xlong h1{
    -webkit-line-clamp:4!important;
    font-size:clamp(1.42rem,6.4vw,1.9rem)!important;
    line-height:1.09!important;
  }
  .dd-detail-hero.is-title-long h1{font-size:clamp(1.33rem,5.9vw,1.76rem)!important}
  .dd-detail-hero.is-title-xlong h1{font-size:clamp(1.24rem,5.4vw,1.62rem)!important}
  .dd-detail-badges{gap:5px!important;margin-top:8px!important}
  .dd-detail-badges span{font-size:8px!important;padding:4px 6px!important}
  .dd-detail-summary{-webkit-line-clamp:2!important;font-size:10.5px!important}
  .dd-detail-actions{gap:6px!important;margin-top:10px!important}
  .dd-detail-actions .dd-action-primary,
  .dd-detail-actions .dd-action-secondary,
  .dd-detail-actions > a[href*="youtube.com/watch"],
  .dd-detail-actions > .dd-detail-trailer-action,
  .dd-detail-actions > .dd-share-menu > button,
  .dd-detail-actions > .dd-circle-action{
    min-height:34px!important;
    padding:7px 9px!important;
    font-size:9px!important;
  }
  .dd-media-synopsis-r25,
  .dd-media-info-r25{padding:16px!important}
  .dd-character-grid,
  .dd-staff-grid{gap:8px!important}
}

@media (max-width:430px){
  .dd-detail-hero-inner{padding-top:52px!important;padding-bottom:20px!important}
  .dd-detail-poster{width:82px!important}
  .dd-detail-summary{display:none!important}
  .dd-detail-actions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important;
  }
  .dd-detail-actions > .dd-action-primary{
    grid-column:1/-1!important;
    width:100%!important;
    justify-content:center!important;
  }
  .dd-detail-actions > .dd-share-menu,
  .dd-detail-actions > .dd-share-menu > button,
  .dd-detail-actions > .dd-action-secondary,
  .dd-detail-actions > .dd-circle-action,
  .dd-detail-actions > a{
    width:100%!important;
    justify-content:center!important;
  }
  .dd-character-grid,
  .dd-staff-grid{grid-template-columns:minmax(0,1fr)!important}
  .dd-character-card,.dd-staff-card{padding:9px!important}
  .dd-character-main>img,.dd-voice>img{flex:0 0 auto}
}

/* -------------------------------------------------------------------------
   PERFIL · solo CSS: dar forma al ProfileWall React ya existente
   ------------------------------------------------------------------------- */
.dd-profile-content-grid{
  min-width:0!important;
  align-items:start!important;
}
.dd-profile-content-grid > section{min-width:0!important}
.dd-profile-wall{
  display:grid!important;
  gap:14px!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
}
.dd-profile-wall > .dd-results-head{
  margin:0!important;
  padding:0 2px!important;
}
.dd-profile-wall > .dd-results-head > div{min-width:0}
.dd-profile-wall > .dd-results-head h2{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin:0!important;
  font-size:20px!important;
  line-height:1.2!important;
  letter-spacing:-.025em!important;
}
.dd-profile-wall > .dd-results-head p{
  max-width:760px!important;
  margin:6px 0 0!important;
  color:var(--dd-muted)!important;
  font-size:12px!important;
  line-height:1.55!important;
}
.dd-profile-wall-form{
  display:grid!important;
  gap:10px!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}
.dd-profile-wall-form .dd-rich-editor{
  width:100%!important;
  min-width:0!important;
  overflow:visible!important;
  border:1px solid var(--dd-border)!important;
  border-radius:16px!important;
  background:var(--dd-surface)!important;
  box-shadow:0 10px 28px color-mix(in srgb,var(--dd-shadow) 55%,transparent)!important;
}
.dd-profile-wall-form .dd-rich-toolbar{
  width:100%!important;
  min-width:0!important;
  overflow:visible!important;
  flex-wrap:wrap!important;
  scrollbar-width:thin;
  border-bottom:1px solid var(--dd-border)!important;
  background:color-mix(in srgb,var(--dd-soft) 72%,var(--dd-surface))!important;
}
.dd-profile-wall-form textarea{
  width:100%!important;
  min-height:130px!important;
  max-height:340px!important;
  resize:vertical!important;
  padding:15px!important;
  font-size:14px!important;
  line-height:1.65!important;
  box-sizing:border-box!important;
}
.dd-profile-wall-form .dd-rich-help{
  border-top:1px solid var(--dd-border)!important;
  padding:8px 12px!important;
}
.dd-profile-wall-form > .dd-action-primary{
  justify-self:start!important;
  min-height:38px!important;
  border-radius:10px!important;
  padding:9px 14px!important;
}
.dd-profile-wall-list{
  display:grid!important;
  gap:11px!important;
  width:100%!important;
  min-width:0!important;
  margin-top:2px!important;
}
.dd-profile-wall-message{
  width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  border:1px solid var(--dd-border)!important;
  border-radius:15px!important;
  background:var(--dd-surface)!important;
  padding:14px!important;
  box-shadow:0 7px 20px color-mix(in srgb,var(--dd-shadow) 38%,transparent)!important;
}
.dd-profile-wall-message.is-hidden{opacity:.72!important;border-style:dashed!important}
.dd-profile-wall-message > header{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin:0 0 11px!important;
}
.dd-profile-wall-message > header > a{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
  color:inherit!important;
  text-decoration:none!important;
}
.dd-profile-wall-message .dd-avatar-sm{
  display:grid!important;
  width:40px!important;
  height:40px!important;
  flex:0 0 40px!important;
  place-items:center!important;
  overflow:hidden!important;
  border-radius:11px!important;
  background:var(--dd-soft)!important;
}
.dd-profile-wall-message .dd-avatar-sm img{width:100%!important;height:100%!important;object-fit:cover!important}
.dd-profile-wall-message > header > a > span:last-child{
  display:grid!important;
  gap:2px!important;
  min-width:0!important;
}
.dd-profile-wall-message > header strong{
  overflow:hidden!important;
  color:var(--dd-text)!important;
  font-size:12px!important;
  line-height:1.25!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.dd-profile-wall-message > header small{
  overflow:hidden!important;
  color:var(--dd-muted)!important;
  font-size:10px!important;
  line-height:1.35!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.dd-profile-wall-message > header em{
  flex:0 0 auto!important;
  border-radius:999px!important;
  background:color-mix(in srgb,var(--dd-accent) 10%,transparent)!important;
  padding:5px 8px!important;
  color:var(--dd-accent)!important;
  font-size:9px!important;
  font-style:normal!important;
  font-weight:800!important;
}
.dd-profile-wall-message > .dd-rich-text,
.dd-profile-wall-message > [class*="dd-rich-text"]{
  color:var(--dd-text-2)!important;
  font-size:13px!important;
  line-height:1.7!important;
  overflow-wrap:anywhere!important;
}
.dd-profile-wall-message > footer{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  margin-top:12px!important;
  padding-top:10px!important;
  border-top:1px solid var(--dd-border)!important;
}
.dd-profile-wall-message > footer button{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  min-height:30px!important;
  border:1px solid var(--dd-border)!important;
  border-radius:9px!important;
  background:var(--dd-surface-2)!important;
  padding:6px 9px!important;
  color:var(--dd-muted)!important;
  font-size:10px!important;
  font-weight:700!important;
}
.dd-profile-wall-message > footer button:hover{color:var(--dd-text)!important;border-color:var(--dd-border-strong)!important}
.dd-profile-wall-message > footer button.danger{color:#dc2626!important}
.dd-profile-activity-v2{
  min-width:0!important;
  overflow:hidden!important;
  border-radius:16px!important;
  padding:16px!important;
}
.dd-profile-activity-v2 .dd-results-head{margin-bottom:10px!important}
.dd-profile-activity-v2 .dd-results-head h2{font-size:17px!important}

@media (max-width:1180px) and (min-width:901px){
  .dd-profile-content-grid{grid-template-columns:minmax(0,1fr) 290px!important;gap:20px!important}
}
@media (max-width:900px){
  .dd-profile-content-grid{grid-template-columns:minmax(0,1fr)!important;gap:20px!important}
  .dd-profile-activity-v2{position:static!important;width:100%!important}
}
@media (max-width:640px){
  .dd-profile-wall{gap:12px!important}
  .dd-profile-wall > .dd-results-head h2{font-size:18px!important}
  .dd-profile-wall > .dd-results-head p{font-size:11px!important}
  .dd-profile-wall-form .dd-rich-toolbar{padding-bottom:4px!important}
  .dd-profile-wall-form textarea{min-height:118px!important;padding:13px!important;font-size:13px!important}
  .dd-profile-wall-form > .dd-action-primary{width:100%!important;justify-content:center!important}
  .dd-profile-wall-message{padding:12px!important}
  .dd-profile-wall-message > header{align-items:flex-start!important}
  .dd-profile-wall-message > header small{white-space:normal!important}
  .dd-profile-activity-v2{padding:14px!important}
}

/* r59: el bundle servido conserva el contenedor de acciones como utilidades
   Tailwind (`.mt-5.flex.flex-wrap.gap-2`). Aplicamos la misma corrección CSS
   sin alterar JavaScript ni el componente React de la ficha. */
@media (max-width:900px){
  .dd-detail-hero-copy > .mt-5.flex.flex-wrap.gap-2{
    display:flex!important;
    width:100%!important;
    max-width:720px!important;
    margin:12px auto 0!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    flex-wrap:wrap!important;
  }
  .dd-detail-hero-copy > .mt-5.flex.flex-wrap.gap-2 > *{max-width:100%!important}
  .dd-detail-hero-copy > .mt-5.flex.flex-wrap.gap-2 > a,
  .dd-detail-hero-copy > .mt-5.flex.flex-wrap.gap-2 > button,
  .dd-detail-hero-copy > .mt-5.flex.flex-wrap.gap-2 > .dd-share-menu > button{
    min-width:0!important;
    min-height:36px!important;
    height:auto!important;
    padding:8px 11px!important;
    border-radius:10px!important;
    font-size:10px!important;
    justify-content:center!important;
  }
}
@media (max-width:640px){
  .dd-detail-hero-copy > .mt-5.flex.flex-wrap.gap-2{gap:6px!important;margin-top:10px!important}
  .dd-detail-hero-copy > .mt-5.flex.flex-wrap.gap-2 > a,
  .dd-detail-hero-copy > .mt-5.flex.flex-wrap.gap-2 > button,
  .dd-detail-hero-copy > .mt-5.flex.flex-wrap.gap-2 > .dd-share-menu > button{
    min-height:34px!important;
    padding:7px 9px!important;
    font-size:9px!important;
  }
}
@media (max-width:430px){
  .dd-detail-hero-copy > .mt-5.flex.flex-wrap.gap-2{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .dd-detail-hero-copy > .mt-5.flex.flex-wrap.gap-2 > *{width:100%!important;min-width:0!important}
  .dd-detail-hero-copy > .mt-5.flex.flex-wrap.gap-2 > .dd-action-primary:first-child{
    grid-column:1/-1!important;
  }
  .dd-detail-hero-copy > .mt-5.flex.flex-wrap.gap-2 > .dd-share-menu,
  .dd-detail-hero-copy > .mt-5.flex.flex-wrap.gap-2 > .dd-share-menu > button,
  .dd-detail-hero-copy > .mt-5.flex.flex-wrap.gap-2 > a,
  .dd-detail-hero-copy > .mt-5.flex.flex-wrap.gap-2 > button{
    width:100%!important;
    justify-content:center!important;
  }
}