/* Only geometric section transitions; approved homepage styles remain intact. */
.home-page{--hero:#0b0b13;--paper:#eae7df;--universe:#e6ddd2;--stage:#17130f;--journal:#f2f0e9;--contact:#d4b28e;--footer:#191511}
.home-page .section-divider{--divider-height:clamp(48px,6.5vw,100px);height:var(--divider-height);background:var(--divider-from);overflow:hidden;margin-bottom:-2px;position:relative;z-index:2;border:0;outline:0}
.home-page .section-divider svg{display:block;width:100%;height:100%;overflow:visible}
.home-page .section-divider polygon{fill:var(--divider-to);stroke:var(--divider-to);stroke-width:3}
.home-page .section-divider polyline{fill:none;stroke:#d67b26;stroke-width:2}
.home-page .photo-boundary{height:2px;background:#d67b26;margin:0;border:0;position:relative;z-index:2}
.home-page .introduction{background:var(--paper)}
.home-page .universe-section{background:var(--universe)}
.home-page .journal{background:var(--journal)}
.home-page footer{border-top:0}
@media(max-width:700px){.home-page .section-divider{height:48px}.home-page .section-divider polyline{stroke-width:1.5}}

/* Retrato da home: o recorte parte do topo, para a cabeça nunca ficar cortada (o centro cortava a cabeça atrás da barra de navegação). */
.home-page .campaign-image{object-position:70% 0 !important}

/* Áreas de toque no celular: links e botões com pelo menos 44px e espaço entre eles (Facilidade de uso em dispositivos móveis). */
@media(max-width:760px){
.brand{display:inline-flex;align-items:center;justify-content:center;min-width:48px;min-height:48px}
.breadcrumbs a{display:inline-flex;align-items:center;min-height:44px;padding:0 8px}
.breadcrumbs span{margin:0 2px}
.article-byline a{display:inline-flex;align-items:center;gap:.3em;min-height:44px}
summary{display:flex;align-items:center;min-height:44px}
.indice-mobile li{margin:0}.indice-mobile li a{display:inline-block;padding:10px 0}
.author a,.share a,.share button{display:inline-flex;align-items:center;min-height:44px;padding:0 6px}
footer .footer-top>div>a{display:inline-flex;align-items:center;min-height:44px}
.footer-nav{display:flex;flex-wrap:wrap;gap:4px 10px}
.footer-nav a,.legal-links a{display:inline-flex;align-items:center;min-height:44px;padding:0 10px}
.legal-links{display:flex;flex-wrap:wrap;gap:0 4px}
.pagination a,.pagination .current{min-width:44px;height:44px}
.cat-chips .category-chip{min-height:44px}
}
