/* DDAnime v1.0.0-rc1-r14-r25
 * Ficha individual: columnas independientes + sinopsis editorial compacta.
 * Este archivo está totalmente acotado a .dd-detail-page-r25 para no alterar
 * el CSS global estable ni otros módulos de DDAnime.
 */
.dd-detail-page-r25{
  padding-top:28px;
  min-width:0;
}
.dd-detail-page-r25 .dd-detail-full-r25{
  min-width:0;
}
.dd-detail-page-r25>.dd-media-ad-inline{
  margin:0 0 22px;
}
.dd-detail-page-r25>.dd-detail-full-r25.dd-media-relations-section{
  margin:0 0 24px;
}
.dd-detail-page-r25>.dd-detail-full-r25>.dd-detail-section{
  margin-top:0;
}

/* Dos flujos verticales reales: la altura de la barra lateral ya no crea
 * filas compartidas ni huecos dentro de la columna principal. */
.dd-detail-columns-r25{
  display:grid;
  grid-template-columns:minmax(0,1fr) 350px;
  gap:28px;
  align-items:start;
  min-width:0;
}
.dd-detail-main-r25,
.dd-detail-side-r25{
  display:grid;
  align-content:start;
  gap:28px;
  min-width:0;
}
.dd-detail-main-r25>.dd-detail-section,
.dd-detail-side-r25>.dd-detail-section,
.dd-detail-side-r25>.dd-media-trailer-section>.dd-detail-section{
  margin-top:0!important;
}
.dd-detail-side-r25{
  position:relative;
}

/* Sinopsis: superficie propia y lectura más compacta que comentarios/blog. */
.dd-media-synopsis-r25,
.dd-media-info-r25{
  min-width:0;
  border:1px solid var(--dd-border);
  border-radius:16px;
  background:var(--dd-surface);
  padding:21px 22px;
  box-shadow:none;
}
.dd-media-synopsis-r25 h2,
.dd-media-info-r25 h2{
  margin-top:4px;
  font-size:19px;
  font-weight:760;
  letter-spacing:-.025em;
}
.dd-media-synopsis-r25 .dd-rich-text.dd-synopsis-rich-text,
.dd-media-synopsis-r25 .dd-synopsis-plain{
  margin:10px 0 0!important;
  color:var(--dd-text-2);
  font-size:13px!important;
  line-height:1.58!important;
  overflow-wrap:anywhere;
}
.dd-media-synopsis-r25 .dd-rich-text.dd-synopsis-rich-text br+br{
  display:none;
}
.dd-media-synopsis-r25 .dd-rich-text.dd-synopsis-rich-text p{
  margin:.68em 0 0;
  line-height:inherit;
}
.dd-media-synopsis-r25 .dd-rich-text.dd-synopsis-rich-text p:first-child{
  margin-top:0;
}
.dd-media-synopsis-r25 .dd-rich-text.dd-synopsis-rich-text blockquote,
.dd-media-synopsis-r25 .dd-rich-text.dd-synopsis-rich-text ul,
.dd-media-synopsis-r25 .dd-rich-text.dd-synopsis-rich-text ol{
  margin:.8em 0;
}

/* La ficha técnica y los módulos laterales se apilan sin reservar altura
 * para los módulos narrativos de la izquierda. */
.dd-media-info-r25 .dd-overview-facts{
  grid-template-columns:1fr;
}
.dd-media-info-r25 .dd-overview-facts>div{
  padding:9px 0;
  font-size:11px;
}
.dd-media-info-r25 .dd-overview-chips{
  margin-top:12px;
}
.dd-detail-side-r25 .dd-media-taxonomy-section,
.dd-detail-side-r25 .dd-media-trailer-section,
.dd-detail-side-r25 .dd-detail-stats-r25{
  min-width:0;
}
.dd-detail-side-r25 .dd-trailer-frame{
  width:100%;
  max-width:none;
  margin:0;
  border-radius:14px;
}
.dd-detail-side-r25 .dd-side-card{
  border-radius:14px;
}

.dd-detail-main-r25 .dd-character-grid,
.dd-detail-main-r25 .dd-staff-grid{
  gap:9px;
}
.dd-detail-main-r25 .dd-character-card,
.dd-detail-main-r25 .dd-staff-card{
  border-radius:12px;
}
.dd-detail-recommendations-r25{
  margin-top:46px;
}

/* Tablet/móvil: recuperamos una sola secuencia editorial. display:contents
 * permite intercalar la ficha técnica y el tráiler sin duplicar contenido. */
@media(max-width:1049px){
  .dd-detail-page-r25{padding-top:22px}
  .dd-detail-columns-r25{
    display:flex;
    flex-direction:column;
    gap:0;
  }
  .dd-detail-main-r25,
  .dd-detail-side-r25{
    display:contents;
  }
  .dd-detail-columns-r25>*{min-width:0}
  .dd-media-synopsis-r25{order:10}
  .dd-media-info-r25{order:20;margin-top:18px}
  .dd-media-taxonomy-section{order:30;margin-top:26px!important}
  .dd-media-trailer-section{order:40;margin-top:26px}
  .dd-media-characters-section{order:50;margin-top:30px!important}
  .dd-media-episodes-section{order:60;margin-top:30px!important}
  .dd-media-staff-section{order:70;margin-top:30px!important}
  .dd-media-themes-section{order:80;margin-top:30px!important}
  .dd-detail-stats-r25{order:90;margin-top:30px}
  .dd-detail-main-r25>.dd-quick-lists,
  .dd-detail-main-r25>#resenas,
  .dd-detail-main-r25>#recomendaciones-comunidad,
  .dd-detail-main-r25>.dd-detail-section:not(.dd-media-characters-section):not(.dd-media-episodes-section):not(.dd-media-staff-section):not(.dd-media-themes-section){
    order:100;
    margin-top:30px!important;
  }
  .dd-detail-recommendations-r25{margin-top:36px}
}

@media(max-width:760px){
  .dd-media-synopsis-r25,
  .dd-media-info-r25{
    padding:18px;
  }
  .dd-media-synopsis-r25 .dd-rich-text.dd-synopsis-rich-text,
  .dd-media-synopsis-r25 .dd-synopsis-plain{
    font-size:12.5px!important;
    line-height:1.56!important;
  }
}

/* Fallbacks sin datos: el wrapper conserva la misma posición editorial sin
 * recuperar los márgenes de las secciones antiguas. */
.dd-detail-main-r25>.dd-media-characters-section>.dd-detail-section,
.dd-detail-main-r25>.dd-media-episodes-section>.dd-detail-section,
.dd-detail-main-r25>.dd-media-staff-section>.dd-detail-section{
  margin-top:0!important;
}
