:root {
            --brand-dark: #034863;
            --brand-accent: #007699;
            --brand-light: #e6f4f8;
            --text-dark: #0f172a;
            --text-muted: #475569;
            --card-shadow: 0 10px 25px rgba(3, 72, 99, 0.06);
        }

        .cart-wrapper {
            background-color: #f8fafc;
        }

        /* Indicador de Pasos del Checkout */
        .checkout-steps {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 3rem;
            position: relative;
        }

        .checkout-step-item {
            display: flex;
            flex-direction: column;
            align-items: center;
            position: relative;
            z-index: 2;
        }

        .step-number {
            width: 32px;
            height: 32px;
            border-radius: 50%;
            background-color: #e2e8f0;
            color: var(--text-muted);
            font-weight: 700;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 0.88rem;
            margin-bottom: 6px;
            transition: all 0.3s ease;
        }

        .checkout-step-item.active .step-number {
            background-color: var(--brand-accent);
            color: #ffffff;
            box-shadow: 0 0 0 4px rgba(0, 118, 153, 0.15);
        }

        .checkout-step-item.active .step-label {
            color: var(--brand-dark);
            font-weight: 700;
        }

        .step-label {
            font-size: 0.8rem;
            color: var(--text-muted);
        }

        /* Tarjeta de Contenido */
        .cart-card {
            background: #ffffff;
            border: 1px solid #e2e8f0;
            border-radius: 16px;
            box-shadow: var(--card-shadow);
        }

        /* Selector de Cantidad */
        .qty-selector {
            background-color: #f1f5f9;
            border: 1px solid #cbd5e1;
            border-radius: 50rem;
            height: 38px;
            width: 104px;
            padding: 0 4px;
        }

        .qty-btn {
            border: none;
            background: transparent;
            color: #334155;
            font-size: 1rem;
            font-weight: 700;
            width: 26px;
            height: 26px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: background 0.2s;
        }

        .qty-btn:hover {
            background-color: #e2e8f0;
        }

        /* Botón Principal */
        .btn-continue-checkout {
            background-color: var(--brand-accent);
            color: #ffffff;
            font-weight: 700;
            border-radius: 50rem;
            padding: 12px 24px;
            border: none;
            transition: all 0.25s ease;
        }

        .btn-continue-checkout:hover {
            background-color: var(--brand-dark);
            color: #ffffff;
            transform: translateY(-2px);
            box-shadow: 0 6px 18px rgba(3, 72, 99, 0.25);
        }

        /* Banner de Confianza */
        .trust-footer-card {
            background: #ffffff;
            border: 1px solid #e2e8f0;
            border-radius: 16px;
            padding: 20px;
        }