/*
  FCSD - Estilos genéricos para contenido editorial
  Se aplica a páginas genéricas (page.php) dentro de .fcsd-content
*/

.fcsd-content{
  max-width: 860px;
}

.fcsd-content > * + *{
  margin-top: 1rem;
}

.fcsd-content h1,
.fcsd-content h2,
.fcsd-content h3,
.fcsd-content h4,
.fcsd-content h5,
.fcsd-content h6{
  line-height: 1.15;
  margin: 1.6rem 0 .6rem;
}

.fcsd-content h1{ font-size: 2.2rem; }
.fcsd-content h2{ font-size: 1.7rem; }
.fcsd-content h3{ font-size: 1.35rem; }
.fcsd-content h4{ font-size: 1.1rem; }

.fcsd-content p{
  line-height: 1.65;
  margin: .85rem 0;
}

.fcsd-content a{
  text-decoration: underline;
  text-underline-offset: 2px;
}

.fcsd-content ul,
.fcsd-content ol{
  padding-left: 1.25rem;
  line-height: 1.65;
}

.fcsd-content li + li{
  margin-top: .35rem;
}

.fcsd-content blockquote{
  margin: 1.25rem 0;
  padding: .75rem 1rem;
  border-left: 4px solid currentColor;
  opacity: .85;
}

.fcsd-content img{
  max-width: 100%;
  height: auto;
  display: block;
}

/* Clases típicas WP (cuando insertan imágenes desde Medios) */
.fcsd-content .alignleft{
  float: left;
  margin: .25rem 1rem 1rem 0;
  max-width: 50%;
}

.fcsd-content .alignright{
  float: right;
  margin: .25rem 0 1rem 1rem;
  max-width: 50%;
}

.fcsd-content .aligncenter{
  margin-left: auto;
  margin-right: auto;
}

.fcsd-content::after{
  content: "";
  display: block;
  clear: both;
}

/* Vídeos responsive: usa <div class="fcsd-video">...iframe...</div> */
.fcsd-content .fcsd-video{
  position: relative;
  padding-top: 56.25%;
  height: 0;
  overflow: hidden;
  border-radius: 12px;
}

.fcsd-content .fcsd-video iframe{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}