body{
font-family: Arial, Helvetica, sans-serif;
background:#f4f6f9;
margin:0;
}

.hero{
background:linear-gradient(120deg,#1e3c72,#2a5298);
color:white;
padding:80px;
text-align:center;
}

.unidad-header{
background:#2a5298;
color:white;
text-align:center;
padding:40px;
}

.unidad-card{
padding:30px;
text-decoration:none;
color:black;
transition:0.3s;
}

.unidad-card:hover{
transform:scale(1.05);
box-shadow:0 10px 20px rgba(0,0,0,0.2);
}

.materia{
padding:20px;
margin-bottom:20px;
border:none;
box-shadow:0 5px 15px rgba(0,0,0,0.1);
}

.materia h3{
text-align:center;
margin-bottom:15px;
}

.materia ul{
list-style:none;
padding:0;
}

.materia li{
margin:8px 0;
}

.materia a{
text-decoration:none;
color:#2a5298;
font-weight:bold;
}

.materia a:hover{
color:#ff6600;
}

footer{
background:#111;
color:white;
text-align:center;
padding:20px;
margin-top:50px;
}