@font-face{font-family:Allura;src:url('../fonts/allura-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@layer mobile-review-important{
 html:root body[data-project-identity]{--project-header-height:158px;--project-copper-light:#E7AD84}
 html:root body[data-project-identity] .project-wordmark,html:root body[data-project-identity] .project-wordmark:hover{display:flex!important;align-items:center!important;justify-content:center!important;gap:22px!important;width:fit-content!important;max-width:calc(100% - 40px)!important;margin:4px auto 8px!important;font:400 48px/1.3 Allura,cursive!important;letter-spacing:0!important;text-transform:none!important;color:var(--project-copper-light)!important;text-shadow:0 1px 1px rgba(55,32,20,.15)!important;white-space:nowrap!important;text-decoration:none!important;cursor:default!important;transition:none!important;opacity:1!important;pointer-events:none!important}
 html:root body[data-project-identity] .project-wordmark::before,html:root body[data-project-identity] .project-wordmark::after{content:''!important;display:block!important;width:46px!important;flex:0 0 46px!important;height:1px!important;background:#D29B76!important;opacity:.8!important}
 html:root body[data-project-identity] .cabecera{height:auto!important;min-height:0!important;padding-top:8px!important;padding-bottom:12px!important;background-color:#725647!important;background-image:url('../img/metal-topo.jpg')!important;background-size:1024px!important}
 html:root body[data-project-identity] .cabecera .cabecera-inner{height:auto!important;min-height:64px!important;max-width:1200px!important;width:calc(100% - 48px)!important;padding-inline:0!important;margin-inline:auto!important}
 html:root body[data-project-identity] .cabecera .cabecera-menu a{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;max-width:110px!important;white-space:normal!important;line-height:1.45!important}
 html:root body[data-project-identity] .cabecera .site-nav-prefix,html:root body[data-project-identity] .cabecera .site-nav-name{display:block!important}
 html:root body.sala[data-project-identity]:is([data-atelier-portal],[data-story-chapters],[data-chronicles-portrait],[data-making-of]) #contenido .sala-hero h1[data-em-type="page"]{font-size:52px!important;line-height:1.08!important;font-weight:400!important}
 @media(min-width:1600px){html:root body.sala[data-project-identity]:is([data-atelier-portal],[data-story-chapters],[data-chronicles-portrait],[data-making-of]) #contenido .sala-hero h1[data-em-type="page"]{font-size:56px!important}}
 @media(max-width:780px){html:root body.sala[data-project-identity]:is([data-atelier-portal],[data-story-chapters],[data-chronicles-portrait],[data-making-of]) #contenido .sala-hero h1[data-em-type="page"]{font-size:38px!important}}
 @media(min-width:1101px){
  html:root body[data-project-identity] .cabecera .cabecera-inner{display:grid!important;grid-template-areas:"signature menu cafe languages"!important;grid-template-columns:52px max-content max-content minmax(0,1fr)!important;gap:18px!important}
  html:root body[data-project-identity] .cabecera .cabecera-menu{grid-area:menu!important;justify-self:start!important;justify-content:flex-start!important}
  html:root body[data-project-identity] .cabecera .cabecera-cv{grid-area:cafe!important;justify-self:start!important}
  html:root body[data-project-identity] .cabecera .idiomas{grid-area:languages!important;justify-self:end!important}
 }
 html:root body.sala[data-project-identity][data-section-header]{--section-header-top:222px!important}
 html:root body.sala[data-project-identity]:not([data-section-header]) .sala-hero-inner{padding-top:calc(var(--project-header-height) + 44px)!important}
 html:root body[data-project-identity] :is(.project-minimal-masthead,.project-home-masthead){padding-block:8px 12px;background:#725647 url('../img/metal-topo.jpg') center/1024px}
 html:root body.pagina-inicio[data-project-identity] .language-picker{z-index:51!important}
 /* Reserve the navigation band within the first desktop screen, including the brand masthead. */
 @media(min-width:1101px){
  html:root body.pagina-inicio[data-project-identity]{height:100svh!important;min-height:100svh!important;display:flex!important;flex-direction:column!important}
  html:root body.pagina-inicio[data-project-identity] .project-home-masthead{flex:0 0 auto!important}
  html:root body.pagina-inicio[data-project-identity] .hero{flex:1 1 0!important;min-height:0!important;height:auto!important}
  html:root body.pagina-inicio[data-project-identity] .hero-inner{height:100%!important;min-height:0!important;padding:40px 0 24px!important;align-items:center!important;box-sizing:border-box!important}
  html:root body.pagina-inicio[data-project-identity] .hero-foto img{object-position:62% top!important}
  html:root body.pagina-inicio[data-project-identity] .home-bottom{flex:0 0 auto!important}
 }
 html:root body[data-project-identity] :is(.sala-hero .medalla,.mobile-dock .puerta-icono,.puertas .puerta-icono){isolation:isolate!important;background-color:#BB785B!important;background-image:url('../img/cobre-icono.jpg')!important;background-size:cover!important;box-shadow:0 4px 9px #3c261c40,inset 0 1px 0 #fff0dbbf,inset 0 -1px 0 #5b321d70!important}
 html:root body[data-project-identity] :is(.sala-hero .medalla,.mobile-dock .puerta-icono,.puertas .puerta-icono)::after{content:''!important;position:absolute!important;inset:0!important;z-index:5!important;pointer-events:none!important;border:1px solid #fff5e3b8!important;border-radius:4px!important;box-shadow:inset 0 1px 2px #fff4dd66!important}
 html:root body[data-project-identity] :is(.em-story-picto,.em-chronicles-picto)>img{filter:grayscale(1)!important;mix-blend-mode:luminosity!important}
 html:root body[data-project-identity][data-atelier-portal] #contenido .atelier-hero-visual{opacity:.36!important;top:230px!important}
 html:root body[data-project-identity][data-chronicles-portrait] #contenido .chronicles-hero-portrait{opacity:.38!important;top:218px!important}
 html:root body[data-project-identity][data-atelier-portal] #contenido .atelier-portal-feature figure>img[src*='colab-satisfaccion-media-edad']{filter:url('../img/chart-light-gray.svg#chart-light-gray')!important}
 html:root body[data-project-identity][data-atelier-portal] #contenido .atelier-portal-feature{border:0!important;padding:20px 0!important;margin:20px 0 32px!important}
 html:root body[data-project-identity][data-atelier-portal] #contenido .atelier-practice-index{gap:30px 40px!important;margin-top:20px!important}
 html:root body[data-project-identity][data-atelier-portal] #contenido .atelier-practice-index li{border:0!important}
 html:root body[data-project-identity][data-atelier-portal] #contenido .atelier-practice-index h4{font:400 26px/1.25 Newsreader,Georgia,serif!important;color:#8A4B2C!important;margin:0!important}
 html:root body[data-project-identity][data-atelier-portal] #contenido .atelier-portal-inner>section>h3{margin-top:34px!important;margin-bottom:20px!important}
 html:root body[data-project-identity][data-atelier-portal] #contenido .atelier-portal-inner>section>h2{font-size:36px!important;line-height:1.22!important}
 html:root body[data-project-identity][data-atelier-portal] #contenido #ahora{border:0!important;padding-top:0!important;margin-top:56px!important}
 html:root body[data-project-identity][data-atelier-portal] #contenido .professional-connect{border:0!important}
 html:root body[data-project-identity] .professional-connect{justify-content:flex-start!important;gap:0!important}
 html:root body[data-project-identity] .professional-connect>.btn{margin:0!important}
 @media(max-width:1100px){html:root body[data-project-identity] .cabecera .cabecera-menu{display:none!important}}
 @media(max-width:900px){
  html:root body[data-project-identity]{--project-header-height:128px}
  html:root body[data-project-identity] .project-wordmark,html:root body[data-project-identity] .project-wordmark:hover{font-size:36px!important;gap:14px!important;margin-block:0 6px!important}
  html:root body[data-project-identity] .project-wordmark::before,html:root body[data-project-identity] .project-wordmark::after{width:24px!important;flex-basis:24px!important}
  html:root body[data-project-identity] .cabecera{padding-top:6px!important;padding-bottom:6px!important}
  html:root body[data-project-identity] .cabecera .cabecera-inner{min-height:52px!important;width:calc(100% - 32px)!important}
  html:root body.sala[data-project-identity][data-section-header]{--section-header-top:176px!important}
  html:root body[data-project-identity][data-atelier-portal] #contenido .atelier-hero-visual,html:root body[data-project-identity][data-chronicles-portrait] #contenido .chronicles-hero-portrait{position:relative!important;top:auto!important;bottom:auto!important;right:auto!important}
  html:root body.pagina-inicio[data-project-identity] .language-picker{top:72px!important}
 }
 @media(max-width:760px){html:root body[data-project-identity][data-atelier-portal] #contenido .atelier-portal-inner>section>h2{font-size:30px!important}html:root body[data-project-identity][data-atelier-portal] #contenido .atelier-portal-inner>section>h3{font-size:26px!important}html:root body[data-project-identity][data-atelier-portal] #contenido .atelier-practice-index h4{font-size:24px!important}}
 @media(max-width:380px){
  html:root body[data-project-identity] .project-wordmark,html:root body[data-project-identity] .project-wordmark:hover{font-size:31px!important;gap:10px!important}
  html:root body[data-project-identity] .project-wordmark::before,html:root body[data-project-identity] .project-wordmark::after{width:16px!important;flex-basis:16px!important}
 }
}