.body{
background:#000;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
padding-top:50px;
font-family:Arial;
}

.contenedor{
width:90%;
margin-top:40px;
}

iframe{
width:100%;
height:600px;
border:none;
border-radius:10px;
background:white;
}

/* selector */

.glass-radio-group{

--bg:rgba(255,255,255,0.06);
--text:#e5e5e5;

display:flex;
position:relative;
background:var(--bg);
border-radius:1rem;
backdrop-filter:blur(12px);
overflow:hidden;
width:fit-content;
}

.glass-radio-group input{
display:none;
}

.glass-radio-group label{

flex:1;
display:flex;
align-items:center;
justify-content:center;
min-width:120px;
font-size:14px;
padding:0.8rem 1.6rem;
cursor:pointer;
font-weight:600;
color:var(--text);
position:relative;
z-index:2;
}

.glass-radio-group label:hover{
color:white;
}

.glass-radio-group input:checked + label{
color:white;
}

.glass-glider{

position:absolute;
top:0;
bottom:0;
width:calc(100% / 4);
border-radius:1rem;
z-index:1;
transition:transform 0.4s ease;
}

/* IEEE 828 */

#glass-silver:checked ~ .glass-glider{
transform:translateX(0%);
background:linear-gradient(135deg,#c0c0c055,#e0e0e0);
}

/* IEEE 1016 */

#glass-gold:checked ~ .glass-glider{
transform:translateX(100%);
background:linear-gradient(135deg,#ffd70055,#ffcc00);
}

/* IEEE 1028 */

#glass-platinum:checked ~ .glass-glider{
transform:translateX(200%);
background:linear-gradient(135deg,#d0e7ff55,#a0d8ff);
}

/* IEEE 29119 */

#glass-diamond:checked ~ .glass-glider{
transform:translateX(300%);
background:linear-gradient(135deg,#c9f7ff55,#ff6fe7);
}