/* Shared section opening: title, full-width introduction, separated section links. */
@layer mobile-review-important {
  html:root body[data-section-header] {
    --section-header-top:152px;
    --section-title-intro-gap:28px;
    --section-intro-tabs-gap:64px;
  }
  html:root body.sala[data-section-header] #contenido .sala-hero .sala-hero-inner {
    padding-top:var(--section-header-top)!important;
    padding-bottom:var(--section-intro-tabs-gap)!important;
    row-gap:var(--section-title-intro-gap)!important;
    column-gap:var(--site-column-gap,18px)!important;
  }
  html:root body.sala.header-icon-proof[data-section-header] #contenido .sala-hero .sala-hero-inner {
    grid-template-areas:"icon title" "intro intro"!important;
  }
  html:root body.sala[data-section-header] #contenido .sala-hero .sala-intro {
    grid-column:1 / -1!important;
    margin-inline:0!important;
    text-align:start!important;
  }
  html:root body.sala[data-editorial-layout][data-section-header]:not(.header-icon-proof) #contenido .sala-hero .sala-hero-inner {padding-inline-start:0!important;}
  html:root body.sala[data-editorial-layout][data-section-header] #contenido .sala-hero .subnav-v {margin-inline-start:0!important;}
  /* The Atelier is the only section with this editorial image. */
  html:root body[data-atelier-portal][data-section-header] #contenido .atelier-hero-visual {width:380px;max-width:33.333%;top:160px;}
  @media(max-width:1100px){
    html:root body[data-atelier-portal][data-section-header] #contenido .sala-hero-inner {max-width:calc(100% - 360px)!important;}
    html:root body[data-atelier-portal][data-section-header] #contenido .atelier-hero-visual {width:320px;max-width:34%;top:160px;}
  }
  @media(max-width:900px){
    html:root body[data-section-header] {--section-header-top:116px;--section-title-intro-gap:24px;--section-intro-tabs-gap:36px;}
    html:root body[data-atelier-portal][data-section-header] #contenido .sala-hero-inner {max-width:none!important;}
    html:root body[data-atelier-portal][data-section-header] #contenido .atelier-hero-visual {position:relative;top:auto;right:auto;width:min(100%,300px);max-width:100%;margin:12px 0 32px;}
  }
}

@layer mobile-review-important {
  html:root body.sala.header-icon-proof[data-section-header] #contenido .sala-hero .sala-eyebrow .medalla {width:var(--site-icon-width,52px)!important;height:var(--site-icon-width,52px)!important;min-width:var(--site-icon-width,52px)!important;max-width:var(--site-icon-width,52px)!important;flex:0 0 var(--site-icon-width,52px)!important;}
  html:root body.sala.header-icon-proof[data-section-header] #contenido .sala-hero .medalla > svg {width:100%!important;height:100%!important;}
  /* Keep long translated value headings inside the narrowest phone layout. */
  @media(max-width:380px){html:root body.sala.historia-editorial-review[data-mirada-fusion][data-section-header] #contenido #mi-mirada .esencia-values .valores dl {grid-template-columns:1fr!important;}}
}