/* Approved reading scale and practice cards. */
html:root body.sala {
  --em-type-page:52px !important;
  --em-type-section:32px !important;
  --em-type-block:28px !important;
  --em-type-item:26px !important;
  --em-type-compact:23px !important;
  --em-type-subtitle:22px !important;
  --em-type-body:22px !important;
  --em-type-note:20px !important;
}
@media(min-width:1600px) {
  html:root body.sala {
    --em-type-page:56px !important;
    --em-type-section:34px !important;
    --em-type-block:30px !important;
    --em-type-item:28px !important;
    --em-type-subtitle:24px !important;
    --em-type-body:24px !important;
    --em-type-note:21px !important;
  }
}
@media(max-width:780px) {
  html:root body.sala {
    --em-type-page:38px !important;
    --em-type-section:28px !important;
    --em-type-block:26px !important;
    --em-type-item:24px !important;
    --em-type-compact:22px !important;
    --em-type-subtitle:20px !important;
    --em-type-body:20px !important;
    --em-type-note:18px !important;
  }
}
body.taller-flows-editorial #contenido .lectura-inner { width:90%; max-width:1760px; box-sizing:border-box; }
body.taller-flows-editorial #contenido .flows-lista {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
  align-items:start;
  width:100%;
  max-width:none;
  margin:24px 0 0;
}
body.taller-flows-editorial #contenido .flows-lista > .flow {
  min-width:0;
  width:100%;
  margin:0;
  border:1px solid rgba(138,75,44,.28);
  border-radius:3px;
  background:#d8bfa9;
  box-sizing:border-box;
}
body.taller-flows-editorial #contenido .flows-lista > .flow > .flow-cabecera {
  display:grid;
  grid-template-columns:32px minmax(0,1fr);
  grid-template-areas:'number copy' '. state' '. toggle';
  align-items:start;
  align-content:start;
  justify-content:stretch;
  gap:14px 14px;
  padding:26px;
  min-height:250px;
  box-sizing:border-box;
}
body.taller-flows-editorial #contenido .flow-num { grid-area:number; font-size:24px; }
body.taller-flows-editorial #contenido .flow-textos { grid-area:copy; min-width:0; display:grid; gap:12px; }
body.taller-flows-editorial #contenido .flow-estado { grid-area:state; justify-self:start; max-width:100%; font-size:12px; white-space:normal; }
body.taller-flows-editorial #contenido .practice-card-action { grid-area:toggle; display:flex; align-items:center; gap:12px; color:#8a4b2c; font-size:16px; line-height:1.3; min-height:36px; }
body.taller-flows-editorial #contenido .practice-card-action .flow-abrir { position:relative; width:22px; height:22px; flex:0 0 22px; grid-area:auto; }
body.taller-flows-editorial #contenido .practice-card-close { display:none; }
body.taller-flows-editorial #contenido .flow[open] { grid-column:1/-1; }
body.taller-flows-editorial #contenido .flow[open] > .flow-cabecera { min-height:0; }
body.taller-flows-editorial #contenido .flow[open] .practice-card-open { display:none; }
body.taller-flows-editorial #contenido .flow[open] .practice-card-close { display:inline; }
body.taller-flows-editorial #contenido .flow-cuerpo { padding:20px 28px 32px; }
body.taller-flows-editorial #contenido .flow-cabecera:focus-visible { outline:2px solid #8a4b2c; outline-offset:4px; }
/* The first important layer is shared with the existing typography rules. */
@layer mobile-review-important {
  html:root body.sala #contenido .criterium-mini :is(b,h3) { font-size:26px !important; }
  html:root body.sala #contenido .criterium-mini em { font-size:22px !important; }
  html:root body.sala #contenido .criterium-mini small { font-size:15px !important; }
  html:root body.sala #contenido .criterium-mini strong { font-size:17px !important; }
  html:root body.sala #contenido .criterium-feature-copy h3 { font-size:32px !important; }
  html:root body.sala #contenido .criterium-feature-copy p:not(.etiqueta) { font-size:22px !important; }
  html:root body.sala #contenido .criterium-feature-copy .criterium-button { font-size:17px !important; }
  @media(min-width:1600px) {
    html:root body.sala #contenido .criterium-mini :is(b,h3) { font-size:28px !important; }
    html:root body.sala #contenido .criterium-mini em { font-size:24px !important; }
    html:root body.sala #contenido .criterium-feature-copy h3 { font-size:36px !important; }
    html:root body.sala #contenido .criterium-feature-copy p:not(.etiqueta) { font-size:24px !important; }
  }
  @media(max-width:780px) {
    html:root body.sala #contenido .criterium-mini :is(b,h3) { font-size:24px !important; }
    html:root body.sala #contenido .criterium-mini em { font-size:20px !important; }
    html:root body.sala #contenido .criterium-feature-copy h3 { font-size:28px !important; }
    html:root body.sala #contenido .criterium-feature-copy p:not(.etiqueta) { font-size:20px !important; }
  }
}
@media(max-width:1099px) {
  body.taller-flows-editorial #contenido .flows-lista { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:700px) {
  body.taller-flows-editorial #contenido .flows-lista { grid-template-columns:minmax(0,1fr); gap:18px; }
  body.taller-flows-editorial #contenido .flows-lista > .flow > .flow-cabecera { padding:22px 18px; min-height:0; }
  body.taller-flows-editorial #contenido .flow-cuerpo { padding:16px 18px 24px; }
}

body.taller-flows-editorial #contenido .smart-authorship-heading {
  padding-top:4px;
  padding-bottom:16px;
  border-bottom:1px solid rgba(138,75,44,.28);
  max-width:none;
}
@media(min-width:1100px) {
  body.taller-flows-editorial #contenido .smart-authorship-grid {
    gap:0;
  }
  body.taller-flows-editorial #contenido .smart-authorship-grid > .smart-authorship {
    padding-inline:clamp(20px,2vw,36px);
    box-sizing:border-box;
  }
  body.taller-flows-editorial #contenido .smart-authorship-grid > .smart-authorship:first-child {
    padding-left:0;
  }
  body.taller-flows-editorial #contenido .smart-authorship-grid > .smart-authorship:last-child {
    padding-right:0;
  }
  body.taller-flows-editorial #contenido .smart-authorship-grid > .smart-authorship + .smart-authorship {
    border-left:1px solid rgba(138,75,44,.28);
  }
  body.taller-flows-editorial #contenido .smart-authorship p {
    text-align:justify;
    text-align-last:start;
    hyphens:auto;
    overflow-wrap:break-word;
  }
}
@media(max-width:1099px) {
  body.taller-flows-editorial #contenido .smart-authorship-grid > .smart-authorship + .smart-authorship {
    padding-top:24px;
    border-top:1px solid rgba(138,75,44,.28);
  }
  body.taller-flows-editorial #contenido .smart-authorship p {
    text-align:start;
  }
}