.fundo-padrao {
    background-color: #f5f5f5;
    background-color:#F8F9FA;
}
.header-padrao {
    color:#fff!important;
    background-color:#34495e!important
}
.card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}
.cinza-claro {
    background: #f8f9fa;
}
.btn-medium {
    padding: 8px 15px;
    border: none;
    border-radius: 20px;
    cursor: pointer;
    font-weight: bold;
    transition: all 0.3s;
}
.btn-small {
    padding: 3px 10px;
    border: none;
    border-radius: 15px;
    cursor: pointer;
    font-size: .8em;
    font-weight: 800;
    transition: all 0.3s;
}
.sis-round-6{
    border-radius:6px
}

/* CORES DO SISTEMA */
.rosa {
    color: white;
    background: #e74c3c!important;
}

.disponivel {
    background-color: #28a745!important;
    color: white ;
}

.vermelho {
    background-color: #dc3545!important;
    color: white;
}
.vermelho-check{
    background-color:#e74c3c;
}
.verde-check {
    background-color:   #27ae60;
    color: white ;
}
.todos {
    background-color:#34495e!important;
    color: white ;
}
.laranja {
    background-color: #ffc107!important;
    color:white;
}
.azulao {
    background-color:#34495e!important;
    color: white ;
}

#cotacao-form {
    position: absolute;
    z-index: 100;
    text-align: center;
    min-width: 50%
}

#cotacao-form-header {
    padding: 10px;
    cursor: move;
    z-index: 100;
    color: #fff;
}
.div-status {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 15px;
    font-size: .8em;
    font-weight: 800;
    font-family: 'Segoe UI';
}
.grid-geral {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 10px;
}
.grid-geral-400 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
    gap: 10px;
}
.grid-colunas {
    max-width: 1400px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 300px  1100px ;
    gap: 20px;
}

.grid-coluna {
    max-width: 1400px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4 colunas iguais */
    gap: 20px;
}

.grid-coluna-4 {
    margin: 0 auto;
    display: grid;
    grid-template-columns: 25% 25% 25% 25%  ;
    gap: 20px;
}
.section-title {
    border-left: 4px solid #2196F3;
    padding-left: 10px;
    margin: 20px 0 15px 0;
}
.btn-padrao {
    padding: 8px 15px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 1rem;
    transition: all 0.3s;
}
.btn-padrao:hover {
    color:#000!important;
    background-color:#F8F9FA!important
}


.div-destaque {
    background: #eee;
    padding: 4px 8px;
    border-radius: 6px;
    margin-right: 5px;
}
.guest-card {
    border-left: 4px solid #6f42c1;
    /*    min-height: 200px;*/
    /*    background-color: #17a2b8!important;*/
}
.guest-card-oc {
    border: 1px solid #e0e0e0;           /* border simples em toda volta */
    border-left: 5px solid #2196F3;    /* left-border com cor destacada */
    border-radius: 8px;                  /* cantos arredondados (opcional) */
    padding: 15px;
    margin-bottom: 15px;
    background: white;
    transition: box-shadow 0.2s ease;
}
.guest-card-full {
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
    padding: 24px 20px;
    border-left: 6px solid #e74c3c; /* destaque de atraso */
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    height: 100%; /* respeita o h-100 do Bootstrap */
    position: relative;
    overflow: hidden;
}

/* Efeito hover sutil */
.guest-card-full:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(231, 76, 60, 0.12);
}
.h-100 {
    min-height: 100px;
}
.h-200 {
    min-height: 200px;
}
.border-card {
    border-left: 4px solid #6f42c1;
}

.sabado {
    background-color: #fff5cc;  /* amarelo claro */
    color: #a06a00;
    font-weight: bold;
}

.domingo {
    background-color: #ffe0e0;  /* vermelho claro */
    color: #b30000;
    font-weight: bold;
}
.feriado {
    background-color: #ffd6ff; /* rosa claro */
    color: #800080;           /* roxo forte */
    font-weight: bold;
}
.borda-left-verde {
    border-left: 4px solid #28a745; /* Define borda à esquerda com cor verde e espessura de 4px */
}
.borda-left-azul {
    border-left: 4px solid #2B3D4F; /* Define borda à esquerda com cor verde e espessura de 4px */
}
.borda-left-blue {
    border-left: 4px solid #2196F3; /* Define borda à esquerda com cor verde e espessura de 4px */
}
.div-titulo {
    margin:0!important;
    font-weight:400!important;
    letter-spacing:0.5px!important;
    font-size: 18px;
}
.div-titulo-complementoxx {
    font-size:13px;
    opacity:0.8
}
/* Estilização base do cartão */


/* Título do complemento (ex: "Atrasados") */
.div-titulo-complemento {
    font-size: 0.85rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;

    padding: 4px 14px;
    border-radius: 30px;
    display: inline-block;
    margin-bottom: 10px;
}