/* Private structural review. The existing body scale, images and palettes are retained. */
.about-pane{padding-top:32px;scroll-margin-top:140px}.about-pane>.contenedor>h2{margin-bottom:24px}.about-pane .lectura{padding-top:16px}.about-experiences{padding-block:32px}.about-imprint{padding-block:32px;border-top:1px solid rgba(143,85,59,.3)}.about-signature{display:block;max-width:160px;height:auto;margin-top:24px}
.atelier-review-section{margin-top:36px;padding-top:24px;border-top:1px solid rgba(143,85,59,.25)}.atelier-review-section>h2{margin-bottom:24px}.atelier-review-projects{display:grid;grid-template-columns:1fr;gap:28px}.atelier-review-projects article{padding-top:18px;border-top:1px solid rgba(143,85,59,.25)}.atelier-review-projects h3{color:#8f553b;margin-bottom:14px}.atelier-simple-flow{display:flex;flex-wrap:wrap;list-style:none;gap:12px;padding:0}.atelier-simple-flow li{padding:12px 16px;border:1px solid rgba(143,85,59,.3);font-family:'Newsreader',Georgia,serif}.atelier-simple-flow li+li::before{content:'→';margin-right:12px;color:#8f553b}.atelier-academia-note{margin-top:20px}.brujula-base-ambitos:has(>div:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:768px){.atelier-review-projects{grid-template-columns:repeat(2,minmax(0,1fr))}}
@layer mobile-review-important{@media(max-width:767px){html:root body .mobile-dock[data-primary-count="4"]{grid-template-columns:repeat(4,minmax(0,1fr));}html:root body .mobile-dock[data-primary-count="4"] .puerta-titulo{font-size:13px!important;white-space:normal;min-height:31px;}.about-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}.about-tabs a{white-space:normal!important;}.about-pane{padding-top:24px;}.atelier-simple-flow{flex-direction:column;}.atelier-simple-flow li+li::before{content:'↓';}}}

.sofia-review .an-person{width:100%;max-width:480px;margin:0 auto}.sofia-review .an-bust img,.sofia-review .an-bust video{display:block;max-width:100%;width:100%;height:auto}.sofia-review .an-media-slot{text-align:center}

@media(max-width:767px){.about-tabs a{font-size:16px!important}.about-pane .capitulo-titulo{font-size:var(--em-type-block)!important}.brujula-base-ambitos:has(>div:nth-child(2):last-child){grid-template-columns:1fr!important}}

