/* === RESET & BASE === */
*{font-family:Roboto;margin:0;padding:0;vertical-align:top;color:#fff;font-weight:400}
*,*:before,*:after{box-sizing:border-box}
body{background:#0a0e27;line-height:1.5;text-align:center}
body::before{content:'';position:fixed;inset:0;z-index:-1;opacity:.3;background:linear-gradient(0deg,transparent 24%,rgba(0,217,255,.05) 25% 26%,transparent 27% 74%,rgba(0,217,255,.05) 75% 76%,transparent 87%),linear-gradient(90deg,transparent 24%,rgba(0,217,255,.05) 25% 26%,transparent 27% 74%,rgba(0,217,255,.05) 75% 76%,transparent 87%);background-size:48px 48px}
/* === TYPOGRAPHY === */
h1{color:#559DF6;letter-spacing:-2px;line-height:1.1;text-align:left;text-shadow:0 0 24px #559DF6;margin-top:16px}
h2,h3,h4{color:#559DF6;line-height:1}
p{margin:8px 0;line-height:1.5}
.precio{font-size:32px;color:#559DF6}
ul{list-style-type:none}
li{line-height:1.5}
span{font-size:80px;color:#559DF6;line-height:64px}
b,strong{color:#559DF6}
/* === LINKS & BUTTONS === */
a,input[type=submit]{background:transparent;border-radius:32px;border:2px solid #559DF6;color:#559DF6;cursor:pointer;display:inline-block;font-size:14px;line-height:1;margin:16px 0;padding:16px 64px;text-decoration:none;transition:all .5s ease}
a:hover,input[type=submit]:hover{box-shadow:0 0 30px #559DF6,inset 0 0 20px #559DF6;}
input[type=number]{padding:8px;color:#000}
hr{margin:16px auto;border:1px solid #559DF6;max-width:1200px}
/* === CARDS === */
.card1,.card2,.card3{background:linear-gradient(135deg,rgba(0,217,255,.02),rgba(0,217,255,.04));border:1px solid #559DF6;display:inline-block;margin:16px;overflow:hidden;padding:32px 16px 32px 32px;position:relative;transition:all .5s ease;text-align:left;vertical-align:top}
.card1{max-width:1200px;width:100%}
.card2{min-width:528px;max-width:528px}
.card3{max-width:304px;min-width:304px}
.card3::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,217,255,.2),transparent);transition:left .5s ease}
.card3:hover::before{left:100%}
.card3:hover{border-color:#559DF6}
.flex2{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:left;gap:16px}
.caja{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:16px 0;}
/* === SVG === */
svg{fill:#559DF6;height:48px;min-width:48px;width:48px}
a.redes2{height:48px;width:48px;border:none;padding:0;margin:8px;border-radius:24px}
a.redes2:hover{color:#559DF6}
a.walts{border:none;margin:0;padding:0}
a.walts:hover{box-shadow:none;transform:scale(1.05)}
svg.walt{fill:#559DF6;height:122px;width:300px}
/* === RESPONSIVE === */
@media (max-width:1200px){.card1,.card2,.card3{max-width:100%;min-width:0;width:100%;margin:16px 0;box-sizing:border-box}.card1{padding:16px}html,body{overflow-x:hidden;max-width:100%}}
/* === NUEVO === */
img
{
width:600px;
height:450px;
display:inline-block;
}
iframe 
{
width:600px;
height:338px;
display:inline-block;
}
img.img2 
{
width:450px;
height:600px;
display:inline-block;
}
@media (max-width:600px) 
{
img, img.img2  
{
width:100%;
height:auto;
}
iframe 
{
width:300px;
height:169px;
}
}
img.clientes2
{
width:240px;
height:120px;
margin:8px;
filter:grayscale(100%);
}
img.foto{height:200px;width:200px}
img.foto:hover{transform:scale(1.05);transition:transform .8s;z-index:1}
img.conferencistas{border-radius:14px;filter:grayscale(100%);height:128px;width:64px;margin-bottom:16px;}
.caja-glosario{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;margin:32px 0;}
.amenus 
{
display:none;
}
.amenu 
{
min-width:160px;max-width:160px;margin:4px;text-align:center;padding:14px 0;
}
.icon 
{
background:transparent;
border:none;
cursor:pointer;
display:block;
position:absolute;
right:8px;
top:4px;
}