diff --git a/calendario.html b/calendario.html
index 82d07f8..2f3f38c 100644
--- a/calendario.html
+++ b/calendario.html
@@ -327,7 +327,7 @@ function renderFeriados() {
/* ===== DADOS ===== */
let agendaData = [
- { hora: "08:15 – 09:15", titulo: "Evento 1", cor: "azul" },
+ { hora: "08:15 – 09:15", titulo: "Eu gosto", cor: "azul" },
{ hora: "10:00 – 11:00", titulo: "Evento 2", cor: "rosa" }
];
diff --git a/login.css b/login.css
index 1d0563a..6d8869f 100644
--- a/login.css
+++ b/login.css
@@ -1,182 +1,126 @@
- * {
- padding: 0;
- margin: 0;
- }
-
- p, h1, h2, h3 {
- font-family: 'Poppins', sans-serif;
- }
-
- body {
- background: #eee;
- }
-
- /* HEADER */
- #header {
- width: 100%;
- height: 50px;
- position: fixed;
- top: 0;
- left: 0;
- background: linear-gradient(to right, #C0392B 47%, #7A4951 73%, #114455 87%);
- display: flex;
- align-items: center;
- z-index: 10;
- }
-
- #title {
- padding-left: 20px;
- font-size: 28px;
- color: white;
- }
-
- /* BARRA ESQUERDA */
- #barraesquerda {
- position: fixed;
- left: 0;
- top: 0;
- width: 320px;
- height: 100vh;
- background-color: #C0392B;
- padding: 16px;
- box-sizing: border-box;
- display: flex;
- flex-direction: column;
- }
-
- #calendario {
- flex: 1;
- padding-top: 60px;
- display: flex;
- flex-direction: column;
- gap: 16px;
- }
-
- .calendariotop {
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
-
- #mes {
- color: white;
- font-size: 20px;
- font-weight: 600;
- }
-
- .calendarseta {
- display: flex;
- gap: 8px;
- }
-
- .prox, .ant {
- border: none;
- background: none;
- color: white;
- cursor: pointer;
- font-size: 18px;
- }
-
- /* CALENDÁRIO */
- .calendariodia {
- width: 100%;
- border-collapse: collapse;
- }
-
- .calendariodia th,
- .calendariodia td {
- text-align: center;
- padding: 6px;
- font-size: 12px;
- font-family: 'Inter', sans-serif;
- }
-
- .calendariodia th {
- color: rgba(255, 255, 255, 0.7);
- }
-
- .calendariodia td {
- color: white;
- position: relative;
- }
-
- .calendariodia td::after {
- content: "";
- width: 5px;
- height: 5px;
- background: white;
- border-radius: 50%;
- position: absolute;
- bottom: 2px;
- left: 50%;
- transform: translateX(-50%);
- }
-
- /* outro mês */
- .calendariodia td.outromes {
- color: rgba(255,255,255,0.4);
- }
-
- .calendariodia td.outromes::after {
- background: rgba(255,255,255,0.2);
- }
-
- /* hoje */
- .calendariodia td.today {
- background: #b2ff67;
- color: black;
- border-radius: 50%;
- }
-
- /* ===== AGENDA ===== */
- .agenda {
- margin-top: 10px;
- color: white;
- font-family: 'Inter', sans-serif;
- }
-
- .agenda-header {
- font-size: 13px;
- margin-bottom: 10px;
- border-top: 1px solid rgba(255,255,255,0.2);
- padding-top: 10px;
- }
-
- .evento {
- position: relative;
- padding-left: 14px;
- margin-bottom: 12px;
- }
-
- .evento::before {
- content: "";
- width: 6px;
- height: 6px;
- border-radius: 50%;
- position: absolute;
- left: 0;
- top: 6px;
- }
-
- .evento.azul::before {
- background: #00c2ff;
- }
-
- .evento.rosa::before {
- background: #ff4fa3;
- }
-
- .hora {
- font-size: 11px;
- opacity: 0.8;
- }
-
- .titulo {
- font-size: 13px;
- font-weight: 500;
- }
-
- .link {
- font-size: 11px;
- color: #ffb3b3;
- }
\ No newline at end of file
+* {
+ padding: 0;
+ margin: 0;
+ }
+
+ p,
+ h1,
+ h2,
+ h3 {
+ color: black;
+ margin: 0;
+ font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
+ }
+
+ label{
+ display: block;
+ }
+
+ body {
+ height: 100vh;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ }
+
+ @media (max-width: 768px) {
+ body {
+ padding-left: 20px;
+ padding-right: 20px;
+ justify-content: center;
+ }
+ }
+
+ @media (max-width: 480px) {
+ #log {
+ width: 100% !important;
+ max-width: 320px;
+ }
+
+ }
+ #topo {
+ width: 100%;
+ height: 50px;
+ background-color: #111;
+ position: fixed;
+ top: 0;
+ left: 0;
+ background: linear-gradient(to right, #C0392B 47%, #7A4951 73%, #114455 87%);
+ display: flex;
+ align-items: center;
+ justify-content: flex-start;
+ }
+
+ #textotop {
+ padding-left: 20px;
+ font-size: 38px;
+ margin: 0;
+ font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
+ }
+
+ #log {
+ width: 350px;
+ display: flex;
+ flex-direction: column;
+ gap: 15px;
+ color: white;
+ margin-top: 70px; /* Compensa a barra fixa do topo */
+ }
+ #campo {
+ display: flex;
+ flex-direction: column;
+ gap: 15px;
+ align-self: center;
+ }
+ #menslog{
+ font-size: 20px;
+ }
+
+ #emailid, #senhaid {
+ height: 50px;
+ width: 100%;
+ padding: 10px;
+ font-size: 16px;
+ border: 1px solid #ccc;
+ border-radius: 4px;
+ box-sizing: border-box;
+ }
+
+ label {
+ display: block;
+ margin-bottom: 5px;
+ font-weight: bold;
+ color: white;
+ }
+
+ form {
+ display: flex;
+ flex-direction: column;
+ gap: 15px;
+ width: 100%;
+ }
+
+ #logbtn {
+ align-self: center;
+ width: 50%;
+ padding: 12px;
+ font-size: 18px;
+ font-weight: bold;
+ background-color: #C0392B;
+ color: white;
+ border: none;
+ border-radius: 4px;
+ cursor: pointer;
+ transition: background-color 0.3s;
+ }
+
+ #logbtn:hover {
+ background-color: #A03224;
+ }
+ .mens {
+ align-self: center;
+ }
+ #linkcada{
+ color: #111;
+ text-decoration: none;
+ }
\ No newline at end of file
diff --git a/login.html b/login.html
index 4482627..104b6f2 100644
--- a/login.html
+++ b/login.html
@@ -3,8 +3,9 @@
-
+
+
Login