
.caja {
width: 100%;
margin-left: auto;
margin-right: auto;
background-color: rgba(230,260,260,0.4);
padding: 1 px;
text-align: center;
font-size: 17px;
border-radius: 15px;
box-shadow: 2px 4px 6px black;
margin-bottom:30px;
margin-top:12px;
}
.caja2 {background-color: #fdf6ee; border-left: 5px solid #c1442f; border-radius: 30px; padding: 15px 15px; color: #4a2e1f; line-height: 1.6; box-shadow: 2px 2px 3px #222; margin-left: auto; margin-right: auto; background-size: cover;font-size: 15px}
				
.caja3 {background-color: #ffffee; border-left: 5px solid green; border-radius: 10px; padding: 15px 15px; color: #4a2e1f; line-height: 1.6; box-shadow: 2px 2px 3px #222; margin-left: auto; margin-right: auto; background-size: cover;font-size: 14px}	

        table {
            width: 100%;
            border-collapse: collapse;
            margin: 5px 0;
            background-color: #ffffff;
        }
        table th, table td {
            border: 1px solid #cccccc;
            padding: 4px;
            text-align: left;
            font-size: 13px;
            transition: font-size 0.3s ease, background-color 0.3s ease; /* Para una transición suave */
        }
        table th {
            background-color: #0073e6;
            color: #ffffff;
        }
        table tr:nth-child(even) {
            background-color: rgba(16, 206, 242, 0.15);
        }
        table td:hover {
            font-size: 14px; /* Tamaño mayor al pasar el ratón */
            //background-color: #e0ffe0; /* Cambia el color de fondo para resaltar */
        }
        h1 {
            text-align: center;
            color: #0073e6;
        }
       table2 {
            width: 100%;
           
}
ul {
  padding-left: 0rem;
  list-style-type: none;
}

ul li {
  padding: 5px;    
  padding-left: 2rem;
  background-image:  url('../images/star.png');
  background-position: 1px 11px;
  background-size: 1.5rem 0.8rem;
  background-repeat: no-repeat;
}
ul.a li {
  padding-left: 0rem;
  list-style-type: circle;
      background-image: none;
}

.cajavideo {
      box-sizing: content-box;
  width: 60%;
  background-color: rgba(250,250,250,0.15);
  box-shadow: 6px 6px 10px #000;
  border-radius: 10px;
  padding: 15px 25px 10px 15px;
  font-size: 20px;
  color:white;
}

ol {
  padding-left: 0rem;
 font-size: large
}

ol li {
  padding: 0px;    
  padding-left: 0rem;
font-size: medium
  background-position: 0px 11px;
  background-size: 1.5rem 0.8rem;
  background-repeat: no-repeat;
}

//////////////////
