/* Escala editorial común. Se carga después de los estilos de cada composición. */
:root {
  --em-type-page: 58px;
  --em-type-section: 36px;
  --em-type-block: 30px;
  --em-type-item: 26px;
  --em-type-compact: 24px;
  --em-type-subtitle: 24px;
  --em-type-body: 24px !important;
  --em-type-note: 20px;
  --em-type-meta: 16px;
  --em-type-action: 17px;
  --em-type-meta-ink: #75422D;
  --emv-body: var(--em-type-body);
  --emv-page-width: 1600px;
  --emv-section-gap: 32px;
}

@layer em-typography {
/* Los roles evitan que una regla local invierta los niveles. */
html:root body.sala #contenido [data-em-type],
html:root body.pagina-inicio [data-em-type] {
  min-width: 0;
}
html:root body.sala #contenido :is([data-em-type="page"], [data-em-type="section"], [data-em-type="block"], [data-em-type="item"], [data-em-type="compact"]),
html:root body.pagina-inicio [data-em-type="page"] {
  font-family: 'Newsreader', Georgia, serif !important;
  font-weight: 400 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  line-height: 1.22 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  text-wrap: balance;
  overflow-wrap: break-word;
  hyphens: auto;
}
html:root body.sala #contenido [data-em-type="page"],
html:root body.pagina-inicio [data-em-type="page"] {
  font-size: var(--em-type-page) !important;
  line-height: 1.08 !important;
  max-width: 24ch;
}
html:root body.sala #contenido [data-em-type="section"] {
  font-size: var(--em-type-section) !important;
  font-weight: 500 !important;
  max-width: 34ch;
  margin-top: 0 !important;
  margin-bottom: 20px !important;
}
html:root body.sala #contenido [data-em-type="block"] {
  font-size: var(--em-type-block) !important;
  max-width: 38ch;
  margin-bottom: 14px !important;
}
html:root body.sala #contenido [data-em-type="item"] {
  font-size: var(--em-type-item) !important;
  line-height: 1.25 !important;
  margin-bottom: 12px !important;
}
html:root body.sala #contenido [data-em-type="compact"] {
  font-size: var(--em-type-compact) !important;
  line-height: 1.3 !important;
}
html:root body.sala #contenido [data-em-type="body"],
html:root body.pagina-inicio [data-em-type="body"] {
  font-size: var(--em-type-body) !important;
  line-height: 1.6 !important;
}
html:root body.sala #contenido [data-em-type="description"],
html:root body.pagina-inicio [data-em-type="description"] {
  font-size: var(--em-type-body) !important;
  line-height: 1.55 !important;
  max-width: 70ch;
}
html:root body.sala #contenido [data-em-type="subtitle"] {
  font-size: var(--em-type-subtitle) !important;
  line-height: 1.5 !important;
}
html:root body.sala #contenido [data-em-type="note"] {
  font-size: var(--em-type-note) !important;
  line-height: 1.55 !important;
}
html:root body.sala #contenido [data-em-type="metadata"] {
  font-family: 'Hanken Grotesk', Arial, sans-serif !important;
  font-size: var(--em-type-meta) !important;
  line-height: 1.5 !important;
  letter-spacing: .06em !important;
  font-weight: 500 !important;
}

html:root body.sala #contenido .anatomia-comparativa-grid li { font-size: var(--em-type-body) !important; line-height: 1.6 !important; }
/* Secciones que antes solo tenían una etiqueta pequeña. */
html:root body.sala #contenido .em-section-opening {
  grid-column: 1 / -1;
  margin: 0 0 32px;
}
html:root body.sala #contenido .subseccion-apertura {
  margin-bottom: 32px !important;
}
html:root body.sala #contenido .subseccion-apertura [data-em-type="section"] {
  margin: 0 0 18px !important;
  padding: 0 !important;
}
html:root body.sala #contenido .subseccion-apertura [data-em-type="block"] {
  margin-bottom: 18px !important;
}
html:root body.sala #contenido .subseccion-bajada {
  font-size: var(--em-type-body) !important;
  line-height: 1.55 !important;
  max-width: 65ch;
}

