body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
line-height: 1.6;
margin: 0;
padding: 0;
background: linear-gradient(135deg, #00002a, #55008d, #1d0080);
background-size: 400% 400%;
animation: gradientBG 15s ease infinite;
color: #fff;
text-align: center;
}

@keyframes gradientBG {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}

.container {
max-width: auto;
margin: 40px auto;
padding: 30px;
}

.links-container {
margin-top: 20px;
}
.link-item {
margin: 15px 0;
}

.link-item a {
text-decoration: none;
color: #1a73e8;
font-size: 18px;
font-weight: 600;
padding: 12px 24px;
border-radius: 10px;
background-color: #fff;
display: inline-block;
transition: all 0.3s ease;
}

.link-item a:hover {
background-color: #f0f0f0;
transform: scale(1.05);
}

.logo {
width: 150px;
height: auto;
margin: 0 auto 20px;
}

h1 {
margin-bottom: 20px;
font-size: 28px;
font-weight: bold;
color: #1e88e5; /* Color primario de marca */
border-bottom: 2px solid #eeeeee;
padding-bottom: 10px;
}

h2 {
margin-top: 30px;
font-size: 22px;
font-weight: bold;
color: #444;
}

p {
font-size: 16px;
line-height: 1.6;
margin-bottom: 20px;
}

a {
color: #00FFFF;
text-decoration: none;
font-weight: 600;
}

a:hover {
text-decoration: underline;
}

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

ul li {
margin: 8px 0;
font-size: 16px;
}

.date {
font-style: italic;
color: #777;
margin-top: 20px;
display: block;
}