.success {
    color: #155724 !important;
    border-color: #96cea6 !important;
}

.fail {
    border-color: #a8113c !important;
    color: #a8113c !important;
}


.box-card .info p.lead {
    font-size: 1.25rem;
}

#cos .documentDescription {
    color: inherit;
}

.onvoto .box-card {
    background-color: #fee;
}

.form-lg .form-control {
    transition: all 0.5s ease;
    border-radius: 0;
    padding: 1rem;
    font-weight: lighter;
    font-size: 1rem;
}

.form-lg input {
    height: calc(1.5em + 1rem + 2px) !important;
}

.form-lg button, #suggestions .items-carrer {
    font-weight: lighter;
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.onvoto {
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem;
    background: #f4f4f4;
}

#vehicle-situacio .card {
    border: 1px solid #6caee0;
    border-left-width: 5px;
}

#content .zbe-logo {
    object-fit: contain;
}

.stamp {
    position: absolute;
    -webkit-animation-name: pulse;
    animation-name: pulse;
    animation-delay: 0.9s;
    -webkit-animation-delay: 0.9s;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    opacity: 0;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    z-index: 10;
    right: -11px;
    top: -45px;
    width: 160px;
}

@-webkit-keyframes pulse {
    0% {
        opacity: 0;
        /* Inicio: Muy grande (scale 5), muy arriba (-300px) y rotado */
        -webkit-transform: translateY(-300px) scale(5) rotate(45deg);
        transform: translateY(-300px) scale(5) rotate(45deg);
    }
    80% {
        opacity: 1;
        /* Cerca del destino: casi a tamaño normal, con sobre-rotación para el rebote */
        -webkit-transform: translateY(0) scale(1.1) rotate(-15deg);
        transform: translateY(0) scale(1.1) rotate(-15deg);
    }
    100% {
        opacity: 1;
        /* Aterrizaje final: Tamaño normal (scale 1), posición final y rotación -10deg */
        -webkit-transform: scale(1) rotate(-10deg);
        transform: scale(1) rotate(-10deg);
    }
}

@keyframes pulse {
    0% {
        opacity: 0;
        transform: translateY(-300px) scale(5) rotate(45deg);
    }
    80% {
        opacity: 1;
        transform: translateY(0) scale(1.1) rotate(-15deg);
    }
    100% {
        opacity: 1;
        transform: scale(1) rotate(-10deg);
    }
}

@media screen and (max-width: 992px) {
    .stamp {
        max-width: 130px;
    }
}

@media (max-width: 767.98px) {
 .stamp {
        max-width: 110px;
    }
}