/* Criterium: página > sección > introducción > destacado > artículos. */
html:root body.sala #contenido .criterium-heading { margin-bottom: 42px !important; }
html:root body.sala #contenido .criterium-heading h2 {
  font-size: var(--em-type-section) !important;
  line-height: 1.2 !important;
  font-weight: 500 !important;
  margin-bottom: 10px !important;
}
html:root body.sala #contenido .criterium-sub {
  font-size: var(--em-type-subtitle) !important;
  line-height: 1.5 !important;
  margin: 0 !important;
}
html:root body.sala #contenido .criterium-intro {
  font-size: var(--em-type-body) !important;
  line-height: 1.55 !important;
  max-width: 68ch;
  margin-top: 20px !important;
}
html:root body.sala #contenido .criterium-intro strong {
  font-size: var(--em-type-body) !important;
  font-weight: 500 !important;
  line-height: 1.55 !important;
}
html:root body.sala #contenido .criterium-intro em {
  font-size: var(--em-type-note) !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
  margin-top: 14px !important;
}
html:root body.sala #contenido .criterium-feature-copy h3 {
  font-size: var(--em-type-block) !important;
  line-height: 1.22 !important;
  font-weight: 400 !important;
  max-width: 29ch;
  min-height: 0 !important;
  margin: 12px 0 18px !important;
  text-wrap: balance;
}
html:root body.sala #contenido .criterium-feature-copy { padding: 28px !important; }
html:root body.sala #contenido .criterium-feature-copy p:not(.etiqueta) {
  font-size: var(--em-type-body) !important;
  line-height: 1.55 !important;
  max-width: 48ch;
}
html:root body.sala #contenido .criterium-mini :is(b,h3) {
  font-size: var(--em-type-item) !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 12px 0 0 !important;
  text-wrap: balance;
}
html:root body.sala #contenido .criterium-mini em {
  font-size: var(--em-type-body) !important;
  font-style: normal !important;
  line-height: 1.5 !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 14px 0 22px !important;
}
html:root body.sala #contenido :is(.criterium-mini small,.criterium-feature-copy .etiqueta) {
  font-family: 'Hanken Grotesk', Arial, sans-serif !important;
  font-size: var(--em-type-meta) !important;
  line-height: 1.5 !important;
  letter-spacing: .06em !important;
  font-weight: 500 !important;
  color: var(--em-type-meta-ink) !important;
  min-height: 0 !important;
}
html:root body.sala #contenido :is(.criterium-mini strong,.criterium-feature-copy .enlace-flecha,.criterium-feature-copy .btn-linea) {
  font-family: 'Hanken Grotesk', Arial, sans-serif !important;
  font-size: var(--em-type-action) !important;
  line-height: 1.5 !important;
  letter-spacing: .04em !important;
  color: var(--em-type-meta-ink) !important;
  font-weight: 500 !important;
}
html:root body.sala #contenido .criterium-mini strong { margin-top: auto; }
.editorial-title-line { display: inline !important; white-space: normal !important; }

