html {
	border-left: 1px #4a5759;
	border-right: 1px #4a5759;
	background-color: #ffffff;
	color: #000000;
	font-family: Century Gothic;
	margin: 0px 200px;
	padding: 0px;
	text-align: center;
	box-shadow: 0px 2px 9px 0px;
}

body {
	margin: 0px;
	padding: 0px;
}

.intro {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 50px auto;
  max-width: 800px;
  gap: 40px;
}

.intro img {
  width: 250px;
  height: auto;
  border: 1px;
}

.intro-texto {
  display: flex;
  flex-direction: column;
  text-align: left;
  gap: 0px;
  padding-top: 40px;
}

.sinopse {
	line-height: 1.6;
	padding: 0px 50px;
}

.menu {
	margin-top: 20px;
	display: flex;
	gap: 0px;
	align-items: center;
	width: 100%;
}

.menu ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	display: flex;
	width: 100%;
	flex-basis: 100%;
	flex-grow: 1;
	justify-content: space-between;
}

.menu li {
	background-color: #000814;
	padding: 10px;
	flex: 1;
	text-align: center;
	margin: 0 1px;
}

.menu a {
	color: #ffffff;
	text-decoration: none;
	display: block;
}

.dias-sessao {
	padding: 10px 0px;
	display: flex;
	text-align: left;
	flex-direction: column;
	gap: 0px;	
}

.dias-sessao ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	display: flex;
	width: 100%;
	flex-basis: 100%;
	flex-grow: 1;
	justify-content: space-between;
}

.dias-sessao li {
	list-style: none;
	background-color: #012a4a;
	padding: 10px;
	flex: 1;
	text-align: center;
	margin: 0 1px;
}

.dias-sessao a {
	color: #ffffff;
	text-decoration: none;
	display: block;
}

.agenda div {
	padding: 0px;
	margin: 0px;
}

.agenda ul {
	list-style: none;	
	padding: 0px;
	margin: 0px;
}

.agenda h2 {
	margin: 0px;
	margin-block: none;
	text-align: center;
}

.plataformas {
	display: flex;
	justify-content: space-between;
	gap: 10px;
	flex-wrap: wrap;
}

.plataformas div {
	flex: 1 0 50%;
	margin: 0px;
	padding: 10px;
	margin: 0px 220px;
	border: 1px solid #4a5759;
	border-radius: 10px;
	text-align: center;
}

.plataformas a {
	color: #000000;
	text-decoration: none;
}

.plataformas p {
	margin: 18px 0px 14px 0px;
}

.disney{
	display: flex;
	align-items: left;
	gap: 10px;
	justify-content: center;
	margin: 25px auto;
	max-width: 800px;
}

.google{
	display: flex;
	align-items: left;
	gap: 10px;
	justify-content: center;
	margin: 25px auto;
	max-width: 800px;
}

.google img {
	border-radius: 25%;
}

.apple{
	display: flex;
	align-items: center;
	gap: 10px;
	justify-content: center;
	margin: 25px auto;
	max-width: 800px;
}

.apple img {
	border-radius: 25%;
}

.cinema{
	display: flex;
	align-items: center;
	gap: 10px;
	justify-content: center;
	margin: 25px auto;
	max-width: 800px;
}

.cinema img {
	border-radius: 25%;
}

footer {
	margin: 0px;
	padding: 0px;
	background-color: #e0e1dd;
}

footer p {
	margin: 20px 0px 0px 0px;
	padding: 20px 0px 20px 0px;
}


.caixa-de-texto strong {
  display: inline-flex;
  /* Permite alinhar o emoji e o texto lado a lado */
  align-items: center;
  /* Alinha verticalmente o emoji com o texto */
  font-size: 1.2rem;
  /* Define o tamanho do texto do título da curiosidade */
  color: #0d47a1;
  /* Define a cor do texto como azul escuro */
  margin-bottom: 8px;
  /* Espaço abaixo do título da curiosidade */
}

.caixa-de-texto strong::before {
  content: attr(data-emoji);
  /* Insere o emoji definido no atributo data-emoji */
  margin-right: 8px;
  /* Espaço entre o emoji e o texto do título */
  font-size: 1.4rem;
  /* Define um tamanho maior para o emoji */
}

.caixa-de-texto ul {
  list-style: none;
  /* Remove os marcadores padrão da lista */
  padding-left: 0;
  /* Remove o recuo padrão da lista */
}

.caixa-de-texto ul>li {
  position: relative
  /* Permite posicionar o marcador personalizado */
  padding-left: 24px;
  /* Espaço à esquerda para o marcador */
  margin-bottom: 6px;
  /* Espaço entre os itens da lista interna */
  line-height: 1.4;
  /* Altura da linha para melhor legibilidade */
}

.caixa-de-texto ul>li::before {
  position: absolute;
  /* Posiciona o marcador em relação ao item */
  left: 0;
  /* Alinha o marcador à esquerda do item */
  top: 0;
  /* Alinha o marcador ao topo do item */
  color: #1976d2;
  /* Define a cor do marcador como azul médio */
}

.caixa-de-texto {
	list-style: none;
}

h3 {
	font-size: 30px;
}

.background {
      border-radius: 30px;
      padding: 20px;
      text-align: center;
      margin-bottom: 40px;
	  background-image:url("imagens/colorido.jpg");
      color: white  
	}