* 
{
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.1;
color:#6FACF6;
}
h1 
{
font-size:3em;
}
h2 
{
font-size:2.5em;
}
h3 
{
font-size:1.8em;
}
.card1, .card2, .card3  
{
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;
}
.card2 
{
width:600px;
}
.card2::before, .card3::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;
}
.card2:hover::before, .card3:hover::before 
{
left:100%;
}
.card2:hover, .card3:hover  
{
border-color:#559DF6;
}
.card1 
{
width:90%;
max-width:1246px;
}
.card3 
{
max-width:300px;
min-width:300px;
}
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:600px;
height:600px;
margin:auto;
border-radius:16px;
}
img.img2 
{
width:900px;
height:900px;
margin:auto;
border-radius:16px;
}
.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) 
{
.card1, .card2, .card3 
{
width:100%;
margin:0;
margin:20px auto;
}
h1 
{
font-size:2em;
}
img, img.img2 
{
width:300px;
height:300px;
}
img.cursos 
{
width:300px;
height:113px;
}
}
input[type=radio]
{
margin:16px;	
}
svg
{
fill:white;
height:40px; 
width:40px;
min-width:40px;
margin:8px;
}
svg.estrella 
{
fill:#FABB05;
height:20px;
margin:2px;
width:20px;
min-width:20px;
max-width:20px;
text-align:left;
}
.precio
{
font-size:40px;font-weight:100;text-align:center;
}
p, .izq 
{
text-align:left;	
}
.cent 
{
text-align:center;	
}

/* hoy */
img.mona 
{
width:300px;
height:600px;
margin:0 auto -32px;
}
img.logo 
{
border:none;
display:block;
height:80px;
margin:20px auto 0;
padding:0;
width:240px;
}
img.logo:hover
{
box-shadow:none;
border:none;
}
.flex1, .flex2  
{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:left;
align-items:center;
}
.flex2
{
gap:20px;	
}
.flex4 
{
display:inline-flex;
flex-direction:column;
flex-wrap:nowrap;
justify-content:center;
align-items:center;
min-width:120px;

}
.fondo5
{
background: radial-gradient(circle, rgba(0, 255, 255, 0.18) 0%, rgba(0, 255, 255, 0) 40%);
}
img.foto 
{
width:200px;
height:200px;
}
img.foto:hover 
{
transition:transform 0.8s;
transform:scale(1.05);
z-index:1;
}
a.link, a 
{
display:inline-block;
margin:16px;
}
@media (max-width:800px) 
{
.flex1 
{
display:block;
}
img.mona 
{
margin-bottom:-40px;
}
}