/* Camara Cidada: uma coluna de 80% pentru tot, scara in em pe fontul de baza clamp(17px,1.3vw,32px). Incarcat ultimul; bate fidelity.css/diario.css (px fixe, full-bleed 100vw). */
.turismo.school-home .wrap,.turismo footer.site-footer .f-in{width:80%;max-width:none;margin-inline:auto}
.turismo.school-home main>.hero,.turismo.school-home main>.section,.turismo.school-home main>.development,.turismo.school-home main>.demo,.turismo.school-home main>.what{width:auto;margin-left:0;margin-right:0;padding-inline:0}
.turismo.school-home main>.section{padding-block:2.2em}
/* cabecalho */
.turismo.school-home .header{height:auto;min-height:5.2em;max-height:none;gap:2em}
.turismo.school-home .brand{width:12em;max-width:none}
.turismo.school-home .nav{gap:2em;margin-left:2em}
.turismo.school-home .nav a{font-size:.9em}
.turismo.school-home .theme-toggle{font-size:.9em;min-width:7.5em;padding-left:3.4em;background-size:1.7em;background-position:1em center}
/* hero */
.turismo.school-home .hero{display:grid;grid-template-columns:1.05fr 1fr;gap:3em;align-items:center;height:auto;min-height:0;max-height:none;overflow:visible;padding-block:1.5em}
.turismo.school-home .hero-copy{width:auto;height:auto;padding:1em 0}
.turismo.school-home .hero h1{font-size:2.9em}
.turismo.school-home .hero-copy>p:not(.eyebrow):not(.caption){font-size:1.1em;max-width:34em}
.turismo.school-home .hero .eyebrow{font-size:.85em}
.turismo.school-home .button{font-size:.95em;min-height:2.9em;padding:.55em 1.3em;gap:.8em}
.turismo.school-home .button span{width:1.1em;height:1.1em}
.turismo.school-home .hero .caption,.turismo .caption{font-size:.85em!important}
.turismo .status{font-size:.95em;padding:.2em .8em}
.turismo.school-home .hero-art,[data-theme=dark] .turismo.school-home .hero-art{position:static;width:100%;height:auto;aspect-ratio:1600/951;mask-image:none;margin:0;object-fit:contain}
/* o que e / pentru ce */
.turismo .what{display:grid;grid-template-columns:1fr 1fr;gap:2em;width:auto;margin:1em 0;padding:1.6em 2em;font-size:1em;line-height:1.45;background:var(--soft);border:1px solid var(--line);border-radius:.3em}
.turismo .what h3{font-size:1.15em;margin:0 0 .5em}
.turismo .what ul{margin:0;padding-left:1.2em;display:grid;gap:.4em}
.turismo .what p{color:var(--ink)}
.turismo .panel-list{font-size:.95em}
/* capturi (sus, vizibile repede): 3 telefoane + panoul intr-un rand */
.turismo .shots{display:grid;grid-template-columns:repeat(3,1fr) 2.2fr;gap:1.6em;align-items:start}
.turismo .shots>h2,.turismo .shots>.caption{grid-column:1/-1;margin:0}
.turismo .shot-row{display:contents}
.turismo .shots figure{margin:0}
.turismo .shots{align-items:stretch}
.turismo .shots figure{display:flex;flex-direction:column}
.turismo .shots img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:top;border:1px solid var(--line);border-radius:.8em}
.turismo .shot-wide img{aspect-ratio:auto;flex:1 1 0;min-height:0}
.turismo .shots figcaption{margin-top:.5em;font-size:.9em;color:var(--muted)}
.turismo .shot-wide{grid-column:4;margin-top:0!important}
/* drum */
.turismo.school-home .journey{height:auto;min-height:0;max-height:none}
.turismo.school-home .flow{gap:2em;margin-top:1.2em}
.turismo .journey-step{grid-template-columns:4.2em 1fr;gap:1em}
.turismo .icon-disc{width:4.2em;height:4.2em}
.turismo .icon-disc img{width:2em;height:2em}
.turismo.school-home .journey-step .number{font-size:1.9em}
.turismo.school-home .journey-step h3{font-size:1.2em}
.turismo.school-home .journey-step p{font-size:.95em;white-space:normal}
.turismo .journey-step:not(:last-child):after{right:-1.3em;top:1.5em;width:1.4em;height:1.2em}
/* module: filele ocupa coloana, captura in dreapta */
.turismo.school-home .roles{height:auto;min-height:0;max-height:none;overflow:visible;padding-top:2.2em;display:block}
.turismo.school-home .role-layout{width:100%;grid-template-columns:13em 1fr;gap:2.2em}
.turismo.school-home .role-list{padding-right:1.6em}
.turismo.school-home .role-tab{font-size:1em;padding:.5em 1em;min-height:2.6em;white-space:normal}
.turismo.school-home .role-panel{display:grid;grid-template-columns:1fr 1fr;gap:2.4em;align-items:center}
.turismo.school-home .role-panel[hidden]{display:none}
.turismo.school-home .role-panel h3{font-size:1.5em;white-space:normal}
.turismo.school-home .role-panel p,.turismo .text-link{font-size:1em}
.turismo .role-panel>img{width:100%;max-height:24em;object-fit:contain;border-radius:.6em;mix-blend-mode:normal}
.turismo .role-panel>img[src$=".svg"]{mix-blend-mode:multiply}
/* status + demo */
.turismo.school-home .development{display:flex;align-items:center;justify-content:space-between;gap:2em;height:auto;min-height:0;max-height:none;padding:1.2em 1.6em;border-radius:.3em}
.turismo.school-home .development>div{gap:1.2em}
.turismo.school-home .development .eyebrow{font-size:.85em;line-height:1.6;padding-right:1.2em}
.turismo.school-home .development>p{font-size:.95em;margin:0;flex:1;text-align:right}
.turismo .tag{font-size:.8em;padding:.3em .8em}
.turismo.school-home .demo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3em;align-items:center;height:auto;min-height:0;max-height:none;padding:2.2em 2.4em;margin:2em 0;border:1px solid var(--line);border-radius:.3em;overflow:hidden}
.turismo.school-home .demo>div{width:auto}
.turismo.school-home .demo h2{font-size:clamp(28px,2.55vw,45px)}
.turismo.school-home .demo p{font-size:1em}
.turismo.school-home .demo .caption{font-size:.85em!important}
.turismo.school-home .demo img{position:static;width:100%;margin:0;height:auto;max-height:18em;object-fit:contain;mask-image:none;mix-blend-mode:multiply;z-index:auto}
[data-theme=dark] .turismo.school-home .demo img,[data-theme=dark] .turismo .role-panel>img[src$=".svg"]{mix-blend-mode:normal;opacity:.85}
/* rodape: acelasi 80%, scara relativa */
.turismo footer.site-footer{font-size:clamp(17px,1.3vw,32px);line-height:1.5}
.turismo footer.site-footer .f-brand p{font-size:1em;max-width:24em}
.turismo footer.site-footer .f-brand img{height:3em}
.turismo footer.site-footer h3{font-size:1.1em;line-height:1.5}
.turismo footer.site-footer .f-ct,.turismo footer.site-footer .f-bottom p,.turismo footer.site-footer .f-legal a{font-size:.9em;line-height:1.5}
.turismo footer.site-footer .f-sub{font-size:.85em;line-height:1.4}
.turismo footer.site-footer .si{width:1.2em;height:1.2em}
@media(max-width:899px){
  .turismo.school-home .wrap,.turismo footer.site-footer .f-in{width:auto;margin-inline:20px;padding-inline:0}
  .turismo.school-home .header{gap:.8em}
  .turismo.school-home .brand{width:9em}
  .turismo.school-home .hero{grid-template-columns:1fr;gap:.5em}
  .turismo.school-home .hero h1{font-size:2.5em}
  .turismo.school-home .hero-art,[data-theme=dark] .turismo.school-home .hero-art{width:100%;margin:0}
  .turismo .what{grid-template-columns:1fr;gap:1em;padding:1.2em}
  .turismo .shots{grid-template-columns:1fr 1fr}
  .turismo .shot-wide{grid-column:1/-1}
  .turismo .shot-wide img{aspect-ratio:1200/817;flex:none}
  .turismo.school-home .flow{grid-template-columns:1fr 1fr;gap:1.6em 1em}
  .turismo .journey-step:after{display:none}
  .turismo.school-home .role-layout{grid-template-columns:1fr;gap:1em}
  .turismo.school-home .role-list{padding-right:0}
  .turismo.school-home .role-panel{grid-template-columns:1fr;gap:1em}
  .turismo.school-home .development{display:block}
  .turismo.school-home .development>p{text-align:left;margin-top:.8em}
  .turismo.school-home .demo{grid-template-columns:minmax(0,1fr);gap:1em;padding:1.4em}
}
@media(max-width:560px){
  .turismo .shots{grid-template-columns:1fr;max-width:420px}
  .turismo.school-home .flow{grid-template-columns:1fr}
  .turismo.school-home .button{font-size:.95em}
}
/* Rota Enxaimel: duas capturas e grade de modulos (sem abas) */
.turismo .shots{grid-template-columns:1fr 1fr}
.turismo .shot-wide{grid-column:auto}
.turismo .shots img,.turismo .shot-wide img{aspect-ratio:16/9;flex:none;object-position:top}
.turismo .mods{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4em}
.turismo .mods article{background:var(--surface);border:1px solid var(--line);border-radius:.6em;padding:1.2em 1.4em}
.turismo .mods h3{margin:0 0 .5em;font-size:1.1em}
.turismo .mods ul{margin:0;padding-left:1.2em;display:grid;gap:.4em}
@media(max-width:900px){.turismo .mods{grid-template-columns:1fr}.turismo .shots{grid-template-columns:1fr;max-width:none}}