﻿.economy {
    color: white;
    background-color: #43aa8b;
}

.first-class {
    color: white;
    background-color: #277da1;
}

.second-class {
    color: white;
    background-color: #cb0c1f;
}

.reduced {
    color: white;
    background-color: #f8961e;
}

/* Contentor exterior fixo */
.zoom-container {
    height: 450px;
    border: 2px solid #ccc;
    overflow: hidden; /* Corta o conteúdo que sai fora */
    position: relative;
    background: #f5f5f5;
    /*cursor: grab;  Mão aberta para indicar que é arrastável */
    user-select: none; /* Impede a seleção de texto ao arrastar */
}

    .zoom-container:active {
        cursor: grabbing; /* Mão fechada durante o arrasto */
    }

/* O elemento que vai receber o Zoom e o Pan */
#container {      
    /* Ponto de origem no centro para o zoom funcionar bem */
    transform-origin: center center;

    /* Transição curta apenas para o scroll ficar fluido */
    transition: transform 0.05s ease-out;
}
