/* Atelier ouvert sur une pratique, puis index et formation en lecture. */
@layer mobile-review-important {
html:root body[data-atelier-portal] #contenido .sala-hero-inner .medalla>svg{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;}
html:root body[data-atelier-portal] #contenido .sala-hero-inner{column-gap:18px!important;}
html:root body[data-atelier-portal] #contenido .atelier-portal-inner{display:block!important;width:calc(100% - 2 * var(--emv-gutter))!important;max-width:1180px!important;margin-inline:auto!important;padding:28px 0 36px!important;}
html:root body[data-atelier-portal] #contenido .atelier-portal-lead{max-width:76ch;margin:0 0 24px;}
html:root body[data-atelier-portal] #contenido .atelier-portal-feature{display:grid!important;grid-template-columns:1fr 1fr;gap:40px;align-items:center;border-block:1px solid rgba(143,85,59,.25);padding:26px 0;margin:24px 0 32px;}
html:root body[data-atelier-portal] #contenido .atelier-portal-feature h3{font:400 28px/1.25 'Newsreader',Georgia,serif!important;color:#30251E;margin:8px 0 16px;}
html:root body[data-atelier-portal] #contenido .atelier-portal-feature .atelier-feature-kind{font:400 14px/1.5 'Hanken Grotesk',Arial,sans-serif!important;color:#8A4B2C;margin:0 0 12px;}
html:root body[data-atelier-portal] #contenido .atelier-portal-feature figure{margin:0;}
html:root body[data-atelier-portal] #contenido .atelier-portal-feature img{width:100%;height:auto;display:block;}
html:root body[data-atelier-portal] #contenido .atelier-portal-feature figcaption{font:400 14px/1.55 'Hanken Grotesk',Arial,sans-serif!important;color:#746558;margin-top:12px;}
html:root body[data-atelier-portal] #contenido .atelier-portal-link{display:inline-block;font-size:20px;line-height:1.5;color:#8A4B2C;text-decoration:none;border-bottom:1px solid #B77D5C;padding-bottom:4px;}
html:root body[data-atelier-portal] #contenido .atelier-practice-index{display:grid;grid-template-columns:1fr 1fr;gap:0 32px;list-style:none;padding:0;margin:20px 0;}
html:root body[data-atelier-portal] #contenido .atelier-practice-index li{border-top:1px solid rgba(143,85,59,.25);}
html:root body[data-atelier-portal] #contenido .atelier-practice-index a{display:block;padding:20px 0;text-decoration:none;color:#8A4B2C;}
html:root body[data-atelier-portal] #contenido .atelier-practice-index h3{font:400 24px/1.25 'Newsreader',Georgia,serif!important;margin:0 0 10px;}
html:root body[data-atelier-portal] #contenido .atelier-practice-index p{margin:0 0 10px;color:#30251E;font-size:var(--em-type-body);line-height:1.5;}
html:root body[data-atelier-portal] #contenido .atelier-practice-index small{display:block;font:400 14px/1.5 'Hanken Grotesk',Arial,sans-serif;color:#746558;margin-bottom:8px;}
html:root body[data-atelier-portal] #contenido .atelier-practice-index a:hover h3{text-decoration:underline;text-underline-offset:4px;}
html:root body[data-atelier-portal] #contenido .atelier-practice-index a:focus-visible{outline:2px solid #8A4B2C;outline-offset:4px;}
html:root body[data-atelier-portal] #contenido #ahora{margin-top:32px!important;padding-top:28px!important;border-top:1px solid rgba(143,85,59,.25);}
html:root body[data-atelier-portal] #contenido #ahora .atelier-learning-list{display:grid!important;grid-template-columns:1fr 1fr!important;gap:40px!important;grid-auto-rows:auto!important;}
html:root body[data-atelier-portal] #contenido #ahora .atelier-learning-list>li{padding:0!important;min-height:0!important;background:none!important;border:0!important;box-shadow:none!important;}
html:root body[data-atelier-portal] #contenido #ahora .atelier-learning-description{max-width:none!important;}
@media(max-width:900px){html:root body[data-atelier-portal] #contenido .atelier-portal-feature,html:root body[data-atelier-portal] #contenido .atelier-practice-index,html:root body[data-atelier-portal] #contenido #ahora .atelier-learning-list{grid-template-columns:1fr!important;}}
@media(max-width:780px){html:root body[data-atelier-portal] #contenido .sala-hero-inner{column-gap:16px!important;}html:root body[data-atelier-portal] #contenido .atelier-portal-feature h3{font-size:25px!important;}}
}

@layer mobile-review-important {
@media(max-width:780px){
html:root body.sala.atelier-compact.header-icon-proof[data-atelier-portal] #contenido .sala-hero .sala-hero-inner{grid-template-columns:32px minmax(0,1fr)!important;column-gap:18px!important;}
html:root body.sala.atelier-compact.header-icon-proof[data-atelier-portal] #contenido .sala-hero .sala-eyebrow .medalla{width:32px!important;height:32px!important;flex:0 0 32px!important;min-width:32px!important;max-width:32px!important;}
}
}

/* A light decorative background for the Atelier content, below the brown header. */
@layer mobile-review-important {
html:root body[data-atelier-portal] #contenido > .lectura {position:relative!important;isolation:isolate!important;overflow:hidden!important;}
html:root body[data-atelier-portal] #contenido > .lectura::before {content:"";position:absolute;inset:0 0 auto;height:min(78vw,1100px);background:url('../img/atelier-taller-luminoso.png') center top / cover no-repeat;opacity:.18;pointer-events:none;z-index:-1;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 55%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 55%,transparent 100%);}
@media(max-width:900px){html:root body[data-atelier-portal] #contenido > .lectura::before {height:700px;background-position:48% top;opacity:.13;}}
}

/* Atelier: equal reading structure, a visible secondary CTA and a complete header image. */
@layer mobile-review-important {
html:root body[data-atelier-portal] #contenido > .lectura::before {content:none!important;background:none!important;}
html:root body[data-atelier-portal] #contenido .sala-hero-inner {max-width:calc(100% - 410px)!important;}
html:root body[data-atelier-portal] #contenido .sala-hero-inner .sala-intro {width:100%!important;max-width:none!important;}
html:root body[data-atelier-portal] #contenido .atelier-hero-visual {position:absolute;top:104px;right:0;width:370px;max-width:34%;margin:0;pointer-events:none;opacity:.3;-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 94%,transparent);}
html:root body[data-atelier-portal] #contenido .atelier-hero-visual img {display:block;width:100%;height:auto;object-fit:contain;}
html:root body[data-atelier-portal] #contenido .atelier-portal-feature a.atelier-portal-link {display:inline-flex;align-items:center;min-height:48px;padding:10px 18px;border:1px solid #9A6349;border-radius:2px;background:rgba(250,245,234,.6);font-weight:500;color:#73452E;text-decoration:none;line-height:1.4;margin-top:14px;max-width:100%;box-sizing:border-box;}
html:root body[data-atelier-portal] #contenido .atelier-portal-feature a.atelier-portal-link:hover {background:#F6EDDE;border-color:#73452E;}
html:root body[data-atelier-portal] #contenido .atelier-portal-feature a.atelier-portal-link:focus-visible {outline:2px solid #8A4B2C;outline-offset:4px;}
html:root body[data-atelier-portal] #contenido .atelier-practice-index {grid-auto-rows:1fr;align-items:stretch;}
html:root body[data-atelier-portal] #contenido .atelier-practice-index li {display:flex;min-width:0;}
html:root body[data-atelier-portal] #contenido .atelier-practice-index a {display:flex;flex-direction:column;gap:12px;width:100%;height:100%;box-sizing:border-box;align-items:flex-start;}
html:root body[data-atelier-portal] #contenido .atelier-practice-index .atelier-practice-category {font:400 15px/1.5 'Hanken Grotesk',Arial,sans-serif!important;color:#8A4B2C!important;margin:0!important;}
html:root body[data-atelier-portal] #contenido .atelier-practice-index h3 {margin:0!important;}
html:root body[data-atelier-portal] #contenido .atelier-practice-index .atelier-practice-description {font-size:18px!important;line-height:1.5!important;color:#665548!important;margin:0!important;}
html:root body[data-atelier-portal] #contenido .atelier-practice-index .atelier-portal-link {margin-top:auto;align-self:flex-start;padding-top:6px;font-size:18px;}
@media(max-width:1100px){
 html:root body[data-atelier-portal] #contenido .sala-hero-inner {max-width:calc(100% - 350px)!important;}
 html:root body[data-atelier-portal] #contenido .atelier-hero-visual {width:320px;max-width:34%;top:110px;}
}
@media(max-width:900px){
 html:root body[data-atelier-portal] #contenido .sala-hero-inner {max-width:none!important;}
 html:root body[data-atelier-portal] #contenido .atelier-hero-visual {position:relative;top:auto;right:auto;width:min(100%,360px);max-width:100%;margin:0 0 22px;opacity:.25;}
 html:root body[data-atelier-portal] #contenido .atelier-practice-index {grid-auto-rows:auto;}
}
}

/* Lighter editorial image and deliberate space between the header elements. */
@layer mobile-review-important {
html:root body.sala.atelier-compact.header-icon-proof[data-atelier-portal] #contenido .sala-hero .sala-hero-inner {row-gap:var(--section-title-intro-gap,24px)!important;padding-bottom:var(--section-intro-tabs-gap,70px)!important;}
html:root body[data-atelier-portal] #contenido .atelier-hero-visual {top:118px;width:300px;max-width:30%;opacity:.22;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent),linear-gradient(180deg,transparent,#000 14%,#000 84%,transparent);mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent),linear-gradient(180deg,transparent,#000 14%,#000 84%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect;}
@media(max-width:1100px){html:root body[data-atelier-portal] #contenido .sala-hero-inner {max-width:calc(100% - 310px)!important;}html:root body[data-atelier-portal] #contenido .atelier-hero-visual {width:260px;max-width:30%;top:118px;}}
@media(max-width:900px){html:root body[data-atelier-portal] #contenido .sala-hero-inner {max-width:none!important;}html:root body[data-atelier-portal] #contenido .atelier-hero-visual {position:relative;top:auto;right:auto;width:min(100%,260px);max-width:100%;margin:6px 0 32px;opacity:.18;}}
}

@layer mobile-review-important {@media(max-width:900px){html:root body.sala.atelier-compact.header-icon-proof[data-atelier-portal] #contenido .sala-hero .sala-hero-inner{padding-bottom:var(--section-intro-tabs-gap,44px)!important;}}}