/* Colégio Ômega — Nossa Estrutura (tour guiado) */
.estrutura { --acc: #FF822B; --acc2: #FFAA6D; --btn-tx: #0B2A3F; }
.estrutura .sobre-tit { color: #E8650F; }

/* topo: visão aérea */
.es-hero { position: relative; min-height: min(88vh, 780px); display: flex; align-items: flex-end; color: #fff; overflow: hidden; background: #08263A; }
.es-hero-bg { position: absolute; inset: 0; }
.es-hero-bg img { width: 100%; height: 100%; object-fit: cover; animation: es-voo 40s ease-in-out infinite alternate; }
@keyframes es-voo { from { transform: scale(1.08) translate(1%, 1%); } to { transform: scale(1.22) translate(-3%, -2%); } }
.es-hero::after { content: ''; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(8, 38, 58, .95) 0%, rgba(8, 38, 58, .45) 45%, rgba(8, 38, 58, .15) 100%); }
.es-hero-in { position: relative; z-index: 2; width: min(1200px, 100%); margin: 0 auto; padding: 60px clamp(16px, 4vw, 48px) 80px; }
.es-hero h1 { font-family: var(--disp); font-size: clamp(56px, 9vw, 120px); font-weight: 800; text-transform: uppercase; line-height: .95; margin: 18px 0 14px; animation: sobe .8s .1s both; }
.es-hero h1 em { font-style: normal; color: var(--acc); }
.es-hero-in > p { font-size: clamp(18px, 2.2vw, 23px); max-width: 620px; opacity: .95; animation: sobe .8s .2s both; }

/* roteiro fixo */
.es-roteiro { position: sticky; top: 106px; z-index: 40; background: rgba(255, 255, 255, .95); backdrop-filter: blur(10px); border-bottom: 1px solid var(--linha); box-shadow: 0 6px 20px rgba(8, 38, 58, .06); }
.es-roteiro-in { width: min(1200px, 100%); margin: 0 auto; display: flex; align-items: center; gap: 6px; padding: 10px clamp(16px, 4vw, 48px); overflow-x: auto; scrollbar-width: none; }
.es-roteiro-in::-webkit-scrollbar { display: none; }
.es-roteiro b { font-family: var(--disp); text-transform: uppercase; letter-spacing: 1px; color: #E8650F; margin-right: 8px; flex: none; }
.es-roteiro a { flex: none; display: inline-flex; align-items: center; gap: 6px; text-decoration: none; font-weight: 600; font-size: 15px; color: var(--tx2); padding: 7px 14px; border-radius: 99px; transition: .2s; }
.es-roteiro a i { font-style: normal; font-size: 12px; font-weight: 700; color: var(--acc); }
.es-roteiro a:hover { background: var(--fundo2); }
.es-roteiro a.ativo { background: #0D4D7D; color: #fff; }
.es-roteiro a.ativo i { color: var(--acc2); }

/* paradas */
.es-parada { padding: clamp(56px, 8vw, 100px) 0; scroll-margin-top: 170px; }
.es-parada:nth-of-type(even) { background: var(--fundo2); }
.es-parada-in { display: grid; grid-template-columns: 1.35fr 1fr; gap: clamp(28px, 5vw, 70px); align-items: center; }
.es-parada.inv .es-fotos { order: 2; }
.es-num { display: inline-block; font-family: var(--disp); font-weight: 700; font-size: 15px; letter-spacing: 2px; text-transform: uppercase; color: #fff; background: var(--acc); padding: 5px 14px; border-radius: 99px; }
.es-txt h2 { font-family: var(--disp); font-size: clamp(38px, 4.6vw, 60px); color: var(--navy); margin: 14px 0 12px; }
.es-txt p { font-size: 19px; color: var(--tx2); margin-bottom: 20px; }
.es-prox { font-weight: 700; color: #0D4D7D; text-decoration: none; border-bottom: 2px solid var(--acc); padding-bottom: 2px; }
.es-prox:hover { color: #E8650F; }

/* fotos de cada parada */
.es-fotos { display: grid; gap: 14px; }
.es-f.foto { margin: 0; border-radius: 22px; overflow: hidden; box-shadow: var(--sombra); }
.es-f img { width: 100%; height: 100%; object-fit: cover; aspect-ratio: 16/10; transition: transform .7s; }
.es-f:hover img { transform: scale(1.06); }
.es-fotos.n2 { grid-template-columns: 1.4fr 1fr; align-items: end; }
.es-fotos.n2 .es-f:nth-child(2) { transform: translateY(40px); }
.es-fotos.n2 .es-f:nth-child(2) img { aspect-ratio: 4/5; }
/* área de lazer: mosaico com 6 fotos */
.es-fotos.n6 { grid-template-columns: repeat(3, 1fr); grid-auto-rows: 150px; }
.es-fotos.n6 .es-f img { aspect-ratio: auto; }
.es-fotos.n6 .es-f:nth-child(1) { grid-column: span 2; grid-row: span 2; }
.es-tour { margin-top: 0; }

@media (max-width: 900px) {
  .es-parada-in { grid-template-columns: 1fr; }
  .es-parada.inv .es-fotos { order: 0; }
  .es-roteiro { top: 98px; }
  .es-fotos.n2 .es-f:nth-child(2) { transform: none; }
  .es-fotos.n6 { grid-auto-rows: 110px; }
  .es-txt p { font-size: 17px; }
}

/* fotos maiores (pedido 11/10) */
.es-parada-in { width: min(1480px, 100%); grid-template-columns: 1.9fr 1fr; gap: clamp(28px, 4vw, 56px); }
.es-f img { aspect-ratio: 4/3; }
.es-fotos.n1 .es-f img { aspect-ratio: 16/10; }
.es-fotos.n2 { grid-template-columns: 1.5fr 1fr; }
.es-fotos.n2 .es-f:nth-child(2) img { aspect-ratio: 3/4; }
.es-fotos.n6 { grid-auto-rows: clamp(150px, 15vw, 230px); }
.es-txt h2 { font-size: clamp(36px, 3.6vw, 54px); }
@media (max-width: 900px) {
  .es-parada-in { grid-template-columns: 1fr; }
  .es-fotos.n6 { grid-auto-rows: 120px; }
}

/* paradas com uma foto só: foto na altura inteira da seção, encostada na borda da tela */
.es-parada.um { padding: 0; }
.es-parada.um .es-parada-in { width: 100%; max-width: none; padding: 0; grid-template-columns: 1.6fr 1fr; gap: 0; align-items: stretch; min-height: min(82vh, 720px); }
.es-parada.um .es-fotos { position: relative; min-height: 460px; }
.es-parada.um .es-f.foto { position: absolute; inset: 0; border-radius: 0 48px 48px 0; box-shadow: none; }
.es-parada.um.inv .es-f.foto { border-radius: 48px 0 0 48px; }
.es-parada.um .es-f img { width: 100%; height: 100%; aspect-ratio: auto; }
.es-parada.um .es-txt { align-self: center; padding: clamp(48px, 6vw, 90px) clamp(24px, 5vw, 80px); max-width: 620px; }
.es-parada.um.inv .es-parada-in { grid-template-columns: 1fr 1.6fr; }
.es-parada.um.inv .es-txt { justify-self: end; }
@media (max-width: 900px) {
  .es-parada.um .es-parada-in, .es-parada.um.inv .es-parada-in { grid-template-columns: 1fr; min-height: 0; }
  .es-parada.um .es-fotos { min-height: 340px; }
  .es-parada.um .es-f.foto, .es-parada.um.inv .es-f.foto { border-radius: 0 0 36px 36px; }
  .es-parada.um .es-txt { padding: 36px 16px 56px; }
}
.es-f.foto { padding: 0; border: 0; }