/* Composición de /conociendo-schoenstatt/ según la página publicada.
   El texto y las siete fotografías conservan el orden de la referencia. */
html:has(.nacional-conociendo) { scroll-padding-top: 0; }
.nacional-conociendo .encabezado__fila { min-height: 144px; }
.nacional-conociendo .conociendo-indice { padding: 40px 0 36px; }
.nacional-conociendo .conociendo-indice ul {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: center;
  list-style: none; margin: 0; padding: 0;
}
.nacional-conociendo .conociendo-indice li { display: flex; align-items: center; }
.nacional-conociendo .conociendo-indice li:not(:last-child)::after {
  content: ''; width: 2px; height: 16px; background: #ffcc00;
}
.nacional-conociendo .conociendo-indice a {
  display: block; padding: 13px 6px; color: #030267; text-decoration: none;
  font: 500 15px / 20px var(--fuente-editorial); letter-spacing: .5px;
}
.nacional-conociendo .conociendo-indice a:hover { text-decoration: underline; }
.nacional-conociendo .conociendo-articulo {
  max-width: 1170px; padding-inline: 40px;
  font: 400 18px / 22px var(--fuente-editorial); color: #000;
}
.nacional-conociendo .conociendo-bloque { display: flow-root; padding-bottom: 40px; scroll-margin-top: 24px; }
.nacional-conociendo .conociendo-bloque + .conociendo-bloque { padding-top: 23px; }
.nacional-conociendo #biografia-pjk { padding-bottom: 100px; }
.nacional-conociendo .conociendo-bloque h2 { margin: 0 0 15px; text-wrap: auto; }
.nacional-conociendo .conociendo-bloque h2:has(+ .conociendo-subtitulo) { margin-bottom: 7px; }
.nacional-conociendo .conociendo-subtitulo {
  font: 500 20px / 28px var(--fuente-editorial); color: #4d4d4d;
  text-wrap: auto; margin: 0 0 15px;
}
.nacional-conociendo #biografia-pjk > .conociendo-subtitulo { margin-bottom: 35px; }
.nacional-conociendo .conociendo-texto { text-align: justify; }
.nacional-conociendo .conociendo-bloque:not(#que-es) .conociendo-texto { display: flow-root; }
.nacional-conociendo .conociendo-texto--izquierda { text-align: left; }
.nacional-conociendo .conociendo-texto p { margin: 0 0 15px; }
.nacional-conociendo .conociendo-texto h3 {
  font: 700 18px / 22px var(--fuente-editorial); text-align: left;
  color: #000; text-wrap: auto; margin: 0 0 15px;
}
.nacional-conociendo #que-es > .conociendo-texto:not(:last-child) { margin-bottom: 35px; }
.nacional-conociendo #que-es > .conociendo-texto > p { margin: 0; }
.nacional-conociendo #que-es > .conociendo-texto:last-child > p { margin-bottom: 15px; }
.nacional-conociendo #que-es > .conociendo-texto + .conociendo-subtitulo { margin-bottom: 5px; }
.nacional-conociendo .conociendo-sangria { padding-left: 40px; }
.nacional-conociendo .conociendo-foto { max-width: 100%; height: auto; }
.nacional-conociendo .conociendo-foto--izquierda { float: left; margin: 15px 15px 15px 0; }
.nacional-conociendo .conociendo-foto--derecha { float: right; margin: 15px 0 15px 15px; }
.nacional-conociendo .conociendo-foto--retrato { width: 405px; }
.nacional-conociendo .pie { padding: 0; }

@media (min-width: 768px) and (max-width: 1024px) {
  .nacional-conociendo .encabezado__fila { min-height: 110px; }
  .nacional-conociendo .conociendo-foto { max-width: 48%; }
}
@media (max-width: 767px) {
  .nacional-conociendo .encabezado__fila { min-height: 0; padding-bottom: 20px; gap: 25px; }
  .nacional-conociendo .encabezado__logo img { width: 100%; max-width: 500px; }
  .nacional-conociendo .conociendo-indice { padding: 40px 0 35px; }
  .nacional-conociendo .conociendo-indice .contenedor { padding-inline: 40px; }
  .nacional-conociendo .conociendo-indice ul { row-gap: 10px; }
  .nacional-conociendo .conociendo-articulo { padding-inline: 40px; }
  .nacional-conociendo .conociendo-bloque h2 { font-size: 19px; line-height: 23px; }
  .nacional-conociendo .conociendo-subtitulo { line-height: 20px; }
  .nacional-conociendo .conociendo-foto {
    float: none; display: block; max-width: 100%; height: auto;
    margin: 30px auto 15px;
  }
  .nacional-conociendo .conociendo-sangria { padding-left: 24px; }
}