/* CARD */
.venta-detalle-card {
    max-width: 800px;
    margin: auto;
    border-radius: 20px;
    padding: 1.5rem;
    box-shadow: 0 12px 30px rgba(0,0,0,.08);
    animation: fadeInUp .4s ease;
}

/* HEADER */
.venta-detalle-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    border-bottom: 1px solid rgba(0,0,0,.08);
    padding-bottom: 1rem;
}

/* META */
.venta-meta {
    display: flex;
    gap: 1rem;
    font-size: .85rem;
    color: var(--rz-text-secondary-color);
}

/* TOTAL BADGE */
.venta-total-badge {
    background: var(--rz-success);
    color: white;
    padding: .5rem 1rem;
    border-radius: 12px;
    font-weight: bold;
}

/* LISTA */
.venta-detalle-list {
    display: flex;
    flex-direction: column;
    gap: .6rem;
    margin-top: 1rem;
}

/* ITEM */
.venta-item {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    padding: .7rem 1rem;
    border-radius: 12px;
    background: var(--rz-base-default);
    border: 1px solid rgba(0,0,0,.05);
}

/* NOMBRE */
.venta-item-nombre {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-weight: 600;
}

/* DATOS */
.venta-item-datos {
    display: flex;
    gap: 1rem;
    align-items: center;
}

/* PRECIOS */
.precio-unitario {
    font-size: .8rem;
    color: var(--rz-text-secondary-color);
}

.precio-total {
    font-weight: bold;
    color: var(--rz-success);
}

/* FOOTER */
.venta-detalle-footer {
    margin-top: 1.2rem;
    padding-top: .8rem;
    border-top: 1px solid rgba(0,0,0,.08);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* TOTAL FINAL */
.venta-total-final {
    font-size: 1.2rem;
}


/* HOVER */
.venta-detalle-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 18px 40px rgba(0,0,0,.12);
    transition: all .25s ease;
}

/* KEYFRAME */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(15px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.venta-total-badge {
    animation: popIn .35s ease;
    transition: all .2s ease;
}

    /* HOVER */
    .venta-total-badge:hover {
        transform: scale(1.08);
    }

/* KEYFRAME */
@keyframes popIn {
    0% {
        transform: scale(.7);
        opacity: 0;
    }

    70% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.venta-total-final {
    animation: fadeIn .6s ease;
}

/* KEYFRAME */
@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}