/* Four materials in the approved relief style. Added chocolate uses an existing Atelier tone. */
@layer mobile-review-important{
 html:root body[data-project-identity][data-making-of] #contenido .making-palette{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;}
 html:root body[data-project-identity][data-making-of] #contenido .making-palette>div{padding:22px!important;min-height:224px!important;justify-content:flex-start!important;}
 html:root body[data-project-identity][data-making-of] #contenido .making-palette>div:has(.material-chocolate){color:#F6EEE4!important;background-color:#60493E!important;background-image:linear-gradient(145deg,#60493E,#60493Ed9),url('/assets/img/metal-topo.jpg')!important;background-blend-mode:normal!important;}
 html:root body[data-project-identity][data-making-of] #contenido .making-palette h3{font-size:27px!important;min-height:2.4em!important;}
 html:root body[data-project-identity][data-making-of] #contenido .making-palette p{font-size:20px!important;min-height:2.8em!important;}
 html:root body[data-project-identity][data-making-of] #contenido .making-palette .material-code{margin-top:auto!important;}
 html:root body[data-project-identity][data-making-of] #contenido .palette-sensory>img{object-position:50% 58%!important;}
 @media(max-width:1100px){html:root body[data-project-identity][data-making-of] #contenido .making-palette{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
 @media(max-width:600px){
  html:root body[data-project-identity][data-making-of] #contenido .making-palette{gap:12px!important;}
  html:root body[data-project-identity][data-making-of] #contenido .making-palette>div{min-height:196px!important;padding:16px 12px!important;}
  html:root body[data-project-identity][data-making-of] #contenido .making-palette h3{font-size:23px!important;}
  html:root body[data-project-identity][data-making-of] #contenido .making-palette p{font-size:18px!important;line-height:1.35!important;}
  html:root body[data-project-identity][data-making-of] #contenido .making-palette .material-code{font-size:11px!important;letter-spacing:0!important;margin-top:12px!important;}
 }
 @media(max-width:350px){
  html:root body[data-project-identity][data-making-of] #contenido .making-palette h3{font-size:21px!important;}
  html:root body[data-project-identity][data-making-of] #contenido .making-palette p{font-size:17px!important;}
 }
}