/* Sobre Page Styles */

/* Page Header */
.page-header { background: linear-gradient(135deg, #873b4b 0%, #9f643d 100%); color: white; padding: 120px 0 60px; text-align: center; margin-top: 76px; }
.page-title { font-size: 3rem; font-weight: 700; margin-bottom: 1rem; text-transform: uppercase; letter-spacing: 2px; }
.page-subtitle { font-size: 1.2rem; opacity: 0.9; max-width: 600px; margin: 0 auto; }

/* Seções Principais */
.sobre-section, .historia-section, .valores-section { padding: 80px 0; }
.sobre-section { background: #ecba78; margin-top: 24px; }
.historia-section { background: #fff3d8; }
.valores-section { background: #ecba78; }

/* Layout de Conteúdo */
.sobre-content, .historia-content, .valores-content { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
.historia-content { grid-template-columns: 1fr 1fr; }
.font-h2 { font-size: 2.5rem; color: #523827; margin-bottom: 2rem; font-weight: 700; text-align: center; }

/* Texto das Seções */
.sobre-text h2, .historia-text h2, .valores-text h2 { font-size: 2.5rem; color: #523827; margin-bottom: 2rem; font-weight: 700; }
.sobre-text p, .historia-text p, .valores-text p { font-size: 1.1rem; line-height: 1.8; color: #523827; margin-bottom: 1.5rem; text-align: justify; }

/* Remover todos os efeitos de hover dos textos */
.sobre-text, .historia-text, .valores-text { transition: none !important; transform: none !important; }
.sobre-text:hover, .historia-text:hover, .valores-text:hover { transform: none !important; color: #523827 !important; }

/* Forçar cor fixa para todos os parágrafos */
.sobre-text p, .historia-text p, .valores-text p { color: #523827 !important; }
.sobre-text p:hover, .historia-text p:hover, .valores-text p:hover { color: #523827 !important; transform: none !important; }

/* Museum Photo Style - Same as museu-detalhes.html */
.museum-photo { height: 550px; width: 550px; background: linear-gradient(135deg, #666 0%, #888 100%); border-radius: 20px; display: flex; align-items: center; justify-content: center; color: white; font-weight: 500; margin: 0 auto; background-size: cover; background-position: center; background-repeat: no-repeat; }

/* Banner Images - Legacy support */
.banner-image { width: 100%; height: 300px; object-fit: cover; border-radius: 10px; box-shadow: 0 10px 30px rgba(82, 56, 39, 0.2); cursor: default; pointer-events: none; }
.banner-image:hover { transform: none !important; box-shadow: 0 10px 30px rgba(82, 56, 39, 0.2) !important; scale: 1 !important; }

/* Fallback for banner placeholders */
.banner-placeholder { background: linear-gradient(135deg, #873b4b 0%, #9f643d 100%); height: 300px; display: flex; align-items: center; justify-content: center; border-radius: 10px; box-shadow: 0 10px 30px rgba(82, 56, 39, 0.2); }
.banner-placeholder span { color: white; font-size: 1.5rem; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; }


/* Responsividade */
@media (max-width: 768px) {
  .page-header { padding: 100px 0 40px; }
  .page-title { font-size: 2rem; }
  .page-subtitle { font-size: 1rem; }
  .sobre-content, .historia-content, .valores-content { grid-template-columns: 1fr; gap: 40px; }
  .sobre-text h2, .historia-text h2, .valores-text h2 { font-size: 2rem; }
  .sobre-text p, .historia-text p, .valores-text p { font-size: 1rem; }
  .museum-photo { height: 400px; width: 100%; }
  .banner-image { height: 200px; }
  .banner-placeholder { height: 200px; }
  .banner-placeholder span { font-size: 1.2rem; }
  .sobre-section, .historia-section, .valores-section { padding: 60px 0; }
  .footer-logos-grid { grid-template-columns: 1fr; gap: 28px; text-align: center; }
  .logos-row { justify-content: center; gap: 16px; }
  .footer-logo { height: 48px; }
}

@media (max-width: 480px) {
  .page-title { font-size: 1.8rem; }
  .sobre-text h2, .historia-text h2, .valores-text h2 { font-size: 1.8rem; }
  .museum-photo { height: 300px; width: 100%; }
  .banner-image { height: 150px; }
  .banner-placeholder { height: 150px; }
  .banner-placeholder span { font-size: 1rem; }
}

/* Estilo para links no texto */
.sobre-text a, .historia-text a, .valores-text a { color: #9f643d; text-decoration: none; font-weight: 500; }

/* Desabilitar efeitos de hover APENAS no conteúdo das páginas, não no header */
.sobre-section *, .historia-section *, .valores-section * { transition: none !important; animation: none !important; }
.sobre-section *:hover, .historia-section *:hover, .valores-section *:hover { transform: none !important; scale: 1 !important; color: inherit !important; background-color: inherit !important; }

.banner-image, .sobre-banner img, .historia-banner img, .valores-banner img { pointer-events: none !important; cursor: default !important; }