.plano_asiento_ocupado
{
fill:rgb(105, 105, 105);
stroke:#1A171B;
stroke-miterlimit:10;
cursor: not-allowed;
}

.plano_asiento_libre
{
fill:#00BA0D;
stroke:#1A171B;
stroke-miterlimit:10;
cursor: pointer;
}

.plano_asiento_elegido
{
fill:#FF7300;
stroke:#1A171B;
stroke-miterlimit:10;
cursor: pointer;
}

.plano_asiento_bloqueado
{
fill:#FFFFFF;
stroke:#1A171B;
stroke-miterlimit:10;
cursor: not-allowed;
}

.st0
{
fill:#CC0000;
}
.st1
{
fill:#B5E1F6;
}
.st2
{
fill:none;
stroke:#B1B2B4;
stroke-width:2;
stroke-linecap:round;
stroke-linejoin:round;
stroke-miterlimit:10;
}

.st6
{
fill:#1A171B;
}
.st7
{
font-family:'Arial';
}
.st8
{
font-size:20px;
}
.st9, #numeros
{
fill:#FFFFFF;
pointer-events: none;
}
.st10
{
fill:#B1B2B4;
}
.st11
{
fill:none;
}
.st12
{
fill:#87C0E5;
}
.st13
{
fill:#87C0E5;
stroke:#87C0E5;
stroke-width:0.72;
stroke-linecap:round;
stroke-miterlimit:10;
}

@media (max-width: 768px)
{
.plano_asiento_libre,
.plano_asiento_elegido
{
pointer-events: none;
cursor: not-allowed;
}
}

.escenario-butacas-movil
{
margin: 16px auto 0;
max-width: 520px;
text-align: left;
}

.movil-select-wrap label
{
display: block;
font-size: 14px;
margin-bottom: 6px;
}

.movil-select-wrap select
{
width: 100%;
padding: 8px 10px;
border: 1px solid #1A171B;
border-radius: 6px;
background: #FFFFFF;
}

.movil-fila-cargada
{
margin-top: 16px;
}

.movil-fila-titulo
{
font-size: 16px;
font-weight: 700;
margin-bottom: 12px;
text-align: center;
}

.movil-fila-placeholder,
.movil-fila-cargando,
.movil-fila-error
{
background: #F3F3F3;
border: 1px dashed #B1B2B4;
border-radius: 8px;
padding: 16px;
text-align: center;
}

.movil-asientos-grid
{
display: flex;
flex-wrap: wrap;
gap: 8px;
justify-content: center;
}

.movil-asiento
{
width: 38px;
height: 38px;
border-radius: 6px;
border: 1px solid #1A171B;
font-size: 12px;
font-weight: 700;
color: #FFFFFF;
}

.movil-asiento.libre
{
background: #00BA0D;
cursor: pointer;
}

.movil-asiento.ocupado
{
background: #696969;
cursor: not-allowed;
}

.movil-asiento.elegido
{
background: #FF7300;
cursor: pointer;
}

.movil-leyenda
{
display: flex;
gap: 12px;
justify-content: center;
margin-top: 12px;
font-size: 12px;
text-transform: lowercase;
}

.movil-leyenda-item
{
display: inline-flex;
align-items: center;
gap: 6px;
}

.movil-leyenda-item::before
{
content: "";
display: inline-block;
width: 12px;
height: 12px;
border-radius: 3px;
border: 1px solid #1A171B;
}

.movil-leyenda-item.libre::before
{
background: #00BA0D;
}

.movil-leyenda-item.ocupado::before
{
background: #696969;
}

.movil-leyenda-item.elegido::before
{
background: #FF7300;
}

.movil-acciones
{
margin-top: 16px;
text-align: center;
}

#boton_comprar_movil, #boton_comprar
{
padding: 10px 18px;
border-radius: 6px;
border: 0;
background: #1A171B;
color: #FFFFFF;
}

#boton_comprar_movil[disabled], #boton_comprar[disabled]
{
background: #B1B2B4;
cursor: not-allowed;
}