#raio-plugin * {
  box-sizing: border-box;
  margin:0;
}

#raio-plugin body {
  margin: 0;
  font-family: sans-serif;
  background: black;
  color: white;
  height: 100vh;
  overflow: hidden;
}

#raio-plugin #missatges-container {
  height: 90vh;
  overflow-y: scroll;
  scroll-snap-type: y mandatory;
  scroll-padding-top: 0;
  padding: 1%;
}

#raio-plugin article.missatge {
  scroll-snap-align: start;
  height: 100vh;
  width: 100%;
  position: relative;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
}

#raio-plugin .contenido-outer {
  margin-top: 0;
  max-height: 100vh;
  overflow-y: auto;
  border: solid 2px #050095;
  padding: 10px;
  border-radius: 10px;
  margin-bottom: 2%;
}

#raio-plugin .adjunt {
  margin-top: 0.5rem;
}

#raio-plugin .adjunt img {
  border-radius: 6px;
  display: block;
}

#raio-plugin .contenido {
  background:rgba(255, 255, 255, 0.5);
  color: #050095;
  padding: 0.5rem;
  width: 100%;
  /*! border: solid 2px #050095; */
  /*! padding: 30px; */
  /*! margin: 10px; */
  /*! border-radius: 10px; */
}

#raio-plugin .assumpte {
  font-weight: bold;
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
}

#raio-plugin .cos {
  white-space: pre-wrap;
  font-size: clamp(0.9rem, 1vw, 1rem);
}

#raio-plugin .data {
  font-size: 0.9rem;
  color:#434343;
  margin-top: 1rem;
}

#raio-plugin .reverberacions {
  width: 100%;
  background: #05009521;
  padding: 1rem;
  backdrop-filter: blur(2px);
  color: #050095;
  font-size: clamp(0.9rem, 1vw, 1rem);
  border-radius: 10px;
}

#raio-plugin .reverberacio {
  margin-top: 1rem;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  padding-top: 0.5rem;
}