*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;min-height:100%;overflow-x:hidden}body{background-color:#fff;font-family:system-ui}.cabecero{z-index:100;background-color:#fff;grid-template-columns:1fr 2fr 1fr;width:100%;padding:8px 16px;display:grid;position:sticky;top:0}.sesiones{align-items:center;margin:auto;display:flex}.sesiones a{margin-inline:5px}.imagen{cursor:pointer;width:160px;transition:transform .3s}.botones{align-items:center;gap:10px;margin-inline:auto;display:flex}.boton-animado{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(-30px)}.boton-animado.visible{opacity:1;transform:translateY(0)}#logo{opacity:0;animation:1s forwards aparecerDerecha;transform:translate(20px)}@keyframes aparecerDerecha{to{opacity:1;transform:translate(0)}}@media screen and (max-width:768px){.cabecero{grid-template-columns:1fr;padding:8px 16px}.imagen{margin-inline:auto}.botones,.sesiones{margin-right:0;flex-wrap:wrap;justify-content:center;gap:6px;width:100%;margin-inline-start:0;padding:8px 0}}