diff --git a/style.css b/style.css index 0d167ba..55e6564 100644 --- a/style.css +++ b/style.css @@ -653,9 +653,9 @@ body { } .news-wrapper { - max-width: 800px; /* Ajuste para a largura desejada da sua área de notícia */ - margin: 0 auto; /* Centraliza o conteúdo */ - padding: 20px; /* Adiciona um pouco de espaço interno */ + max-width: 800px; + margin: 0 auto; + padding: 20px; } .post-thumbnail.featured-image { @@ -667,7 +667,7 @@ body { .post-thumbnail.featured-image img { width: 100%; - height: auto; /* Mantém a proporção da imagem */ + height: auto; display: block; } @@ -676,14 +676,14 @@ body { height: 90px; display: flex; align-items: center; - justify-content: center; /* Centraliza horizontalmente */ + justify-content: center; } .logo-container img { - max-height: 100%; /* Garante que a imagem não ultrapasse a altura */ - max-width: 100%; /* Garante que a imagem não ultrapasse a largura */ - height: auto; /* Mantém a proporção */ - width: auto; /* Mantém a proporção */ + max-height: 100%; + max-width: 100%; + height: auto; + width: auto; } .logo-container h1 { @@ -691,7 +691,7 @@ body { font-size: 1.5rem; font-weight: 700; color: var(--azul-principal); - line-height: 1; /* Ajuste a altura da linha para centralizar verticalmente o texto */ + line-height: 1; } .header-container { @@ -1204,198 +1204,14 @@ function estimated_reading_time() { color: var(--azul-brilhante); } + /*-------------------------------------------------------------- # Estilos do Calendário --------------------------------------------------------------*/ /* ========================= Calendário Personalizado - Visual Moderno e Autoral ========================= */ -@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700&display=swap'); -.fc, .fc-unthemed { - font-family: 'Roboto', Arial, sans-serif !important; - background: #fff; - border-radius: 20px; - box-shadow: 0 4px 24px rgba(60,64,67,0.10); - border: none; - padding: 0 0 24px 0; - margin: 0 auto; - max-width: 420px; -} -.fc-toolbar, .fc-header-toolbar { - background: #f8f9fa; - border-radius: 20px 20px 0 0; - padding: 28px 32px 8px 32px; - display: flex; - align-items: center; - justify-content: space-between; - margin-bottom: 0; - border-bottom: 1px solid #e0e0e0; - box-shadow: 0 2px 8px rgba(60,64,67,0.06); - min-height: 64px; -} -.fc-toolbar .fc-center h2, .fc-header-toolbar .fc-center h2 { - color: #006494 !important; - font-size: 2em; - font-weight: 700; - margin: 0; - letter-spacing: 0.01em; - text-transform: capitalize; -} -.fc-toolbar .fc-left, .fc-toolbar .fc-right, -.fc-header-toolbar .fc-left, .fc-header-toolbar .fc-right { - display: flex; - gap: 0; -} -.fc-button { - background: none; - color: #1a73e8; - border: none; - border-radius: 50%; - width: 44px; - height: 44px; - display: flex; - align-items: center; - justify-content: center; - font-size: 1.6em; - transition: background 0.2s, color 0.2s; - box-shadow: none; - outline: none; - margin: 0 2px; -} -.fc-button svg { - width: 28px; - height: 28px; - display: block; -} -.fc-button:hover, .fc-button:focus, .fc-button.active { - background: #f1f3f4; - color: #1765c1; -} -.fc-button:disabled { - opacity: 0.4; - cursor: not-allowed; -} -.fc-unthemed .fc-day-header { - color: #8a8d91; - font-weight: 700; - background: none; - border: none; - font-size: 1em; - padding: 18px 0 10px 0; - letter-spacing: 0.12em; - text-transform: uppercase; -} -.fc-unthemed .fc-day { - background: #fff; - border: none; - border-radius: 16px; - transition: background 0.2s; - position: relative; - min-height: 64px; - margin: 2px 0; -} -.fc-unthemed .fc-day:hover { - background: #f6f8fa; - cursor: pointer; -} -.fc-unthemed .fc-other-month { - background: #f8f9fa; - color: #d0d0d0; - opacity: 1; -} -.fc-unthemed .fc-day-number { - color: #222; - font-weight: 500; - font-size: 1.18em; - z-index: 2; - position: relative; - padding: 0; - width: 38px; - height: 38px; - display: flex; - align-items: center; - justify-content: center; - border-radius: 50%; - margin: 0 auto 2px auto; - transition: background 0.2s, color 0.2s; -} -.fc-unthemed .fc-today .fc-day-number { - background: linear-gradient(135deg, #1a73e8 60%, #4fc3f7 100%); - color: #fff !important; - font-weight: 700; - box-shadow: 0 2px 8px rgba(26,115,232,0.10); -} -.fc-unthemed .fc-day.selected .fc-day-number, -.fc-unthemed .fc-day.active .fc-day-number { - background: #e3f2fd !important; - color: #1a73e8 !important; - font-weight: 700; -} -.fc-unthemed .fc-sat, .fc-unthemed .fc-sun { - background: #f6f8fa; -} -.fc-unthemed .fc-day-grid-event, .fc-unthemed .fc-event-dot { - background: none !important; - color: #1a73e8 !important; - border-radius: 50%; - font-size: 0.98em; - padding: 0; - margin: 0; - box-shadow: none; - border: none; - position: absolute; - left: 50%; - bottom: 8px; - transform: translateX(-50%); - width: 8px; - height: 8px; - background: #1a73e8 !important; - display: block; -} -.fc-unthemed .fc-day-grid-event { - background: #1a73e8 !important; -} -.fc-unthemed .fc-event-dot { - background: #4fc3f7 !important; -} -.fc-unthemed .fc-day-grid-event .fc-time { - display: none; -} -.fc-unthemed .fc-row { - min-height: 64px; -} -.fc-unthemed .fc-content-skeleton td, .fc-unthemed .fc-content-skeleton th { - border: none; -} -.fc-unthemed .fc-day-grid-container { - border-radius: 0 0 20px 20px; - overflow: visible; -} -.fc-unthemed .fc-day-grid { - min-height: unset; - max-height: unset; - height: auto; -} -.fc-unthemed .fc-day-grid .fc-row { - min-height: 64px; -} -.fc-unthemed .fc-row:last-child { - border-bottom-left-radius: 20px; - border-bottom-right-radius: 20px; -} -.fc-unthemed .fc-highlight { - background: #e3f2fd; -} -.fc-unthemed .fc-divider, .fc-unthemed .fc-widget-header, .fc-unthemed .fc-widget-content { - border: none; -} -.fc-unthemed .fc-popover { - background: #fff; - border-radius: 16px; - box-shadow: 0 4px 24px rgba(60,64,67,0.12); - color: #222; -} /* Força o FullCalendar v3 a exibir no máximo 5 linhas (semanas) no mês */ .fc-unthemed .fc-day-grid .fc-row:nth-child(6) { display: none !important; @@ -1450,4 +1266,4 @@ function estimated_reading_time() { } .fc-button.fc-prev-button:hover, .fc-button.fc-next-button:hover { background: #e3f2fd; -} \ No newline at end of file +}