/* Fit the preserved career portrait to its shortened introduction. */
.about-pane .capitulos-apertura--vertical{min-height:0!important;height:auto!important;align-items:center!important;margin-bottom:28px!important;padding-bottom:0!important;}
.about-pane .capitulos-foto--vertical{position:relative!important;inset:auto!important;width:100%!important;height:280px!important;min-height:0!important;display:block!important;opacity:1!important;}
.about-pane .capitulos-foto--vertical img{display:block!important;opacity:1!important;width:100%!important;height:100%!important;object-fit:contain!important;}
.about-pane .capitulos-entrada{align-self:center!important;}
.about-pane .capitulo{padding-block:24px!important;}
.about-pane .hechos-editoriales{display:block!important;}
.about-experience{border-top:1px solid rgba(143,85,59,.3);padding:16px 0;}
.about-experience>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:16px;}
.about-experience>summary::before{content:'+';font:24px Georgia,serif;color:#8f553b;flex:0 0 18px;}
.about-experience[open]>summary::before{content:'−';}
.about-experience summary::-webkit-details-marker{display:none;}
.about-experience summary h3{margin:0;}
.about-experience-copy{padding:20px 0 0 34px;}
.about-experience-copy p{margin-bottom:16px;}
@media(min-width:781px){.pagina-inicio .puertas-lista{grid-template-columns:repeat(4,minmax(0,1fr))!important;}}
@media(max-width:767px){.about-pane .capitulos-foto--vertical{height:240px!important;}.about-pane .capitulos-apertura--vertical{gap:20px!important;margin-bottom:20px!important;}.about-experience-copy{padding-left:0;}}

.menu-movil-lista .menu-cafe-utility{margin-top:12px;}
@layer mobile-review-important{
html:root body.sala #contenido .about-pane .capitulos-apertura--vertical{min-height:0!important;height:auto!important;align-items:center!important;margin-bottom:24px!important;padding-bottom:0!important;}
html:root body.sala #contenido .about-pane .capitulos-foto--vertical{position:relative!important;inset:auto!important;width:100%!important;height:280px!important;min-height:0!important;opacity:1!important;}
html:root body.sala #contenido .about-pane .capitulos-foto--vertical img{width:100%!important;height:100%!important;object-fit:contain!important;opacity:1!important;}
html:root body.sala #contenido .about-pane .capitulo{padding-block:24px!important;}
@media(max-width:767px){html:root body.sala #contenido .about-pane .capitulos-foto--vertical{height:240px!important;}html:root body.sala #contenido .about-pane .capitulos-apertura--vertical{gap:20px!important;}}
}

/* Compact mobile method. The original interactive route remains on desktop. */
.atelier-mobile-compass{display:none;}
@layer mobile-review-important{
html:root body.sala #contenido .atelier-review-section:first-of-type{margin-top:18px!important;padding-top:16px!important;}
html:root body.sala #contenido .brujula-base-mapa{margin:12px 0!important;}
html:root body.sala #contenido .brujula-base-nota{margin:10px 0 0!important;}
@media(max-width:767px){
html:root body.sala #contenido .atelier-review-section{margin-top:24px!important;padding-top:18px!important;}
html:root body.sala #contenido .brujula-base-placa{padding:12px 24px!important;}
html:root body.sala #contenido .brujula-base-ambitos{margin-top:22px!important;gap:10px!important;}
html:root body.sala #contenido #brujula .ruta,html:root body.sala #contenido #brujula .ruta-detalle,html:root body.sala #contenido #brujula .ruta-ayuda,html:root body.sala #contenido #brujula .brujula-cabecera figure{display:none!important;}
html:root body.sala #contenido #brujula .marco--brujula,html:root body.sala #contenido #brujula .marco-panel-inner{background:none!important;box-shadow:none!important;border:0!important;padding:0!important;}
html:root body.sala #contenido #brujula .brujula-cabecera{display:block!important;margin-bottom:12px!important;}
html:root body.sala #contenido .atelier-mobile-compass{display:block!important;}
html:root body.sala #contenido .atelier-mobile-phase{padding:12px 0;border-top:1px solid rgba(143,85,59,.25);}
html:root body.sala #contenido .atelier-mobile-phase h3{font-size:20px!important;font-weight:400!important;color:#8f553b;margin:0 0 7px;line-height:1.25!important;}
html:root body.sala #contenido .atelier-mobile-phase p{font-family:'Hanken Grotesk',Arial,sans-serif;font-size:13px!important;line-height:1.35!important;margin:0;letter-spacing:0;}
html:root body.sala #contenido #brujula .brujula-reperes{margin:24px 0 0!important;padding-top:20px!important;}
}}

/* Keep the whole approved SofIA portrait visible, and honour the player's hidden state. */
.sofia-review .an-person{display:block!important;width:min(100%,440px)!important;max-width:440px!important;margin:0 auto!important;}
.sofia-review .an-bust{display:block!important;position:relative!important;inset:auto!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;border:0!important;border-radius:0!important;mask-image:none!important;-webkit-mask-image:none!important;clip-path:none!important;}
.sofia-review .an-bust img,.sofia-review .an-bust video{position:relative!important;inset:auto!important;transform:none!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;border-radius:0!important;}
.sofia-review .an-bust img[hidden],.sofia-review .an-bust video[hidden]{display:none!important;}
.sofia-review .an-media-slot{position:relative!important;inset:auto!important;transform:none!important;margin-top:18px!important;text-align:center!important;}
@layer mobile-review-important{
html:root body.sala #contenido #brujula .brujula-lema{padding:10px 16px!important;margin:0 0 16px!important;min-height:0!important;background:none!important;outline:0!important;box-shadow:none!important;border:0!important;border-left:2px solid #a36549!important;}
html:root body.sala #contenido #brujula .brujula-lema .lema-texto{margin-block:6px!important;}
html:root body.sala #contenido #brujula .brujula-cabecera{padding:0!important;margin:12px 0!important;min-height:0!important;gap:18px!important;grid-template-columns:minmax(0,1fr) 120px!important;}
html:root body.sala #contenido #brujula .brujula{width:120px!important;margin:0!important;}
html:root body.sala #contenido #brujula .brujula-svg{width:120px!important;height:120px!important;}
html:root body.sala #contenido .anatomia .an-reading-tabs{margin:12px 0!important;padding:0 0 6px!important;scroll-margin-top:80px;}
html:root body.sala #contenido .anatomia .an-reading-panel>section:first-child{margin-top:0!important;padding-top:18px!important;}
html:root body.sala #contenido .anatomia .an-vision-new-grid{margin-top:0!important;padding-top:18px!important;}
html:root body.sala #contenido .anatomia .an-guided-head{margin-bottom:20px!important;}
}

html.anatomia-direct-observe{scroll-snap-type:none!important;}
.atelier-current-learning{margin-top:20px;}
/* About is one continuous page. Nested content must remain at its requested position. */
html:has(body[data-mirada-fusion]){scroll-snap-type:none!important;}
.about-experiences,.about-imprint{scroll-margin-top:150px;}
@layer mobile-review-important{
html:root body.sala #contenido .fuera-lista--breve{display:flex!important;flex-wrap:wrap!important;gap:8px 24px!important;margin:0!important;padding:0!important;}
html:root body.sala #contenido .fuera-lista--breve li{display:block!important;flex:0 0 auto!important;grid-row:auto!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;}
@media(max-width:767px){
html:root body.sala #contenido #mi-recorrido>.contenedor>h3{margin-bottom:8px!important;}
html:root body.sala #contenido #mi-recorrido>.lectura{padding-top:8px!important;}
html:root body.sala #contenido #mi-recorrido .capitulos-apertura{margin-top:0!important;}
}}

/* Approved compact Atelier: one interactive route and four direct experiment entries. */
html:has(body.atelier-compact){scroll-snap-type:none!important;}
@layer mobile-review-important{
html:root body.atelier-compact #contenido .lectura-inner{padding-top:20px!important;padding-bottom:24px!important;gap:0!important;}
html:root body.atelier-compact #contenido .atelier-review-section{margin-top:20px!important;padding-top:18px!important;}
html:root body.atelier-compact #contenido .atelier-review-section:first-of-type{margin-top:0!important;padding-top:0!important;}
html:root body.atelier-compact #contenido .atelier-review-section>h2,html:root body.atelier-compact #contenido .atelier-compass-head>h2{margin:0 0 12px!important;}
html:root body.atelier-compact #contenido .atelier-compass-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:8px;}
html:root body.atelier-compact #contenido #brujula .atelier-compass-head .brujula{display:block!important;width:64px!important;flex:0 0 64px!important;margin:0!important;}
html:root body.atelier-compact #contenido #brujula .atelier-compass-head .brujula-svg{width:64px!important;height:64px!important;}
html:root body.atelier-compact #contenido .atelier-compass-copy{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:12px 28px;align-items:center;margin:0 0 12px;}
html:root body.atelier-compact #contenido #brujula .brujula-lema{display:block!important;min-height:0!important;height:auto!important;padding:6px 12px!important;margin:0!important;}
html:root body.atelier-compact #contenido #brujula .brujula-lema .lema-texto{margin:4px 0!important;}
html:root body.atelier-compact #contenido .atelier-compass-copy .marco-intro{margin:0!important;max-width:60ch!important;}
html:root body.atelier-compact #contenido .atelier-workflow-phases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 20px;}
html:root body.atelier-compact #contenido .atelier-workflow-phase{padding:10px 0;border-top:1px solid rgba(143,85,59,.3);}
html:root body.atelier-compact #contenido .atelier-workflow-phase h3{margin:0 0 6px!important;color:#8f553b;}
html:root body.atelier-compact #contenido .atelier-workflow-steps{display:flex;flex-wrap:wrap;gap:4px 6px;}
html:root body.atelier-compact #contenido .atelier-workflow-step{font-family:'Hanken Grotesk',Arial,sans-serif;font-size:var(--em-type-meta);line-height:1.3;min-height:44px;padding:7px 10px;border:1px solid rgba(143,85,59,.28);border-radius:2px;color:#75422d;background:transparent;cursor:pointer;}
html:root body.atelier-compact #contenido .atelier-workflow-step[aria-expanded="true"]{background:#e8c9b4;border-color:#a36549;}
html:root body.atelier-compact #contenido .atelier-workflow-step:focus-visible,html:root body.atelier-compact #contenido .atelier-experiment-card:focus-visible{outline:2px solid #75422d;outline-offset:3px;}
html:root body.atelier-compact #contenido .atelier-workflow-detail{margin:10px 0;padding:12px 16px;border-left:2px solid #a36549;background:rgba(255,248,236,.5);}
html:root body.atelier-compact #contenido .atelier-workflow-detail[hidden]{display:none!important;}
html:root body.atelier-compact #contenido .atelier-workflow-detail p{margin:0!important;}
html:root body.atelier-compact #contenido .atelier-workflow-detail .atelier-workflow-detail-title{margin-bottom:4px!important;}
html:root body.atelier-compact #contenido .atelier-workflow-references{margin:8px 0 0!important;letter-spacing:0!important;color:#75422d;}
html:root body.atelier-compact #contenido .atelier-review-projects{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;}
html:root body.atelier-compact #contenido .atelier-experiment-card{display:grid;grid-template-columns:88px minmax(0,1fr);align-items:start;gap:18px;padding:16px;text-decoration:none;color:#3a2a22;border-top:1px solid rgba(143,85,59,.35);background:rgba(255,248,236,.24);}
html:root body.atelier-compact #contenido .atelier-experiment-visual{width:88px;height:88px;display:flex;align-items:center;justify-content:center;background:#f4ecdf;color:#8f553b;overflow:hidden;border-radius:3px;}
html:root body.atelier-compact #contenido .atelier-experiment-visual svg{width:64px;height:64px;}
html:root body.atelier-compact #contenido .atelier-experiment-visual img{width:100%;height:100%;object-fit:cover;object-position:52% 25%;}
html:root body.atelier-compact #contenido .atelier-experiment-copy h3{margin:0 0 6px!important;color:#8f553b;}
html:root body.atelier-compact #contenido .atelier-experiment-copy p{margin:0 0 8px!important;}
html:root body.atelier-compact #contenido .atelier-project-link{font-family:'Hanken Grotesk',Arial,sans-serif;font-size:var(--em-type-action);line-height:1.4;color:#8f553b;}
html:root body.atelier-compact #contenido .atelier-learning-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;padding:0;margin:0;gap:12px 24px;}
html:root body.atelier-compact #contenido .atelier-learning-list li{margin:0!important;padding:10px 0;border-top:1px solid rgba(143,85,59,.25);}
html:root body.atelier-compact #contenido .atelier-learning-institution{letter-spacing:0!important;color:#75422d;}
@media(max-width:767px){
html:root body.atelier-compact #contenido #brujula .atelier-compass-head .brujula{width:44px!important;flex-basis:44px!important;}
html:root body.atelier-compact #contenido #brujula .atelier-compass-head .brujula-svg{width:44px!important;height:44px!important;}
html:root body.atelier-compact #contenido .atelier-compass-copy{grid-template-columns:1fr;gap:10px;}
html:root body.atelier-compact #contenido .atelier-workflow-phases{grid-template-columns:1fr;gap:2px;}
html:root body.atelier-compact #contenido .atelier-workflow-phase{padding:8px 0;}
html:root body.atelier-compact #contenido .atelier-review-projects{grid-template-columns:1fr!important;gap:10px!important;}
html:root body.atelier-compact #contenido .atelier-experiment-card{grid-template-columns:56px minmax(0,1fr);gap:12px;padding:12px 0;background:none;}
html:root body.atelier-compact #contenido .atelier-experiment-visual{width:56px;height:56px;}
html:root body.atelier-compact #contenido .atelier-experiment-visual svg{width:42px;height:42px;}
html:root body.atelier-compact #contenido .atelier-learning-list{grid-template-columns:1fr;gap:4px;}
}}

@layer mobile-review-important{
html:root body.atelier-compact #contenido .atelier-compass-head>h2{flex:1;min-width:0;margin:0!important;}
html:root body.atelier-compact #contenido #brujula .brujula-lema .lema-autor{margin:4px 0 0!important;}
html:root body.atelier-compact #contenido .atelier-workflow-phase h3{position:relative;padding-right:26px;}
html:root body.atelier-compact #contenido .atelier-workflow-phase:not(:last-child) h3::after{content:'→';position:absolute;right:0;top:0;color:#a36549;}
@media(max-width:767px){
html:root body.atelier-compact #contenido .atelier-compass-head{gap:12px;}
html:root body.atelier-compact #contenido .atelier-workflow-phase{padding:4px 0;}
html:root body.atelier-compact #contenido .atelier-workflow-phase h3{margin-bottom:4px!important;}
html:root body.atelier-compact #contenido .atelier-workflow-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;}
html:root body.atelier-compact #contenido .atelier-workflow-steps:has(>button:nth-child(3)){grid-template-columns:repeat(3,minmax(0,1fr));}
html:root body.atelier-compact #contenido .atelier-workflow-step{padding:6px 4px;min-width:0;max-width:100%;white-space:normal;}
html:root body.atelier-compact #contenido .atelier-workflow-phase:not(:last-child) h3::after{content:'↓';}
}}

/* Atelier: experiments first, three readable stages, and a light learning close. */
@layer mobile-review-important{
html:root body.atelier-compact #contenido .atelier-review-projects[data-project-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;align-items:stretch;}
html:root body.atelier-compact #contenido .atelier-experiment-card{display:flex!important;flex-direction:column;gap:10px!important;padding:18px!important;background:rgba(255,248,236,.32)!important;border:1px solid rgba(143,85,59,.25);border-top:2px solid #ad7657;min-width:0;}
html:root body.atelier-compact #contenido .atelier-experiment-heading{display:flex;align-items:center;gap:12px;min-height:56px;}
html:root body.atelier-compact #contenido .atelier-experiment-heading .atelier-experiment-visual{width:56px!important;height:56px!important;flex:0 0 56px;}
html:root body.atelier-compact #contenido .atelier-experiment-heading svg{width:42px!important;height:42px!important;}
html:root body.atelier-compact #contenido .atelier-experiment-heading h3{margin:0!important;color:#8f553b;}
html:root body.atelier-compact #contenido .atelier-experiment-card p{margin:0!important;}
html:root body.atelier-compact #contenido .atelier-experiment-card .atelier-project-link{margin-top:auto;padding-top:8px;min-height:30px;}
html:root body.atelier-compact #contenido .atelier-how-work ol{list-style:none;padding:0;margin:0;}
html:root body.atelier-compact #contenido .atelier-how-work .atelier-workflow-phase p{margin:0!important;}
html:root body.atelier-compact #contenido .atelier-learning-section>p{margin:0 0 10px!important;}
html:root body.sala #contenido .an-compare-disclosure[open]{padding:0;border-left:3px solid #b77955;margin-block:6px;}
html:root body.sala #contenido .an-compare-disclosure[open]>summary{background:var(--atelier-dark);color:#fff7eb!important;padding:12px 24px 4px!important;margin:0!important;font-weight:600;}
html:root body.sala #contenido .an-compare-disclosure[open]>.an-compare-pair{margin-top:0!important;padding-top:12px!important;}
html:root body.sala #contenido .anatomia .an-step-panels>li{min-height:0!important;}
html:root body.sala #contenido .an-term-links:empty{display:none!important;}
@media(min-width:701px){html:root body.sala #contenido .an-step-panels>li:has(.an-term-links:empty)>p{grid-column:3/-1!important;}}
@media(max-width:767px){
html:root body.atelier-compact #contenido .atelier-review-projects[data-project-count="3"]{grid-template-columns:1fr!important;gap:12px!important;}
html:root body.atelier-compact #contenido .atelier-experiment-card{padding:14px!important;gap:8px!important;}
html:root body.atelier-compact #contenido .atelier-how-work .atelier-workflow-phase{padding:10px 0!important;}
}}

/* 2026-10-13: clarify Atelier categories, reduce rules and contain the AnatomIA comparison. */
@layer mobile-review-important{
html:root body.atelier-compact #contenido .atelier-review-section{margin-top:42px!important;padding-top:0!important;border-top:0!important;}
html:root body.atelier-compact #contenido .atelier-review-section:first-of-type{margin-top:0!important;}
html:root body.atelier-compact #contenido .atelier-review-section>h2{margin:0 0 16px!important;}
html:root body.atelier-compact #contenido .atelier-experiment-card{padding:18px!important;background:rgba(255,248,236,.48)!important;border:0!important;border-top:0!important;min-height:0;}
html:root body.atelier-compact #contenido .atelier-project-kind{display:block;margin:0 0 2px;color:#75422d;font-family:'Hanken Grotesk',Arial,sans-serif;font-size:15px;line-height:1.4;letter-spacing:.02em;}
html:root body.atelier-compact #contenido .atelier-learning-section>p{margin:0 0 18px!important;}
html:root body.atelier-compact #contenido .atelier-learning-list{gap:20px 44px!important;}
html:root body.atelier-compact #contenido .atelier-learning-list li{padding:0!important;border:0!important;}
html:root body.atelier-compact #contenido .atelier-learning-title{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;}
html:root body.atelier-compact #contenido .atelier-learning-institution{font-size:var(--em-type-note);}
html:root body.atelier-compact #contenido .atelier-learning-description{max-width:52ch;margin:6px 0 0!important;font-size:var(--em-type-note);line-height:1.55;}
html:root body.sala #contenido .anatomia-lamina .an-main-diagram{max-width:1320px;margin:44px auto!important;padding:26px 30px!important;}
html:root body.sala #contenido .anatomia-lamina .an-universes{max-width:1120px;margin:20px auto 0!important;gap:40px!important;}
html:root body.sala #contenido .anatomia-lamina .an-universe--ai{padding-left:30px!important;}
html:root body.sala #contenido .anatomia-lamina .an-universe figure{max-width:460px;margin:14px auto!important;}
html:root body.sala #contenido .anatomia-lamina .an-universe figure img{max-height:290px;object-fit:contain;}
@media(max-width:767px){
html:root body.atelier-compact #contenido .atelier-review-section{margin-top:32px!important;}
html:root body.atelier-compact #contenido .atelier-experiment-card{padding:14px!important;}
html:root body.atelier-compact #contenido .atelier-learning-list{gap:18px!important;}
html:root body.sala #contenido .anatomia-lamina .an-main-diagram{margin:30px auto!important;padding:20px 16px!important;}
html:root body.sala #contenido .anatomia-lamina .an-universes{max-width:420px!important;gap:28px!important;}
html:root body.sala #contenido .anatomia-lamina .an-universe--ai{padding:24px 0 0!important;}
html:root body.sala #contenido .anatomia-lamina .an-universe figure{max-width:360px!important;}
html:root body.sala #contenido .anatomia-lamina .an-universe figure img{max-height:230px;}
}
}

/* AnatomIA: widen the first two views and make section navigation and actions obvious. */
html:root body.sala #contenido .anatomia .an-reading-tabs-hint{margin:12px 0 8px!important;color:#655044;font:16px/1.4 'Hanken Grotesk',Arial,sans-serif;}
html:root body.sala #contenido .anatomia .an-reading-tabs{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px!important;margin:8px 0 24px!important;padding:0!important;border:0!important;overflow:visible!important;}
html:root body.sala #contenido .anatomia .an-reading-tabs button{display:flex!important;align-items:center;justify-content:center;flex:initial!important;min-width:0;min-height:52px!important;padding:10px 14px!important;border:1px solid rgba(117,66,45,.28)!important;border-radius:3px;background:rgba(255,248,236,.46)!important;color:#75422d!important;font:600 17px/1.25 'Hanken Grotesk',Arial,sans-serif!important;text-align:center;white-space:normal!important;cursor:pointer;}
html:root body.sala #contenido .anatomia .an-reading-tabs button[aria-selected="true"]{background:#846759!important;border-color:#846759!important;color:#fff7eb!important;}
html:root body.sala #contenido .anatomia .an-reading-tabs button:hover{border-color:#966548!important;background:rgba(166,109,78,.14)!important;color:#4c3024!important;}
html:root body.sala #contenido .anatomia .an-reading-tabs button[aria-selected="true"]:hover{background:#846759!important;color:#fff7eb!important;}
html:root body.sala #contenido .anatomia .an-reading-tabs button:focus-visible{outline:3px solid #a76d4e!important;outline-offset:3px;}
html:root body.sala #contenido .anatomia .vision-scene{width:min(100%,1880px)!important;gap:clamp(32px,4vw,72px)!important;}
html:root body.sala #contenido .anatomia .vision-photo{width:min(100%,440px)!important;}
html:root body.sala #contenido .anatomia .an-main-diagram{max-width:1780px!important;}
html:root body.sala #contenido .anatomia .an-universes{max-width:1520px!important;}
html:root body.sala #contenido .anatomia .an-universe figure{max-width:460px!important;}
html:root body.sala #contenido .anatomia .an-universe figure img{max-height:290px!important;object-fit:contain;}
html:root body.sala #contenido .anatomia .vision-controls button{display:inline-flex;align-items:center;justify-content:center;min-height:48px!important;padding:11px 18px!important;border:1px solid #966548!important;border-radius:3px;background:#8f553b!important;color:#fff7eb!important;font:600 16px/1.3 'Hanken Grotesk',Arial,sans-serif!important;text-decoration:none!important;cursor:pointer;}
html:root body.sala #contenido .anatomia .vision-controls [data-vision-reset]{background:transparent!important;color:#75422d!important;}
html:root body.sala #contenido .anatomia .vision-controls button:hover{background:#75422d!important;color:#fff7eb!important;}
html:root body.sala #contenido .anatomia .vision-controls [data-vision-reset]:hover{background:rgba(166,109,78,.14)!important;color:#4c3024!important;}
html:root body.sala #contenido .anatomia .vision-controls button:focus-visible{outline:3px solid #a76d4e!important;outline-offset:3px;}
@media(max-width:767px){
 html:root body.sala #contenido .anatomia .an-reading-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:8px 0 20px!important;}
 html:root body.sala #contenido .anatomia .an-reading-tabs button{min-height:52px!important;padding:9px 10px!important;font-size:16px!important;}
 html:root body.sala #contenido .anatomia .vision-scene{width:100%!important;gap:30px!important;}
 html:root body.sala #contenido .anatomia .vision-controls{justify-content:center!important;gap:10px!important;}
 html:root body.sala #contenido .anatomia .vision-controls button{width:min(100%,320px);}
}

/* 2026-10-13: separate the two current training items without implying they are links. */
html:root body.atelier-compact #contenido .atelier-learning-list{gap:16px!important;}
html:root body.atelier-compact #contenido .atelier-learning-list li{box-sizing:border-box;margin:0!important;padding:16px!important;border:1px solid rgba(143,85,59,.24)!important;background:rgba(255,248,236,.42)!important;}
@media(max-width:767px){
 html:root body.atelier-compact #contenido .atelier-learning-list{gap:12px!important;}
 html:root body.atelier-compact #contenido .atelier-learning-list li{padding:14px!important;}
}
/* Keep only the upper rule of the imprint section. */
html:root body.sala #contenido .about-imprint > .about-recommendations {border-top:0 !important;}

/* Bring the professional-path introduction closer to its heading. */
@layer mobile-review-important {
 html:root body.sala #contenido #mi-recorrido > .contenedor:first-child > h3 {margin-bottom:16px !important;}
 html:root body.sala #contenido #mi-recorrido #trayectoria {padding-top:0 !important;}
 html:root body.sala #contenido #mi-recorrido #trayectoria .capitulos-apertura {margin-top:0 !important;}
}

/* Quote credits on their own line, music beside the personal-interest text. */
@layer mobile-review-important {
 html:root body.sala #contenido .esencia-quote-credit {display:block;margin-top:10px;font-size:var(--em-type-body) !important;line-height:1.4 !important;font-style:normal;font-weight:400;}
 html:root body.sala #contenido .esencia-quote-credit a {font-size:inherit !important;line-height:inherit !important;font-style:normal;font-weight:400;}
 html:root body.sala #contenido #mi-mirada .fuera:has(#t-fuera) {display:grid !important;grid-template-columns:minmax(0,1fr) minmax(280px,420px);gap:32px;align-items:start;}
 html:root body.sala #contenido #mi-mirada .fuera-summary {min-width:0;}
 html:root body.sala #contenido #mi-mirada .fuera-summary #t-fuera {margin:0 0 16px !important;}
 html:root body.sala #contenido #mi-mirada .fuera:has(#t-fuera) > .mirada-musica {grid-column:2;grid-row:1;align-self:start;margin:0 !important;width:100%;min-width:0;}
 html:root body.sala #contenido #mi-mirada .fuera:has(#t-fuera) .offscript-music {margin:0 !important;max-width:100%;}
 @media(max-width:780px) {
  html:root body.sala #contenido #mi-mirada .fuera:has(#t-fuera) {grid-template-columns:minmax(0,1fr);gap:20px;}
  html:root body.sala #contenido #mi-mirada .fuera:has(#t-fuera) > .mirada-musica {grid-column:1;grid-row:2;}
 }
}

/* A local still image is shown before activating the external player. */
@layer mobile-review-important {
 html:root body.sala #contenido .offscript-music .music-preview {display:block;width:100%;border:0;padding:0;margin:18px 0 0;background:transparent;color:#75422d;text-align:left;cursor:pointer;}
 html:root body.sala #contenido .offscript-music .music-preview[hidden] {display:none !important;}
 html:root body.sala #contenido .offscript-music .music-preview-image {display:block;position:relative;aspect-ratio:16/9;overflow:hidden;background:#1a1512;}
 html:root body.sala #contenido .offscript-music .music-preview-image img {display:block;position:absolute;width:112.962963% !important;max-width:none !important;height:auto !important;left:-3.240741%;top:-5.761317%;}
 html:root body.sala #contenido .offscript-music .music-preview-label {display:block;padding:10px 0 0;font:400 14px/1.4 'Hanken Grotesk',Arial,sans-serif;letter-spacing:.02em;}
 html:root body.sala #contenido .offscript-music .music-preview:focus-visible {outline:2px solid #a76d4e;outline-offset:5px;}
}

/* Let the activated video use the full section width, beyond the preview column. */
@layer mobile-review-important {
 html:root body.sala #contenido #mi-mirada .fuera:has(#t-fuera):has(.music-video:not([hidden])) > .mirada-musica,
 html:root body.sala #contenido #mi-mirada .fuera:has(#t-fuera) .offscript-music:has(.music-video:not([hidden])) {display:contents !important;}
 html:root body.sala #contenido #mi-mirada .fuera:has(#t-fuera):has(.music-video:not([hidden])) > .fuera-summary {grid-column:1;grid-row:1;}
 html:root body.sala #contenido #mi-mirada .fuera:has(#t-fuera) .offscript-music:has(.music-video:not([hidden])) > .music-toggle {grid-column:2;grid-row:1;justify-self:start;align-self:start;}
 html:root body.sala #contenido #mi-mirada .fuera:has(#t-fuera) .music-video:not([hidden]) {grid-column:1 / -1;grid-row:2;width:100% !important;max-width:none !important;min-width:0;margin:0 !important;}
 html:root body.sala #contenido #mi-mirada .fuera:has(#t-fuera) .music-video iframe {display:block;width:100% !important;max-width:none !important;aspect-ratio:16/9;height:auto !important;border:0;}
 html:root body.sala #contenido #mi-mirada .fuera:has(#t-fuera) .offscript-music:has(.music-video:not([hidden])) > .music-progress {grid-column:1 / -1;grid-row:3;width:100%;}
 @media(max-width:780px) {
  html:root body.sala #contenido #mi-mirada .fuera:has(#t-fuera) .offscript-music:has(.music-video:not([hidden])) > .music-toggle {grid-column:1;grid-row:2;}
  html:root body.sala #contenido #mi-mirada .fuera:has(#t-fuera) .music-video:not([hidden]) {grid-row:3;}
  html:root body.sala #contenido #mi-mirada .fuera:has(#t-fuera) .offscript-music:has(.music-video:not([hidden])) > .music-progress {grid-row:4;}
 }
}

/* Fotograma local limpio, encuadrado sin cargar YouTube. */
@layer mobile-review-important {
html:root body.sala #contenido #mi-mirada .music-preview-image img{width:130.909091%!important;left:-14.772727%!important;top:-19.232323%!important;max-width:none!important;height:auto!important;}
}
