/* Approved desktop reading scale for Home and Atelier. */
@layer mobile-review-important {
 @media(min-width:1101px) {
  html:root body.sala.atelier-compact #contenido .sala-titulo {
   font-size:52px !important; line-height:1.12 !important;
  }
  html:root body.sala.atelier-compact #contenido .atelier-review-section > h2 {
   font-size:28px !important; line-height:1.25 !important; font-weight:400 !important;
  }
  html:root body.sala.atelier-compact #contenido .atelier-experiment-heading h3 {
   font-size:26px !important; line-height:1.2 !important; font-weight:400 !important;
  }
  html:root body.sala.atelier-compact #contenido .atelier-experiment-heading {
   min-height:64px !important;
  }
  html:root body.sala.atelier-compact #contenido .atelier-experiment-description,
  html:root body.sala.atelier-compact #contenido .atelier-project-link {
   font-size:20px !important; line-height:1.5 !important; font-weight:400 !important;
  }
  html:root body.sala.atelier-compact #contenido .atelier-project-kind {
   font-size:15px !important; line-height:1.4 !important;
  }
  html:root body.sala.atelier-compact #contenido .atelier-learning-title > span:first-child {
   font-size:22px !important; line-height:1.35 !important;
  }
  html:root body.sala.atelier-compact #contenido .atelier-learning-section > p,
  html:root body.sala.atelier-compact #contenido .atelier-learning-description {
   font-size:20px !important; line-height:1.5 !important;
  }
  html:root body.pagina-inicio .hero-texto .hero-parrafo {
   font-size:clamp(19px,1.1vw,21px) !important;
   line-height:1.4 !important;
   text-wrap:balance !important;
   width:clamp(660px,44vw,820px) !important;
  }
 }
 @media(min-width:1101px) and (max-height:650px) {
  html:root body.pagina-inicio .hero-texto .hero-parrafo {font-size:17.5px !important;}
 }
}

/* Approved mobile Atelier reading scale. */
@layer mobile-review-important {
 @media(max-width:780px) {
  html:root body.sala.atelier-compact #contenido .sala-hero-inner {
   grid-template-columns:32px minmax(0,1fr) !important;
   column-gap:12px !important;
   row-gap:10px !important;
  }
  html:root body.sala.atelier-compact #contenido .sala-eyebrow .medalla {
   width:32px !important;
   height:32px !important;
  }
  html:root body.sala.atelier-compact #contenido .sala-titulo {
   font-size:32px !important;
   line-height:1.15 !important;
  }
  html:root body.sala.atelier-compact #contenido .sala-hero-inner .sala-intro {
   grid-column:1 / -1 !important;
   width:100% !important;
   max-width:none !important;
  }
  html:root body.sala.atelier-compact #contenido .atelier-review-section > h2 {
   font-size:24px !important;
   line-height:1.25 !important;
   font-weight:400 !important;
  }
  html:root body.sala.atelier-compact #contenido .atelier-experiment-heading h3 {
   font-size:22px !important;
   line-height:1.25 !important;
  }
  html:root body.sala.atelier-compact #contenido .atelier-experiment-heading {
   min-height:55px !important;
   gap:12px !important;
  }
  html:root body.sala.atelier-compact #contenido .atelier-experiment-heading .atelier-experiment-visual {
   flex:0 0 40px !important;
   width:40px !important;
   height:40px !important;
  }
  html:root body.sala.atelier-compact #contenido .atelier-experiment-heading svg {
   width:32px !important;
   height:32px !important;
  }
  html:root body.sala.atelier-compact #contenido .atelier-experiment-description,
  html:root body.sala.atelier-compact #contenido .atelier-project-link {
   font-size:18px !important;
   line-height:1.5 !important;
  }
  html:root body.sala.atelier-compact #contenido .atelier-project-kind {
   font-size:14px !important;
   line-height:1.4 !important;
  }
  html:root body.sala.atelier-compact #contenido .atelier-learning-title > span:first-child {
   font-size:20px !important;
   line-height:1.3 !important;
  }
  html:root body.sala.atelier-compact #contenido .atelier-learning-section > p,
  html:root body.sala.atelier-compact #contenido .atelier-learning-description {
   font-size:18px !important;
   line-height:1.5 !important;
  }
 }
}

/* Reduce only the desktop gap between first name and surnames. */
@layer mobile-review-important {
 @media(min-width:1101px) {
  html:root body.pagina-inicio .hero-apellidos {margin-top:clamp(2px,.3vh,4px) !important;}
 }
}