html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

model-viewer {
    width: 100%;
    height: 100%;
    display: block; /* Asegura que ocupe todo el espacio disponible */
}

#error {
background-color: #ffffffdd;
border-radius: 16px;
padding: 16px;
position: absolute;
left: 50%;
top: 50%;
transform: translate3d(-50%, -50%, 0);
transition: opacity 0.3s;
}
#error.hide {
    opacity: 0;
    visibility: hidden;
    transition: visibility 2s, opacity 1s 1s;
}