@layer mobile-review-important{
 html:root body[data-story-chapters] #contenido .story-chapters{width:calc(100% - 48px)!important;max-width:1200px!important;margin-inline:auto!important;padding-inline:0!important;font-family:Newsreader,Georgia,serif!important}
 html:root body[data-story-chapters] #contenido .story-chapter{padding:44px 0 48px!important;border-bottom:1px solid #bba491!important;margin:0!important;scroll-margin-top:180px!important}
 html:root body[data-story-chapters] #contenido .story-chapters>.story-chapter:first-child{padding-top:68px!important}
 html:root body[data-story-chapters] #contenido .story-chapter>h2{margin:0 0 30px!important;color:#945333!important;font-size:36px!important;font-family:Newsreader,Georgia,serif!important;font-weight:400!important}
 html:root body[data-story-chapters] #contenido .story-opening{display:grid!important;grid-template-columns:minmax(0,1fr) 300px!important;gap:44px!important;align-items:start!important}
 html:root body[data-story-chapters] #contenido .story-opening .esencia-foto{grid-area:auto!important;grid-column:auto!important;grid-row:auto!important;width:300px!important;max-width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;background:none!important;border:0!important}
 html:root body[data-story-chapters] #contenido .story-opening>div{min-width:0!important}
 html:root body[data-story-chapters] #contenido .story-opening .esencia-foto img{display:block!important;width:100%!important;height:auto!important;object-fit:contain!important;aspect-ratio:auto!important;mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent),linear-gradient(180deg,transparent,#000 10%,#000 85%,transparent)!important;-webkit-mask-composite:source-in!important;mask-composite:intersect!important;filter:none!important}
 html:root body[data-story-chapters] #contenido .story-opening .esencia-places{max-width:480px!important;margin-top:24px!important}
 html:root body[data-story-chapters] #contenido .story-subblock{display:block!important;border:0!important;margin-top:28px!important;padding-top:0!important}
 html:root body[data-story-chapters] #contenido .story-subblock>section{display:block!important;border:0!important;padding:0!important;margin:0!important}
 html:root body[data-story-chapters] #contenido #mi-mirada :is(.story-subblock h3,.story-opening h3){font-size:27px!important;line-height:1.25!important;color:#945333!important}
 html:root body[data-story-chapters] #contenido .story-chapter p{max-width:78ch!important}
 html:root body[data-story-chapters] #contenido .story-guidance .valores-sociales{display:block!important;padding:0!important;margin:0!important;border:0!important}
 html:root body[data-story-chapters] #contenido .story-guidance .valores-sociales-texto{max-width:none!important}
 html:root body[data-story-chapters] #contenido .story-guidance .valores{padding:0!important;margin:28px 0 0!important;border:0!important}
 html:root body[data-story-chapters] #contenido .story-guidance .valores dl{display:block!important;margin:0!important}
 html:root body[data-story-chapters] #contenido .story-guidance .valor{display:grid!important;grid-template-columns:220px minmax(0,1fr)!important;gap:30px!important;padding:24px 0!important;border-top:1px solid #c7b5a5!important;margin:0!important}
 html:root body[data-story-chapters] #contenido .story-guidance .valor :is(dt,dd){margin:0!important;min-width:0!important}
 html:root body[data-story-chapters] #contenido .story-life .fuera{display:grid!important;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)!important;gap:40px!important;align-items:start!important;padding:0!important;margin:0!important;border:0!important}
 html:root body[data-story-chapters] #contenido .story-life .fuera-summary{align-self:start!important;margin:0!important;padding:0!important}
 html:root body[data-story-chapters] #contenido .story-life .fuera-lista{display:flex!important;flex-wrap:wrap!important;gap:10px 20px!important;margin:0!important;padding:0!important;list-style:none!important}
 html:root body[data-story-chapters] #contenido .story-life .fuera-lista li{display:block!important;margin:0!important;padding:0!important;font-family:Newsreader,Georgia,serif!important}
 html:root body[data-story-chapters] #contenido .story-life .mirada-musica{grid-column:2!important;grid-row:1!important;margin:0!important;max-width:none!important;width:100%!important}
 html:root body[data-story-chapters] #contenido .story-life .offscript-music{max-width:none!important;width:100%!important;margin:0!important}
 html:root body[data-story-chapters] #contenido .story-life .music-preview-image img{width:130.909091%!important;left:-14.772727%!important;top:-19.232323%!important;max-width:none!important;height:auto!important}
 html:root body[data-story-chapters] #contenido .story-life .fuera:has(.music-video:not([hidden])) .mirada-musica,html:root body[data-story-chapters] #contenido .story-life .offscript-music:has(.music-video:not([hidden])){display:contents!important}
 html:root body[data-story-chapters] #contenido .story-life .music-video:not([hidden]){grid-column:1/-1!important;grid-row:2!important;width:100%!important;margin:0!important;max-width:none!important}
 html:root body[data-story-chapters] #contenido .story-life .music-video iframe{width:100%!important;aspect-ratio:16/9!important;height:auto!important;border:0!important}
 html:root body[data-story-chapters] #contenido .story-life .music-toggle{justify-self:start!important}
 html:root body[data-story-chapters] #contenido .story-journey .contenedor{width:100%!important;max-width:none!important;padding-inline:0!important;margin-inline:0!important}
 html:root body[data-story-chapters] #contenido .story-journey .lectura{padding:0!important}
 html:root body[data-story-chapters] #contenido .story-journey .caligrafia-seccion{display:none!important}
 html:root body[data-story-chapters] #contenido .story-journey .capitulo-num{font-size:44px!important;line-height:1.2!important;letter-spacing:0!important;white-space:nowrap!important}
 html:root body[data-story-chapters] #contenido .story-journey :is(.about-experiences,.about-imprint){padding-block:30px!important;border-top:1px solid #c7b5a5!important;margin-top:24px!important}
 html:root body[data-story-chapters] .about-tabs{display:flex!important;flex-wrap:wrap!important;gap:12px 28px!important}
 html:root body[data-making-of] #contenido .making-hero .sala-hero-inner{display:flex!important;flex-direction:column!important;max-width:calc(100% - 410px)!important;padding-top:var(--section-header-top,222px)!important;padding-bottom:var(--section-intro-tabs-gap,64px)!important;row-gap:var(--section-title-intro-gap,28px)!important;min-height:0!important}
 html:root body[data-making-of] #contenido .making-hero .caso-h1{margin:0!important}
 html:root body[data-making-of] #contenido .making-hero .sala-intro{max-width:760px!important}
 html:root body[data-making-of] #contenido .making-hero-image{position:absolute;right:0;top:230px;width:360px;margin:0;opacity:.36;mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent),linear-gradient(180deg,transparent,#000 12%,#000 82%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect;pointer-events:none}
 html:root body[data-making-of] #contenido .making-hero-image img{width:100%;height:auto}
 html:root body[data-making-of] #contenido .making-content{width:calc(100% - 48px)!important;max-width:1200px!important;margin-inline:auto!important;padding-inline:0!important;font-family:Newsreader,Georgia,serif!important;color:#302820!important}
 html:root body[data-making-of] #contenido .making-scene{padding:44px 0 48px;border-bottom:1px solid #bba491;scroll-margin-top:180px}
 html:root body[data-making-of] #contenido .making-scene:last-child{border:0}
 html:root body[data-making-of] #contenido .making-scene h2{max-width:100%!important;margin-bottom:22px!important;font-size:36px!important;font-weight:400!important;color:#945333!important}
 html:root body[data-making-of] #contenido .making-scene h3{font-family:Newsreader,Georgia,serif!important;font-weight:400!important;color:#945333!important}
 html:root body[data-making-of] #contenido .making-scene p{max-width:78ch;line-height:1.55}
 html:root body[data-making-of] #contenido .making-scene p+p{margin-top:18px}
 html:root body[data-making-of] #contenido .scene-label{font:500 13px/1.4 'Hanken Grotesk',sans-serif!important;letter-spacing:.1em!important;text-transform:uppercase!important;color:#795943!important;margin:0 0 12px!important}
 html:root body[data-making-of] #contenido .making-palette{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;padding-block:26px;margin-top:24px;border-block:1px solid #baa28d}
 html:root body[data-making-of] #contenido .material-swatch{display:block;width:96px;height:96px;margin-bottom:18px;border-radius:6px;border:1px solid #fff5e3a6;box-shadow:0 5px 10px #59412c24,inset 0 1px 1px #fff9e9b3,inset 0 -2px 3px #52331e4d;cursor:default}
 html:root body[data-making-of] #contenido .material-brown{background:#846759 url('../img/metal-topo.jpg') center/300px}
 html:root body[data-making-of] #contenido .material-ivory{background:#E4DCCF url('../img/cuero-marfil.jpg') center/280px}
 html:root body[data-making-of] #contenido .material-ivory{border-color:#b9a58e;box-shadow:0 5px 10px #59412c38,inset 0 1px 1px #fffaf0e6,inset 0 -2px 3px #71543b38}
 html:root body[data-making-of] #contenido .material-copper{background:#BB785B url('../img/cobre-icono.jpg') center/cover}
 html:root body[data-making-of] #contenido .making-palette h3{font-size:27px!important;margin:0 0 7px!important;color:#302820!important}
 html:root body[data-making-of] #contenido .making-palette p{font-size:20px!important;margin:0!important}
 html:root body[data-making-of] #contenido .material-code{display:block;font:400 14px/1.5 'Hanken Grotesk',sans-serif;color:#795943;margin-top:8px}
 html:root body[data-making-of] #contenido .making-design-notes{display:grid;grid-template-columns:1fr 1fr;gap:44px;margin-top:30px}
 html:root body[data-making-of] #contenido .making-design-notes h3{margin:0 0 14px!important;font-size:28px!important}
 html:root body[data-making-of] #contenido .making-central{font-size:30px!important;color:#945333;font-style:italic;margin-top:30px!important}
 html:root body[data-making-of] #contenido .making-images{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:28px}
 html:root body[data-making-of] #contenido .making-images figure{margin:0!important;min-width:0!important}
 html:root body[data-making-of] #contenido .making-image-frame{display:block;position:relative;aspect-ratio:3/4;background:#eee5d6;overflow:hidden}
 html:root body[data-making-of] #contenido .making-image-frame img{display:block;position:absolute;inset:0;width:100%!important;height:100%!important;max-height:100%!important;object-fit:cover!important;object-position:54% center!important;aspect-ratio:auto!important}
 html:root body[data-making-of] #contenido .making-images .portrait-frame img{inset:0;height:100%!important;width:100%!important;max-width:100%!important;object-position:center top!important}
 html:root body[data-making-of] #contenido .making-images figure:first-child .making-image-frame{background-image:url('../img/eugenie-exterior-pendientes-terracota.jpg');background-size:cover;background-position:center top}
 html:root body[data-making-of] #contenido .making-images figure:first-child img{transform:translateY(3.5%);mask-image:linear-gradient(180deg,transparent,#000 5%,#000);-webkit-mask-image:linear-gradient(180deg,transparent,#000 5%,#000)}
 html:root body[data-making-of] #contenido .making-images figcaption{font:400 14px/1.5 'Hanken Grotesk',sans-serif;color:#795943;margin-top:10px}
 html:root body[data-making-of] #contenido .making-site-map{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;border-block:1px solid #baa28d;padding-block:25px;margin-top:28px}
 html:root body[data-making-of] #contenido .making-site-map h3{font-size:26px!important;margin:0 0 10px!important}
 html:root body[data-making-of] #contenido .making-site-map p{font-size:20px!important;margin:0!important}
 html:root body[data-making-of] #contenido .making-case{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin-top:28px}
 html:root body[data-making-of] #contenido .making-case>section{padding-block:20px;border-block:1px solid #baa28d}
 html:root body[data-making-of] #contenido .making-case h3{font-size:27px!important;margin:0 0 22px!important}
 html:root body[data-making-of] #contenido .making-case ul{list-style:none;padding:0;margin:0;display:grid;gap:12px}
 html:root body[data-making-of] #contenido .making-case li{border-left:2px solid #bb785b;padding:9px 16px;background:#f5eee344;font-size:23px}
 html:root body[data-making-of] #contenido .making-case section>p{font-size:20px!important;margin-top:18px}
 html:root body[data-making-of] #contenido .making-criteria{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:28px 0}
 html:root body[data-making-of] #contenido .making-reading-label{font:500 14px/1.4 'Hanken Grotesk',sans-serif!important;letter-spacing:.1em!important;text-transform:uppercase!important;color:#795943!important;margin:28px 0 12px!important}
 html:root body[data-making-of] #contenido .making-criteria :is(h3,h4){font:400 26px/1.25 Newsreader,Georgia,serif!important;color:#945333!important;margin:0 0 12px!important}
 html:root body[data-making-of] #contenido .making-criteria p{font-size:22px!important;margin:0!important}
 html:root body[data-making-of] #contenido .making-author-lead{border-left:2px solid #bb785b;padding-left:24px;font-size:28px!important}
 html:root body[data-making-of] #contenido .making-journey-quote{margin:32px 0 0;padding:0;border:0}
 html:root body[data-making-of] #contenido .making-journey-quote blockquote{margin:0;padding:0;border:0}
 html:root body[data-making-of] #contenido .making-journey-quote p{font:400 italic 28px/1.4 Newsreader,Georgia,serif!important;color:#945333!important}
 html:root body[data-making-of] #contenido .making-journey-quote figcaption{font:400 14px/1.5 'Hanken Grotesk',sans-serif;color:#795943;margin-top:12px}
 html:root body[data-making-of] #contenido .making-signature{width:110px;height:auto;margin-top:30px}
 @media(min-width:1600px){html:root body[data-making-of] #contenido .making-scene>p,html:root body[data-story-chapters] #contenido .story-chapter p{font-size:28px!important}}
 @media(max-width:1000px){html:root body[data-story-chapters] #contenido .story-opening{grid-template-columns:minmax(0,1fr) 240px!important;gap:30px!important}html:root body[data-story-chapters] #contenido .story-opening .esencia-foto{width:240px!important}}
 @media(max-width:900px){
  html:root body[data-story-chapters] #contenido .story-chapter,html:root body[data-making-of] #contenido .making-scene{scroll-margin-top:145px!important;padding-block:32px 36px!important}
  html:root body[data-making-of] #contenido .making-hero .sala-hero-inner{max-width:none!important;padding-top:176px!important;padding-bottom:20px!important}
  html:root body[data-making-of] #contenido .making-hero-image{position:relative;top:auto;right:auto;width:260px;max-width:100%;margin:0 0 24px}
  html:root body[data-making-of] #contenido .making-site-map,html:root body[data-making-of] #contenido .making-criteria{grid-template-columns:1fr 1fr}
 }
 @media(max-width:760px){
  html:root body[data-story-chapters] #contenido .story-chapters,html:root body[data-making-of] #contenido .making-content{width:calc(100% - 40px)!important}
  html:root body[data-story-chapters] #contenido .story-opening,html:root body[data-story-chapters] #contenido .story-guidance .valor,html:root body[data-story-chapters] #contenido .story-life .fuera{grid-template-columns:1fr!important;gap:24px!important}
  html:root body[data-story-chapters] #contenido .story-opening .esencia-foto{margin-inline:auto!important;max-width:240px!important}
  html:root body[data-story-chapters] #contenido .story-life .mirada-musica{grid-column:1!important;grid-row:2!important}
  html:root body[data-story-chapters] #contenido .story-life .music-video:not([hidden]){grid-row:3!important}
  html:root body[data-story-chapters] #contenido .story-chapter>h2,html:root body[data-making-of] #contenido .making-scene h2{font-size:30px!important}
  html:root body[data-story-chapters] .about-tabs{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px 16px!important}
  html:root body[data-making-of] #contenido .making-palette,html:root body[data-making-of] #contenido .making-design-notes,html:root body[data-making-of] #contenido .making-images,html:root body[data-making-of] #contenido .making-case,html:root body[data-making-of] #contenido .making-criteria{grid-template-columns:1fr!important}
  html:root body[data-making-of] #contenido .making-images{max-width:520px!important}
  html:root body[data-making-of] #contenido .making-palette>div{display:grid;grid-template-columns:78px minmax(0,1fr);column-gap:18px;align-items:center}
  html:root body[data-making-of] #contenido .material-swatch{grid-row:1/4;width:78px;height:78px;margin:0}
  html:root body[data-making-of] #contenido .making-scene>p{font-size:20px!important}
 }
}