/* Medios del detalle: misma identidad visual y controles dentro de su marco. */
.tienda__galeria [hidden] {
    display: none;
}

.tienda__video-detalle {
    display: block;
    width: 100%;
    height: min(58vh, 32rem);
    object-fit: contain;
    background: #0b0a07;
}

.tienda__modelo-acciones {
    display: flex;
    justify-content: center;
    padding-top: 1rem;
}

.tienda__modelo {
    width: min(92vw, 70rem);
    max-height: 90vh;
    padding: 1.5rem;
    color: #eee9dc;
    background: #0b0a07;
    border: 1px solid #ac5a1e;
    border-radius: 0.75rem;
}

.tienda__modelo::backdrop {
    background: rgb(0 0 0 / 78%);
}

.tienda__modelo h2 {
    padding-right: 3rem;
}

.tienda__modelo model-viewer {
    display: block;
    width: 100%;
    height: min(65vh, 42rem);
}

.tienda__modelo-cerrar {
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 2.5rem;
    height: 2.5rem;
    color: inherit;
    background: #171410;
    border: 1px solid #ac5a1e;
    border-radius: 0.4rem;
    cursor: pointer;
}