/* html {
    font-family: 'Roboto', sans-serif;
} */

body {
  /* font-family: "Roboto", cursive; */
  /* background-color: rgb(230, 239, 247); */
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  background-color: #f0f2f5;
  color: #202124;
  /* font-size: x-large */
  /* background-color: black; */
}

a {
  text-decoration: none;
}

/* .nav-bar-app {
    border-bottom: 1px solid;
    border-color: rgb(179, 174, 174);
    background-color: rgb(255, 255, 255);
} */

.logo-flutuante {
  position: fixed;
  z-index: 10000;
  width: 40px;
  left: 10px;
}

.bg-verde {
  background-color: rgb(72, 148, 131) !important;
}

.bg-verde-claro {
  background-color: rgb(177, 202, 197) !important;
}

.avisos-title {
  background-color: rgb(58, 75, 72);
  color: aliceblue;
}

.culto-box {
  font-size: x-large;
}

.splash {
  position: fixed;
  z-index: 1000000;
  width: 100%;
  height: 100vh;
  background-color: rgb(177, 202, 197);
  text-align: center;
  justify-content: center;
}

/* .splash img {} */

.loader {
  min-width: 300px;
  display: block;
  margin: auto;
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* novo */

.ibm-logo-panel p {
  font-size: small;
}

.progamacao .btn {
  font-size: x-large;
}

.redes-sociais {
  background-color: rgb(49, 75, 70);
}

.text-redes-sociais {
  font-size: x-small;
  text-decoration: none;
}

.btn-menu-top {
  background-color: rgb(72, 148, 131) !important;
  border-color: aliceblue;
  font-size: large;
  padding: 15px;
}

.menu {
  color: rgb(214, 214, 214) !important;
}

.menu:hover {
  background-color: rgb(53, 52, 52) !important;
  color: rgb(241, 241, 241) !important;
  cursor: pointer;
}

.avisos {
  height: 300px;
  text-align: center;
  overflow-y: auto;
  font-size: small;
}

.escala-lista {
  background-color: #fefefe;
}

.escala-lista .btn {
  font-size: x-large;
}

.creditos {
  font-size: small;
}

.min-pastoral {
  border-radius: 5px;
  border-top-right-radius: 25px;
  border-bottom-left-radius: 25px;
}

.bg-verde-claro {
  background-color: rgb(137, 173, 165) !important;
  color: #fefefe;
}

.hide {
  display: none;
}

hr {
  margin: 0px !important;
  padding: 0px !important;
  margin-top: 0px !important;
}

.day-card {
  background-color: #ffffff;
  border: none;
  border-radius: 10px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s, box-shadow 0.2s;
}

.day-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}

.day-header {
  background-color: #1a73e8;
  color: white;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 10px;
  font-size: 1.2rem;
  font-weight: bold;
}

.event-item {
  padding: 10px;
  border-bottom: 1px solid #e9ecef;
}

.event-item:last-child {
  border-bottom: none;
}

.event-time {
  font-weight: bold;
  color: #34a853;
}

.event-description {
  color: #5f6368;
}

.icon {
  margin-right: 10px;
}

.bg-primary-custom {
  background-color: #1a73e8 !important;
}

.bg-secondary-custom {
  background-color: #34a853 !important;
}

.bg-highlight {
  background-color: #fbbc05 !important;
  color: #202124 !important;
}

.text-highlight {
  color: #fbbc05 !important;
}

.table-custom th,
.table-custom td {
  border-color: #e9ecef;
}

.bg-cinza-claro {
  background-color: #f1f1f1 !important;
  color: #212121;
  border-radius: 8px;
  padding: 10px;
  margin-top: 10px;
}

.l {
  margin-bottom: 5px;
  border-bottom: 0.3px solid rgba(177, 175, 175, 0.158); /* Borda fina com opacidade */
}