body {
  background: url("../img/fondo.jpg") no-repeat center center fixed;
  background-size: cover;
  font-family: 'Arial', sans-serif;
}

.cardRNA {
	background-image: url("../img/back_01.jpg");
	background-repeat: no-repeat;
	border: 2px solid #b40e0e;
	border-radius: 8px;
	width: 90%;
	max-width: 600px;
	box-shadow: 0 0 15px rgba(0,0,0,0.1);
}


.tituloRNA {
  font-family: 'Georgia', serif;
  font-weight: 700;
  font-size: 48px;
  color: #3a2a0c;
  margin: 0;
}

.bg-rojo {
  background-color: #b40e0e;
  font-size: 15px;
  line-height: 1.4;
	color: #ffffff;
}

.texto-gris {
  color: #333;
  font-size: 15px;
}

.inputRNA {
  width: 200px;
  border-radius: 10px;
  text-align: center;
}

.btn-buscar {
	font-size: 13px;
  background-color: #2b1c0a;
  border-radius: 10px;
  padding: 6px 15px;
}

.btn-buscar:hover {
  background-color: #3b2b14;
}

.TextPeq{
	font-size: 13px;
	color: #564534;
	font-weight: bold;
}
.Titulo{
	font-size: 15px;
	color: #564534;
	font-weight: bold;
}

.Si{
	font-size: 15px;
	color: #006fac;
	font-weight: bold;
}

.No{
	font-size: 15px;
	color: #bc131a;
	font-weight: bold;
}

.explicacion {
	background-color: #f9f9f9;
	text-align: justify;
	border: 1px solid #ddd;
	border-radius: 8px;
	padding: 15px 20px;
	font-size: 11px;
	color: #333;
	line-height: 1.6;
}

	.explicacion ul {
		margin-top: 10px;
		padding-left: 20px;
	}

	.explicacion li {
		margin-bottom: 8px;
	}

.explicacion {
	max-width: 600px;
	margin: 0 auto;
}