/* Títulos creados dinámicamente y piezas editoriales sin etiqueta de encabezado. */
html:root body.sala #contenido :is(.pal-palabra,.ficha-termino) {
  font-size: var(--em-type-block) !important;
  line-height: 1.25 !important;
  min-height: 0 !important;
  height: auto !important;
  overflow-wrap: anywhere;
}
html:root body.sala #contenido :is(.pal-historia,.pal-cx,.pal-metodo p,.reflexion-articulo p,.etapa-cuerpo li,.reto p,.valores dd) {
  font-size: var(--em-type-body) !important;
  line-height: 1.6 !important;
}
html:root body.sala #contenido :is(.pal-forma,.valor dt,.valores dt,.adn-word b,.fuera-titulo,.flow-nombre,.arch-tt) {
  font-size: var(--em-type-item) !important;
  line-height: 1.3 !important;
  min-height: 0 !important;
  height: auto !important;
}
html:root body.sala #contenido :is(.valor-rol,.pal-fuente,.pal-tema,.pal-certeza,.arch-fecha,.arch-angulo,.aprendizaje-fecha,.lab-banner-pie,.caso-etiqueta) {
  font-size: var(--em-type-meta) !important;
  line-height: 1.5 !important;
}
html:root body.sala #contenido .lema-texto {
  font-size: var(--em-type-block) !important;
  line-height: 1.4 !important;
}
html:root body.sala #contenido .esencia-lenguas-fragmentos h4 { font-size: var(--em-type-compact) !important; font-style: italic; }
html:root body.sala #contenido .esencia-raices h3 { margin-top: 0; }
html:root body.sala #contenido .esencia-narrativa-bloque h3 { margin-top: 0; }
html:root body.sala #contenido .esencia-apertura-grid {
  display: grid !important;
  grid-template-columns: minmax(0,700px) minmax(0,480px) !important;
  max-width: 1208px;
  justify-content: start;
  grid-template-areas: "text portrait";
  gap: 28px !important;
  align-items: start !important;
}
html:root body.sala #contenido .esencia-apertura-texto { grid-area: text; display: block !important; min-width: 0; }
html:root body.sala #contenido .esencia-ilustracion { grid-area: portrait; margin: 0 !important; justify-self: start; }
html:root body.sala #contenido .esencia-ilustracion img { max-height: 620px; max-width: 100%; width: auto; height: auto; margin: 0; }
html:root body.sala #contenido .esencia-raices,
html:root body.sala #contenido .esencia-raices > div { display: block !important; grid-template-columns: none !important; }
html:root body.sala #contenido .esencia-apertura-texto .esencia-narrativa-bloque { margin: 0 0 32px !important; }
html:root body.sala #contenido .esencia-raices p { max-width: 65ch !important; width: 100%; }
html:root body.sala #contenido .esencia-lenguas-fragmentos { grid-template-columns: repeat(5,minmax(0,1fr)) !important; }
html:root body.sala #contenido .huella-marca-agua { position: absolute; inset: 0; background: url('../img/huella-pulgar.svg') no-repeat 90% 24%; background-size: min(52vw,650px); opacity: .09; filter: blur(.45px); pointer-events: none; }
html:root body.sala #contenido .valores .subseccion-apertura { margin:0 0 16px !important; }
html:root body.sala #contenido .valores .subseccion-apertura h3 { margin-bottom:0 !important; }
html:root body.sala #contenido .valores dl { margin-top:0 !important; }
html:root body.sala #contenido .anatomia-stage h3 { min-height: 0 !important; }
html:root body.sala #contenido .anatomia-stage .anatomia-stage-intro { min-height: 0 !important; }
html:root body.sala #contenido .arch-carousel-title { font-size: 20px !important; line-height: 1.25 !important; }
html:root body.sala #contenido .arch-carousel-card { height: auto !important; min-height: 260px; }
html:root body.sala #contenido .arch-carousel-more { font-size: var(--em-type-action) !important; letter-spacing: .02em; }
html:root body.sala #contenido .arch-carousel-angle { font-size: var(--em-type-meta) !important; letter-spacing: .04em; }
html:root body.sala #contenido .arch-carousel-body { min-height: 0 !important; }
html:root body.sala #contenido .smart-behind-head { display: block !important; }
html:root body.sala #contenido .flows .em-section-opening h2 { color: #241D18 !important; font-weight: 700 !important; }
html:root body.sala #contenido .flows .em-section-opening p { margin-top: 14px; }
html:root body.sala #contenido .smart-entornos article p { text-wrap: balance; max-width: 58ch; }
html:root body.sala #contenido .smart-work-environment { margin-top: 38px; padding-top: 24px; border-top: 1px solid rgba(117,66,45,.25); }
html:root body.sala #contenido .smart-work-environment p { max-width: 74ch; }
html:root body.sala #contenido .flow-titulo { font-size: var(--em-type-item) !important; line-height: 1.2 !important; }
html:root body.sala #contenido .flow-pregunta { font-size: var(--em-type-body) !important; line-height: 1.5 !important; }
html:root body.sala #contenido .flow-case-subtitle { display: block; font-size: var(--em-type-note); line-height: 1.5; color: #75422D; margin: 6px 0; }
html:root body.sala #contenido .flow-estado { font-size: var(--em-type-meta) !important; line-height: 1.5; }
html:root body.sala #contenido .model-choice-options button { font-size: 16px !important; line-height: 1.4 !important; min-height: 44px; padding: 10px 14px; }
html:root body.sala #contenido .model-choice-steps :is(button,span) { font-size: 16px !important; line-height: 1.4 !important; }
html:root body.sala #contenido .model-choice-steps button { min-height: 44px; }
html:root body.sala #contenido #model-choice .model-choice-snapshot { max-height: 66vh !important; overflow: auto !important; padding: 8px 0 !important; }
html:root body.sala #contenido #model-choice .model-choice-snapshot img { min-width: 1200px !important; max-height: none !important; height: auto !important; }
html:root body.sala #contenido .model-choice-question { scroll-margin-top: calc(66vh + 95px); }
@media(max-width:780px) { html:root body.sala #contenido #model-choice .model-choice-snapshot img { min-width:1508px !important; } }
html:root body.sala #contenido .hemeroteca-destacadas .arch-carousel { width: 70% !important; max-width: 1100px !important; }
html:root body.sala #contenido .hemeroteca-destacadas .arch-carousel-visual { height: 180px !important; flex-basis: 180px !important; }
html:root body.sala #contenido .hemeroteca-destacadas .arch-carousel-cover-title { font-size: 20px !important; line-height: 1.2 !important; }
html:root body.sala #contenido .hemeroteca-destacadas .arch-carousel-brand { font-size: 11px !important; letter-spacing: .04em !important; }
html:root body.sala #contenido .hemeroteca-destacadas .arch-carousel-body { padding: 16px !important; gap: 8px !important; }
@media (max-width:1100px) { html:root body.sala #contenido .hemeroteca-destacadas .arch-carousel { width:100% !important; } }

@media (min-width: 1600px) {
  :root { --em-type-page:64px!important; --em-type-section:40px!important; --em-type-block:34px!important; --em-type-item:28px!important; --em-type-body:28px!important; --em-type-compact:26px!important; --em-type-subtitle:26px!important; --em-type-note:22px!important; --em-type-meta:18px!important; --em-type-action:18px!important; --emv-page-width:1760px!important; }
}
@media (max-width: 780px) {
  :root {
    --em-type-page: 40px !important;
    --em-type-section: 30px !important;
    --em-type-block: 26px !important;
    --em-type-item: 23px !important;
    --em-type-compact: 22px !important;
    --em-type-subtitle: 20px !important;
    --em-type-body:20px!important;
    --em-type-note:18px!important;
    --em-type-meta:15px!important;
    --em-type-action:16px!important;
  }
  html:root body.sala #contenido .criterium-heading { margin-bottom: 32px !important; }
  html:root body.sala #contenido .criterium-feature-copy { padding: 24px !important; }
  html:root body.sala #contenido .em-section-opening { margin-bottom: 26px; }
  html:root body.sala #contenido .subseccion-apertura { margin-bottom: 26px !important; }
  html:root body.sala #contenido .esencia-apertura-grid { grid-template-columns: 1fr !important; grid-template-areas: "text" "portrait"; gap: 28px !important; }
  html:root body.sala #contenido .esencia-ilustracion { justify-self: center; }
  html:root body.sala #contenido .esencia-ilustracion img { max-height: 380px; }
  html:root body.sala #contenido .esencia-lenguas-fragmentos { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
}

}
/* Compact closing invitation and complete personal values. */
@layer em-typography {
  .fuera .fuera-lista li {display:flex!important; flex-direction:column!important; grid-row:auto!important; gap:10px!important;}
  .fuera .fuera-titulo {font-size:18px!important; font-weight:700!important; line-height:1.25!important; letter-spacing:.035em!important; color:#2D241E!important;}
  .fuera .fuera-descripcion {margin:0!important; line-height:1.45!important;}
  .fuera .mirada-musica {margin:4px 0 0!important;}
  .fuera .music-toggle {font-size:14px!important; letter-spacing:.05em!important;}
  .cafe-cierre-compacto {padding:34px 0!important;}
  .cafe-cierre-compacto .cafe-encuesta-layout {width:calc(100% - 96px)!important; max-width:1400px!important; display:grid!important; grid-template-columns:minmax(260px,.85fr) 185px minmax(300px,1fr)!important; gap:32px!important; align-items:center!important;}
  .cafe-pausa-compacta {display:grid; grid-template-columns:110px minmax(0,1fr); gap:20px; align-items:center;}
  .cafe-pausa-compacta .cafe-taza {grid-column:auto!important; width:110px!important; margin:0!important;}
  .cafe-pausa-compacta .cafe-firma {grid-column:auto!important; text-align:left!important; font-size:var(--em-type-note)!important; margin:0!important; max-width:28ch!important; line-height:1.5!important;}
  .cafe-cierre-compacto .cafe-encuesta-copy h2 {margin:0 0 12px!important; text-align:left!important;}
  .cafe-cierre-compacto .cafe-encuesta-copy p {margin:8px 0!important; text-align:left!important; line-height:1.4!important;}
  .cafe-cierre-compacto .cafe-encuesta-phone {width:185px!important; margin:0!important; border-width:5px!important; border-radius:24px!important; transform:rotate(2deg);}
  .cafe-cierre-compacto .cafe-encuesta-phone-screen {border-radius:18px!important; min-height:260px!important;}
  .cafe-cierre-compacto .cafe-encuesta-phone-label {font-size:20px!important; margin:0 8px 8px!important;}
  .cafe-cierre-compacto .cafe-encuesta-phone-button {font-size:12px!important; letter-spacing:.03em!important; padding:9px 7px!important; margin:0 8px 9px!important;}
  @media(max-width:1100px){
    .cafe-cierre-compacto .cafe-encuesta-layout {grid-template-columns:minmax(0,.85fr) 160px minmax(0,1fr)!important; gap:24px!important;}
    .cafe-pausa-compacta {grid-template-columns:1fr; gap:12px;}
    .cafe-cierre-compacto .cafe-encuesta-phone {width:160px!important;}
  }
  @media(max-width:780px){
    .cafe-cierre-compacto .cafe-encuesta-layout {width:calc(100% - 32px)!important; grid-template-columns:140px minmax(0,1fr)!important; gap:28px 18px!important; text-align:left!important;}
    .cafe-pausa-compacta {grid-column:1/-1; grid-template-columns:80px minmax(0,1fr); gap:18px;}
    .cafe-pausa-compacta .cafe-taza {width:80px!important;}
    .cafe-pausa-compacta .cafe-firma {max-width:none!important;}
    .cafe-cierre-compacto .cafe-encuesta-phone {width:140px!important;}
    .cafe-cierre-compacto .cafe-encuesta-phone-screen {min-height:220px!important;}
    .cafe-cierre-compacto .cafe-encuesta-phone-label {font-size:17px!important;}
    .cafe-cierre-compacto .cafe-encuesta-phone-button {font-size:11px!important;}
  }
}
@layer em-typography {
  body.sala main#contenido #model-choice .model-choice-stage {display:grid!important;grid-template-columns:minmax(0,1.9fr) minmax(300px,1fr)!important;gap:32px!important;align-items:start!important;scroll-margin-top:90px!important;}
  body.sala main#contenido #model-choice .model-choice-stage .model-choice-snapshot {position:static!important;top:auto!important;max-height:430px!important;max-width:100%!important;margin:0!important;overflow:auto!important;}
  body.sala main#contenido #model-choice .model-choice-stage .model-choice-exercise {min-width:0!important;margin:0!important;}
  body.sala main#contenido #model-choice .model-choice-stage .model-choice-question {margin:0!important;scroll-margin-top:90px!important;}
  body.sala main#contenido #model-choice .model-choice-stage .model-choice-options {display:grid!important;gap:8px!important;}
  body.sala main#contenido #model-choice .model-choice-stage .model-choice-steps {gap:12px!important;}
  @media(max-width:900px){
    body.sala main#contenido #model-choice .model-choice-stage {grid-template-columns:minmax(0,1fr)!important;gap:22px!important;scroll-margin-top:74px!important;}
    body.sala main#contenido #model-choice .model-choice-stage .model-choice-snapshot {max-height:min(32vh,270px)!important;}
    body.sala main#contenido #model-choice .model-choice-stage .model-choice-snapshot img {min-width:1508px!important;}
    body.sala main#contenido #model-choice .model-choice-stage .model-choice-question h4 {margin-top:0!important;}
  }
}

@layer em-typography {
html:root body.sala #contenido :is(.subnav,.subnav-v) a:is([aria-current="page"],:hover,:focus-visible) .subnav-num {color:#FBF3E6!important;-webkit-text-fill-color:#FBF3E6!important;background:none!important;}
.esencia-idiomas .esencia-idioma-nivel {margin:8px 0 0!important;line-height:1.35!important;color:#5C483B!important;}
}

@layer em-typography {
html:root body.sala #contenido .brujula-contexto-horizontal {display:block!important;}
html:root body.sala #contenido .brujula-inspiraciones {margin:26px 0 0!important;max-width:76ch!important;}
html:root body.sala #contenido .brujula-inspiraciones h3 {text-align:left!important;margin:0 0 16px!important;}
.smart-anatomia-link {margin:20px 0 32px!important;}
.smart-anatomia-link a {font-size:16px!important;min-height:44px!important;}

/* Un mismo eje y apertura para las tres partes de Mi mirada. */
html:root body.sala[data-seccion="mirada"] #contenido .lateral-texto {row-gap:32px!important;}
html:root body.sala[data-seccion="mirada"] #contenido .lateral-texto>.subseccion-apertura {margin-bottom:0!important;}
html:root body.sala[data-seccion="mirada"] #contenido .lateral-texto>.subseccion-apertura h2 {margin-bottom:0!important;}
html:root body.sala[data-seccion="mirada"] #contenido .lateral-texto>.valores-sociales {border-top:0!important;padding-top:0!important;}
html:root body.sala[data-seccion="mirada"] #contenido .esencia-reticula>.subseccion-apertura {padding-top:0!important;}
html:root body.sala[data-seccion="mirada"] #contenido .testimonio-inner {padding-top:48px!important;}
html:root body.sala[data-seccion="mirada"] #contenido .subseccion-apertura>[data-em-type="section"] {font-family:'Newsreader',Georgia,serif!important;font-weight:400!important;letter-spacing:0!important;text-transform:none!important;color:#8A4B2C!important;}
@media(max-width:780px){
 html:root body.sala[data-seccion="mirada"] #contenido .esencia-relato {padding-top:32px!important;}
 html:root body.sala[data-seccion="mirada"] #contenido .lectura-inner,
 html:root body.sala[data-seccion="mirada"] #contenido .testimonio-inner {padding-top:32px!important;}
}

html:root body.sala #contenido .taller-descriptive-opening {display:block!important;grid-template-columns:none!important;background:none!important;border:0!important;padding:0!important;margin:0 0 32px!important;}
html:root body.sala #contenido .taller-descriptive-opening p {font-family:'Newsreader',Georgia,serif!important;font-size:var(--em-type-compact)!important;line-height:1.55!important;font-weight:400!important;max-width:76ch;margin:0!important;color:#75422D!important;}

/* AnatomIA: cobre luminoso y texto oscuro para mantener la lectura. */
html:root body.sala #contenido .anatomia-cta {background-color:#CB8A65!important;background-image:linear-gradient(180deg,rgba(255,246,230,.45),rgba(255,240,225,.06) 52%,rgba(94,42,20,.12)),url('../img/cobre-boton.jpg')!important;background-size:cover!important;color:#352014!important;font:600 15px/1.35 'Hanken Grotesk',Arial,sans-serif!important;letter-spacing:.055em!important;min-height:48px!important;padding:13px 24px!important;border:1px solid #AA6948!important;box-shadow:inset 0 2px 0 rgba(255,243,223,.8),0 2px 0 #945534,0 6px 12px rgba(78,44,24,.17)!important;text-decoration:none!important;}
html:root body.sala #contenido .anatomia-cta:hover {filter:brightness(1.08);}
html:root body.sala #contenido .anatomia-cta:focus-visible {outline:2px solid #75422D;outline-offset:5px;}
html:root body.sala #contenido .aprendizaje-anatomia h3 {border-top:0!important;padding-top:0!important;color:#4B2D20!important;font-size:44px!important;}
html:root body.sala #contenido .anatomia-copper-word {background:linear-gradient(145deg,#693721 8%,#C68256 25%,#F4D4AE 40%,#A15B35 60%,#D79C73 78%,#754020)!important;background-clip:text!important;-webkit-background-clip:text!important;color:transparent!important;}
html:root body.sala #contenido .article-publication-date {font:500 14px/1.5 'Hanken Grotesk',Arial,sans-serif!important;color:#F4DECB!important;letter-spacing:.04em;margin:14px 0 0!important;}
html:root body.sala #contenido .article-publication-date--body {color:#75422D!important;margin:0 0 24px!important;}
html:root body.sala #contenido .article-card-date {display:block!important;font:500 13px/1.5 'Hanken Grotesk',Arial,sans-serif!important;color:#75422D!important;letter-spacing:.025em;margin:7px 0 10px!important;}

/* Esencia: historia y retrato, con los lugares en segundo plano. */
html:root body.sala #contenido .esencia-apertura-grid {grid-template-columns:minmax(0,.54fr) minmax(0,.46fr)!important;grid-template-areas:"text portrait" "places portrait"!important;width:100%!important;max-width:none!important;gap:24px 44px!important;align-items:start!important;margin-bottom:0!important;}
html:root body.sala #contenido .esencia-apertura-texto .esencia-narrativa-bloque {margin:0!important;}
html:root body.sala #contenido .esencia-raices p+p {margin-top:14px!important;}
html:root body.sala #contenido .esencia-ilustracion {justify-self:stretch!important;align-self:start!important;background:transparent;}
html:root body.sala #contenido .esencia-ilustracion img {width:100%!important;max-width:600px!important;max-height:none!important;height:auto!important;margin:0 auto!important;}
html:root body.sala #contenido .esencia-apertura-grid>.esencia-places {grid-area:places;width:min(100%,420px)!important;margin:0!important;}
html:root body.sala #contenido .esencia-place-caption {font:400 14px/1.5 'Newsreader',Georgia,serif!important;}
html:root body.sala #contenido .esencia-reticula>.esencia-idiomas {margin:40px 0 36px!important;padding-top:24px!important;}
html:root body.sala #contenido .esencia-cierre-grid {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:36px!important;align-items:start!important;}
html:root body.sala #contenido .esencia-cierre-grid>.esencia-narrativa-bloque {border-top:1px solid rgba(163,101,73,.35)!important;padding-top:24px!important;margin:0!important;}
@media(min-width:701px) and (max-width:1000px){
 html:root body.sala #contenido .esencia-apertura-grid {grid-template-columns:minmax(0,.54fr) minmax(0,.46fr)!important;grid-template-areas:"text portrait" "places portrait"!important;gap:24px!important;}
 html:root body.sala #contenido .esencia-ilustracion {justify-self:stretch!important;}
 html:root body.sala #contenido .esencia-lenguas-fragmentos {grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:14px!important;}
}
@media(max-width:700px){
 html:root body.sala #contenido .esencia-apertura-grid {grid-template-columns:1fr!important;grid-template-areas:"text" "portrait" "places"!important;gap:24px!important;}
 html:root body.sala #contenido .esencia-ilustracion img {max-width:420px!important;}
 html:root body.sala #contenido .esencia-apertura-grid>.esencia-places {width:min(100%,360px)!important;}
 html:root body.sala #contenido .esencia-reticula>.esencia-idiomas {margin:30px 0 28px!important;}
 html:root body.sala #contenido .esencia-cierre-grid {grid-template-columns:1fr!important;gap:28px!important;}
}

html:root body.sala #contenido .adn-presentacion-copy .fuera-intro+.fuera-intro {margin-top:16px!important;}
html:root body.sala #contenido .pal-editorial-intro {display:block!important;width:100%!important;max-width:none!important;border:0!important;background:none!important;box-shadow:none!important;padding:0!important;margin:0 0 28px!important;}
html:root body.sala #contenido .pal-editorial-intro .fuera-intro {max-width:none!important;margin:0!important;}
html:root body.sala #contenido .pal-editorial-intro .fuera-intro+.fuera-intro {margin-top:12px!important;}
html:root body.sala #contenido #t-palabras {margin:0 0 20px!important;}

html:root body.sala #contenido .aprendizaje-acordeon>summary {background:#F3ECE0!important;border-left:3px solid #AB7354;padding:20px 24px!important;min-height:76px!important;}
html:root body.sala #contenido .aprendizaje-acordeon>summary h3 {font:600 28px/1.25 'Newsreader',Georgia,serif!important;color:#4B3325!important;letter-spacing:0!important;text-transform:none!important;}
html:root body.sala #contenido .aprendizaje-acordeon[open]>summary {background:#F8F3EA!important;}
html:root body.sala #contenido .criterium-heading .criterium-sub {margin:0!important;}
@media(max-width:700px){html:root body.sala #contenido .aprendizaje-acordeon>summary {padding:18px 20px!important;}html:root body.sala #contenido .aprendizaje-acordeon>summary h3 {font-size:24px!important;}}

/* Más legibilidad y aperturas compactas en toda la web. */
html:root body .aviso-ia {font-size:13px!important;font-weight:400!important;letter-spacing:.015em!important;line-height:1.45!important;}
html:root body .atelier-privacy {max-width:960px!important;font-size:var(--em-type-body)!important;line-height:1.55!important;}
html:root body .atelier-privacy [data-em-type="body"] {font-size:var(--em-type-body)!important;}
html:root body .atelier-privacy [data-em-type="page"] {font:400 var(--em-type-page)/1.15 'Newsreader',Georgia,serif!important;}
html:root body .atelier-privacy [data-em-type="block"] {font:500 var(--em-type-block)/1.25 'Newsreader',Georgia,serif!important;}
html:root body.sala #contenido .anatomia-cta {white-space:normal!important;max-width:100%!important;text-align:center;}
html:root body.sala #contenido .music-toggle .music-label {font-size:var(--em-type-action)!important;}
html:root body.sala :is(.btn:not(.c-saltar),.btn-menu,.barra-boton) {font-size:var(--em-type-action)!important;}
html:root body.sala .btn:not(.c-saltar) {white-space:normal!important;max-width:100%!important;text-align:center;letter-spacing:.06em!important;}
html:root body.sala #contenido .formacion-principal-fecha {font-size:var(--em-type-meta)!important;white-space:normal!important;max-width:100%!important;overflow-wrap:anywhere;}
html:root body.sala #contenido .formacion-principal-fecha .formacion-vitalicio {display:block;white-space:normal;}
html:root body.sala {--emv-section-gap:32px;}
html:root body.sala .lectura-inner {padding-top:28px!important;padding-bottom:40px!important;gap:32px!important;}
html:root body.sala #contenido .sala-hero-inner {padding-bottom:24px!important;}
html:root body.sala #contenido .subnav-v {padding-bottom:18px!important;gap:8px 28px!important;}
html:root body.sala #contenido .subnav-v .subnav-titulo {font-size:22px!important;}
html:root body.sala #contenido .subnav-v .subnav-num {font-size:15px!important;}
html:root body.sala #contenido .esencia-relato {padding-top:28px!important;}
html:root body.sala #contenido .testimonio-inner {padding-top:28px!important;}
html:root body.sala #contenido .esencia-apertura-grid {grid-template-rows:min-content minmax(0,1fr)!important;}
html:root body.sala #contenido .esencia-place-caption,
html:root body.sala #contenido .esencia-place-controls button {font-size:var(--em-type-meta)!important;}
html:root body.sala #contenido .reflexion-articulo {max-width:960px!important;}
html:root body.sala #contenido .criterium-heading {margin-bottom:28px!important;}
html:root body.sala #contenido .taller-descriptive-opening {margin-bottom:24px!important;}
html:root body.sala #contenido .capitulos-apertura--vertical {grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)!important;width:100%!important;max-width:none!important;align-items:start!important;gap:36px!important;margin-top:24px!important;margin-bottom:32px!important;}
html:root body.sala #contenido .capitulos-apertura--vertical .capitulos-entrada {max-width:65ch!important;padding:0!important;}
html:root body.sala #contenido .capitulos-foto--vertical {max-width:540px!important;align-self:start!important;justify-self:center!important;margin:0!important;}
html:root body.sala #contenido .cifras-cobre .cifra-texto {font-size:var(--em-type-note)!important;}
html:root body.sala #contenido .aprendizaje-acordeon>summary h3 {font-size:var(--em-type-block)!important;}
html:root body.sala #contenido .anatomia-entry--compact p {font-size:var(--em-type-note)!important;}
html:root body.sala #contenido .anatomia-cta {font-size:var(--em-type-action)!important;}
html:root body.sala #contenido p.criterium-firma {font:400 16px/1.5 'Hanken Grotesk',Arial,sans-serif!important;}
html:root body.sala #contenido p.article-publication-date--end {font:400 13px/1.5 'Hanken Grotesk',Arial,sans-serif!important;color:#6F6256!important;letter-spacing:.015em!important;margin:6px 0 0!important;}
html:root body.sala #contenido :is(.atelier-news-note,.atelier-news-consent) {font-size:var(--em-type-note)!important;}
html:root body.sala #contenido :is(.atelier-news-provider,.atelier-news .entry__label) {font-size:var(--em-type-meta)!important;}
html:root body.sala #contenido :is(.pal-campo,.pal-azar,.pal-tema-btn) {font-size:var(--em-type-note)!important;}
html:root body.sala #contenido .hemeroteca-destacadas .arch-carousel-cover-title {font-size:var(--em-type-item)!important;}
html:root body.pagina-inicio .hero-parrafo {font-size:var(--em-type-body)!important;line-height:1.5!important;max-width:740px!important;}
html:root body.pagina-inicio .hero-texto {max-width:780px!important;}
html:root body.pagina-inicio .hero-frase {font-size:clamp(30px,2.4vw,46px)!important;}
html:root body.pagina-inicio :is(.hero-texto .eyebrow,.hero .ver-intro) {font-size:var(--em-type-meta)!important;}
html:root body.sala .cabecera-menu a {font-size:18px!important;letter-spacing:.08em!important;}
html:root body.sala .idiomas a {font-size:16px!important;}
html:root body.sala #contenido :is(.enlace-subrayado,.enlace-flecha,.volver,.siguiente-eyebrow) {font-size:var(--em-type-action)!important;}
@media(min-width:781px) and (max-width:1100px){:root{--em-type-body:22px!important;--em-type-note:19px!important;--em-type-section:32px!important;--em-type-block:28px!important;--em-type-item:24px!important;--em-type-subtitle:22px!important;}}
@media(min-width:781px){html:root body.pagina-inicio .hero-contenido {width:52%!important;max-width:none!important;padding-top:96px!important;padding-bottom:28px!important;}}
@media(max-width:780px){
 html:root body.sala .lectura-inner {padding-top:24px!important;gap:26px!important;}
 html:root body.sala #contenido .subnav-v {gap:4px 16px!important;padding-bottom:14px!important;}
 html:root body.sala #contenido .subnav-v .subnav-titulo {font-size:18px!important;}
 html:root body.sala #contenido .subnav-v .subnav-num {font-size:14px!important;}
 html:root body.sala #contenido .capitulos-apertura--vertical {grid-template-columns:1fr!important;gap:24px!important;margin-top:20px!important;}
 html:root body.sala #contenido .capitulos-foto--vertical {max-width:380px!important;}
 html:root body.pagina-inicio .hero-parrafo {max-width:100%!important;}
}
@media(max-width:700px){html:root body.sala #contenido .esencia-apertura-grid {grid-template-rows:auto auto auto!important;}}
}
