@media (min-width: 1200px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: 1240px;
    }
}

.m-t {
    margin-top: -10px;
}

@media (max-width: 767px) {
    .m-t {
        margin-top: 0;
    }
}


.img-banner{
    border-radius: 15px;
}

.img-logo{
    height:50px !important; 
    width: 170px !important;
}

.label {
    display: inline;
    padding: 0.2em 0.6em 0.3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25em;
}

.label-Aceptada {
    background-color: #5cb85c;
}

.label-Pendiente {
    background-color: #5bc0de;
}

.label-Rechazada {
    background-color: #FFA900;
}

.label-Anulado {
    background-color: #d9534f;
}

.label-Ninguno {
    color: #212529;
    background-color: #dae0e5;
}

.label-Con-Error {
    background-color: #343a40;
}

ul.navbar-nav li.nav-item a.nav-link {
    font-size: medium;
    color:white;
}

.img-cloud {
    height: 420px !important;
    width: 100% !important;
    border-radius: 15px !important;
}

.c-w{
    color:white !important;
}

.img-menu{
    width:300px;
    margin-top:-15px;
}

.suite-brilloso {
    /* --- EL NUEVO DEGRADADO --- */
    background: linear-gradient( to bottom,
    /* 0%: Parte superior. Un verde claro, pero definitivamente VERDE, no blanco. */
    #2a9c68 0%,
    /* 48%: Justo antes de la mitad, sigue siendo verde claro. */
    #5ec290 48%,
    /* 49.5%: EL BRILLO. Aquí es el único punto donde se pone casi blanco/menta pálido */
    #d9f2e6 49.5%,
    /* 50%: EL CORTE DURO. Vuelve inmediatamente al color base original. */
    #008F4F 50%,
    /* 100%: Parte inferior. El color base sólido para dar peso. */
    #008F4F 100% );
    /* --- MÁSCARA DE RECORTE (Igual que antes) --- */
    /* Esto asegura que el fondo solo se vea dentro de las letras */
    -webkit-background-clip: text;
    background-clip: text;
    /* Hacemos el texto transparente para ver el fondo */
    color: transparent;
    -webkit-text-fill-color: transparent;
    /* --- TIPOGRAFÍA --- */
    /* Necesario para que se note el efecto */
    font-weight: 900; /* Usar la fuente más gruesa posible */
    text-transform: uppercase;
    display: inline-block;
}


/* Text Utilities */
.text-justified {
    text-align: justify;
    text-justify: inter-word;
}