* 
{
margin:0;
padding:0;
color:white;
font-size:16px;
}
*, :after, :before 
{
box-sizing:border-box;
}
body 
{
font-family:Roboto, arial;
background:#0a0e27;
line-height:1.6;
text-align:center;
letter-spacing:0.4px;
}
body::before 
{
content:'';
position:fixed;
inset:0;
background:
linear-gradient(0deg, transparent 24%, rgba(0, 217, 255, .05) 25%, rgba(0, 217, 255, .05) 26%, transparent 27%, transparent 74%, rgba(0, 217, 255, .05) 75%, rgba(0, 217, 255, .05) 76%, transparent 77%, transparent),
linear-gradient(90deg, transparent 24%, rgba(0, 217, 255, .05) 25%, rgba(0, 217, 255, .05) 26%, transparent 27%, transparent 74%, rgba(0, 217, 255, .05) 75%, rgba(0, 217, 255, .05) 76%, transparent 77%, transparent);
background-size:50px 50px;
z-index:-1;
opacity:0.3;
}
h1, h2, h3  
{
text-shadow:0 0 20px #559DF6;
margin:20px 0;
line-height:1.2;
}
h1 
{
font-size:3em;
}
h2 
{
font-size:2.5em;
}
h3 
{
font-size:1.8em;
}
.card, .card2 
{
background:linear-gradient(135deg, rgba(0, 217, 255, 0.01), rgba(0, 217, 255, 0.02));
border-radius:16px;
border:1px solid #559DF6;
display:inline-block;
margin:20px;
overflow:hidden;
padding:32px;
position:relative;
transition:all 0.3s ease;
vertical-align:top;
}
.card 
{
width:600px;
}
.card::before 
{
content:'';
position:absolute;
top:0;
left:-100%;
width:100%;
height:100%;
background:linear-gradient(90deg, transparent, rgba(0, 217, 255, 0.2), transparent);
transition:left 0.5s ease;
}
.card:hover::before 
{
left:100%;
}
.card:hover 
{
border-color:#559DF6;
}
.card2 
{
width:90%;
max-width:1246px;
}
.card p 
{
color:#cce7ff;
margin-bottom:15px;
text-align:left;
}
a, input[type=submit] 
{
background:transparent;
border-radius:30px;
border:2px solid #559DF6;
color:#559DF6;
cursor:pointer;
display:inline-block;
font-weight:bold;
letter-spacing:2px;
margin:20px auto 0;
padding:15px 40px;
text-decoration:none;
transition:all 0.3s ease;
}
a:hover, input[type=submit]:hover 
{
box-shadow:0 0 30px rgba(0, 217, 255, 0.8), inset 0 0 20px rgba(0, 217, 255, 0.3);
transform:scale(1.05);
}
.a64 
{
width:64px;
height:64px;
margin:16px;
background:white;
border-radius:8px;
}
.a64:hover 
{
background-color:#5384A4;
}
.menu 
{
padding:20px 0;
position:relative;
}
.menu #Links 
{
display:none;
padding:0 0 20px 0;
}
.menu span.icon 
{
background:transparent;
border:none;
color:white;
cursor:pointer;
font-size:36px;
position:absolute;
right:20px;
top:20px;
}
img 
{
width:400px;
height:225px;
margin:auto;
border-radius:16px;
}
.logo 
{
border:none;
display:block;
height:80px;
margin:0 auto;
padding:0;
width:240px;
}
.logo:hover
{
box-shadow:none;
border:none;
}
.redes2, .redes2:hover 
{
box-shadow:none;
border:none;
margin:0;
padding:0;
}
img.cursos 
{
width:800px;
height:300px;
border-radius:14px;
}
img.conferencistas 
{
width:64px;
height:128px;
filter:grayscale(100%);
border-radius:14px;
}
img.redes 
{
width:140px;
height:47px;
}
ul 
{
text-align:left;
margin-left:20px;
line-height:2;
font-size:14px;
}
hr 
{
margin:20px;
border:1px solid #559DF6;
}
.blanco 
{
background-color:white;
}
.grupos 
{
text-align:center;
}
@media (max-width:800px) 
{
.card, .card2 
{
width:100%;
margin:20px auto;
}
h1 
{
font-size:2em;
}
img 
{
width:300px;
height:169px;
}
img.cursos 
{
width:300px;
height:113px;
}
}
input[type=radio]
{
margin:16px;	
}
svg
{
fill:white;
height:40px; 
width:40x;
min-width:40px;
margin:16px;
}
span.precio
{
font-size:40px;font-weight:100;
}
.izq 
{
text-align:left;	
}